Skip to content

G
gs1
Commit 62bda097 by Jianli Ou
Options

Merge branch 'master' of https://gitee.com/gs1-office-web-sit/gs1

parents 06c5fb01 ea67a6bd
Showing with 584 additions and 56 deletions
src/components/layout/header/index.vue
...@@ -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);
......
src/router/index.js
...@@ -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",
......
src/views/Djwh/djwhlist.vue
...@@ -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')
} }
......
src/views/Djwh/index.vue
...@@ -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 {
...@@ -186,7 +186,7 @@ export default { ...@@ -186,7 +186,7 @@ export default {
that.hotList = result that.hotList = result
}) })
// 活动报道 // 活动报道
this.initListFn(10,428).then(function(result) { this.initListFn(8,428).then(function(result) {
that.reportList = result that.reportList = result
}) })
//党史 //党史
...@@ -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')
} }
......
src/views/Home/comps/sousuo-list.vue
...@@ -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}`,
}); });
} }
......
src/views/Knowledge/GS1System/bmtx.vue
...@@ -98,8 +98,8 @@ export default { ...@@ -98,8 +98,8 @@ export default {
} }
img{ img{
width: 80%; width: 40%;
margin: 20px 10%; margin: 20px 30%;
} }
} }
} }
......
src/views/Knowledge/GS1System/glwh.vue 0 → 100644
<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
src/views/Knowledge/GS1System/gshc.vue 0 → 100644
<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
src/views/Knowledge/GS1System/gstd.vue 0 → 100644
<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
src/views/Knowledge/GS1System/sjjhtx.vue
...@@ -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;
......
src/views/Knowledge/GS1System/sjzttx.vue
...@@ -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;
......
src/views/Knowledge/GS1System2.vue
...@@ -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>
......
src/views/Knowledge/article.vue
...@@ -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 = {
......
src/views/News/Application.vue
...@@ -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')
} }
} }
} }
......
src/views/News/Center.vue
...@@ -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')
} }
......
src/views/News/Composite.vue
...@@ -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')
} }
......
src/views/News/DepthTopics.vue
...@@ -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')
} }
......
src/views/News/ECommerce.vue
...@@ -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{
......
src/views/News/ECommerceList.vue 0 → 100644
<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/ECommerce",
}
];
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
src/views/News/FoodSafety.vue
...@@ -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')
} }
......
src/views/News/International.vue
...@@ -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')
} }
......
src/views/News/IoT.vue
...@@ -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')
} }
......
src/views/News/Local.vue
...@@ -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')
} }
......
src/views/News/Notice.vue
...@@ -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')
} }
......
src/views/News/Other.vue
...@@ -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')
} }
......
src/views/News/PicNews.vue
...@@ -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')
} }
......
src/views/News/Research.vue
...@@ -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')
} }
......
src/views/News/Video.vue
...@@ -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