Skip to content

G
gs1
Commit ef9beafb by Lyan
Options

机构概况详情页面增加

parent c616fb46
Showing with 590 additions and 5 deletions
src/components/layout/header/mock.js
......@@ -81,6 +81,67 @@ export const nav = [
},
{
id: uuid("gs_nav"),
name: "《中国自动识别技术》杂志社",
index: 0,
link: "/Org/magazine",
isHiddenMenu: true,
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "质检中心/协会/杂志社/标委会/其他", path: "/Org/Sites" },
{ name: "《中国自动识别技术》杂志社" },
],
},
{
id: uuid("gs_nav"),
name: "中国条码技术与应用协会",
index: 0,
link: "/Org/accessorial-cabc",
isHiddenMenu: true,
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "质检中心/协会/杂志社/标委会/其他", path: "/Org/Sites" },
{ name: "中国条码技术与应用协会" },
],
},
{
id: uuid("gs_nav"),
name: "全国物品编码标准化技术委员会",
index: 0,
link: "/Org/tc287",
isHiddenMenu: true,
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "质检中心/协会/杂志社/标委会/其他", path: "/Org/Sites" },
{ name: "全国物品编码标准化技术委员会" },
],
},
{
id: uuid("gs_nav"),
name: "国家标准征求意见",
index: 0,
link: "/Org/tc287-suggestion",
isHiddenMenu: true,
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "质检中心/协会/杂志社/标委会/其他", path: "/Org/Sites" },
{ name: "全国物品编码标准化技术委员会" , path: "/Org/tc287"},
{ name: "国家标准征求意见" },
],
},
{
id: uuid("gs_nav"),
name: "中国自动识别技术协会",
index: 0,
link: "/Org/AIMChina",
isHiddenMenu: true,
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "质检中心/协会/杂志社/标委会/其他", path: "/Org/Sites" },
{ name: "中国自动识别技术协会" },
],
},
{
id: uuid("gs_nav"),
name: "地方编码分支机构",
index: 0,
link: "/Org/Branch",
......
src/router/index.js
......@@ -79,6 +79,38 @@ const routes = [{
component: () => import("@/views/Org/Sites.vue"),
},
{
path: "/Org/AIMChina",
name: "Sites",
meta: {
name: "质检中心/协会/杂志社/标委会/其他",
},
component: () => import("@/views/Org/AIMChina.vue"),
},
{
path: "/Org/accessorial-cabc",
name: "Sites",
meta: {
name: "质检中心/协会/杂志社/标委会/其他",
},
component: () => import("@/views/Org/accessorial-cabc.vue"),
},
{
path: "/Org/magazine",
name: "Sites",
meta: {
name: "质检中心/协会/杂志社/标委会/其他",
},
component: () => import("@/views/Org/magazine.vue"),
},
{
path: "/Org/tc287",
name: "Sites",
meta: {
name: "质检中心/协会/杂志社/标委会/其他",
},
component: () => import("@/views/Org/tc287.vue"),
},
{
path: "/Org/wly",
name: "Sites",
meta: {
......@@ -170,6 +202,14 @@ const routes = [{
],
},
{
path: "/Org/tc287-suggestion",
name: "tc287-suggestion",
meta: {
name: "国家标准征求意见",
},
component: () => import("@/views/Org/tc287-suggestion.vue"),
},
{
path: "/Business",
name: "Business",
meta: {
......
src/views/News/NoticeArticle.vue
......@@ -82,6 +82,7 @@ export default {
.org {
padding-bottom: 20px;
.title-style {
width: 100%;
font-size: 24px;
text-align: center;
......@@ -110,6 +111,7 @@ export default {
padding-bottom: 15px;
}
.showHtml {
width: 100%;
border-bottom: 1px solid #b2b2b8;
padding-bottom: 30px;
margin-bottom: 25px;
......
src/views/Org/AIMChina.vue 0 → 100644
<template>
<div class="guide">
<div class="guide-msg container">
<div class="msg-cont">
<div class="nsjg">
<span class="_title">简介</span>
<p>中国自动识别技术协会（ <a href="http://www.aimchina.org.cn">http://www.aimchina.org.cn</a>）是国家一级协会，英文名称：Automatic Identification Manufacture Association of China（缩写AIM China）。业务主管部门是中国国家市场监督管理总局，接受中华人民共和国民政部的监督管理，具有独立法人地位。中国自动识别技术协会是国际自动识别与移动技术协会（AIM Global）的国家级会员。</p>
<p>中国自动识别技术协会是由从事自动识别及相关IT技术研究、生产、销售和使用的企事业单位及个人自愿结成的全国性、行业性、非营利性的社会团体。业务领域涉及：条码识别技术、射频识别技术、生物特征识别技术、智能卡识别技术、光字符识别技术、语音识别技术、视觉识别技术、图像识别技术和其它自动识别技术。</p>
<p>遵守宪法、法律、法规和国家政策，遵守社会道德风尚。团结、组织和协调全国从事自动识别及相关IT技术研究、生产、销售和使用的单位和个人，加快自动识别技术及产品的研发、制造，加强本领域的标准化工作，开展国际交流与合作，发挥桥梁与纽带作用，促进自动识别产业的健康发展，共同推动自动识别技术的广泛应用，更好地为社会主义市场经济服务。</p>
</div>
<div class="nsjg">
<span class="_title">协会工作范围</span>
<p>（一）向政府有关部门提供自动识别技术和政策咨询，承担上级单位委托的各项工作和任务；</p>
<p>（二）经政府有关部门批准，研究、制定、发布协会的有关技术标准和规范，参与国家和国际标准化工作；</p>
<p>（三）开展国际、国内有关的学术、技术交流与合作，组织实施有关技术交流项目和专题活动；</p>
<p>（四）接受委托承担有关项目的论证，经政府有关部门批准，对自动识别技术的科研成果、产品、应用系统进行评审鉴定；</p>
<p>（五）推动科研成果产业化，为会员和相关行业提供技术转让和各种技术的咨询服务；</p>
<p>（六）经政府有关部门授权或根据市场和行业发展需要，举办自动识别技术展览会和研讨会，宣传和推动自动识别技术的广泛应用；</p>
<p>（七）开展自动识别技术的职业、专业教育和培训；</p>
<p>（八）依照有关规定，编辑出版发行专业期刊及年度报告等技术书籍与资料；</p>
<p>（九）对先进技术、产品进行广泛宣传，开展行业自律活动；</p>
<p>（十）在会员企业间开展优秀的技术成果、产品、应用案例的评比、评选、表彰等活动。</p>
</div>
<div class="nsjg">
<span class="_title">协会主要人责任</span>
<p>理事长：张成海</p>
<p>名誉理事长：陈祖涛、矫云起</p>
<p>副秘书长（主持工作）：唐成</p>
<p>欢迎从事自动识别及相关IT技术企事业单位加入中国自动识别技术协会！</p>
</div>
<div class="nsjg nsjg2">
<p><b>中国自动识别技术协会联系方式</b></p>
<p><b>地址：</b>北京市东城区安定门外大街136号皇城国际B座6层611室</p>
<p><b>邮政编码：</b>100011</p>
<p><b>电话：</b>010-84295647，84295648</p>
<p><b>网址：</b><a href="http://www.aimchina.org.cn">http://www.aimchina.org.cn</a></p>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
};
</script>
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
padding: 30px 35px;
font-size: 14px;
.msg-title {
color: rgba(0, 121, 158, 1);
margin-bottom: 20px;
}
.msg-cont {
line-height: 23px;
color: rgba(102, 102, 102, 1);
.nsjg{
margin-bottom: 20px;
}
.nsjg2{
border: 1px solid #E8DBC1;
background-color: #FCF8F3;
font-size: 14px;
p{
margin: 0;
padding:4px 0;
}
b{
font-weight: bold;
}
a{
color: #008dbd;
text-decoration: none;
font-weight: 500;
word-break: break-word;
}
}
._title{
font-size: 16px;
font-weight: bold;
color: #333;
line-height: 30px;
padding: 4px 0;
}
p {
margin-left: 15px;
text-indent: 28px;
line-height: 28px;
margin-bottom: 10px;
font-weight: 300;
color: #454545;
margin: 0 0 10px;
a {
text-decoration: none;
color: #008dbd;
&.red {
color: #f00;
}
&:hover{
color: #002c6c;
}
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Org/Sites.vue
......@@ -164,21 +164,27 @@ export default {
site: {
title1: {
name: "国家条码质量检验检测中心",
path:'/Service/jcyxz/QC'
},
title2: {
name: "国家射频识别产品质量检验检测中心",
path:'/Service/jcyxz/QC'
},
title3: {
name: "中国自动识别技术协会",
path:'/Org/AIMChina'
},
title4: {
name: "中国条码技术与应用协会",
path:'/Org/accessorial-cabc'
},
title5: {
name: "中国ECR委员会",
path:'http://www.ecrchina.org/'
},
title6: {
name: "全国物品编码标准化技术委员会",
path:'/Org/tc287'
},
title7: {
name: "全国物流信息管理标准化技术委员会",
......@@ -188,9 +194,11 @@ export default {
},
title9: {
name: "物联网标识工作组",
path:'/Org/wly'
},
title10: {
name: "《中国自动识别技术》杂志社",
path:'/Org/magazine'
},
title11: {
name: "全球产品电子代码中国管理中心",
......@@ -200,6 +208,7 @@ export default {
},
title13: {
name: "北京东方捷码科技开发中心",
path:'http://www.anccweb.com/'
},
},
};
......@@ -234,7 +243,6 @@ export default {
font-size: 14px;
.msg-title {
color: rgba(0, 121, 158, 1);
margin-bottom: 20px;
}
.msg-cont {
......@@ -253,6 +261,9 @@ export default {
}
}
}
.zxcxgj-title{
cursor: pointer;
}
}
}
}
......
src/views/Org/accessorial-cabc.vue 0 → 100644
<template>
<div class="guide">
<div class="guide-msg container">
<div class="msg-cont">
<div class="nsjg">
<p><a href="http://www.cabc.net.cn"><b>中国条码技术与应用协会</b></a>（以下简称“协会”；英文译名：China Association for Bar Code Technology and Application，缩写：CABC；网址：<a style="font-weight: 500;" href="http://www.cabc.net.cn">http://www.cabc.net.cn</a>）是经国家民政部批准，在全国范围内由从事条码技术研究、设计、生产、使用和管理的单位、团体和个人自愿组织成立的全国范围的专业性、技术性、非营利性的社会组织，属国家一级协会，具有独立法人资格。</p>
<p><b>协会的宗旨是：</b>遵守国家宪法、法律、法规和国家政策，遵守社会道德风尚。团结和组织有关团体及个人，通过科研开发、生产、贸易相结合，推广条码技术，扩大应用领域及水平；协调、促进行业与政府主管部门的交流与沟通；开展国内外交流合作，发挥桥梁及纽带作用，更好地为社会主义市场经济服务。</p>
<p><b>协会的主要业务范围是：</b>宣传贯彻国家有关条码法律、法规、方针、政策，向政府相关部门提供条码技术和政策咨询；接受国家市场监督管理总局及其它政府部门和相关单位委托，承担条码项目的研究、设计、论证和科技成果的鉴定；积极参与我国条码标准化工作；开展技术宣传、咨询服务和行业培训；开展国际交流活动，发展同国外团体、企业和技术工作者友好往来、技术交流，促进协作；开发条码技术信息资源，促进信息共享；组织开展业内交流及合作；组织开发和推广条码应用系统；编辑出版本专业范围内的书刊、资料。</p>
<p>多年来，协会积极参与中国物品编码中心在全国范围内开展的高校条码人才培养项目。目前，国内2000余所院校开设了有关条码知识的课程，9余万名在校大学生接受了有关条码知识及其应用的系统理论培训，定期举办全国大学生条码自动识别知识竞赛；同时，定期对全国系统内的工作人员以及条码使用商家及厂家提供培训、技术支持和解决方案；在相关行业及领域开展有关条码知识的研讨会，推动了条码新技术在我国的应用与发展，为我国条码事业的发展做出了应有的贡献。</p>
<p>随着经济全球化进程的进一步加快，物联网以及信息技术正在快速发展并改变着社会生活的各个方面，在这种新形势下，协会的发展正面临着新的机遇和挑战，为此，协会将加强组织机构建设、探索服务与自身发展的新模式、大力发展会员，努力为推动我国条码技术的推广与应用发挥作用，并为促进我国社会的发展做出积极贡献。</p>
</div>
<div class="nsjg nsjg2">
<p>中国条码技术与应用协会团体会员登记表 <a :href="`${urlDown}/office/uploadFileResource/Manage/down/团体会员登记表-2016版.doc`"> 下载</a></p>
<p>中国条码技术与应用协会个人会员登记表 <a :href="`${urlDown}/office/uploadFileResource/Manage/down/个人会员登记表-2014版.doc`"> 下载</a></p>
</div>
<div class="nsjg nsjg2">
<p><strong>中国条码技术与应用协会联系方式</strong></p>
<p><strong>地址：</strong>北京市东城区安定门外大街138号皇城国际B座5层525室</p>
<p><strong>邮政编码：</strong>100011</p>
<p><strong>电话：</strong>010-84295513</p>
<p><strong>E-mail：</strong>cabc@ancc.org.cn</p>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
};
},
created(){
this.urlDown = process.env.VUE_APP_HOST_URL;
}
};
</script>
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
padding: 30px 35px;
font-size: 14px;
.msg-title {
color: rgba(0, 121, 158, 1);
margin-bottom: 20px;
}
.msg-cont {
line-height: 23px;
color: rgba(102, 102, 102, 1);
.nsjg{
margin-bottom: 20px;
b{
font-weight: bold;
}
}
.nsjg2{
border: 1px solid #E8DBC1;
background-color: #FCF8F3;
font-size: 14px;
padding: 10px;
p{
margin: 0 0 0 30px;
padding:4px 0;
}
b{
font-weight: bold;
}
a{
color: #008dbd;
text-decoration: none;
font-weight: 500;
word-break: break-word;
b{
font-weight: bold;
}
}
}
._title{
font-size: 16px;
font-weight: bold;
color: #333;
line-height: 30px;
padding: 4px 0;
}
p {
margin-left: 15px;
text-indent: 28px;
line-height: 28px;
margin-bottom: 10px;
font-weight: 300;
color: #454545;
margin: 0 0 10px;
a {
text-decoration: none;
color: #008dbd;
&.red {
color: #f00;
}
&:hover{
color: #002c6c;
}
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Org/index.vue
......@@ -44,6 +44,36 @@ export default {
active: "Sites",
},
{
name: "《中国自动识别技术》杂志社",
path: "/Org/magazine",
active: "Sites",
hidden: true,
},
{
name: "中国条码技术与应用协会",
path: "/Org/accessorial-cabc",
active: "Sites",
hidden: true,
},
{
name: "全国物品编码标准化技术委员会",
path: "/Org/tc287",
active: "Sites",
hidden: true,
},
{
name: "国家标准征求意见",
path: "/Org/tc287-suggestion",
active: "Sites",
hidden: true,
},
{
name: "中国自动识别技术协会",
path: "/Org/AIMChina",
active: "Sites",
hidden: true,
},
{
name: "物联网标识工作组",
path: "/Org/wly",
active: "Sites",
......
src/views/Org/magazine.vue 0 → 100644
<template>
<div class="guide">
<div class="guide-msg container">
<div class="msg-cont">
<p>中国自动识别技术杂志社是由国家市场监督管理总局主管，中国物品编码中心和中国自动识别技术协会联合主办的出版机构。按照国家新闻出版总署关于中央新闻出版业文化体制改革精神的要求，经原国家质量监督检验检疫总局同意，2013年3月，中国物品编码中心主办的《条码与信息系统》编辑部与中国自动识别技术协会主办的《中国自动识别技术》杂志社进行了改革重组，重组后的《中国自动识别技术》杂志社2013年3月15日正式运营，统筹开展两份期刊的出版发行工作。</p>
<p>《中国自动识别技术》杂志注重自动识别行业新技术（条码、射频识别、生物特征识别等）、新设备、新方案的宣传，关注自动识别技术发展，推动自动识别技术应用，是行业内的权威性专业杂志。《条码与信息系统》杂志自1993年创刊以来，承蒙读者厚爱，订户逐年增长，现每期发行量20万册，覆盖全国三十一个省、自治区、直辖市，深受各界读者的喜爱。20年来立足于为全球统一标识系统（GS1系统）成员服务，重点宣传报道物品编码、商品条码、二维条码、产品电子代码（EPC）、物联网和RFID技术，把编码技术在各行业中的应用作为宣传的主要内容。</p>
<p>物品编码与自动识别技术已广泛应用于零售、制造、物流、电子商务、电子政务、医疗卫生、产品质量追溯、图书音像等国民经济和社会发展的诸多领域。现两本杂志涵盖了物品编码和自动识别技术领域的时事政策、发展动态、研究成果、标准权威发布、科技前沿、热点探讨、行业应用以及与百姓生活息息相关的编码知识普及等内容，是目前我国商品条码、物品编码与自动识别技术领域最全面、最权威和最具实力的出版物。</p>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
margin: 40px 0;
font-size: 14px;
font-weight: 300;
.msg-cont {
padding: 0 15px;
p{
line-height: 28px;
font-size: 14px;
text-indent: 28px;
color: #454545;
margin: 0 0 10px;
}
}
}
}
</style>
\ No newline at end of file
src/views/Org/tc287-suggestion.vue 0 → 100644
<template>
<div class="org container">
<breadcrumb />
<div class="row status-container">
<div class="title-style">
<p>全国物品编码标准化技术委员会</p>
</div>
<div class="showHtml">
<p class="rightStyle"><span>物编标委⒓015]2号</span></p>
<p class="_title">关于对《国家物品编码与基础信息通用规范第三部分:生产资料编码与基础信息通用规范》等六项国家标准征求意见的函</p>
<p class="toolkit">各相关单位</p>
<p>经国家标准化管理委员会批准，《国家物品编码与基础信息通用规范 第三部分:生产资料编码与基础信息通用规范》（计划号20111593-T-469）、《国家物品编码基础信息通用规范第四部分:医药产品编码与基础信息通用规范》（计划号20110898-T-469）、《物品编码-物品标识-商品编码》（计划号20130306-T-469）、《电子商务参与方编码与基础信息规范》（计划号20130302-T-469）、《电子商务产品质量信息规范通则》（计划号20142071-T-469）与《电子商务参与方分类与编码》（计划号20142070-T-469）由全国物品编码标准化技术委员会（简称SAC/TC287）归口管理，中国物品编码中心组织编写。</p>
<p>目前，上述六项标准已完成征求意见稿，请各有关单位组织人员审阅后将修改意见和建议填入回函意见表，并于2015年4月23日前寄回、传真或发电子邮件至中国物品编码中心。若无意见也请说明。若没有收到回复，则视为无异议。感谢贵单位对我们工作的支持。</p>
<p>联系单位：中国物品编码中心</p>
<p>单位地址：北京市东城区安定门外大街136号皇城国际大厦B座501室</p>
<p>邮编：100011</p>
<p>电话：010－84295557 ，84295558</p>
<p>传真：010－84295572</p>
<p>Email：yangyx@gs1cn.org，liuwei@gs1cn.org</p>
<div class="downList">
<p>附件</p>
<p><a :href="`${urlDown}/office/uploadFileResource/manage/down/《国家物品编码与基础信息通用规范 第三部分生产资料编码与基础信息通用规范》征求意见稿意见反馈表.doc`">1. 《国家物品编码与基础信息通用规范 第三部分：生产资料编码与基础信息通用规范》征求意见稿、编制说明、回函意见表。</a></p>
<p><a :href="`${urlDown}/office/uploadFileResource/manage/down/《国家物品编码基础信息通用规范 第四部分医药产品编码与基础信息通用规范》征求意见稿意见反馈表.doc`">2.《国家物品编码基础信息通用规范 第四部分：医药产品编码与基础信息通用规范》征求意见稿、编制说明、回函意见表。</a></p>
<p><a :href="`${urlDown}/office/uploadFileResource/manage/down/《物品编码-物品标识-商品编码》征求意见稿意见反馈表.doc`">3. 《物品编码-物品标识-商品编码》征求意见稿、编制说明、回函意见表。</a></p>
<p><a :href="`${urlDown}/office/uploadFileResource/manage/down/《电子商务参与方编码与基础信息规范》征求意见稿意见反馈表.doc`">4.《电子商务参与方编码与基础信息规范》征求意见稿、编制说明、回函意见表。</a></p>
<p><a :href="`${urlDown}/office/uploadFileResource/manage/down/《电子商务产品质量信息规范通则》征求意见稿意见反馈表.doc`">5. 《电子商务产品质量信息规范通则》征求意见稿、编制说明、回函意见表。</a></p>
<p><a :href="`${urlDown}/office/uploadFileResource/manage/down/《电子商务参与方分类与编码》征求意见稿意见反馈表.doc`">6. 《电子商务参与方分类与编码》征求意见稿、编制说明、回函意见表。</a></p>
</div>
<div style="text-align: right">
<p style="font-size: 14px;">全国物品编码标准化技术委员会</p> <p style="font-size: 14px;">2015年2月13日</p>
</div>
</div>
</div>
</div>
</template>
<script>
import breadcrumb from "../comps/breadcrumb.vue";
export default {
components: {
breadcrumb,
},
data() {
return {
id: this.$route.query.id,
content: "",
title: "",
showtime: "",
author: "",
};
},
computed: {
routes() {},
},
created() {
this.urlDown = process.env.VUE_APP_HOST_URL;
},
mounted() {
},
methods: {
},
};
</script>
<style lang="scss">
@media screen and(min-width: 992px) {
}
@media screen and (max-width: 992px) {
}
.showHtml {
img {
max-width: 100%;
}
}
</style>
<style lang="scss" scoped>
.org {
padding-bottom: 20px;
.title-style {
width: 100%;
text-align: center;
border-bottom: 1px solid #b2b2b8;
color: #002c6c;
P {
margin-top: 20px;
padding-bottom: 10px;
font-size: 22px;
text-align: center;
color: #F26334;
}
}
.status-container {
border-top: 7px solid #002c6c;
background: #fff;
padding:20px;
padding-bottom: 20px;
> div {
font-size: 14px;
}
.showHtml {
width: 100%;
padding-bottom: 30px;
margin-bottom: 25px;
margin-top: 15px;
line-height: 28px;
font-size: 15px;
text-indent: 30px;
color: #454545;
padding-left: 15px;
p {
width: 100%;
margin: 0 0 10px;
font-weight: 300;
}
.rightStyle{
text-align: right;
line-height: 13px;
font-size: 12px;
color: #666
}
._title{
line-height: 28px;
text-align: center;
margin-bottom: 15px;
padding-bottom: 10px;
color: #002c6c;
font-weight: 400;
font-size: 18px;
}
.toolkit{
font-size: 16px;
font-weight: normal;
color: #333333;
margin: 0 !important;
text-indent: 0;
}
.downList{
margin: 20px 0 20px 25px;
p{
padding: 2px;
font-size: 15px;
line-height: 24px;
margin: 0;
a{
color: #008dbd;
text-decoration: none;
font-weight: 500;
word-break: break-word;
}
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Service/QC.vue
<template>
<div class="search-content n-service instrument">
<div class="title">质检中心：</div>
<div class="title">质检中心</div>
<div class="body" style="padding-top: 9px">
<div class="notice">
<ul style="font-size: 14px">
......
src/views/Service/RFID.vue
<template>
<div class="search-content n-service instrument">
<div class="title">射频识别（RFID）测试与认证：</div>
<div class="title">射频识别（RFID）测试与认证</div>
<div class="body" style="padding-top: 9px">
<p>应用：EPC编码、服装、无人零售、电网、航空、物流、烟草、酒类、数据中心等资产管理、产品追溯、铁路、图书馆等。</p>
<p>
......
src/views/Service/software.vue
<template>
<div class="search-content n-service instrument">
<div class="title">软件产品检测：</div>
<div class="title">软件产品检测</div>
<div class="body" style="padding-top: 9px">
<span class="barcodev-title">条码软件产品：</span>
<p>产品类型：数据编码软件、条码设计软件、嵌入式软件</p>
......
src/views/comps/title.vue
<template>
<div class="zxcxgj-title"><span></span>{{ father.name }}</div>
<div @click="goInfo(father)" class="zxcxgj-title"><span></span>{{ father.name }}</div>
</template>
<script>
export default {
props: ["father"],
methods:{
goInfo(data){
if(data.path &&data.path!=null){
window.open(data.path,'_blank')
}else{
return
}
}
}
};
</script>
<style lang="scss">
......@@ -15,6 +25,7 @@ export default {
display: flex;
align-items: center;
margin-bottom: 10px;
span {
display: inline-block;
width: 4px;
......
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