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