Skip to content

T
ty_patentSys
Commit 2a3ab40a by liudx
Options

联调筛选专利接口

parent 88fd0d86
Showing with 759 additions and 71 deletions
src/App.vue
...@@ -18,7 +18,8 @@ ...@@ -18,7 +18,8 @@
background-color: #F2F3F5; background-color: #F2F3F5;
} }
html,body,#app{ html,body,#app{
height: 100%; // height: 100%;
// height:920px;
} }
::-webkit-scrollbar ::-webkit-scrollbar
{ {
......
src/components/HeaderCon.vue
...@@ -4,6 +4,26 @@ ...@@ -4,6 +4,26 @@
<img src="../static/login/logo-tylgd.png" alt="" /> <img src="../static/login/logo-tylgd.png" alt="" />
<span>专利成果转化智能推荐系统</span> <span>专利成果转化智能推荐系统</span>
</div> </div>
<!-- <div
class="header_con"
v-if="$store.state.current == '企业' || $store.state.current == '专利'"
>
<a-input v-model:value="keyword" :bordered="false">
<template #addonBefore>
<a-select v-model:value="type" class="type">
<a-select-option value="企业">查企业</a-select-option>
<a-select-option value="专利">查专利</a-select-option>
</a-select>
</template>
<template #addonAfter>
<img
style="padding-right: 5px"
src="@/static/home/index/icon-search.png"
alt=""
/>搜索
</template>
</a-input>
</div> -->
<div class="header_right"> <div class="header_right">
<!-- <img src="" alt=""> --> <!-- <img src="" alt=""> -->
<span class="portrait"></span> <span class="portrait"></span>
...@@ -45,18 +65,22 @@ ...@@ -45,18 +65,22 @@
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex";
export default { export default {
name: "HeaderCon", name: "HeaderCon",
props: { props: {},
created() {
this.username = this.$store.state.username;
}, },
created(){ computed: {
this.username = this.$store.state.username ...mapState(["username"]),
}, },
data() { data() {
return { return {
hover_num: 0, hover_num: 0,
username:'' username: "",
type: "专利",
keyword: "",
}; };
}, },
methods: { methods: {
...@@ -74,12 +98,11 @@ export default { ...@@ -74,12 +98,11 @@ export default {
window.open(routeUrl.href, "_blank"); window.open(routeUrl.href, "_blank");
}, },
exit() { exit() {
this.$router.push({ this.$router.push({
path: "/login", path: "/login",
}); });
localStorage.removeItem('login_name'); localStorage.removeItem("login_name");
localStorage.removeItem('password') localStorage.removeItem("password");
}, },
}, },
}; };
...@@ -99,6 +122,43 @@ export default { ...@@ -99,6 +122,43 @@ export default {
padding: 0 15px; padding: 0 15px;
} }
} }
.header_con {
// padding: 0 10px 30px;
width: 700px;
height: 50px;
margin: 10px;
// padding: 10px;
border: 2px solid #4079ff;
border-radius: 8px;
.type {
width: 90px;
height: 40px;
// margin-top: 10px;
// line-height: 50px;
padding: 0px 0;
background-color: #fff;
border-color: transparent;
}
:deep(.ant-input-group .ant-input) {
// height: 54px;
font-size: 18px;
}
:deep(.ant-input) {
border-color: transparent;
padding-top: 10px;
}
:deep(.ant-input-group-addon:first-child) {
border-color: transparent;
padding-top: 5px;
}
:deep(.ant-input-group-addon:last-child) {
height: 48px;
width: 120px;
background-color: #4079ff !important;
color: #fff;
font-size: 18px;
}
}
.header_right { .header_right {
padding: 0 50px 30px; padding: 0 50px 30px;
// display: inline-block; // display: inline-block;
......
src/store/index.js
...@@ -4,7 +4,8 @@ export default createStore({ ...@@ -4,7 +4,8 @@ export default createStore({
state: { state: {
username:'', username:'',
token:'', token:'',
current:'首页' current:'首页',
}, },
mutations: { mutations: {
setTOKEN(state,payload){ setTOKEN(state,payload){
...@@ -18,6 +19,10 @@ export default createStore({ ...@@ -18,6 +19,10 @@ export default createStore({
// console.log(state,payload) // console.log(state,payload)
this.state.current = payload this.state.current = payload
}, },
setkeyword(state,payload){
console.log(state,payload)
this.state.keyword = payload
},
}, },
actions: { actions: {
}, },
......
src/utils/indexApi.js
import { get, post,put } from './request' import { get, post,put } from './request'
export const patents = p => get('/api/patent/patents?keyword='+p.keyword+'&page='+p.page+'&size='+p.size); export const patents = p => get('/api/patent/patents?keyword='+p.keyword+'&page='+p.page+'&size='+p.size);
export const patentselect = p => post('/api/patent/patents',p); export const patentselect = p => post('/api/patent/patents',p);
export const patentDetail = p => get('/api/patent/patentDetail/'+p.id);
src/utils/map.js 0 → 100644
const arealist = [
{
label: '太原市',
value: '太原市',
children: [{
label: "小店区",
value: "小店区"
}, {
label: "迎泽区",
value: "迎泽区"
}, {
label: "杏花岭区",
value: "杏花岭区"
}, {
label: "尖草坪区",
value: "尖草坪区"
}, {
label: "万柏林区",
value: "万柏林区"
}, {
label: "晋源区",
value: "晋源区"
}, {
label: "清徐县",
value: "清徐县"
}, {
label: "阳曲县",
value: "阳曲县"
}, {
label: "娄烦县",
value: "娄烦县"
}, {
label: "古交市",
value: "古交市"
}]
},
{
label: "大同市",
value: "大同市",
children: [{
label: "新荣区",
value: "新荣区"
}, {
label: "平城区",
value: "平城区"
}, {
label: "云冈区",
value: "云冈区"
}, {
label: "云州区",
value: "云州区"
}, {
label: "阳高县",
value: "阳高县"
}, {
label: "天镇县",
value: "天镇县"
}, {
label: "广灵县",
value: "广灵县"
}, {
label: "灵丘县",
value: "灵丘县"
}, {
label: "浑源县",
value: "浑源县"
}, {
label: "左云县",
value: "左云县"
}]
},
{
label: "阳泉市",
value: "阳泉市",
children: [{
label: "城区",
value: "城区"
}, {
label: "矿区",
value: "矿区"
}, {
label: "郊区",
value: "郊区"
}, {
label: "平定县",
value: "平定县"
}, {
label: "盂县",
value: "盂县"
}]
},
{
label: "长治市",
value: "长治市",
children: [{
label: "潞州区",
value: "潞州区"
}, {
label: "上党区",
value: "上党区"
}, {
label: "屯留区",
value: "屯留区"
}, {
label: "潞城区",
value: "潞城区"
}, {
label: "襄垣县",
value: "襄垣县"
}, {
label: "平顺县",
value: "平顺县"
}, {
label: "黎城县",
value: "黎城县"
}, {
label: "壶关县",
value: "壶关县"
}, {
label: "长子县",
value: "长子县"
}, {
label: "武乡县",
value: "武乡县"
}, {
label: "沁县",
value: "沁县"
}, {
label: "沁源县",
value: "沁源县"
}]
},
{
label: "晋城市",
value: "晋城市",
children: [{
label: "城区",
value: "城区"
}, {
label: "沁水县",
value: "沁水县"
}, {
label: "阳城县",
value: "阳城县"
}, {
label: "陵川县",
value: "陵川县"
}, {
label: "泽州县",
value: "泽州县"
}, {
label: "高平市",
value: "高平市"
}]
},
{
label: "朔州市",
value: "朔州市",
children: [{
label: "朔城区",
value: "朔城区"
}, {
label: "平鲁区",
value: "平鲁区"
}, {
label: "山阴县",
value: "山阴县"
}, {
label: "应县",
value: "应县"
}, {
label: "右玉县",
value: "右玉县"
}, {
label: "怀仁市",
value: "怀仁市"
}]
},
{
label: "晋中市",
value: "晋中市",
children: [{
label: "榆次区",
value: "榆次区"
}, {
label: "太谷区",
value: "太谷区"
}, {
label: "榆社县",
value: "榆社县"
}, {
label: "左权县",
value: "左权县"
}, {
label: "和顺县",
value: "和顺县"
}, {
label: "昔阳县",
value: "昔阳县"
}, {
label: "寿阳县",
value: "寿阳县"
}, {
label: "祁县",
value: "祁县"
}, {
label: "平遥县",
value: "平遥县"
}, {
label: "灵石县",
value: "灵石县"
}, {
label: "介休市",
value: "介休市"
}]
},
{
label: "运城市",
value: "运城市",
children: [{
label: "盐湖区",
value: "盐湖区"
}, {
label: "临猗县",
value: "临猗县"
}, {
label: "万荣县",
value: "万荣县"
}, {
label: "闻喜县",
value: "闻喜县"
}, {
label: "稷山县",
value: "稷山县"
}, {
label: "新绛县",
value: "新绛县"
}, {
label: "140826",
value: "绛县"
}, {
label: "垣曲县",
value: "垣曲县"
}, {
label: "夏县",
value: "夏县"
}, {
label: "平陆县",
value: "平陆县"
}, {
label: "芮城县",
value: "芮城县"
}, {
label: "永济市",
value: "永济市"
}, {
label: "河津市",
value: "河津市"
}]
},
{
label: "忻州市",
value: "忻州市",
children: [{
label: "忻府区",
value: "忻府区"
}, {
label: "定襄县",
value: "定襄县"
}, {
label: "五台县",
value: "五台县"
}, {
label: "代县",
value: "代县"
}, {
label: "繁峙县",
value: "繁峙县"
}, {
label: "宁武县",
value: "宁武县"
}, {
label: "静乐县",
value: "静乐县"
}, {
label: "神池县",
value: "神池县"
}, {
label: "五寨县",
value: "五寨县"
}, {
label: "岢岚县",
value: "岢岚县"
}, {
label: "河曲县",
value: "河曲县"
}, {
label: "保德县",
value: "保德县"
}, {
label: "偏关县",
value: "偏关县"
}, {
label: "原平市",
value: "原平市"
}]
},
{
label: "临汾市",
value: "临汾市",
children: [{
label: "尧都区",
value: "尧都区"
}, {
label: "曲沃县",
value: "曲沃县"
}, {
label: "翼城县",
value: "翼城县"
}, {
label: "襄汾县",
value: "襄汾县"
}, {
label: "洪洞县",
value: "洪洞县"
}, {
label: "古县",
value: "古县"
}, {
label: "安泽县",
value: "安泽县"
}, {
label: "浮山县",
value: "浮山县"
}, {
label: "吉县",
value: "吉县"
}, {
label: "乡宁县",
value: "乡宁县"
}, {
label: "大宁县",
value: "大宁县"
}, {
label: "隰县",
value: "隰县"
}, {
label: "永和县",
value: "永和县"
}, {
label: "蒲县",
value: "蒲县"
}, {
label: "汾西县",
value: "汾西县"
}, {
label: "侯马市",
value: "侯马市"
}, {
label: "霍州市",
value: "霍州市"
}]
},
{
label: "吕梁市",
value: "吕梁市",
children: [{
label: "离石区",
value: "离石区"
}, {
label: "文水县",
value: "文水县"
}, {
label: "交城县",
value: "交城县"
}, {
label: "兴县",
value: "兴县"
}, {
label: "141124",
value: "临县"
}, {
label: "141125",
value: "柳林县"
}, {
label: "141126",
value: "石楼县"
}, {
label: "141127",
value: "岚县"
}, {
label: "141128",
value: "方山县"
}, {
label: "141129",
value: "中阳县"
}, {
label: "141130",
value: "交口县"
}, {
label: "141181",
value: "孝义市"
}, {
label: "141182",
value: "汾阳市"
}]
}
]
export default arealist
\ No newline at end of file
src/views/company/companyDetails.vue
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
><img src="@/static/patent/icon-gz-select.png" alt="" />关注</span ><img src="@/static/patent/icon-gz-select.png" alt="" />关注</span
> >
</div> </div>
<a-tabs v-model:activeKey="activeKey" style="background: #fff"> <a-tabs v-model:activeKey="activeKey" style="background: #fff;">
<a-tab-pane key="企业概况" tab="企业概况"> <a-tab-pane key="企业概况" tab="企业概况">
<companyProfile></companyProfile> <companyProfile></companyProfile>
</a-tab-pane> </a-tab-pane>
...@@ -205,6 +205,9 @@ export default { ...@@ -205,6 +205,9 @@ export default {
} }
} }
} }
:deep(.ant-tabs > .ant-tabs-nav){
padding-left: 30px;
}
} }
</style> </style>
src/views/company/companyProfile.vue
...@@ -115,9 +115,12 @@ ...@@ -115,9 +115,12 @@
<div id="components-back-top-demo-custom"> <div id="components-back-top-demo-custom">
<a-back-top> <a-back-top>
<div class="ant-back-top-inner">回到顶部</div> <div class="ant-back-top-inner">
<img src="@/static/common/icon-top.png" alt="">
回到顶部
</div>
</a-back-top> </a-back-top>
<div class="back">回到顶部</div> <!-- <div class="back">回到顶部</div> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -412,28 +415,33 @@ export default { ...@@ -412,28 +415,33 @@ export default {
} }
.company_con_anchor { .company_con_anchor {
margin-top: 15px; margin-top: 15px;
// width: 150px;
// height: 350px;
font-weight: bold; font-weight: bold;
color: #666666; color: #1C1C28;
:deep(.ant-anchor-link-title) { :deep(.ant-anchor-link-title) {
color: #666666; color: #1C1C28;
margin-bottom: 15px;
} }
:deep(.ant-anchor-link-active > .ant-anchor-link-title) { :deep(.ant-anchor-link-active > .ant-anchor-link-title) {
color: #1890ff; color: #1890ff;
} }
:deep(.ant-anchor-ink::before){
width: 8px;
background-color: #F5F5F5;
}
:deep(.ant-anchor-wrapper) { :deep(.ant-anchor-wrapper) {
background-color: #fff; background-color: #fff;
padding-left: 10px; padding-left: 10px;
color: #666666; color: #1C1C28;
height: 350px; height: 350px;
margin-left: 10px; margin-left: 10px;
padding: 30px 15px 0; padding: 30px 15px 0;
} }
#components-back-top-demo-custom .ant-back-top { #components-back-top-demo-custom .ant-back-top {
bottom: 55%; // bottom: 50%;
right: 20%; // right: 18.5%;
right: 370px;
top: 350px;
} }
#components-back-top-demo-custom .ant-back-top-inner { #components-back-top-demo-custom .ant-back-top-inner {
margin-top: 20px; margin-top: 20px;
...@@ -442,6 +450,7 @@ export default { ...@@ -442,6 +450,7 @@ export default {
background-color: #fff; background-color: #fff;
text-align: center; text-align: center;
line-height: 60px; line-height: 60px;
border-radius: 8px;
} }
} }
.back { .back {
......
src/views/company/cooperation.vue
...@@ -19,6 +19,26 @@ ...@@ -19,6 +19,26 @@
<EchartsCon :option="option2" :id="'echarts2'"></EchartsCon> <EchartsCon :option="option2" :id="'echarts2'"></EchartsCon>
</div> </div>
</div> </div>
<div class="company_con_anchor">
<a-anchor>
<a-anchor-link
style="font-size: 20px; color: #1C1C28; font-weight: bold"
title="技术合作"
/>
<a-anchor-link href="#businessInfo" title="联合申请" />
<a-anchor-link href="#shareholder" title="专利购买" />
</a-anchor>
<div id="components-back-top-demo-custom">
<a-back-top>
<div class="ant-back-top-inner">
<img src="@/static/common/icon-top.png" alt="">
回到顶部
</div>
</a-back-top>
<!-- <div class="back">回到顶部</div> -->
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -246,28 +266,33 @@ this.option2 = { ...@@ -246,28 +266,33 @@ this.option2 = {
} }
.company_con_anchor { .company_con_anchor {
margin-top: 15px; margin-top: 15px;
// width: 150px;
// height: 350px;
font-weight: bold; font-weight: bold;
color: #666666; color: #1C1C28;
:deep(.ant-anchor-link-title) { :deep(.ant-anchor-link-title) {
color: #666666; color: #1C1C28;
margin-bottom: 15px;
} }
:deep(.ant-anchor-link-active > .ant-anchor-link-title) { :deep(.ant-anchor-link-active > .ant-anchor-link-title) {
color: #1890ff; color: #1890ff;
} }
:deep(.ant-anchor-ink::before){
width: 8px;
background-color: #F5F5F5;
}
:deep(.ant-anchor-wrapper) { :deep(.ant-anchor-wrapper) {
background-color: #fff; background-color: #fff;
padding-left: 10px; padding-left: 10px;
color: #666666; color: #1C1C28;
height: 350px; height: 350px;
margin-left: 10px; margin-left: 10px;
padding: 30px 15px 0; padding: 30px 15px 0;
} }
#components-back-top-demo-custom .ant-back-top { #components-back-top-demo-custom .ant-back-top {
bottom: 55%; // bottom: 50%;
right: 20%; // right: 18.5%;
right: 370px;
top: 350px;
} }
#components-back-top-demo-custom .ant-back-top-inner { #components-back-top-demo-custom .ant-back-top-inner {
margin-top: 20px; margin-top: 20px;
...@@ -276,6 +301,7 @@ this.option2 = { ...@@ -276,6 +301,7 @@ this.option2 = {
background-color: #fff; background-color: #fff;
text-align: center; text-align: center;
line-height: 60px; line-height: 60px;
border-radius: 8px;
} }
} }
.back { .back {
......
src/views/company/overview.vue
...@@ -55,9 +55,21 @@ ...@@ -55,9 +55,21 @@
专利结构可从专利类型以及专利基本法律状态两个方面进行分析。从专利类型来看，一般在评估专利技术质量时，普遍认为发明>实用新型>外观。因此，关注发明专利的占比高低，可以帮助了解企业历史研发的技术质量水平。从专利基本法律状态来看，关注失效专利的占比，可以帮助了解企业当前持有技术的质量水平。该企业的专利数量为7件，其中发明专利4件，占比57.14%；失效专利4件，占比57.14%。 专利结构可从专利类型以及专利基本法律状态两个方面进行分析。从专利类型来看，一般在评估专利技术质量时，普遍认为发明>实用新型>外观。因此，关注发明专利的占比高低，可以帮助了解企业历史研发的技术质量水平。从专利基本法律状态来看，关注失效专利的占比，可以帮助了解企业当前持有技术的质量水平。该企业的专利数量为7件，其中发明专利4件，占比57.14%；失效专利4件，占比57.14%。
</p> </p>
<div class="ecahrsThree"> <div class="ecahrsThree">
<EchartsCon :style="'width:33%;'" :id="'echartsone'" :option="option3"></EchartsCon> <EchartsCon
<EchartsCon :style="'width:33%;'" :id="'echartstwo'" :option="option4"></EchartsCon> :style="'width:33%;'"
<EchartsCon :style="'width:33%;'" :id="'echartsthree'" :option="option5"></EchartsCon> :id="'echartsone'"
:option="option3"
></EchartsCon>
<EchartsCon
:style="'width:33%;'"
:id="'echartstwo'"
:option="option4"
></EchartsCon>
<EchartsCon
:style="'width:33%;'"
:id="'echartsthree'"
:option="option5"
></EchartsCon>
</div> </div>
</div> </div>
<!-- 技术领域布局 --> <!-- 技术领域布局 -->
...@@ -72,6 +84,29 @@ ...@@ -72,6 +84,29 @@
></EchartsCloud> ></EchartsCloud>
</div> </div>
</div> </div>
<div class="company_con_anchor">
<a-anchor>
<a-anchor-link
style="font-size: 20px; color: #1c1c28; font-weight: bold"
title="研发概要"
/>
<a-anchor-link href="#businessInfo" title="研发规模" />
<a-anchor-link href="#shareholder" title="研发可持续性" />
<!-- <a-anchor-link href="#appAera" title="应用领域" /> -->
<a-anchor-link href="#keyPerson" title="专利结构分析" />
<a-anchor-link href="#investment" title="技术领域布局" />
</a-anchor>
<div id="components-back-top-demo-custom">
<a-back-top>
<div class="ant-back-top-inner">
<img src="@/static/common/icon-top.png" alt="" />
回到顶部
</div>
</a-back-top>
<!-- <div class="back">回到顶部</div> -->
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -386,7 +421,6 @@ export default { ...@@ -386,7 +421,6 @@ export default {
text: "专利状态分布图", text: "专利状态分布图",
left: "25%", left: "25%",
bottom: "5%", bottom: "5%",
}, },
//color: colors, //color: colors,
tooltip: { tooltip: {
...@@ -422,7 +456,6 @@ export default { ...@@ -422,7 +456,6 @@ export default {
text: "有效专利分布图", text: "有效专利分布图",
left: "25%", left: "25%",
bottom: "5%", bottom: "5%",
}, },
//color: colors, //color: colors,
tooltip: { tooltip: {
...@@ -509,7 +542,7 @@ export default { ...@@ -509,7 +542,7 @@ export default {
color: #1c1c28; color: #1c1c28;
line-height: 28px; line-height: 28px;
} }
.ecahrsThree{ .ecahrsThree {
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
...@@ -521,28 +554,33 @@ export default { ...@@ -521,28 +554,33 @@ export default {
} }
.company_con_anchor { .company_con_anchor {
margin-top: 15px; margin-top: 15px;
// width: 150px;
// height: 350px;
font-weight: bold; font-weight: bold;
color: #666666; color: #1C1C28;
:deep(.ant-anchor-link-title) { :deep(.ant-anchor-link-title) {
color: #666666; color: #1C1C28;
margin-bottom: 15px;
} }
:deep(.ant-anchor-link-active > .ant-anchor-link-title) { :deep(.ant-anchor-link-active > .ant-anchor-link-title) {
color: #1890ff; color: #1890ff;
} }
:deep(.ant-anchor-ink::before){
width: 8px;
background-color: #F5F5F5;
}
:deep(.ant-anchor-wrapper) { :deep(.ant-anchor-wrapper) {
background-color: #fff; background-color: #fff;
padding-left: 10px; padding-left: 10px;
color: #666666; color: #1C1C28;
height: 350px; height: 350px;
margin-left: 10px; margin-left: 10px;
padding: 30px 15px 0; padding: 30px 15px 0;
} }
#components-back-top-demo-custom .ant-back-top { #components-back-top-demo-custom .ant-back-top {
bottom: 55%; // bottom: 50%;
right: 20%; // right: 18.5%;
right: 370px;
top: 350px;
} }
#components-back-top-demo-custom .ant-back-top-inner { #components-back-top-demo-custom .ant-back-top-inner {
margin-top: 20px; margin-top: 20px;
...@@ -551,6 +589,7 @@ export default { ...@@ -551,6 +589,7 @@ export default {
background-color: #fff; background-color: #fff;
text-align: center; text-align: center;
line-height: 60px; line-height: 60px;
border-radius: 8px;
} }
} }
.back { .back {
......
src/views/company/technology.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
:id="'echarts1'" :id="'echarts1'"
class="echarts" class="echarts"
></EchartsCon> ></EchartsCon>
<div class="hover">111</div> <!-- <div class="hover">111</div> -->
<EchartsCon :option="option2" :id="'echarts2'"></EchartsCon> <EchartsCon :option="option2" :id="'echarts2'"></EchartsCon>
</div> </div>
...@@ -85,6 +85,7 @@ export default { ...@@ -85,6 +85,7 @@ export default {
{ {
type: "radar", type: "radar",
radarIndex: 0, radarIndex: 0,
tooltip: { tooltip: {
trigger: "item", trigger: "item",
}, },
......
src/views/home/home.vue
<template> <template>
<div class="home_con"> <div class="home_con">
<!-- 面包屑导航 --> <!-- 面包屑导航 -->
<a-breadcrumb class="nav_bread"> <a-breadcrumb class="nav_bread">
...@@ -152,11 +153,12 @@ export default { ...@@ -152,11 +153,12 @@ export default {
if (this.tab_id == "1") { if (this.tab_id == "1") {
this.$router.push({ this.$router.push({
path: "/patent", path: "/patent",
params:{ query:{
keyword:this.searchValue keyword:this.searchValue
} }
}); });
this.$store.commit('setcurrent','专利') this.$store.commit('setcurrent','专利')
} else { } else {
} }
}, },
......
src/views/home/index.vue
...@@ -2,17 +2,46 @@ ...@@ -2,17 +2,46 @@
<div class="home"> <div class="home">
<!-- 标题栏 --> <!-- 标题栏 -->
<HeaderCon></HeaderCon> <HeaderCon></HeaderCon>
<!-- <div
class="header_con"
v-if="$store.state.current == '企业' || $store.state.current == '专利'"
>
<a-input v-model:value="searchValue" :bordered="false">
<template #addonBefore>
<a-select v-model:value="type" class="type">
<a-select-option value="企业">查企业</a-select-option>
<a-select-option value="专利">查专利</a-select-option>
</a-select>
</template>
<template #addonAfter>
<img
style="padding-right: 5px"
src="@/static/home/index/icon-search.png"
alt=""
/>搜索
</template>
</a-input>
</div> -->
<div class="home_main"> <div class="home_main">
<div class="sider">{{ this.$store.state.current }} <div class="sider">
{{ this.$store.state.current }}
<div <div
:class="[this.$store.state.current == item.name ? 'sider_item active' : 'sider_item ']" :class="[
this.$store.state.current == item.name
? 'sider_item active'
: 'sider_item ',
]"
v-for="item in siderArr" v-for="item in siderArr"
:key="item.name" :key="item.name"
@click="changepage(item.name)" @click="changepage(item.name)"
> >
<img <img
:src="this.$store.state.current == item.name ? item.img_select : item.img" :src="
this.$store.state.current == item.name
? item.img_select
: item.img
"
alt="" alt=""
class="sider_item_img" class="sider_item_img"
/> />
...@@ -41,6 +70,7 @@ export default { ...@@ -41,6 +70,7 @@ export default {
return { return {
current: "首页", current: "首页",
searchValue: "", searchValue: "",
type:'企业',
siderArr: [ siderArr: [
{ {
name: "首页", name: "首页",
...@@ -130,6 +160,8 @@ export default { ...@@ -130,6 +160,8 @@ export default {
.home { .home {
height: calc(100%); height: calc(100%);
width: calc(100%); width: calc(100%);
position: relative;
.home_main { .home_main {
height: calc(100% - 80px); height: calc(100% - 80px);
width: 100%; width: 100%;
......
src/views/patent/index.vue
<template> <template>
<!-- 头部搜索关键词字段 -->
<div class="header_con">
<a-input v-model:value="keyword" :bordered="false">
<template #addonBefore>
<a-select v-model:value="type" class="type">
<a-select-option value="企业">查企业</a-select-option>
<a-select-option value="专利">查专利</a-select-option>
</a-select>
</template>
<template #addonAfter>
<img
style="padding-right: 5px"
src="@/static/home/index/icon-search.png"
alt=""
/>搜索
</template>
</a-input>
</div>
<div class="patent"> <div class="patent">
<a-breadcrumb class="nav_bread"> <a-breadcrumb class="nav_bread">
<a-breadcrumb-item>首页</a-breadcrumb-item> <a-breadcrumb-item>首页</a-breadcrumb-item>
...@@ -8,12 +26,6 @@ ...@@ -8,12 +26,6 @@
<div class="patent_con_left"> <div class="patent_con_left">
<h3>筛选器</h3> <h3>筛选器</h3>
<a-form style="height: 90%" :layout="'vertical'" :model="formState"> <a-form style="height: 90%" :layout="'vertical'" :model="formState">
<a-form-item label="关键词">
<a-input
v-model:value="formState.keyword"
placeholder="请输入关键词"
/>
</a-form-item>
<a-form-item label="专利类型"> <a-form-item label="专利类型">
<a-select <a-select
v-model:value="value1" v-model:value="value1"
...@@ -77,11 +89,11 @@ ...@@ -77,11 +89,11 @@
</div> </div>
</h2> </h2>
<a-table <a-table
:columns="columns" :columns="columns"
:data-source="patentdata" :data-source="patentdata"
:pagination="false" :pagination="false"
:customRow="rowClick"
> >
<template #bodyCell="{ column, text }"> <template #bodyCell="{ column, text }">
<template v-if="column.dataIndex === 'name'"> <template v-if="column.dataIndex === 'name'">
...@@ -99,7 +111,7 @@ ...@@ -99,7 +111,7 @@
</div> </div>
</div> </div>
</div> </div>
<router-link to="/patentDetails">专利</router-link>
<router-view></router-view> <router-view></router-view>
</template> </template>
<script> <script>
...@@ -116,6 +128,7 @@ export default { ...@@ -116,6 +128,7 @@ export default {
zh_CN, zh_CN,
value1: [], value1: [],
value2: [], value2: [],
keyword: "",
optionsType: [ optionsType: [
{ label: "发明授权", value: "发明授权" }, { label: "发明授权", value: "发明授权" },
{ label: "发明申请", value: "发明申请" }, { label: "发明申请", value: "发明申请" },
...@@ -129,7 +142,7 @@ export default { ...@@ -129,7 +142,7 @@ export default {
], ],
formState: { formState: {
// layout: "horizontal", // layout: "horizontal",
keyword: "", // keyword: "",
rangetime1: "", rangetime1: "",
rangetime2: "", rangetime2: "",
}, },
...@@ -185,12 +198,27 @@ export default { ...@@ -185,12 +198,27 @@ export default {
}, },
//改变页码 //改变页码
onChange(page) { onChange(page) {
this.patentdata = [];
let params = { let params = {
keyword: this.$route.params.keyword || "",
page: page, page: page,
size: 10, size: 10,
keyword: this.keyword ? this.keyword : null,
zl_type: this.value1,
sqrq_start: this.formState.rangetime1
? this.formState.rangetime1[0]
: null,
sqrq_end: this.formState.rangetime1
? this.formState.rangetime1[1]
: null,
gkrq_start: this.formState.rangetime2
? this.formState.rangetime2[0]
: null,
gkrq_end: this.formState.rangetime2
? this.formState.rangetime2[1]
: null,
zl_status: this.value2,
}; };
patents({ ...params }).then((res) => { patentselect({ ...params }).then((res) => {
console.log(res); console.log(res);
if (res.code == 0) { if (res.code == 0) {
this.patentdata = res.data.list; this.patentdata = res.data.list;
...@@ -203,7 +231,7 @@ export default { ...@@ -203,7 +231,7 @@ export default {
this.value1 = []; this.value1 = [];
this.value2 = []; this.value2 = [];
this.formState = { this.formState = {
keyword: "", // keyword: "",
rangetime1: "", rangetime1: "",
rangetime2: "", rangetime2: "",
}; };
...@@ -211,30 +239,34 @@ export default { ...@@ -211,30 +239,34 @@ export default {
//点击筛选 //点击筛选
Filter() { Filter() {
this.filter = []; this.filter = [];
this.patentdata = [];
let parma = { let parma = {
page: 1, page: 1,
size: 10, size: 10,
keyword: this.formState.keyword ? this.formState.keyword : "", keyword: this.keyword ? this.keyword : null,
zl_type: this.value1, zl_type: this.value1,
sqrq_start: this.formState.rangetime1[0] sqrq_start: this.formState.rangetime1
? this.formState.rangetime1[0] ? this.formState.rangetime1[0]
: "", : null,
sqrq_end: this.formState.rangetime1[1] sqrq_end: this.formState.rangetime1
? this.formState.rangetime1[1] ? this.formState.rangetime1[1]
: "", : null,
gkrq_start: this.formState.rangetime2[0] gkrq_start: this.formState.rangetime2
? this.formState.rangetime2[0] ? this.formState.rangetime2[0]
: "", : null,
gkrq_start: this.formState.rangetime2[1] gkrq_end: this.formState.rangetime2
? this.formState.rangetime2[1] ? this.formState.rangetime2[1]
: "", : null,
zl_status: this.value2, zl_status: this.value2,
}; };
patentselect({ parma }).then((res) => { patentselect({ ...parma }).then((res) => {
if (res.code == 0) {
this.patentdata = res.data.list;
this.total = res.data.total;
//将筛选条件渲染到页面上 //将筛选条件渲染到页面上
for (var key in parma) { for (var key in parma) {
if (key == "keyword") { if (key == "keyword") {
parma.keyword? this.filter.push(parma.keyword):''; parma.keyword ? this.filter.push(parma.keyword) : "";
} else if (key == "zl_type") { } else if (key == "zl_type") {
if (this.value1.length != 0) { if (this.value1.length != 0) {
this.value1.forEach((item) => { this.value1.forEach((item) => {
...@@ -249,20 +281,83 @@ export default { ...@@ -249,20 +281,83 @@ export default {
} }
} }
} }
}
else{
this.$message(res.msg)
}
});
},
//跳转到专利详情页面
rowClick(record, index) {
return {
onClick: (event) => {
console.log(record);
this.$store.commit("setcurrent", "专利");
this.$router.push({
path: "/patentDetails",
query: {
id: record.mysql_id,
},
}); });
}, },
};
},
}, },
created() { created() {
this.getList(); this.getList();
// console.log(this.$route)
this.keyword = this.$route.query.keyword;
this.type = "专利";
}, },
computed: {}, computed: {},
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.header_con {
position: absolute;
top: 0;
left: 30%;
// padding: 0 10px 30px;
width: 700px;
height: 50px;
margin: 10px;
// padding: 10px;
border: 2px solid #4079ff;
border-radius: 8px;
.type {
width: 90px;
height: 40px;
// margin-top: 10px;
// line-height: 50px;
padding: 0px 0;
background-color: #fff;
border-color: transparent;
}
:deep(.ant-input-group .ant-input) {
// height: 54px;
font-size: 18px;
}
:deep(.ant-input) {
border-color: transparent;
padding-top: 10px;
}
:deep(.ant-input-group-addon:first-child) {
border-color: transparent;
padding-top: 5px;
}
:deep(.ant-input-group-addon:last-child) {
height: 48px;
width: 120px;
background-color: #4079ff !important;
color: #fff;
font-size: 18px;
cursor: pointer;
}
}
.patent { .patent {
padding: 0 30px; padding: 0 30px;
width: calc(100%); width: calc(100%);
// height: calc(100% - 65px);
background-color: #ebebeb; background-color: #ebebeb;
position: relative; position: relative;
.nav_bread { .nav_bread {
...@@ -273,18 +368,19 @@ export default { ...@@ -273,18 +368,19 @@ export default {
.patent_con { .patent_con {
background-color: #f3f3f6; background-color: #f3f3f6;
width: 100%; width: 100%;
height: 100%; height: calc(90%);
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
.patent_con_left { .patent_con_left {
width: 20%; width: 20%;
height: 90%; // height: 90%;
padding: 25px 20px; padding: 25px 20px;
background-color: #fff; background-color: #fff;
} }
.patent_con_right { .patent_con_right {
background-color: #fff; background-color: #fff;
width: 78%; width: 78%;
// height: 90%;
padding: 25px 20px; padding: 25px 20px;
span { span {
font-size: 20px; font-size: 20px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment