Skip to content

T
ty_patentSys
Commit 2ba19b90 by heshihao
Options

添加placeholder

parent ec6d9188
Showing with 143 additions and 279 deletions
src/views/patent/patentDetails.vue
<template>
<div class="details">
<a-breadcrumb class="nav_bread">
<a-breadcrumb-item
><router-link :to="'/home'">首页</router-link></a-breadcrumb-item
>
<a-breadcrumb-item
><router-link :to="'/patent'">专利</router-link></a-breadcrumb-item
>
<a-breadcrumb-item><router-link :to="'/home'">首页</router-link></a-breadcrumb-item>
<a-breadcrumb-item><router-link :to="'/patent'">专利</router-link></a-breadcrumb-item>
<a-breadcrumb-item>专利详情</a-breadcrumb-item>
</a-breadcrumb>
<div class="back_btn" @click="backbtn">返回</div>
......@@ -15,9 +11,7 @@
<div class="patent_title">{{ title ? title : details.title }}</div>
</div>
<div class="btn_group">
<span style="cursor: pointer" @click="openModal"
><img src="@/static/patent/icon-dc.png" alt="" />导出</span
>
<span style="cursor: pointer" @click="openModal"><img src="@/static/patent/icon-dc.png" alt="" />导出</span>
<span style="cursor: pointer" @click="followFun" v-if="!details.follow"
><img src="@/static/patent/icon-gz.png" alt="" />关注</span
......@@ -45,11 +39,7 @@
<!-- 技术领域 -->
<div class="patent_con1" id="techAera">
<h2 class="title">技术领域</h2>
<EchartsCloud
:id="'tech'"
:dataArr="techArr"
v-if="techArr.length > 0"
></EchartsCloud>
<EchartsCloud :id="'tech'" :dataArr="techArr" v-if="techArr.length > 0"></EchartsCloud>
<a-empty v-else />
</div>
<!-- 应用领域 -->
......@@ -63,149 +53,69 @@
<!-- 主要录项 -->
<div class="patent_con1" id="mainentries">
<h2 class="title">主著录项</h2>
<a-descriptions
bordered
:column="2"
:labelStyle="{ background: '#F2F9FC' }"
>
<a-descriptions-item style="width: 160px" label="申请号">{{
details.sqh
}}</a-descriptions-item>
<a-descriptions-item style="width: 160px" label="优先权号">{{
details.yxqh
}}</a-descriptions-item>
<a-descriptions-item label="申请日">{{
details.sqrq
}}</a-descriptions-item>
<a-descriptions-item label="优先权日">{{
details.zlyxqr
}}</a-descriptions-item>
<a-descriptions-item label="公开号">{{
details.gkh
}}</a-descriptions-item>
<a-descriptions-item label="授权日">{{
details.sqr
}}</a-descriptions-item>
<a-descriptions-item label="公开日">{{
details.gkrq
}}</a-descriptions-item>
<a-descriptions-item label="失效日">{{
details.sxr
}}</a-descriptions-item>
<a-descriptions-item label="专利类型">{{
details.zl_type
}}</a-descriptions-item>
<a-descriptions-item label="专利维持期">{{
details.zlwqq
}}</a-descriptions-item>
<a-descriptions bordered :column="2" :labelStyle="{ background: '#F2F9FC' }">
<a-descriptions-item style="width: 160px" label="申请号">{{ details.sqh }}</a-descriptions-item>
<a-descriptions-item style="width: 160px" label="优先权号">{{ details.yxqh }}</a-descriptions-item>
<a-descriptions-item label="申请日">{{ details.sqrq }}</a-descriptions-item>
<a-descriptions-item label="优先权日">{{ details.zlyxqr }}</a-descriptions-item>
<a-descriptions-item label="公开号">{{ details.gkh }}</a-descriptions-item>
<a-descriptions-item label="授权日">{{ details.sqr }}</a-descriptions-item>
<a-descriptions-item label="公开日">{{ details.gkrq }}</a-descriptions-item>
<a-descriptions-item label="失效日">{{ details.sxr }}</a-descriptions-item>
<a-descriptions-item label="专利类型">{{ details.zl_type }}</a-descriptions-item>
<a-descriptions-item label="专利维持期">{{ details.zlwqq }}</a-descriptions-item>
</a-descriptions>
</div>
<!-- 相关人 -->
<div class="patent_con1" id="relatedper">
<h2 class="title">相关人</h2>
<a-descriptions
bordered
:column="2"
:labelStyle="{ background: '#F2F9FC' }"
>
<a-descriptions bordered :column="2" :labelStyle="{ background: '#F2F9FC' }">
<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>
<a-descriptions-item label="专利权人">{{
details.zlqr
}}</a-descriptions-item>
<a-descriptions-item label="申请人(工商)">{{
details.sqrgs
}}</a-descriptions-item>
<a-descriptions-item label="专利权人(机构树)">{{
details.zlqrjgs
}}</a-descriptions-item>
<a-descriptions-item label="申请人(机构树)">{{
details.sqrjgs
}}</a-descriptions-item>
<a-descriptions-item label="代理人">{{
details.dlr
}}</a-descriptions-item>
<a-descriptions-item label="发明人">{{
details.fmr
}}</a-descriptions-item>
<a-descriptions-item label="代理机构">{{
details.dljg
}}</a-descriptions-item>
<a-descriptions-item label="申请人">{{ details.zlr }}</a-descriptions-item>
<a-descriptions-item label="专利权人">{{ details.zlqr }}</a-descriptions-item>
<a-descriptions-item label="申请人(工商)">{{ details.sqrgs }}</a-descriptions-item>
<a-descriptions-item label="专利权人(机构树)">{{ details.zlqrjgs }}</a-descriptions-item>
<a-descriptions-item label="申请人(机构树)">{{ details.sqrjgs }}</a-descriptions-item>
<a-descriptions-item label="代理人">{{ details.dlr }}</a-descriptions-item>
<a-descriptions-item label="发明人">{{ details.fmr }}</a-descriptions-item>
<a-descriptions-item label="代理机构">{{ details.dljg }}</a-descriptions-item>
</a-descriptions>
</div>
<!-- 地址 -->
<div class="patent_con1" id="address">
<h2 class="title">地址</h2>
<a-descriptions
bordered
:column="2"
:labelStyle="{ background: '#F2F9FC' }"
>
<a-descriptions-item style="width: 160px" label="申请人国">{{
details.sqrg
}}</a-descriptions-item>
<a-descriptions-item style="width: 160px" label="公开国">{{
details.gkg
}}</a-descriptions-item>
<a-descriptions-item label="申请人地址">{{
details.sqr_address
}}</a-descriptions-item>
<a-descriptions-item label="专利权人地址">{{
details.zlqr_address
}}</a-descriptions-item>
<a-descriptions bordered :column="2" :labelStyle="{ background: '#F2F9FC' }">
<a-descriptions-item style="width: 160px" label="申请人国">{{ details.sqrg }}</a-descriptions-item>
<a-descriptions-item style="width: 160px" label="公开国">{{ details.gkg }}</a-descriptions-item>
<a-descriptions-item label="申请人地址">{{ details.sqr_address }}</a-descriptions-item>
<a-descriptions-item label="专利权人地址">{{ details.zlqr_address }}</a-descriptions-item>
</a-descriptions>
</div>
<!-- 统计信息 -->
<div class="patent_con1" id="statistic">
<h2 class="title">统计信息</h2>
<a-descriptions
bordered
:column="2"
:labelStyle="{ background: '#F2F9FC' }"
>
<a-descriptions-item style="width: 160px" label="引用数量">{{
details.yy_num
}}</a-descriptions-item>
<a-descriptions-item style="width: 160px" label="权利要求数">{{
details.qlyq_num
}}</a-descriptions-item>
<a-descriptions-item label="被引用数量">{{
details.byy_num
}}</a-descriptions-item>
<a-descriptions-item label="同族数量">{{
details.tzzl_num
}}</a-descriptions-item>
<a-descriptions bordered :column="2" :labelStyle="{ background: '#F2F9FC' }">
<a-descriptions-item style="width: 160px" label="引用数量">{{ details.yy_num }}</a-descriptions-item>
<a-descriptions-item style="width: 160px" label="权利要求数">{{ details.qlyq_num }}</a-descriptions-item>
<a-descriptions-item label="被引用数量">{{ details.byy_num }}</a-descriptions-item>
<a-descriptions-item label="同族数量">{{ details.tzzl_num }}</a-descriptions-item>
</a-descriptions>
</div>
<!-- 分类号 -->
<div class="patent_con1" id="catenum">
<h2 class="title">分类号</h2>
<a-descriptions
bordered
:column="2"
:labelStyle="{ background: '#F2F9FC' }"
>
<a-descriptions-item style="width: 160px" label="IPC分类号">{{
details.ipcflh
}}</a-descriptions-item>
<a-descriptions-item
style="width: 160px"
label="战略新兴产业分类号"
>{{ details.zlxxxcy }}</a-descriptions-item
>
<a-descriptions-item label="国民经济分类号">{{
details.gmjjfl
}}</a-descriptions-item>
<a-descriptions-item label="双十产业集群分类号">{{
details.sscyjqfl
<a-descriptions bordered :column="2" :labelStyle="{ background: '#F2F9FC' }">
<a-descriptions-item style="width: 160px" label="IPC分类号">{{ details.ipcflh }}</a-descriptions-item>
<a-descriptions-item style="width: 160px" label="战略新兴产业分类号">{{
details.zlxxxcy
}}</a-descriptions-item>
<a-descriptions-item label="国民经济分类号">{{ details.gmjjfl }}</a-descriptions-item>
<a-descriptions-item label="双十产业集群分类号">{{ details.sscyjqfl }}</a-descriptions-item>
</a-descriptions>
</div>
</div>
......@@ -248,66 +158,35 @@
>条相关结果
</div>
<div class="card" v-for="item in list" :key="item">
<div
class="card_title"
@click="openCompany(item.id, item.company_name)"
>
<div class="card_title" @click="openCompany(item.id, item.company_name)">
<div v-html="item.company_name"></div>
</div>
<a-tag class="tags" color="#56CA95">{{ item.status }}</a-tag>
<a-tag
class="tags"
color="#6096E6"
v-if="item.quoted_company == 1"
>{{ "上市挂牌企业" }}</a-tag
>
<a-tag class="tags" color="#6096E6" v-if="item.high_new == 1">{{
"高新技术企业"
}}</a-tag>
<a-tag class="tags" color="#6096E6" v-if="item.zjtg_sjxjr == 1">{{
"专精特新小巨人"
}}</a-tag>
<a-tag class="tags" color="#6096E6" v-if="item.zjtg == 1">{{
"专精特新中小企业"
}}</a-tag>
<a-tag class="tags" color="#6096E6" v-if="item.quoted_company == 1">{{ "上市挂牌企业" }}</a-tag>
<a-tag class="tags" color="#6096E6" v-if="item.high_new == 1">{{ "高新技术企业" }}</a-tag>
<a-tag class="tags" color="#6096E6" v-if="item.zjtg_sjxjr == 1">{{ "专精特新小巨人" }}</a-tag>
<a-tag class="tags" color="#6096E6" v-if="item.zjtg == 1">{{ "专精特新中小企业" }}</a-tag>
<a-divider />
<div class="card_desc">
<a-descriptions layout="vertical">
<a-descriptions-item label="法定代表人">{{
item.legal
}}</a-descriptions-item>
<a-descriptions-item label="法定代表人">{{ item.legal }}</a-descriptions-item>
<a-descriptions-item label="注册时间">{{
item.build_date.substring(0, item.build_date.indexOf("T"))
}}</a-descriptions-item>
<a-descriptions-item label="注册资本">{{
item.capital
}}</a-descriptions-item>
<a-descriptions-item label="注册资本">{{ item.capital }}</a-descriptions-item>
<a-descriptions-item label="国民经济行业">
{{
item.company_industry_parent
? item.company_industry_parent + ">"
: ""
{{ item.company_industry_parent ? item.company_industry_parent + ">" : ""
}}{{ item.company_industry }}
</a-descriptions-item>
<a-descriptions-item :span="2" label="注册地址">{{
item.address
}}</a-descriptions-item>
<a-descriptions-item :span="2" label="注册地址">{{ item.address }}</a-descriptions-item>
<template v-if="item.patents.length != 0">
<a-descriptions-item
:span="3"
label="专利信息"
v-if="item.patents.length > 3"
>
<a-descriptions-item :span="3" label="专利信息" v-if="item.patents.length > 3">
<div v-html="item.patents[0]"></div>
<div v-html="item.patents[1]"></div>
<div v-html="item.patents[2]"></div>
</a-descriptions-item>
<a-descriptions-item
:span="3"
label="专利信息"
v-else-if="item.patents.length == 0"
>
<a-descriptions-item :span="3" label="专利信息" v-else-if="item.patents.length == 0">
</a-descriptions-item>
<a-descriptions-item :span="3" label="专利信息" v-else>
......@@ -354,7 +233,7 @@
{ type: 'email', message: '邮箱不合法' },
]"
>
<a-input v-model:value="formState.email" />
<a-input v-model:value="formState.email" placeholder="请输入邮箱地址" />
</a-form-item>
</a-form>
</a-modal>
......@@ -604,121 +483,106 @@ export default {
setTimeout(() => {
// 加setTimeout是为了让echarts渲染完成后生成图片
JSZipUtils.getBinaryContent(
"patent.docx",
function (error, content) {
// 抛出异常
if (error) {
throw error;
JSZipUtils.getBinaryContent("patent.docx", function (error, content) {
// 抛出异常
if (error) {
throw error;
}
const opts = {
centered: false,
fileType: "docx",
};
opts.getImage = function (tagValue) {
if (tagValue.size && tagValue.data) {
return base64DataURLToArrayBuffer(tagValue.data);
}
return base64DataURLToArrayBuffer(tagValue);
};
opts.getSize = function (_, tagValue) {
if (tagValue.size && tagValue.data) {
return tagValue.size;
}
const opts = {
centered: false,
fileType: "docx",
};
opts.getImage = function (tagValue) {
if (tagValue.size && tagValue.data) {
return base64DataURLToArrayBuffer(tagValue.data);
}
return base64DataURLToArrayBuffer(tagValue);
};
opts.getSize = function (_, tagValue) {
if (tagValue.size && tagValue.data) {
return tagValue.size;
}
return [600, 200];
};
// 创建一个JSZip实例，内容为模板的内容
const zip = new PizZip(content);
// 创建并加载docxtemplater实例对象
const doc = new docxtemplater().loadZip(zip);
return [600, 200];
};
// 创建一个JSZip实例，内容为模板的内容
const zip = new PizZip(content);
// 创建并加载docxtemplater实例对象
const doc = new docxtemplater().loadZip(zip);
doc.setOptions({
nullGetter: function () {
//设置空值 undefined 为''
return "";
},
});
// 设置图片模块
doc.attachModule(new ImageModule(opts));
doc.setOptions({
nullGetter: function () {
//设置空值 undefined 为''
return "";
},
});
// 设置图片模块
doc.attachModule(new ImageModule(opts));
listRecommend.forEach((item, index) => {
item.index = index + 1;
item.qualif = [];
if (item.high_new == 1) {
item.qualif.push("高新技术企业");
}
if (item.zjtg == 1) {
item.qualif.push("专精特新企业");
}
if (item.zjtg_sjxjr == 1) {
item.qualif.push("专精特新小巨人企业");
}
if (item.quoted_company == 1) {
item.qualif.push("上市企业");
}
if (item.patents.length > 3) {
item.patents.splice(2, item.patents.length - 3);
}
if (item.business_scope) {
listRecommend.forEach((item, index) => {
item.index = index + 1;
item.qualif = [];
if (item.high_new == 1) {
item.qualif.push("高新技术企业");
}
if (item.zjtg == 1) {
item.qualif.push("专精特新企业");
}
if (item.zjtg_sjxjr == 1) {
item.qualif.push("专精特新小巨人企业");
}
if (item.quoted_company == 1) {
item.qualif.push("上市企业");
}
if (item.patents.length > 3) {
item.patents.splice(2, item.patents.length - 3);
}
if (item.business_scope) {
item.business_scope_clone = [...item.business_scope];
item.business_scope_clone.forEach((it, index) => {
item.business_scope_clone[index] = it.replace(
/<[^<>]+>/g,
""
);
});
}
item.patents_clone = [...item.patents];
item.patents_clone.forEach((it, index) => {
item.patents_clone[index] = it.replace(/<[^<>]+>/g, "");
item.business_scope_clone.forEach((it, index) => {
item.business_scope_clone[index] = it.replace(/<[^<>]+>/g, "");
});
item.company_name_clone = item.company_name;
item.company_name_clone = item.company_name_clone.replace(
/<[^<>]+>/g,
""
);
});
// 设置模板变量的值
doc.setData({
...details,
today,
listRecommend,
// business_scope,
// patent,
image1: myChart1.getDataURL({
pixelRatio: 5, //导出的图片分辨率比率,默认是1
backgroundColor: "#fff", //图表背景色
excludeComponents: ["toolbox"], //忽略组件的列表
type: "png", //图片类型支持png和jpeg
}),
});
try {
// 用模板变量的值替换所有模板变量
doc.render();
} catch (error) {
console.error("导出报表失败");
throw error;
}
// 生成一个代表docxtemplater对象的zip文件（不是一个真实的文件，而是在内存中的表示）
let out = doc.getZip().generate({
type: "blob",
mimeType:
"application/vnd.openxmlformats-officedocument.wordprocessingml.document",
item.patents_clone = [...item.patents];
item.patents_clone.forEach((it, index) => {
item.patents_clone[index] = it.replace(/<[^<>]+>/g, "");
});
//formData文件流
that.blobToBase64(
out,
that.formState.email,
that.details.gkh,
that.id
);
// 将目标文件对象保存为目标类型的文件，并命名
// saveAs(out, `专利成果转移转化智能推荐报告.docx`);
item.company_name_clone = item.company_name;
item.company_name_clone = item.company_name_clone.replace(/<[^<>]+>/g, "");
});
// 设置模板变量的值
doc.setData({
...details,
today,
listRecommend,
// business_scope,
// patent,
image1: myChart1.getDataURL({
pixelRatio: 5, //导出的图片分辨率比率,默认是1
backgroundColor: "#fff", //图表背景色
excludeComponents: ["toolbox"], //忽略组件的列表
type: "png", //图片类型支持png和jpeg
}),
});
try {
// 用模板变量的值替换所有模板变量
doc.render();
} catch (error) {
console.error("导出报表失败");
throw error;
}
);
// 生成一个代表docxtemplater对象的zip文件（不是一个真实的文件，而是在内存中的表示）
let out = doc.getZip().generate({
type: "blob",
mimeType: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
});
//formData文件流
that.blobToBase64(out, that.formState.email, that.details.gkh, that.id);
// 将目标文件对象保存为目标类型的文件，并命名
// saveAs(out, `专利成果转移转化智能推荐报告.docx`);
});
}, 1000);
})
.catch((err) => {
......
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