Skip to content

T
ty_patentSys
Commit 7959ac4d by liudx
Options

联想功能 表格省略...

parent aee9f71d
Showing with 237 additions and 81 deletions
src/components/HeaderCon.vue
...@@ -4,26 +4,6 @@ ...@@ -4,26 +4,6 @@
<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=""> -->
<img :src="img" class="portrait" v-if="img"/> <img :src="img" class="portrait" v-if="img"/>
......
src/views/company/companyProfile.vue
...@@ -10,13 +10,15 @@ ...@@ -10,13 +10,15 @@
:column="3" :column="3"
:labelStyle="{ background: '#F2F9FC' }" :labelStyle="{ background: '#F2F9FC' }"
> >
<a-descriptions-item label="法定代表人">{{ <a-descriptions-item style="width: 120px" label="法定代表人">
baseinfo.legal <div style="width: 170px">
}}</a-descriptions-item> {{ baseinfo.legal }}
<a-descriptions-item label="经营状态">{{ </div></a-descriptions-item
>
<a-descriptions-item style="width: 120px" label="经营状态">{{
baseinfo.status baseinfo.status
}}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="成立日期">{{ <a-descriptions-item style="width: 120px" label="成立日期">{{
baseinfo.build_date baseinfo.build_date
}}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="工商注册号">{{ <a-descriptions-item label="工商注册号">{{
...@@ -393,5 +395,11 @@ export default { ...@@ -393,5 +395,11 @@ export default {
border-radius: 8px; border-radius: 8px;
} }
} }
:deep(.ant-descriptions-bordered .ant-descriptions-item-label) {
padding: 1rem 0.5rem;
}
:deep(.ant-descriptions-bordered .ant-descriptions-item-content) {
padding: 1rem 0.5rem;
}
} }
</style> </style>
src/views/company/index.vue
...@@ -18,6 +18,15 @@ ...@@ -18,6 +18,15 @@
</div> </div>
</template> </template>
</a-input> </a-input>
<div class="search_result" v-show="search_result_show">
<div
class="search_result_item"
v-for="(item, index) in search_result"
:key="item"
>
<div v-html="item" @click="openDetails"></div>
</div>
</div>
</div> </div>
<div class="company"> <div class="company">
<a-breadcrumb class="nav_bread"> <a-breadcrumb class="nav_bread">
...@@ -128,11 +137,10 @@ ...@@ -128,11 +137,10 @@
style="display: flex; justify-content: flex-start; flex-wrap: wrap" style="display: flex; justify-content: flex-start; flex-wrap: wrap"
> >
<div class="card" v-for="item in companylist" :key="item"> <div class="card" v-for="item in companylist" :key="item">
<div <div class="card_title">
class="card_title" <span @click="openCompany(item.mysql_id, item.company_name)">
@click="openCompany(item.mysql_id, item.company_name)" {{ item.company_name }}</span
> >
{{ item.company_name }}
<!-- 关注 --> <!-- 关注 -->
<div <div
class="follow" class="follow"
...@@ -226,6 +234,7 @@ export default { ...@@ -226,6 +234,7 @@ export default {
name: "company", name: "company",
data() { data() {
return { return {
search_result_show:false,
zh_CN, zh_CN,
total: 0, total: 0,
currentPage: 1, currentPage: 1,
...@@ -537,15 +546,43 @@ export default { ...@@ -537,15 +546,43 @@ export default {
onsearch() { onsearch() {
this.getCompanyList(this.keyword); this.getCompanyList(this.keyword);
}, },
//联想搜索
onInput() {
if (this.keyword == "") {
this.search_result_show = false;
} else {
this.search_result_show = true;
this.search_result = [
"山煤国际能源集团股份有限公司1",
"山煤国际能源集团股份有限公司2",
"山煤国际能源集团股份有限公司3",
];
this.search_result.map((item, index) => {
if (this.keyword) {
const reg = new RegExp(this.keyword, "g"); // 动态正则表达式
this.search_result[index] = this.search_result[index].replace(
reg,
`<span style="color: #ed4014">${this.keyword}</span>`
);
console.log(this.search_result[index]);
}
});
}
},
}, },
created() { created() {
this.getindustryType(); this.getindustryType();
//山西区域json数据
this.optionsArea = arealist; this.optionsArea = arealist;
this.keyword = this.$route.query.keyword; this.keyword = this.$route.query.keyword;
if (!sessionStorage.getItem("searchqy")) { if (!sessionStorage.getItem("searchqy")) {
this.getCompanyList(this.keyword); if (this.$route.query.valueInnovation) {
this.valueInnovation = this.$route.query.valueInnovation;
this.Filter();
} else {
this.getCompanyList(this.keyword);
}
} }
this.valueInnovation = this.$route.query.valueInnovation;
this.type = "企业"; this.type = "企业";
}, },
watch: { watch: {
...@@ -618,6 +655,25 @@ export default { ...@@ -618,6 +655,25 @@ export default {
cursor: pointer; cursor: pointer;
border: 0; border: 0;
} }
.search_result {
position: absolute;
width: calc(100% - 120px);
height: 300px;
top: 54px;
left: 0;
background-color: #fff;
z-index: 9;
box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.05);
.search_result_item {
// height: 45px;
padding: 15px 15px 15px 25px;
font-family: "SF Pro Text";
font-size: 16px;
}
.search_result_item:hover {
background-color: #f5fbff;
}
}
} }
.company { .company {
padding: 0 30px; padding: 0 30px;
...@@ -671,7 +727,7 @@ export default { ...@@ -671,7 +727,7 @@ export default {
margin-bottom: 15px; margin-bottom: 15px;
position: relative; position: relative;
margin-right: 1%; margin-right: 1%;
:deep(.ant-tag-has-color) { :deep(.ant-tag-has-color) {
padding: 5px; padding: 5px;
border-radius: 6px; border-radius: 6px;
...@@ -687,7 +743,6 @@ export default { ...@@ -687,7 +743,6 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.follow { .follow {
width: 112px; width: 112px;
height: 32px; height: 32px;
background: #b6b4b4; background: #b6b4b4;
......
src/views/home/home.vue
...@@ -24,7 +24,9 @@ ...@@ -24,7 +24,9 @@
v-model:value="searchValue" v-model:value="searchValue"
placeholder="请输入关键词" placeholder="请输入关键词"
@search="onSearch" @search="onSearch"
> >
<!-- @input="onInput" -->
<template #enterButton> <template #enterButton>
<img <img
style="padding-right: 5px" style="padding-right: 5px"
...@@ -33,6 +35,15 @@ ...@@ -33,6 +35,15 @@
/>搜索 />搜索
</template> </template>
</a-input-search> </a-input-search>
<div class="search_result" v-show="search_result_show">
<div
class="search_result_item"
v-for="(item, index) in search_result"
:key="item"
>
<div v-html="item" @click="openDetails"></div>
</div>
</div>
</div> </div>
<div class="search_info"> <div class="search_info">
<div class="search_tips"> <div class="search_tips">
...@@ -149,6 +160,7 @@ export default { ...@@ -149,6 +160,7 @@ export default {
data() { data() {
return { return {
tab_id: "1", tab_id: "1",
search_result_show: false,
searchValue: "", searchValue: "",
followList: [], followList: [],
historyList: [], historyList: [],
...@@ -157,6 +169,11 @@ export default { ...@@ -157,6 +169,11 @@ export default {
"山煤国际能源集团股份有限公司", "山煤国际能源集团股份有限公司",
"山煤国际能源集团股份有限公司", "山煤国际能源集团股份有限公司",
], ],
search_result: [
"山煤国际能源集团股份有限公司1",
"山煤国际能源集团股份有限公司2",
"山煤国际能源集团股份有限公司3",
],
}; };
}, },
components: {}, components: {},
...@@ -262,6 +279,30 @@ export default { ...@@ -262,6 +279,30 @@ export default {
}); });
} }
}, },
//联想搜索
onInput() {
if (this.searchValue == "") {
this.search_result_show = false;
} else {
this.search_result_show = true;
this.search_result = [
"山煤国际能源集团股份有限公司1",
"山煤国际能源集团股份有限公司2",
"山煤国际能源集团股份有限公司3",
];
this.search_result.map((item, index) => {
if (this.searchValue) {
console.log(this.searchValue);
const reg = new RegExp(this.searchValue, "g"); // 动态正则表达式
this.search_result[index] = this.search_result[index].replace(
reg,
`<span style="color: #ed4014">${this.searchValue}</span>`
);
console.log(this.search_result[index]);
}
});
}
},
}, },
mounted() {}, mounted() {},
created() { created() {
...@@ -359,6 +400,25 @@ export default { ...@@ -359,6 +400,25 @@ export default {
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
} }
.search_result {
position: absolute;
width: calc(100% - 120px);
height: 300px;
top: 54px;
left: 0;
background-color: #fff;
z-index: 9;
box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.05);
.search_result_item {
// height: 45px;
padding: 15px 15px 15px 25px;
font-family: "SF Pro Text";
font-size: 16px;
}
.search_result_item:hover {
background-color: #f5fbff;
}
}
} }
.search_info { .search_info {
position: absolute; position: absolute;
......
src/views/home/index.vue
...@@ -2,26 +2,6 @@ ...@@ -2,26 +2,6 @@
<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"> <div class="sider">
...@@ -89,6 +69,11 @@ export default { ...@@ -89,6 +69,11 @@ export default {
img: require("@/static/home/index/icon-nav05.png"), img: require("@/static/home/index/icon-nav05.png"),
img_select: require("@/static/home/index/icon-nav05-select.png"), img_select: require("@/static/home/index/icon-nav05-select.png"),
}, },
{
name: "仪表盘",
img: require("@/static/home/index/icon-nav06.png"),
img_select: require("@/static/home/index/icon-nav06--select.png"),
},
], ],
followList: [], followList: [],
innovateList: [ innovateList: [
...@@ -134,6 +119,12 @@ export default { ...@@ -134,6 +119,12 @@ export default {
path: "/follow", path: "/follow",
}); });
break; break;
case "仪表盘":
// let routeUrl = this.$router.resolve({
// path: "/screen",
// });
// window.open(routeUrl.href, "_blank");
break;
} }
}, },
}, },
......
src/views/patent/index.vue
<template> <template>
<!-- 头部搜索关键词字段 --> <!-- 头部搜索关键词字段 -->
<div class="header_con"> <div class="header_con">
<a-input v-model:value="keyword" :bordered="false"> <a-input v-model:value="keyword" :bordered="false" >
<template #addonBefore> <template #addonBefore>
<a-select v-model:value="type" class="type"> <a-select v-model:value="type" class="type">
<a-select-option value="企业">查企业</a-select-option> <a-select-option value="企业">查企业</a-select-option>
...@@ -18,10 +18,21 @@ ...@@ -18,10 +18,21 @@
</div> </div>
</template> </template>
</a-input> </a-input>
<div class="search_result" v-show="search_result_show">
<div
class="search_result_item"
v-for="(item, index) in search_result"
:key="item"
>
<div v-html="item" @click="openDetails"></div>
</div>
</div>
</div> </div>
<div class="patent"> <div class="patent">
<a-breadcrumb class="nav_bread"> <a-breadcrumb class="nav_bread">
<a-breadcrumb-item><router-link :to="'/home'">首页</router-link></a-breadcrumb-item> <a-breadcrumb-item
><router-link :to="'/home'">首页</router-link></a-breadcrumb-item
>
<a-breadcrumb-item>专利</a-breadcrumb-item> <a-breadcrumb-item>专利</a-breadcrumb-item>
</a-breadcrumb> </a-breadcrumb>
<div class="patent_con"> <div class="patent_con">
...@@ -48,7 +59,7 @@ ...@@ -48,7 +59,7 @@
<a-form-item name="range-picker" label="公开日"> <a-form-item name="range-picker" label="公开日">
<a-config-provider :locale="zh_CN"> <a-config-provider :locale="zh_CN">
<a-range-picker <a-range-picker
:disabledDate="disabledDate" :disabledDate="disabledDate"
v-model:value="formState['rangetime2']" v-model:value="formState['rangetime2']"
value-format="YYYY-MM-DD" value-format="YYYY-MM-DD"
/> />
...@@ -96,7 +107,7 @@ ...@@ -96,7 +107,7 @@
<a>{{ text }}</a> <a>{{ text }}</a>
</template> </template>
<template v-if="column.dataIndex === 'gkrq'"> <template v-if="column.dataIndex === 'gkrq'">
{{text.substring(0, text.indexOf("T"))}} {{ text.substring(0, text.indexOf("T")) }}
</template> </template>
</template> </template>
</a-table> </a-table>
...@@ -127,6 +138,12 @@ export default { ...@@ -127,6 +138,12 @@ export default {
data() { data() {
return { return {
zh_CN, zh_CN,
search_result_show: false,
search_result: [
"山煤国际能源集团股份有限公司1",
"山煤国际能源集团股份有限公司2",
"山煤国际能源集团股份有限公司3",
],
type: "", type: "",
currentPage: 1, currentPage: 1,
value1: [], value1: [],
...@@ -154,17 +171,21 @@ export default { ...@@ -154,17 +171,21 @@ export default {
title: "专利号", title: "专利号",
dataIndex: "gkh", dataIndex: "gkh",
key: "gkh", key: "gkh",
width:180
}, },
{ {
title: "专利标题", title: "专利标题",
dataIndex: "title", dataIndex: "title",
key: "title", key: "title",
ellipsis: true, ellipsis: true,
width:240
}, },
{ {
title: "申请人", title: "申请人",
dataIndex: "zlr", dataIndex: "zlr",
key: "zlr", key: "zlr",
ellipsis: true,
width:180
}, },
{ {
title: "公开日", title: "公开日",
...@@ -295,7 +316,6 @@ export default { ...@@ -295,7 +316,6 @@ export default {
} }
} }
} }
} else { } else {
this.$message(res.msg); this.$message(res.msg);
} }
...@@ -326,6 +346,29 @@ export default { ...@@ -326,6 +346,29 @@ export default {
}, },
}; };
}, },
//联想搜索
onInput() {
if (this.keyword == "") {
this.search_result_show = false;
} else {
this.search_result_show = true;
this.search_result = [
"山煤国际能源集团股份有限公司1",
"山煤国际能源集团股份有限公司2",
"山煤国际能源集团股份有限公司3",
];
this.search_result.map((item, index) => {
if (this.keyword) {
const reg = new RegExp(this.keyword, "g"); // 动态正则表达式
this.search_result[index] = this.search_result[index].replace(
reg,
`<span style="color: #ed4014">${this.keyword}</span>`
);
console.log(this.search_result[index]);
}
});
}
},
}, },
watch: { watch: {
type: function (newV, oldV) { type: function (newV, oldV) {
...@@ -355,9 +398,7 @@ export default { ...@@ -355,9 +398,7 @@ export default {
this.Filter(); this.Filter();
} }
}, },
computed: { computed: {},
},
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
...@@ -405,6 +446,25 @@ export default { ...@@ -405,6 +446,25 @@ export default {
cursor: pointer; cursor: pointer;
border: 0; border: 0;
} }
.search_result {
position: absolute;
width: calc(100% - 120px);
height: 300px;
top: 54px;
left: 0;
background-color: #fff;
z-index: 9;
box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.05);
.search_result_item {
// height: 45px;
padding: 15px 15px 15px 25px;
font-family: "SF Pro Text";
font-size: 16px;
}
.search_result_item:hover {
background-color: #f5fbff;
}
}
} }
.patent { .patent {
padding: 0 30px; padding: 0 30px;
...@@ -457,7 +517,7 @@ export default { ...@@ -457,7 +517,7 @@ export default {
} }
} }
} }
:deep(.ant-table-tbody){ :deep(.ant-table-tbody) {
cursor: pointer; cursor: pointer;
} }
</style> </style>
src/views/patent/patentDetails.vue
...@@ -68,10 +68,10 @@ ...@@ -68,10 +68,10 @@
:column="2" :column="2"
:labelStyle="{ background: '#F2F9FC' }" :labelStyle="{ background: '#F2F9FC' }"
> >
<a-descriptions-item label="申请号">{{ <a-descriptions-item style="width: 160px" label="申请号">{{
details.sqh details.sqh
}}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="优先权号">{{ <a-descriptions-item style="width: 160px" label="优先权号">{{
details.yxqh details.yxqh
}}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="申请日">{{ <a-descriptions-item label="申请日">{{
...@@ -108,12 +108,12 @@ ...@@ -108,12 +108,12 @@
:column="2" :column="2"
:labelStyle="{ background: '#F2F9FC' }" :labelStyle="{ background: '#F2F9FC' }"
> >
<a-descriptions-item label="申请人(原始)">{{ <a-descriptions-item style="width: 160px" label="申请人(原始)">
details.sqrys {{ details.sqrys }}
}}</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="专利权人(当前)">{{ <a-descriptions-item style="width: 160px" label="专利权人(当前)">
details.zlqrjgs {{ details.zlqrjgs }}
}}</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="申请人">{{ <a-descriptions-item label="申请人">{{
details.zlr details.zlr
}}</a-descriptions-item> }}</a-descriptions-item>
...@@ -148,10 +148,10 @@ ...@@ -148,10 +148,10 @@
:column="2" :column="2"
:labelStyle="{ background: '#F2F9FC' }" :labelStyle="{ background: '#F2F9FC' }"
> >
<a-descriptions-item label="申请人国">{{ <a-descriptions-item style="width: 160px" label="申请人国">{{
details.sqrg details.sqrg
}}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="公开国">{{ <a-descriptions-item style="width: 160px" label="公开国">{{
details.gkg details.gkg
}}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="申请人地址">{{ <a-descriptions-item label="申请人地址">{{
...@@ -170,10 +170,10 @@ ...@@ -170,10 +170,10 @@
:column="2" :column="2"
:labelStyle="{ background: '#F2F9FC' }" :labelStyle="{ background: '#F2F9FC' }"
> >
<a-descriptions-item label="引用数量">{{ <a-descriptions-item style="width: 160px" label="引用数量">{{
details.yy_num details.yy_num
}}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="权利要求数">{{ <a-descriptions-item style="width: 160px" label="权利要求数">{{
details.qlyq_num details.qlyq_num
}}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="被引用数量">{{ <a-descriptions-item label="被引用数量">{{
...@@ -192,12 +192,14 @@ ...@@ -192,12 +192,14 @@
:column="2" :column="2"
:labelStyle="{ background: '#F2F9FC' }" :labelStyle="{ background: '#F2F9FC' }"
> >
<a-descriptions-item label="IPC分类号">{{ <a-descriptions-item style="width: 160px" label="IPC分类号">{{
details.ipcflh details.ipcflh
}}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="战略新兴产业分类号">{{ <a-descriptions-item
details.zlxxxcy style="width: 160px"
}}</a-descriptions-item> label="战略新兴产业分类号"
>{{ details.zlxxxcy }}</a-descriptions-item
>
<a-descriptions-item label="国民经济分类号">{{ <a-descriptions-item label="国民经济分类号">{{
details.gmjjfl details.gmjjfl
}}</a-descriptions-item> }}</a-descriptions-item>
......
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