Skip to content

T
ty_patentSys
Commit 2a3ab40a by liudx
Options

联调筛选专利接口

parent 88fd0d86
Showing with 778 additions and 90 deletions
src/App.vue
......@@ -18,7 +18,8 @@
background-color: #F2F3F5;
}
html,body,#app{
height: 100%;
// height: 100%;
// height:920px;
}
::-webkit-scrollbar
{
......
src/components/HeaderCon.vue
......@@ -4,6 +4,26 @@
<img src="../static/login/logo-tylgd.png" alt="" />
<span>专利成果转化智能推荐系统</span>
</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">
<!-- <img src="" alt=""> -->
<span class="portrait"></span>
......@@ -45,18 +65,22 @@
</div>
</template>
<script>
import { mapState } from "vuex";
export default {
name: "HeaderCon",
props: {
props: {},
created() {
this.username = this.$store.state.username;
},
created(){
this.username = this.$store.state.username
computed: {
...mapState(["username"]),
},
data() {
return {
hover_num: 0,
username:''
username: "",
type: "专利",
keyword: "",
};
},
methods: {
......@@ -74,12 +98,11 @@ export default {
window.open(routeUrl.href, "_blank");
},
exit() {
this.$router.push({
path: "/login",
});
localStorage.removeItem('login_name');
localStorage.removeItem('password')
localStorage.removeItem("login_name");
localStorage.removeItem("password");
},
},
};
......@@ -99,6 +122,43 @@ export default {
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 {
padding: 0 50px 30px;
// display: inline-block;
......
src/store/index.js
......@@ -4,7 +4,8 @@ export default createStore({
state: {
username:'',
token:'',
current:'首页'
current:'首页',
},
mutations: {
setTOKEN(state,payload){
......@@ -18,6 +19,10 @@ export default createStore({
// console.log(state,payload)
this.state.current = payload
},
setkeyword(state,payload){
console.log(state,payload)
this.state.keyword = payload
},
},
actions: {
},
......
src/utils/indexApi.js
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 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 @@
><img src="@/static/patent/icon-gz-select.png" alt="" />关注</span
>
</div>
<a-tabs v-model:activeKey="activeKey" style="background: #fff">
<a-tabs v-model:activeKey="activeKey" style="background: #fff;">
<a-tab-pane key="企业概况" tab="企业概况">
<companyProfile></companyProfile>
</a-tab-pane>
......@@ -205,6 +205,9 @@ export default {
}
}
}
:deep(.ant-tabs > .ant-tabs-nav){
padding-left: 30px;
}
}
</style>
src/views/company/companyProfile.vue
......@@ -115,9 +115,12 @@
<div id="components-back-top-demo-custom">
<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>
<div class="back">回到顶部</div>
<!-- <div class="back">回到顶部</div> -->
</div>
</div>
</div>
......@@ -412,28 +415,33 @@ export default {
}
.company_con_anchor {
margin-top: 15px;
// width: 150px;
// height: 350px;
font-weight: bold;
color: #666666;
color: #1C1C28;
:deep(.ant-anchor-link-title) {
color: #666666;
color: #1C1C28;
margin-bottom: 15px;
}
:deep(.ant-anchor-link-active > .ant-anchor-link-title) {
color: #1890ff;
}
:deep(.ant-anchor-ink::before){
width: 8px;
background-color: #F5F5F5;
}
:deep(.ant-anchor-wrapper) {
background-color: #fff;
padding-left: 10px;
color: #666666;
color: #1C1C28;
height: 350px;
margin-left: 10px;
padding: 30px 15px 0;
}
#components-back-top-demo-custom .ant-back-top {
bottom: 55%;
right: 20%;
// bottom: 50%;
// right: 18.5%;
right: 370px;
top: 350px;
}
#components-back-top-demo-custom .ant-back-top-inner {
margin-top: 20px;
......@@ -442,6 +450,7 @@ export default {
background-color: #fff;
text-align: center;
line-height: 60px;
border-radius: 8px;
}
}
.back {
......
src/views/company/cooperation.vue
......@@ -19,6 +19,26 @@
<EchartsCon :option="option2" :id="'echarts2'"></EchartsCon>
</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>
</template>
......@@ -246,28 +266,33 @@ this.option2 = {
}
.company_con_anchor {
margin-top: 15px;
// width: 150px;
// height: 350px;
font-weight: bold;
color: #666666;
color: #1C1C28;
:deep(.ant-anchor-link-title) {
color: #666666;
color: #1C1C28;
margin-bottom: 15px;
}
:deep(.ant-anchor-link-active > .ant-anchor-link-title) {
color: #1890ff;
}
:deep(.ant-anchor-ink::before){
width: 8px;
background-color: #F5F5F5;
}
:deep(.ant-anchor-wrapper) {
background-color: #fff;
padding-left: 10px;
color: #666666;
color: #1C1C28;
height: 350px;
margin-left: 10px;
padding: 30px 15px 0;
}
#components-back-top-demo-custom .ant-back-top {
bottom: 55%;
right: 20%;
// bottom: 50%;
// right: 18.5%;
right: 370px;
top: 350px;
}
#components-back-top-demo-custom .ant-back-top-inner {
margin-top: 20px;
......@@ -276,6 +301,7 @@ this.option2 = {
background-color: #fff;
text-align: center;
line-height: 60px;
border-radius: 8px;
}
}
.back {
......
src/views/company/overview.vue
......@@ -55,9 +55,21 @@
专利结构可从专利类型以及专利基本法律状态两个方面进行分析。从专利类型来看，一般在评估专利技术质量时，普遍认为发明>实用新型>外观。因此，关注发明专利的占比高低，可以帮助了解企业历史研发的技术质量水平。从专利基本法律状态来看，关注失效专利的占比，可以帮助了解企业当前持有技术的质量水平。该企业的专利数量为7件，其中发明专利4件，占比57.14%；失效专利4件，占比57.14%。
</p>
<div class="ecahrsThree">
<EchartsCon :style="'width:33%;'" :id="'echartsone'" :option="option3"></EchartsCon>
<EchartsCon :style="'width:33%;'" :id="'echartstwo'" :option="option4"></EchartsCon>
<EchartsCon :style="'width:33%;'" :id="'echartsthree'" :option="option5"></EchartsCon>
<EchartsCon
:style="'width:33%;'"
: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>
<!-- 技术领域布局 -->
......@@ -72,6 +84,29 @@
></EchartsCloud>
</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>
</template>
......@@ -386,7 +421,6 @@ export default {
text: "专利状态分布图",
left: "25%",
bottom: "5%",
},
//color: colors,
tooltip: {
......@@ -422,7 +456,6 @@ export default {
text: "有效专利分布图",
left: "25%",
bottom: "5%",
},
//color: colors,
tooltip: {
......@@ -509,7 +542,7 @@ export default {
color: #1c1c28;
line-height: 28px;
}
.ecahrsThree{
.ecahrsThree {
display: flex;
width: 100%;
justify-content: space-between;
......@@ -521,28 +554,33 @@ export default {
}
.company_con_anchor {
margin-top: 15px;
// width: 150px;
// height: 350px;
font-weight: bold;
color: #666666;
color: #1C1C28;
:deep(.ant-anchor-link-title) {
color: #666666;
color: #1C1C28;
margin-bottom: 15px;
}
:deep(.ant-anchor-link-active > .ant-anchor-link-title) {
color: #1890ff;
}
:deep(.ant-anchor-ink::before){
width: 8px;
background-color: #F5F5F5;
}
:deep(.ant-anchor-wrapper) {
background-color: #fff;
padding-left: 10px;
color: #666666;
color: #1C1C28;
height: 350px;
margin-left: 10px;
padding: 30px 15px 0;
}
#components-back-top-demo-custom .ant-back-top {
bottom: 55%;
right: 20%;
// bottom: 50%;
// right: 18.5%;
right: 370px;
top: 350px;
}
#components-back-top-demo-custom .ant-back-top-inner {
margin-top: 20px;
......@@ -551,6 +589,7 @@ export default {
background-color: #fff;
text-align: center;
line-height: 60px;
border-radius: 8px;
}
}
.back {
......
src/views/company/technology.vue
......@@ -11,7 +11,7 @@
:id="'echarts1'"
class="echarts"
></EchartsCon>
<div class="hover">111</div>
<!-- <div class="hover">111</div> -->
<EchartsCon :option="option2" :id="'echarts2'"></EchartsCon>
</div>
......@@ -85,6 +85,7 @@ export default {
{
type: "radar",
radarIndex: 0,
tooltip: {
trigger: "item",
},
......
src/views/home/home.vue
<template>
<div class="home_con">
<!-- 面包屑导航 -->
<a-breadcrumb class="nav_bread">
......@@ -152,11 +153,12 @@ export default {
if (this.tab_id == "1") {
this.$router.push({
path: "/patent",
params:{
query:{
keyword:this.searchValue
}
});
this.$store.commit('setcurrent','专利')
} else {
}
},
......
src/views/home/index.vue
......@@ -2,17 +2,46 @@
<div class="home">
<!-- 标题栏 -->
<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="sider">{{ this.$store.state.current }}
<div class="sider">
{{ this.$store.state.current }}
<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"
:key="item.name"
@click="changepage(item.name)"
>
<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=""
class="sider_item_img"
/>
......@@ -41,6 +70,7 @@ export default {
return {
current: "首页",
searchValue: "",
type:'企业',
siderArr: [
{
name: "首页",
......@@ -130,6 +160,8 @@ export default {
.home {
height: calc(100%);
width: calc(100%);
position: relative;
.home_main {
height: calc(100% - 80px);
width: 100%;
......
src/views/patent/index.vue
<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">
<a-breadcrumb class="nav_bread">
<a-breadcrumb-item>首页</a-breadcrumb-item>
......@@ -8,12 +26,6 @@
<div class="patent_con_left">
<h3>筛选器</h3>
<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-select
v-model:value="value1"
......@@ -70,18 +82,18 @@
推荐<span>{{ total }}</span
>条相关结果
<!-- 筛选的标签展示 -->
<div class="filter">
<a-tag color="blue" v-for="item in filter">
{{ item }}
</a-tag>
</div>
<div class="filter">
<a-tag color="blue" v-for="item in filter">
{{ item }}
</a-tag>
</div>
</h2>
<a-table
:columns="columns"
:data-source="patentdata"
:pagination="false"
:customRow="rowClick"
>
<template #bodyCell="{ column, text }">
<template v-if="column.dataIndex === 'name'">
......@@ -99,7 +111,7 @@
</div>
</div>
</div>
<router-link to="/patentDetails">专利</router-link>
<router-view></router-view>
</template>
<script>
......@@ -116,6 +128,7 @@ export default {
zh_CN,
value1: [],
value2: [],
keyword: "",
optionsType: [
{ label: "发明授权", value: "发明授权" },
{ label: "发明申请", value: "发明申请" },
......@@ -129,7 +142,7 @@ export default {
],
formState: {
// layout: "horizontal",
keyword: "",
// keyword: "",
rangetime1: "",
rangetime2: "",
},
......@@ -185,12 +198,27 @@ export default {
},
//改变页码
onChange(page) {
this.patentdata = [];
let params = {
keyword: this.$route.params.keyword || "",
page: page,
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);
if (res.code == 0) {
this.patentdata = res.data.list;
......@@ -203,7 +231,7 @@ export default {
this.value1 = [];
this.value2 = [];
this.formState = {
keyword: "",
// keyword: "",
rangetime1: "",
rangetime2: "",
};
......@@ -211,58 +239,125 @@ export default {
//点击筛选
Filter() {
this.filter = [];
this.patentdata = [];
let parma = {
page: 1,
size: 10,
keyword: this.formState.keyword ? this.formState.keyword : "",
keyword: this.keyword ? this.keyword : null,
zl_type: this.value1,
sqrq_start: this.formState.rangetime1[0]
sqrq_start: this.formState.rangetime1
? this.formState.rangetime1[0]
: "",
sqrq_end: this.formState.rangetime1[1]
: null,
sqrq_end: this.formState.rangetime1
? this.formState.rangetime1[1]
: "",
gkrq_start: this.formState.rangetime2[0]
: null,
gkrq_start: this.formState.rangetime2
? this.formState.rangetime2[0]
: "",
gkrq_start: this.formState.rangetime2[1]
: null,
gkrq_end: this.formState.rangetime2
? this.formState.rangetime2[1]
: "",
: null,
zl_status: this.value2,
};
patentselect({ parma }).then((res) => {
//将筛选条件渲染到页面上
for (var key in parma) {
if (key == "keyword") {
parma.keyword? this.filter.push(parma.keyword):'';
} else if (key == "zl_type") {
if (this.value1.length != 0) {
this.value1.forEach((item) => {
this.filter.push(item);
});
}
} else if (key == "zl_status") {
if (this.value2.length != 0) {
this.value2.forEach((item) => {
this.filter.push(item);
});
patentselect({ ...parma }).then((res) => {
if (res.code == 0) {
this.patentdata = res.data.list;
this.total = res.data.total;
//将筛选条件渲染到页面上
for (var key in parma) {
if (key == "keyword") {
parma.keyword ? this.filter.push(parma.keyword) : "";
} else if (key == "zl_type") {
if (this.value1.length != 0) {
this.value1.forEach((item) => {
this.filter.push(item);
});
}
} else if (key == "zl_status") {
if (this.value2.length != 0) {
this.value2.forEach((item) => {
this.filter.push(item);
});
}
}
}
}
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() {
this.getList();
// console.log(this.$route)
this.keyword = this.$route.query.keyword;
this.type = "专利";
},
computed: {},
};
</script>
<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 {
padding: 0 30px;
width: calc(100%);
// height: calc(100% - 65px);
background-color: #ebebeb;
position: relative;
.nav_bread {
......@@ -273,18 +368,19 @@ export default {
.patent_con {
background-color: #f3f3f6;
width: 100%;
height: 100%;
height: calc(90%);
display: flex;
justify-content: space-evenly;
.patent_con_left {
width: 20%;
height: 90%;
// height: 90%;
padding: 25px 20px;
background-color: #fff;
}
.patent_con_right {
background-color: #fff;
width: 78%;
// height: 90%;
padding: 25px 20px;
span {
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