Commit c866a932 by Lyan

gs系统部分静态页面

parent d05e89f8
...@@ -94,6 +94,7 @@ export default { ...@@ -94,6 +94,7 @@ export default {
nav.forEach((nav_) => { nav.forEach((nav_) => {
if (this.$route.path.startsWith(nav_.link)) { if (this.$route.path.startsWith(nav_.link)) {
this.currentNav = nav_.id; this.currentNav = nav_.id;
// nav_.children && // nav_.children &&
// nav_.children.length > 0 && // nav_.children.length > 0 &&
// this.$store.commit("system/SET_SUB_NAV", nav_.children); // this.$store.commit("system/SET_SUB_NAV", nav_.children);
......
...@@ -592,17 +592,17 @@ const routes = [ ...@@ -592,17 +592,17 @@ const routes = [
}, },
component: () => import("@/views/News/Other.vue"), component: () => import("@/views/News/Other.vue"),
}, },
{
path: "/News/ECommerceList",
name: "ECommerceList",
meta: {
name: "物联网",
},
component: () => import("@/views/News/ECommerceList.vue"),
},
] ]
}, },
{ {
path: "/News/NoticeArticle",
name: "NoticeArticle",
meta: {
name: "公告详情",
},
component: () => import("@/views/News/NoticeArticle.vue"),
},
{
path: "/News/msg", path: "/News/msg",
name: "msg", name: "msg",
meta: { meta: {
...@@ -611,6 +611,15 @@ const routes = [ ...@@ -611,6 +611,15 @@ const routes = [
component: () => import("@/views/News/msg.vue"), component: () => import("@/views/News/msg.vue"),
}, },
{ {
path: "/News/NoticeArticle",
name: "NoticeArticle",
meta: {
name: "公告详情",
},
component: () => import("@/views/News/NoticeArticle.vue"),
},
{
path: "/News/Health", path: "/News/Health",
name: "Health", name: "Health",
meta: { meta: {
...@@ -642,6 +651,7 @@ const routes = [ ...@@ -642,6 +651,7 @@ const routes = [
}, },
component: () => import("@/views/News/Retail.vue"), component: () => import("@/views/News/Retail.vue"),
}, },
{ {
path: "/News/Logistics", path: "/News/Logistics",
name: "Logistics", name: "Logistics",
...@@ -733,7 +743,38 @@ const routes = [ ...@@ -733,7 +743,38 @@ const routes = [
}, },
component: () => import("@/views/Knowledge/GS1System/sjjhtx.vue"), component: () => import("@/views/Knowledge/GS1System/sjjhtx.vue"),
}, },
{
path: "/Knowledge/GS1System/gstd",
name: "gstd",
meta: {
name: "GS1系统的特点",
},
component: () => import("@/views/Knowledge/GS1System/gstd.vue"),
},
{
path: "/Knowledge/GS1System/gshc",
name: "gshc",
meta: {
name: "GS1系统的好处",
},
component: () => import("@/views/Knowledge/GS1System/gshc.vue"),
},
{
path: "/Knowledge/GS1System/glwh",
name: "glwh",
meta: {
name: "管理与维护",
},
component: () => import("@/views/Knowledge/GS1System/glwh.vue"),
},
{
path: "/Knowledge/GS1System/tmyy",
name: "tmyy",
meta: {
name: "商品条码及应用",
},
component: () => import("@/views/Knowledge/GS1System/tmyy.vue"),
},
{ {
path: "/Knowledge/Standard", path: "/Knowledge/Standard",
name: "Standard", name: "Standard",
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</template> </template>
<script> <script>
import { mapMutations } from "vuex";
import list from "./comps/list.vue"; import list from "./comps/list.vue";
import pages from "../comps/pages2.vue"; import pages from "../comps/pages2.vue";
import breadcrumb from "../comps/breadcrumb.vue"; import breadcrumb from "../comps/breadcrumb.vue";
...@@ -44,6 +44,9 @@ export default { ...@@ -44,6 +44,9 @@ export default {
this.initListFn(this.tableResult.currPage); this.initListFn(this.tableResult.currPage);
}, },
methods:{ methods:{
...mapMutations({
setMatche: "setMatche",
}),
// 列表 // 列表
async initListFn(page,limit) { async initListFn(page,limit) {
const params = { const params = {
...@@ -66,8 +69,15 @@ export default { ...@@ -66,8 +69,15 @@ export default {
if(directpath&&directpath!==''&& directpath.length>0){ if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank'); window.open(directpath,'_blank');
}else{ }else{
const matche = [
{
name: "深度资讯",
path: "/News/DepthTopics",
}
];
this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -154,7 +154,7 @@ ...@@ -154,7 +154,7 @@
</div> </div>
</template> </template>
<script> <script>
import { mapMutations } from "vuex";
import Footer from "./comps/footer.vue"; import Footer from "./comps/footer.vue";
export default { export default {
...@@ -199,6 +199,9 @@ export default { ...@@ -199,6 +199,9 @@ export default {
this.timer1= setInterval(this.scroll,2000) this.timer1= setInterval(this.scroll,2000)
}, },
methods: { methods: {
...mapMutations({
setMatche: "setMatche",
}),
scroll(){ scroll(){
this.marginTop='-60'; this.marginTop='-60';
this.animate=!this.animate; this.animate=!this.animate;
...@@ -288,8 +291,15 @@ export default { ...@@ -288,8 +291,15 @@ export default {
if(directpath &&directpath!==''&& directpath.length>0){ if(directpath &&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank'); window.open(directpath,'_blank');
}else{ }else{
const matche = [
{
name: "行业应用",
path: "/News/Application",
}
];
this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -47,7 +47,7 @@ export default { ...@@ -47,7 +47,7 @@ export default {
window.open(directpath,'_blank'); window.open(directpath,'_blank');
}else{ }else{
this.$router.push({ this.$router.push({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
} }
......
...@@ -98,8 +98,8 @@ export default { ...@@ -98,8 +98,8 @@ export default {
} }
img{ img{
width: 80%; width: 40%;
margin: 20px 10%; margin: 20px 30%;
} }
} }
} }
......
<template>
<div class="guide">
<div class="guide-msg container">
<div class="msg-cont">
<div class="title" v-if="id==1">商品条码的管理与维护<span>日期:2008/7/1</span></div>
<div class="title" v-if="id==2">中国商品条码系统成员的权利和义务<span>日期:2008/7/1</span></div>
<div v-if="id==1">
<p>在GS1全球统一标识系统的支持下,商品条码活跃在整个全球供应链管理过程中,截至目前为止,已被来自150多个国家和地区的近200万家企业广泛采用,全球采用商品条码每天的扫描交易次数超过60亿次,是全球通用的商务语言。</p>
<p>提示: GS1全球统一标识系统的介绍,详见《应用篇》第一章GS1全球统一标识系统。</p>
<p>为保证商品条码编码在全球范围内的唯一性,国际上统一采用分段管理、分段赋码的管理模式。在中国大陆地区,中国物品编码中心负责全国商品条码的管理与协调工作。 商品条码的组织管理体系如图2-1所示,编码分配模式如图2-2所示。</p>
<img src="../../../assets/image/knowledge/glwh1.png" alt="">
<img src="../../../assets/image/knowledge/glwh2.jpg" style="width:60%;margin-left:20%" alt="">
</div>
<div v-if="id==2">
<p>自《中国商品条码系统成员证书》(以下简称《系统成员证书》)核发之日起,申请注册的企业即获得中国商品条码系统成员(以下简称“系统成员”)资格。系统成员在《系统成员证书》规定的有效期内,应合法使用其注册的厂商识别代码及相应的商品条码,并享有以下权利和义务。</p>
<br/>
<p><b>权利:</b></p>
<p> 对合法拥有的厂商识别代码及相应的商品条码,享有专用权;</p>
<p> 享有在厂商识别代码的基础上,自行分配商品项目代码的权利;</p>
<p> 享有获得编码中心及其分支机构提供的咨询、培训、检测等技术支持服务的权利;</p>
<p> 对编码中心及其分支机构的工作提出建议的权利。</p>
<p class="tab">
</p>
<p><b>义务:</b></p>
<p> 按照国家标准、技术规范及相关规定,正确使用商品条码相关技术;</p>
<p> 遵守《商品条码管理办法》,不得转让或与他人共享厂商识别代码及相应的商品条码;</p>
<p> 系统成员资格有效期满后如继续使用商品条码,需按期续展并交纳系统维护费;</p>
<p> 企业信息变更时,需及时到所在地编码分支机构办理变更手续;</p>
<p> 系统成员停止使用厂商识别代码的,应到所在地的编码分支机构办理注销手续;</p>
<p> 按规定进行产品信息备案。</p>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
components: {
},
data() {
return {
id:this.$route.query.id,
};
},
mounted() {
// 面包屑单独处理
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "技术与标准", path: "/Knowledge" },
{ name: "GS1系统", path: "/Knowledge/GS1System2" },
{ name: "GS1系统的好处" },
]);
},
};
</script>
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
margin: 30px 0;
font-size: 14px;
.msg-title {
color: rgba(0, 121, 158, 1);
margin-bottom: 20px;
}
.msg-cont {
.tab{
border-bottom: 1px solid #f3f3f3;
margin: 40px auto 30px;
}
line-height: 23px;
color: rgba(102, 102, 102, 1);
.title {
padding: 20px 30px;
padding-left: 0;
font-size: 18px;
font-weight: 500;
color: #454545;
line-height: 25px;
border-bottom: 1px solid #f3f3f3;
margin-bottom: 29px;
span{
float:right;
font-size: 14px;
}
}
p {
margin-left: 15px;
text-indent: 32px;
line-height: 28px;
margin-bottom: 10px;
}
img{
width: 50%;
margin: 20px 25%;
}
}
}
}
</style>
\ No newline at end of file
<template>
<div class="guide">
<div class="guide-msg container">
<div class="msg-cont">
<div class="title">GS1系统的好处<span>日期:2011/5/13</span></div>
<p><b>生产商</b></p>
<p>· 提供独一无二的商品识别方法</p>
<p>· 减少贸易伙伴替商品附加标识的麻烦</p>
<p>· 有效地监察商品从生产至销售之间的流向</p>
<p>· 确保与标准的电子</p>
<p><b>物流服务提供商</b></p>
<p>· 优化物流流程,减少库存量,实现JIT</p>
<p>· 方便掌握及追踪商品货运情况</p>
<p>· 支持仓库自动化系统</p>
<p>· 改善货运管理及监察情况</p>
<p><b>进出口商</b></p>
<p>· 符合世界主要零售商及买家对供应商的基本采购要求</p>
<p>· 避免重复及错误输入商品信息</p>
<p>· 配合扫描技术,提高效率</p>
<p>· 促进存货管理,以便追查商品流向</p>
<p><b>批发商及零售商</b></p>
<p>· 改善存货控制方式,降低行政费用</p>
<p>· 为推行电子销售点扫描奠定基础</p>
<p>· 提供准确的商品销售数据,实现ECR</p>
<p>· 提高采购及补货效率</p>
</div>
</div>
</div>
</template>
<script>
export default {
components: {
},
data() {
return {
};
},
mounted() {
// 面包屑单独处理
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "技术与标准", path: "/Knowledge" },
{ name: "GS1系统", path: "/Knowledge/GS1System2" },
{ name: "GS1系统的好处" },
]);
},
};
</script>
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
margin: 30px 0;
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);
.title {
padding: 20px 30px;
padding-left: 0;
font-size: 18px;
font-weight: 500;
color: #454545;
line-height: 25px;
border-bottom: 1px solid #f3f3f3;
margin-bottom: 29px;
span{
float:right;
font-size: 14px;
}
}
p {
margin-left: 15px;
text-indent: 32px;
line-height: 28px;
margin-bottom: 10px;
}
img{
width: 80%;
margin: 20px 10%;
}
}
}
}
</style>
\ No newline at end of file
<template>
<div class="guide">
<div class="guide-msg container">
<div class="msg-cont">
<div class="title">GS1系统的特点<span>日期:2011/5/13</span></div>
<p>1、 系统性</p>
<p>GS1系统拥有一套完整的编码体系(见图1)。采用该系统对供应链各参与方、贸易项目、物流单元、位置、资产、服务关系等进行编码,解决了供应链上信息编码不唯一的难题。这些标识代码是计算机系统信息查询的关键字,是信息共享的重要手段,同时,也为采用高效、可靠、低成本的自动识别和数据采集技术奠定了基础。</p>
<img src="../../../assets/image/knowledge/gstd1.jpg" alt="">
<p>GS1的系统性通过流通领域电子数据交换规范(EANCOM)进行信息交换。EANCOM以GS1系统代码(GTIN、SSCC、GLN等)为基础,是联合国电子数据交换(EDIFACT)的子集。这些代码及其他相关信息以EDI报文形式的形式传输(见下图)。EANCOM在全球零售业有广泛的影响,并已扩展到金融和运输领域。</p>
<img src="../../../assets/image/knowledge/gstd2.jpg" alt="">
<p>2、 科学性</p>
<p>GS1系统对不同的编码对象采用不同的编码结构,并且这些编码结构间存在内在联系,因而具有整合性。</p>
<p>3、 全球统一性</p>
<p>GS1系统广泛应用于全球流通领域,已经成为事实上的国际标准。</p>
<p>4、 可扩展性</p>
<p>GS1系统是可持续发展的。随着信息技术的发展和应用,该系统也在不断的发展和完善。</p>
<p>GS1系统通过向供应链参与方及相关用户提供增值服务,来优化整个供应链的管理效率。GS1系统已经广泛应用于全球供应链中的物流业和零售业,避免了众多互不兼容的系统所带来的时间和资源的浪费,降低系统的运行成本。采用全球统一的标识系统,即能保证全球企业采用一个共同的数据语言实现信息流和物流快速、准确地无缝链接。</p>
</div>
</div>
</div>
</template>
<script>
export default {
components: {
},
data() {
return {
};
},
mounted() {
// 面包屑单独处理
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "技术与标准", path: "/Knowledge" },
{ name: "GS1系统", path: "/Knowledge/GS1System2" },
{ name: "GS1系统的好处" },
]);
},
};
</script>
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
margin: 30px 0;
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);
.title {
padding: 20px 30px;
padding-left: 0;
font-size: 18px;
font-weight: 500;
color: #454545;
line-height: 25px;
border-bottom: 1px solid #f3f3f3;
margin-bottom: 29px;
span{
float:right;
font-size: 14px;
}
}
p {
margin-left: 15px;
text-indent: 32px;
line-height: 28px;
margin-bottom: 10px;
}
img{
width: 80%;
margin: 20px 10%;
}
}
}
}
</style>
\ No newline at end of file
...@@ -52,6 +52,7 @@ export default { ...@@ -52,6 +52,7 @@ export default {
color: rgba(102, 102, 102, 1); color: rgba(102, 102, 102, 1);
.title { .title {
padding: 20px 30px; padding: 20px 30px;
padding-left: 0;
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: #454545; color: #454545;
......
...@@ -80,6 +80,7 @@ export default { ...@@ -80,6 +80,7 @@ export default {
color: rgba(102, 102, 102, 1); color: rgba(102, 102, 102, 1);
.title { .title {
padding: 20px 30px; padding: 20px 30px;
padding-left: 0;
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
color: #454545; color: #454545;
......
<template>
<div class="guide">
<div class="guide-msg container">
<div class="msg-cont">
<div class="title" v-if="id==1">条码质量控制<span>日期:2008/7/1</span></div>
<div class="title" v-if="id==2">商品条码在零售商品的应用<span>日期:2008/7/1</span></div>
<div class="title" v-if="id==3">GS1系统在商业零售中的应用<span>日期:2011/5/13</span></div>
<div class="title" v-if="id==4">GS1系统在食品追溯领域中的应用<span>日期:2011/5/13</span></div>
<div class="title" v-if="id==5">GS1系统在医疗卫生领域中的应用<span>日期:2011/5/13</span></div>
<div class="title" v-if="id==6">GS1系统在物流领域中的应用<span>日期:2011/5/13</span></div>
<div class="title" v-if="id==7">GS1系统在移动商务与电子商务领域中的应用<span>日期:2011/5/13</span></div>
<div class="title" v-if="id==8">中国商品信息服务平台<span>日期:2011/5/13</span></div>
<div class="title" v-if="id==9">GS1系统在物联网中的应用<span>日期:2011/5/13</span></div>
<div v-if="id==1">
<p>商品条码是ANCC系统的一个重要组成部分,是ANCC系统发展的基础。它主要用于对零售商品、非零售商品及物流单元的条码标识。</p>
<p>零售商品是指在零售端通过POS扫描结算的商品。其条码标识由全球贸易项目代码(GTIN)及其对应的条码符号组成。零售商品的条码标识主要采用EAN/UPC条码。一听啤酒、一瓶洗发水和一瓶护发素的组合包装都可以作为一项零售商品卖给最终消费者。</p>
<p>非零售商品是指不通过POS扫描结算的用于配送、仓储或批发等操作的商品。其标识代码由全球贸易项目代码(GTIN)及其对应的条码符号组成。非零售商品的条码符号主要采用采用ITF-14条码或UCC/EAN-128条码,也可使用EAN/UPC条码。一个装有24条香烟的纸箱、一个装有40箱香烟的托盘都可以作为一个非零售商品进行批发、配送。</p>
<p>物流单元条码是为了便于运输或仓储而建立的临时性组合包装,在供应链中需要对其进行个体的跟踪与管理。通过扫描每个物流单元上的条码标签,实现物流与相关信息流的链接,可分别追踪每个物流单元的实物移动。物流单元的编码采用系列货运包装箱代码(SSCC-18)进行标识。一箱有不同颜色和和尺寸的12件裙子和20件夹克的组合包装,一个含有40箱饮料的托盘(每箱12盒装)都可以视为一个物流单元。</p>
</div>
<div v-if="id==2" class="sybz">
<div class="sybz-head">使用步骤如下</div>
<ol type="1">
<li>1. <a href="#1">① 编制代码</a></li>
<li>2. <a href="#2">② 选择相应的条码符号</a></li>
<li>3. <a href="#3">③ EAN/UPC条码符号的设计</a></li>
<li>4. <a href="#4">④ 条码符号的印制</a></li>
</ol>
<div id="1">
<div class="title">步骤一:为不同的商品项目编制不同的商品标识代码</div>
<div class="title" style="padding-top:0">1、商品标识代码的结构</div>
<p>在我国,零售商品的标识代码主要采用GTIN的三种数据结构,即EAN/UCC-13、EAN/UCC-8和UCC-12。通常情况下,选用13位的数字代码结构用EAN-13条码表示。只有当产品出口到北美地区并且客户指定时,才申请使用UCC-12代码(用UPC条码表示)。中国厂商如需申请UPC商品条码,须经中国物品编码中心统一办理。EAN/UCC-13和EAN/UCC-8的结构分别如图1、图2、图3所示。</p>
<p class="title1">1)EAN/UCC-13的数据结构</p>
<p>(1)当前缀码为690、691时,EAN/UCC-13的代码结构如图1所示:</p>
<p class="title2">图1 EAN/UCC-13代码结构一</p>
<img src="../../../assets/image/knowledge/tmyy1.jpg" alt="">
<p>(2)当前缀码为692、693时,EAN/UCC-13的代码结构如图2所示:</p>
<p class="title2">图2 EAN/UCC-13代码结构二</p>
<img src="../../../assets/image/knowledge/tmyy2.jpg" alt="">
<p>1、厂商识别代码 厂商识别代码是由中国物品编码中心统一向申请厂商分配。厂商识别代码左起三位由国际物品编码协会分配给中国物品编码中心的前缀码。</p>
<p>2、商品项目代码 商品项目代码由厂商根据有关规定自行分配。</p>
<p>3、校验位 用来校验其他代码编码的正误。它有固定的计算方法,参见GB 12904附录。</p>
<p class="title1">2)EAN/UCC-8的代码结构如图3所示</p>
<p class="title2">图3 EAN/UCC-8代码结构</p>
<img src="../../../assets/image/knowledge/tmyy3.jpg" alt="">
<p>商品项目识别代码 是EAN编码组织在EAN分配的前缀码(X8X7X6)的基础上分配给厂商特定商品项目的代码。为了保证代码的惟一性,商品项目识别代码须由中国物品编码中心统一分配。</p>
<p>校验位 用来校验其他代码编码的正误。它有固定的计算方法,参见GB 12904附录。</p>
<div class="title">2、示例</div>
<p>厂商在编制商品标识代码时,应遵守惟一性、稳定性及无含义性三个基本的编码原则。 假设分给A厂的厂商识别代码为6901234,其部分产品的编码如图4所示。</p>
<p class="title2">图4 商品标识代码的编码示例</p>
<img src="../../../assets/image/knowledge/tmyy4.jpg" alt="">
</div>
<div id="2">
<div class="title">步骤二:选择相应的条码符号</div>
<p>在我国,零售商品选用EAN/UPC商品条码来表示。EAN/UPC商品条码包括EAN商品条码(EAN-13和EAN-8)和UPC商品条码(UPC-A和UPC-E)。EAN-13和EAN-8条码如图5所示。UPC商品条码是UCC-12标识代码的条码符号表示,具体见GB 12904-2003。</p>
<img src="../../../assets/image/knowledge/tmyy5.jpg" alt="">
<p>EAN-13商品条码又称标准版商品条码,表示EAN/UCC-13代码。EAN-8商品条码也称缩短版商品条码,表示EAN/UCC-8代码。</p>
</div>
<div id="3">
<div class="title">步骤三:EAN/UPC条码符号的设计</div>
<p>1、符号尺寸</p>
<p>EAN/UPC条码符号的放大系数一般在0.80~2.00的范围内选择。条码符号随放大系数的变化而放大或缩小。具体尺寸要求见GB 12904-2003。</p>
<p>2、左右侧空白区</p>
<p>条码左右侧空白区的宽度尺寸随放大系数的变化而变化。左右侧空白区的宽度对条码的成功识读有着重要的意义,因此,其宽度尺寸要求是衡量条码符号质量的主要参数之一。</p>
<p>3、条空颜色搭配</p>
<p>条空颜色搭配是指条码中条色与衬底空色的组合搭配。条码是使用专用识读设备依靠分辨条空的边界和宽窄来实现的,因此,要求条与空的颜色反差越大越好。一般来说,白色作底,黑色作条是最理想的颜色搭配。</p>
<p>4、符号位置</p>
<p>条码符号位置的选择应以符号位置相对统一、符号不易变形、便于扫描操作和识读为准则。首选的条码符号位置宜在商品包装背面的右侧下半区域内。</p>
</div>
<div id="4">
<div class="title">步骤四:条码符号的印制</div>
<p>为保证条码的印刷质量,中国物品编码中心及其分支机构开展了条码原版胶片制作服务。企业可以根据自己的实际情况到编码中心或其分支机构定制条码原版胶片。</p>
</div>
</div>
<div v-if="id==3">
<p style="text-indent:0">零售业是应用GS1系统最成功、最广泛的领域,商品条码是商品在全球贸易流通中的身份证。采用条码技术,能使商品结算、库存控制、收发货等工作变得高效、简单。商品通过收款台时扫描条码,可完成销售结算,同时可以将每一笔销售信息实时地传送到零售商的内部管理系统,管理人员就可以随时了解商场的经营信息,实现订货、商品货架补充、盘点等自动化管理,从而建立一个更合理的商品销售结构,既能降低商品的库存,又能改善购物环境,提高顾客满意度,增加销售量。目前由中国物品编码中心管理的商品条码系统成员已逾十万家;上千万种产品包装上使用了商品条码标识;使用条码技术进行自动零售结算的超市已超百万家。</p>
</div>
<div v-if="id==4">
<p>中心通过实施“条码推进工程”项目,开发了基于商品条码的质检信息综合查询系统,在国内建立了100多个食品安全追溯应用示范,应用试点和推广工作涵盖肉禽类、蔬菜水果、水产品及地方特色食品等,包括新疆瓜果、四川茶叶、山东蔬菜等地方特色优质产品追溯系统,并取得了良好的效果;完成了中法食品追溯项目;为北京奥运的食品安全保障提供了有效技术支持;为更好实现产品质量监管、“强质检、保安全”做出了积极贡献。</p>
<p>在山东实施的“蔬菜安全可追溯性信息系统的研究及应用示范”和“GS1在深加工食品安全监管追溯中的应用”两大项目,已在山东寿光田苑果蔬有限公司、山东海星集团有限公司和三通食品(潍坊)有限公司成功运行,并在济南银座、家乐福和潍坊的佳乐家超市建立了追溯终端系统,消费者可实时准确查询产品的包装、仓储、运输、销售等整个生产周期的信息。此举提高了消费者对于蔬菜及深加工食品的信任度,社会反响良好。</p>
<p>新疆维吾尔自治区确定了以特色林果业带动地方经济发展的政策导向,因地制宜,将哈密瓜、葡萄等新疆特色农产品作为追溯体系建设的试点,带动新疆特色农产品质量安全追溯体系建设工作全面开展。截止到现在,已有10个特色农产品纳入了新疆质量安全追溯体系平台,可追溯面积已达100万亩。2007年,中心在新疆实施“哈密瓜质量安全追溯信息系统”,实现了哈密瓜质量安全信息的追溯,促进了新疆特色农产品的产业发展,填补了新疆食品监管在追溯方面工作的空白;2008年,又开展了对吐鲁番特色水果——葡萄的追溯体系建设工作,建成“吐鲁番红柳河葡萄质量安全信息追溯系统》”,成为2008年奥运会指定准入食品;相继开展了和田皮亚曼甜石榴、和田地区薄皮核桃、安迪河甜瓜、红柳大芸;喀什地区喀什噶尔红枣、喀什噶尔木亚格杏、喀什噶尔石榴、伽师瓜等特色产品的质量安全追溯信息系统的研究及应用,为打造特色品牌和推动优质特色农产品进入高端市场起到积极地促进作用。</p>
<p>四川地处我国西部,有着丰富的茶业资源和众多茶叶生产企业。为了提高茶叶的安全性和促进茶叶企业发展,中心在四川建立“茶叶制品质量安全信息追溯示范系统”项目,成为国内首例采用以商品条码为基础的可追溯性标识的茶叶制品示范系统。该系统为企业的产品质量管理提供技术手段,有利于政府对茶叶产品的监督管理和消费者查询茶叶产品质量安全信息。</p>
</div>
<div v-if="id==5">
<p>中心于2008年成立了包括分中心、药监部门、卫生部门、行业协会、医药制造、医药物流、医院、药店等在内的医疗卫生领域推广工作组,负责中国商品条码标识系统在我国医疗卫生领域的推广应用,在医药物流信息化、医药零售的移动POS应用、中药材道地性追溯、医疗器械全过程追溯、化妆品市场监管等多个领域开展技术研究与应用推广工作,得到了企业的好评,取得了阶段性的成果,提升供应链效率,降低运营成本,保障患者安全。我国医疗卫生领域应用商品条码的企业约占商品条码成员总数的7%;在我国药店销售的OTC药品中,约90%印有商品条码;医药产品的箱码覆盖率约20%;在中国商品信息服务平台中,医药产品信息达4万条。</p>
<p>国内医药流通企业已广泛开展商品条码技术应用。全国500家药店推广医药POS系统应用;山东九州通、青岛利群、浙江华东医药珍诚物流等企业开发基于商品条码技术的医药物流仓储与配送管理;天津天士力集团在陕西、东北地区实现中药材种植加工过程管理与道地性溯源;福建建设基于商品条码技术的药品价格监管制度;上海、浙江开发基于商品条码的医药产品信息的应用(药品数据库建设与应用、医疗器械追溯与监管、消费者手机查询应用)。</p>
</div>
<div v-if="id==6">
<p>在行业研究方面,中心2009年开展的快速消费品企业在生产、仓储、运输过程中管理信息系统的应用状况调研涉及到北京、上海、深圳、河南、沈阳、大连、浙江、湖南、江苏、天津、南京、云南等12个省市的73家企业。通过本次调研,中心开始在我国快速消费品企业在采用标准的物流标识进行供应链全过程中推广箱码的使用,指导并帮助零售企业通过采用箱码提升自身效率,进而提升全行业物流效率。</p>
<p>目前,越来越多的零售企业(如:特易购(TESCO)、麦德龙(METRO)、上海联华、浙江联华华商、山东家家乐、南京苏果、山西美特好、武汉中百等)已加入到本项工作之中。</p>
<p>中心2010年初开展了《天津市港口物流信息标准化解决方案的研究》,通过深入企业及相关部门充分调查物流业基本情况,研究天津物流业特点,分析研究相关的国际标准、国家标准和行业标准,为天津市物流业调整和振兴工作组提供天津港口物流信息标准化解决方案。目前,该项工作正在进行中。</p>
</div>
<div v-if="id==7">
<p>随着网络技术的迅猛发展,中心进一步拓宽了商品条码应用领域,积极开展基于手机识读商品条码的移动商务领域研究应用,为商家提供新的销售渠道,为消费者提供全新的购物模式,为政府部门提供移动执法的技术支持;同时,建立了以商品条码为基础的公共信息服务平台,开展产品防伪、质量追溯、质量监管、数据共享、电子商务等多方面的应用,消费者可以通过中国商品信息服务平台,随时对商品信息进行查询。在物流信息标准化、商品电子代码、联合国标准产品与服务代码等新领域,我国也取得了一批具有自主知识产权的科研成果和专利,拓宽了物品编码的应用范围。</p>
<p>人们利用当下流行的智能手机,在网上免费下载一款用来查询商品各类相关信息的生活实用软件Wochacha(我查查),就可以随时拿起一件商品,用手机对准条码拍照,该产品的有关信息就可以一一在目。同时,其在不同超市的售价也是一目了然。该款软件是以中国物品编码庞大的数据库平台为载体,消费者可以通过手机随时查询近400万种商品,覆盖食品饮料、美容护理、厨卫清洁、母婴玩具、家居用品、营养保健、数码家电、图书音像制品、药品等 各大类常用商品。</p>
</div>
<div v-if="id==8">
<p>GDS中国数据池,于2007年通过GS1认证,并顺利加入到全球商品数据同步网络(GDSN)中。以GDS中国数据池为基础,中国物品编码中心2003年建立了中国商品信息服务平台,该平台具有商品信息维护、贸易伙伴管理、商品数据同步等功能,可满足电子商务中信息交换和共享的需求,为我国电子商务的发展奠定了坚实的基础。</p>
<p>中国商品信息服务平台现已成功加入全球数据同步网络。中国商品信息服务平台是中心为国内企业提供的与国内外合作伙伴进行及时高效的数据信息传递的商务平台,注册厂商达到11万余家,注册产品种类600多万种。提高了我国现代物流、电子商务以及供应链运作的效率,促进了企业运作模式的变革,优化了行业结构,提升了行业竞争力,推动了各行业信息化建设的发展。</p>
</div>
<div v-if="id==9">
<p>2010年,温家宝总理的政府工作报告提到了物联网建设,2010年中央经济工作会议,把着力突破物联网关键技术作为我们今后经济工作的一个主要任务,物联网建设已上升到我国的经济发展战略。</p>
<p>物联网是指通过信息传感设备,按照约定的协议,把任何物品与互联网连接起来,进行信息交换和通讯,以实现智能化识别、定位、跟踪监控和管理的一种网络。物联网中的物,即物品。对物品进行编码,实现物品的数字化,是物联网建设的基础。在物联网的各个环节,物品编码都是贯穿始终的关键字。采用GS1系统及统一的编码标准,是实现物品自动识别、信息系统互联的一个前提。GS1系统在生产行业、零售行业、物流行业的广泛应用,特别是EPC、RFID技术的发展,为物联网的建设奠定了良好的基础。在推动应用GS1系统、EPC技术的基础上,加强物品编码标准化研究,建立物联网编码体系,对加快我国物联网建设具有重要的意义。</p>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
components: {
},
data() {
return {
id:this.$route.query.id,
};
},
mounted() {
// 面包屑单独处理
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "技术与标准", path: "/Knowledge" },
{ name: "GS1系统", path: "/Knowledge/GS1System2" },
{ name: "GS1系统的好处" },
]);
},
};
</script>
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
margin: 30px 0;
font-size: 14px;
.msg-title {
color: rgba(0, 121, 158, 1);
margin-bottom: 20px;
}
.msg-cont {
.tab{
border-bottom: 1px solid #f3f3f3;
margin: 40px auto 30px;
}
line-height: 23px;
color: rgba(102, 102, 102, 1);
.title {
padding: 20px 30px;
padding-left: 0;
font-size: 18px;
font-weight: 500;
color: #454545;
line-height: 25px;
border-bottom: 1px solid #f3f3f3;
margin-bottom: 29px;
span{
float:right;
font-size: 14px;
}
}
p {
margin-left: 15px;
text-indent: 32px;
line-height: 28px;
margin-bottom: 10px;
}
img{
width: 50%;
margin: 20px 25%;
}
}
.sybz{
.sybz-head{
font-size: 18px;
margin-bottom: 20px;
}
ol{
padding: 10px 20px;
li{
font-size: 14px;
line-height: 32px;
margin-top: 20px;
a{
display: inline-block;
text-indent: 32px;
color: #008dbd;
}
}
}
.title1{
text-indent: 0;
color: #002c6c;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #b2b2b8;
}
.title2{
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
border: 0;
// border-bottom: 1px solid #e5e5e5;
text-align: center;
}
}
}
}
</style>
\ No newline at end of file
...@@ -5,24 +5,24 @@ ...@@ -5,24 +5,24 @@
<Title :father="zdsxTitle"></Title> <Title :father="zdsxTitle"></Title>
<div> <div>
<ul> <ul>
<li><a href="/Knowledge/GS1System/GS1System">概述</a></li> <li><a href="/Knowledge/GS1System/GS1System" target="_blank">概述</a></li>
<li><a href="/Knowledge/GS1System/bmtx">编码体系 </a></li> <li><a href="/Knowledge/GS1System/bmtx" target="_blank">编码体系 </a></li>
<li><a href="/Knowledge/GS1System/sjzttx">数据载体体系 </a></li> <li><a href="/Knowledge/GS1System/sjzttx" target="_blank">数据载体体系 </a></li>
<li><a href="/Knowledge/GS1System/sjjhtx">数据交换体系</a></li> <li><a href="/Knowledge/GS1System/sjjhtx" target="_blank">数据交换体系</a></li>
</ul> </ul>
</div> </div>
<Title :father="zdsxTitle2"></Title> <Title :father="zdsxTitle2"></Title>
<div> <div>
<ul> <ul>
<li><a href="#">GS1系统的特点</a></li> <li><a href="/Knowledge/GS1System/gstd" target="_blank">GS1系统的特点</a></li>
</ul> </ul>
</div> </div>
<Title :father="zdsxTitle3"> </Title> <Title :father="zdsxTitle3"> </Title>
<div> <div>
<ul> <ul>
<li><a href="#">GS1系统的好处</a></li> <li><a href="/Knowledge/GS1System/gshc" target="_blank">GS1系统的好处</a></li>
</ul> </ul>
</div> </div>
...@@ -30,22 +30,24 @@ ...@@ -30,22 +30,24 @@
<Title :father="zdsxTitle4"> </Title> <Title :father="zdsxTitle4"> </Title>
<div class="glwh"> <div class="glwh">
<ul> <ul>
<li><a href="#">商品条码的管理与维护</a></li> <li><a href="/Knowledge/GS1System/glwh?id=1" target="_blank">商品条码的管理与维护</a></li>
<li><a href="#"> 中国物品编码中心主要职责 </a></li> <li><a href="/Org/Intro" target="_blank"> 中国物品编码中心主要职责 </a></li>
<li><a href="#">中国商品条码系统成员的权利和义务 </a></li> <li><a href="/Knowledge/GS1System/glwh?id=2" target="_blank">中国商品条码系统成员的权利和义务 </a></li>
</ul> </ul>
</div> </div>
<Title :father="zdsxTitle5"></Title> <Title :father="zdsxTitle5"></Title>
<div class="glwh"> <div class="glwh">
<ul> <ul>
<li><a href="#">条码质量控制</a></li> <li><a href="/Knowledge/GS1System/tmyy?id=1" target="_blank">条码质量控制</a></li>
<li><a href="#">商品条码在零售商品的应用 </a></li> <li><a href="/Knowledge/GS1System/tmyy?id=2" target="_blank">商品条码在零售商品的应用 </a></li>
<li><a href="#"> GS1系统在医疗卫生领域中的应用 </a></li> <li><a href="/Knowledge/GS1System/tmyy?id=3" target="_blank">GS1系统在商业零售中的应用 </a></li>
<li><a href="#">GS1系统在物流领域中的应用</a></li> <li><a href="/Knowledge/GS1System/tmyy?id=4" target="_blank">GS1系统在食品追溯领域中的应用</a></li>
<li><a href="#">GS1系统在移动商务与电子商务领域中的应用 </a></li> <li><a href="/Knowledge/GS1System/tmyy?id=5" target="_blank">GS1系统在医疗卫生领域中的应用 </a></li>
<li><a href="#"> 中国商品信息服务平台 </a></li> <li><a href="/Knowledge/GS1System/tmyy?id=6" target="_blank">GS1系统在物流领域中的应用</a></li>
<li><a href="#">GS1系统在物联网中的应用</a></li> <li><a href="/Knowledge/GS1System/tmyy?id=7" target="_blank">GS1系统在移动商务与电子商务领域中的应用 </a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=8" target="_blank">中国商品信息服务平台 </a></li>
<li><a href="/Knowledge/GS1System/tmyy?id=9" target="_blank">GS1系统在物联网中的应用</a></li>
</ul> </ul>
</div> </div>
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div class="row status-container"> <div class="row status-container">
<p class="title-style"> <p class="title-style">
<span>{{title}}</span> <span>{{title}}</span>
<span>日期:{{showtime}}</span> <span>日期:{{checkTime(showtime)}}</span>
</p> </p>
<div v-html="content"></div> <div v-html="content"></div>
</div> </div>
...@@ -39,6 +39,10 @@ export default { ...@@ -39,6 +39,10 @@ export default {
}, },
methods:{ methods:{
checkTime(val){
val=val.substring(0, val.indexOf(' '))
return val
},
// 政策法规列表 // 政策法规列表
async initInfoFn() { async initInfoFn() {
const params = { const params = {
......
...@@ -69,11 +69,10 @@ export default { ...@@ -69,11 +69,10 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
} }
} }
......
...@@ -90,7 +90,7 @@ export default { ...@@ -90,7 +90,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -70,7 +70,7 @@ export default { ...@@ -70,7 +70,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -70,7 +70,7 @@ export default { ...@@ -70,7 +70,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<div class="lunbo-cnt"> <div class="lunbo-cnt">
<p class="lunbo-title"> <p class="lunbo-title">
<span>商品二维码在零售领域的应用</span> <span>商品二维码在零售领域的应用</span>
<span class="more">更多>></span> <span class="more" @click="goList">更多>></span>
</p> </p>
<div class="list-style li-style"> <div class="list-style li-style">
<ul > <ul >
...@@ -23,9 +23,9 @@ ...@@ -23,9 +23,9 @@
<p>有了全球统一的编码标识,就相当于给产品赋予了一个通行全球的合法“身份证”,让全球的买家更加信赖……</p> <p>有了全球统一的编码标识,就相当于给产品赋予了一个通行全球的合法“身份证”,让全球的买家更加信赖……</p>
</li> </li>
<li >对电商平台&卖家的好处 <li >对电商物流管理的好处
<p>了全球统一的编码标识,就相当于给产品赋予了一个通行全球的合法“身份证”,让全球的买家更加信赖……</p> <p>不论是产品、包装箱、仓库、订单还是贸易参与方,都可以通过商品条码、GLN(全球位置码)、箱码(SSCC)等统一物品编码标准来标识……</p>
</li> </li>
</ul> </ul>
...@@ -37,11 +37,11 @@ ...@@ -37,11 +37,11 @@
<div class="lunbo-cnt"> <div class="lunbo-cnt">
<p class="lunbo-title"> <p class="lunbo-title">
<span>应用动态 </span> <span>应用动态 </span>
<span class="more">更多>></span> <span class="more" @click="goList">更多>></span>
</p> </p>
<div class="list-style"> <div class="list-style">
<ul > <ul >
<li v-for="(tmp, i) in tableResult.list" :key="i"><span>{{tmp.title}}</span></li> <li v-for="(tmp, i) in tableResult.list" :key="i" @click="getInfo(tmp.id,tmp.directpath)"><span>{{tmp.title}}</span></li>
</ul> </ul>
</div> </div>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
<div class="lunbo-cnt"> <div class="lunbo-cnt">
<p class="lunbo-title"> <p class="lunbo-title">
<span>在线视频</span> <span>在线视频</span>
<span class="more">更多>></span> <!-- <span class="more">更多>></span> -->
</p> </p>
<!-- <img src="../../assets/image/news/dzsw2.png" alt=""> --> <!-- <img src="../../assets/image/news/dzsw2.png" alt=""> -->
...@@ -82,9 +82,8 @@ ...@@ -82,9 +82,8 @@
</div> </div>
</template> </template>
<script> <script>
import { mapMutations } from "vuex";
import breadcrumb from "../comps/breadcrumb.vue"; import breadcrumb from "../comps/breadcrumb.vue";
import cate from "../comps/cate.vue";
export default { export default {
components: { components: {
breadcrumb, breadcrumb,
...@@ -174,6 +173,9 @@ export default { ...@@ -174,6 +173,9 @@ export default {
]); ]);
}, },
methods: { methods: {
...mapMutations({
setMatche: "setMatche",
}),
// 应用动态 // 应用动态
async initListFn() { async initListFn() {
const params = { const params = {
...@@ -204,6 +206,27 @@ export default { ...@@ -204,6 +206,27 @@ export default {
} }
}, },
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
const matche = [
{
name: "食品安全追溯",
path: "/News/ECommerce",
}
];
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
},
goList(){
this.$router.push({
path: '/News/ECommerceList',
});
}
}, },
}; };
...@@ -333,6 +356,7 @@ export default { ...@@ -333,6 +356,7 @@ export default {
.more{ .more{
font-size: 12px; font-size: 12px;
float: right; float: right;
cursor: pointer;
} }
} }
.list-style{ .list-style{
......
<template>
<div class="composite">
<cate :father="bzkydtCate"></cate>
<div class="container">
<div class="down" style="padding:20px 30px;">
<p>物品编码标识技术是在计算机的应用实践中产生和发展起来的一种自动识别技术,是全球通用的、标准化的商务语言。它是为实现对商品信息的自动扫描而设计的,是实现快速、准确采集数据的有效手段,真正解决了企业对数据的准确、及时传送和有效收集的问题,是企业信息化管理的基础,也是连接上下环节中数据传递的纽带。因此,我们推荐电商企业都来采用全球标准化的统一物品编码标识!</p>
<p>采用物品编码标识及统一的编码标准,是实现物品自动识别、信息系统互联的一个必然前提。通过在线上线下采用统一的物品编码标识标准,整合上下游商家和产品,避免了众多互不兼容的系统所带来的时间和资源的浪费,进一步降低了运行成本,实现了信息流和实物流快速、准确地无缝链接,有效地解决了电商们面临的上述 “瓶颈”问题。</p>
<p>采用统一的物品编码的好处</p>
<p>采用统一的物品编码标识,不仅能起产品“身份证”标识作用,还能使产品整个供应链的各个节点实现可视化,是电商突破“瓶颈”、走出困境的最佳出路。</p>
<p>对于做电子商务的企业来说:统一的编码身份标识,可以在全球任何国家和地区通行无阻,无论是在网上做贸易,还是正在网下做买卖,都可以通过这个唯一的身份标识来保持交易主体的一致性,从而快速提高效率,真正实现无纸化贸易。</p>
<p>对于在线销售的产品来说:有了全球统一的编码标识,就相当于给产品赋予了一个通行全球的合法“身份证”,让全球的买家更加信赖,产品无论销往何处,都能有据可查,有源可循,促其实现商品信息的查验。</p>
<p>对于电商物流管理来说:不论是产品、包装箱、仓库、订单还是贸易参与方,都可以通过商品条码、GLN(全球位置码)、箱码等统一物品编码标准来标识,使阿里的供应链上下游两端的信息互动,仓储物流运输等各环节信息进行对接,效率大大提升,真正实现自动化、可视化管理。</p>
<p>对于构筑可信交易平台来说:通过全球通用的物品编码标识,使得B2B电子商务企业双方的身份一查便知,最终实现身份真实、信息透明、数据共享、网络监督、可信环境的电子商务,使阿里成为一个贸易双方都信赖的平台。</p>
<p>统一的物品编码已在全球广泛使用</p>
<p>物品编码标识与自动识别技术作为全球通用的商务语言,已有40年历史,有150多个国家、超过200万家企业在使用,已经得到全球供应商、采购商、消费者的普遍认可。</p>
<p>在我国,为了解决国内编码系统无法统一的问题,实现对所有物品的编码和信息化管理,为我国电子商务的发展提供有力的技术支撑,中国物品编码中心创建了完整的国家物品编码体系框架。该体系框架已经可以满足国家信息化建设各系统信息的交换需要,并且可以实现动态维护、支撑的应用、运行与管理。</p>
</div>
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
</div>
</template>
<script>
import { mapMutations } from "vuex";
import cate from "../comps/cate.vue";
import list from "./comps/list.vue";
import pages from "../comps/pages2.vue";
export default {
components: {
cate,
list,
pages,
},
data() {
return {
bzkydtCate: {
name: "电子商务",
ico: "",
},
tableResult:{
list:[],
currPage:1,
pageSize:15,
totalCount:0
},
};
},
created() {
this.initListFn(this.tableResult.currPage);
},
methods:{
...mapMutations({
setMatche: "setMatche",
}),
// 列表
async initListFn(page,limit) {
const params = {
page: page,
limit: this.tableResult.pageSize,
classId:30
};
const listRes =
await this.$api.news.yydtList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
}
},
// 详情
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
const matche = [
{
name: "物联网",
path: "/News/IoT",
}
];
this.setMatche(matche);
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
<style lang="scss" scoped>
.composite {
@include module-box;
ul {
padding: 0;
margin: 0;
}
.container{
img{
width: 40%;
height: auto;
float: right;
margin-left: 20px;
}
p {
margin-left: 15px;
text-indent: 32px;
line-height: 28px;
font-size: 14px;
margin-top: 0;
margin-bottom: 1rem;
color: #414345;
}
.down{
border: 1px solid #E8DBC1;
border-left: none;
border-right: none;
background-color: #FCF8F3;
margin: 10px -24px;
padding-left:40px;
padding-bottom: 10px;
padding-right: 10px;
p{
margin: 0px;
}
}
.down /deep/.list .list-li > div{
font-size: 14px!important;
}
}
}
</style>
\ No newline at end of file
...@@ -185,7 +185,7 @@ export default { ...@@ -185,7 +185,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -70,7 +70,7 @@ export default { ...@@ -70,7 +70,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -79,7 +79,7 @@ export default { ...@@ -79,7 +79,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -70,7 +70,7 @@ export default { ...@@ -70,7 +70,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -69,7 +69,7 @@ export default { ...@@ -69,7 +69,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -93,7 +93,7 @@ export default { ...@@ -93,7 +93,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -102,7 +102,7 @@ export default { ...@@ -102,7 +102,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -70,7 +70,7 @@ export default { ...@@ -70,7 +70,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
...@@ -70,7 +70,7 @@ export default { ...@@ -70,7 +70,7 @@ export default {
]; ];
this.setMatche(matche); this.setMatche(matche);
let link = this.$router.resolve({ let link = this.$router.resolve({
path: `/news/msg?id=${id}`, path: `/News/msg?id=${id}`,
}); });
window.open(link.href,'_blank') window.open(link.href,'_blank')
} }
......
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