Skip to content

G
gs1
Commit 762f9efb by 林家欣
Options

业务大厅下办理其他业务子菜单切图完成70%

parent 0f18352d
Showing with 1291 additions and 136 deletions
src/components/layout/header/mock.js
......@@ -352,18 +352,62 @@ export const nav = [
link: "/Business/Renewal",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我还不是系统成员", path: "/Business/Register" },
{ name: "我是系统成员", path: "/Service/Training" },
{ name: "我要续展" },
],
},
{
id: uuid("gs_nav"),
name: "零售商品",
index: 2,
link: "/Business/Code1",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我是系统成员", path: "/Service/Training" },
{ name: "零售商品" },
],
},
{
id: uuid("gs_nav"),
name: "非零售商品",
index: 2,
link: "/Business/Code2",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我是系统成员", path: "/Service/Training" },
{ name: "非零售商品" },
],
},
{
id: uuid("gs_nav"),
name: "物流单元",
index: 2,
link: "/Business/Code3",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我是系统成员", path: "/Service/Training" },
{ name: "物流单元" },
],
},
{
id: uuid("gs_nav"),
name: "我要生成商品二维码",
index: 2,
link: "/Business/2dcode",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我是系统成员", path: "/Service/Training" },
{ name: "我要生成商品二维码" },
],
},
{
id: uuid("gs_nav"),
name: "我要追溯",
index: 2,
link: "/Business/FoodSafety",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我还不是系统成员", path: "/Business/Register" },
{ name: "我是系统成员", path: "/Service/Training" },
{ name: "我要追溯" },
],
},
......@@ -374,43 +418,65 @@ export const nav = [
link: "/Business/BarcodeV",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我还不是系统成员", path: "/Business/Register" },
{ name: "我是系统成员", path: "/Service/Training" },
{ name: "条码微站" },
],
},
{
id: uuid("gs_nav"),
name: "零售商品",
name: "办理全球位置码(GLN)",
index: 2,
link: "/Business/Code1",
link: "/Business/GLN",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我还不是系统成员", path: "/Business/Register" },
{ name: "零售商品" },
{ name: "办理其他业务", path: "/Business/GLN" },
{ name: "办理全球位置码(GLN)" },
],
},
{
id: uuid("gs_nav"),
name: "非零售商品",
name: "办理产品电子代码（EPC）",
index: 2,
link: "/Business/Code2",
link: "/Business/cpdzdm",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我还不是系统成员", path: "/Business/Register" },
{ name: "非零售商品" },
{ name: "办理其他业务", path: "/Business/GLN" },
{ name: "办理产品电子代码（EPC）" },
],
},
{
id: uuid("gs_nav"),
name: "物流单元",
name: "办理资产标识代码",
index: 2,
link: "/Business/Code3",
link: "/Business/GIAI",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我还不是系统成员", path: "/Business/Register" },
{ name: "物流单元" },
{ name: "办理其他业务", path: "/Business/GLN" },
{ name: "办理资产标识代码" },
],
},
{
id: uuid("gs_nav"),
name: "办理全球服务关系代码",
index: 2,
link: "/Business/GSRN",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "办理其他业务", path: "/Business/GLN" },
{ name: "办理全球服务关系代码" },
],
}
},
{
id: uuid("gs_nav"),
name: "办理动物管理者代码",
index: 2,
link: "/Business/Animalcode",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "办理其他业务", path: "/Business/GLN" },
{ name: "办理动物管理者代码" },
],
},
],
}
],
......
src/router/index.js
......@@ -186,7 +186,7 @@ const routes = [
}
},
},
{
path: "/Business/Guide1",
name: "Guide3",
......@@ -242,6 +242,24 @@ const routes = [
component: () => import("@/views/Business/Guide6.vue"),
},
{
path: "/Business/Code2",
name: "Code2",
meta: {
name: "非零售商品",
fatherPath: '/Business/Code',
},
component: () => import("@/views/Business/Code2.vue"),
},
{
path: "/Business/Code3",
name: "Code3",
meta: {
name: "物流单元",
fatherPath: '/Business/Code',
},
component: () => import("@/views/Business/Code3.vue"),
},
{
path: "/Business/Guide7",
name: "Guide7",
meta: {
......@@ -251,6 +269,15 @@ const routes = [
component: () => import("@/views/Business/Guide7.vue"),
},
{
path: "/Business/Code1",
name: "Code1",
meta: {
name: "零售商品",
fatherPath: '/Business/Code',
},
component: () => import("@/views/Business/Code1.vue"),
},
{
path: "/Business/Guide8",
name: "Guide8",
meta: {
......@@ -321,6 +348,14 @@ const routes = [
},
},
{
path: "/Business/2dcode",
name: "2dcode",
meta: {
name: "我要生成商品二维码",
},
component: () => import("@/views/Business/2dcode.vue"),
},
{
path: "/Business/FoodSafety",
name: "FoodSafety",
meta: {
......@@ -337,33 +372,45 @@ const routes = [
component: () => import("@/views/Business/BarcodeV.vue"),
},
{
path: "/Business/Code1",
name: "Code1",
path: "/Business/GLN",
name: "GLN",
meta: {
name: "零售商品",
fatherPath: '/Business/Code',
name: "办理全球位置码(GLN)",
},
component: () => import("@/views/Business/Code1.vue"),
component: () => import("@/views/Business/GLN.vue"),
},
{
path: "/Business/Code2",
name: "Code2",
path: "/Business/cpdzdm",
name: "cpdzdm",
meta: {
name: "非零售商品",
fatherPath: '/Business/Code',
name: "办理产品电子代码（EPC）",
},
component: () => import("@/views/Business/Code2.vue"),
component: () => import("@/views/Business/cpdzdm.vue"),
},
{
path: "/Business/Code3",
name: "Code3",
path: "/Business/GIAI",
name: "GIAI",
meta: {
name: "物流单元",
fatherPath: '/Business/Code',
name: "办理资产标识代码",
},
component: () => import("@/views/Business/Code3.vue"),
component: () => import("@/views/Business/GIAI.vue"),
},
{
path: "/Business/GSRN",
name: "GSRN",
meta: {
name: "办理全球服务关系代码",
},
component: () => import("@/views/Business/GSRN.vue"),
},
{
path: "/Business/Animalcode",
name: "Animalcode",
meta: {
name: "办理动物管理者代码",
},
component: () => import("@/views/Business/Animalcode.vue"),
},
],
},
{
......
src/views/Business/2dcode.vue 0 → 100644
<template>
<div class="guide">
<div class="guide-msg container">
<Title :father="wyscspewm.title1"></Title>
<p style="text-indent: 28px; font-size: 14px">
<a href="http://www.2dcode.org/" target="_blank">商品二维码</a>（Two
Dimensional Code for
Commodity）是用于标识商品及商品特征属性、商品相关网址等信息的二维码。其核心功能是实现商品的唯一标识，兼容现有零售商品一维条码承载的信息。其数据结构方案灵活，兼顾多种市场需求。统一入口，解决平台壁垒和安全疑虑；有利于商品的跨国流通等。<a
href="http://www.2dcode.org/"
target="_blank"
>查看更多&gt;&gt;</a
>
</p>
<div class="bg-flow">
<div class="title">
<span class="icon-title4">办理流程</span>
</div>
<div class="container">
<div class="row center bllc-cont">
<dl class="col-12 col-lg-6">
<dt><span>我是中国商品条码系统成员</span></dt>
<dd><i></i></dd>
<dd>
<p>
<em>登陆</em>中国商品信息服务平台<br /><a
href="http://www.gds.org.cn"
target="_blank"
>（ http://www.gds.org.cn）</a
>
</p>
</dd>
<dd><i></i></dd>
<dd>
<p><em>激活</em>商品二维码</p>
</dd>
<dd><i></i></dd>
<dd>
<p><em>生成</em>商品二维码</p>
</dd>
</dl>
<dl class="col-12 col-lg-6">
<dt><span>我不是中国商品条码系统成员</span></dt>
<dd><i></i></dd>
<dd>
<p>
<em>注册</em>成为系统成员<br /><a
href="http://wsdt.gs1cn.org/anccoh/Register.jsp"
target="_blank"
>(http://wsdt.gs1cn.org/anccoh/Register.jsp)</a
>
</p>
</dd>
<dd><i></i></dd>
<dd>
<p>
<em>登陆</em>中国商品信息服务平台<a
href="http://www.gds.org.cn"
target="_blank"
>（http://www.gds.org.cn）</a
>
</p>
</dd>
<dd><i></i></dd>
<dd>
<p><em>激活</em>商品二维码</p>
</dd>
<dd><i></i></dd>
<dd>
<p><em>生成</em>商品二维码</p>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import Title from "../comps/title.vue";
export default {
components: {
Title,
},
data() {
return {
wyscspewm: {
title1: {
name: "我要申请商品条码",
},
},
};
},
};
</script>
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
margin: 30px 0;
font-size: 14px;
.msg-title {
color: #008dbd;
margin-bottom: 20px;
&.actived {
color: #04408d;
}
}
.bg-flow {
width: 100%;
padding-bottom: 56px;
background: url(../../assets/image/business/bg_flow.jpg) no-repeat;
background-size: cover;
.title {
width: 100%;
padding: 20px;
text-align: center;
font-size: 30px;
line-height: 66px;
color: #002d6a;
span {
display: inline-block;
padding-left: 70px;
&.icon-title4 {
height: 55px;
background: url(../../assets/image/business/ico_title4.png) left
center no-repeat;
background-size: 52px 52px;
line-height: 55px;
}
}
}
.bllc-cont {
dl {
font-size: 18px;
text-align: center;
dt {
width: 100%;
background: url(../../assets/image/business/ico_flow_span.jpg)
center top repeat-y;
// line-height: 50px;
padding: 15px 0;
color: #fff;
span {
background-size: 30px 30px;
background-position: left center;
background-repeat: no-repeat;
display: inline-block;
padding-left: 40px;
font-size: 18px;
}
}
dd {
i {
display: inline-block;
width: 14px;
height: 20px;
margin: 15px 0;
background: url(../../assets/image/business/ico_flow_arrow.png)
center center no-repeat;
}
p {
padding: 14px 0;
background-color: #fff;
line-height: 22px;
color: #666;
em {
font-weight: bold;
color: #002d6a;
font-style: normal;
}
}
}
&:nth-child(1) {
dt {
span {
background-image: url(../../assets/image/business/ico_flow_left.png);
}
}
}
&:nth-child(2) {
dt {
span {
background-image: url(../../assets/image/business/ico_flow_right.png);
}
}
}
}
p{
font-size: 16px;
text-indent: 0;
word-wrap:break-word;
}
}
}
.paddingBottom10 {
padding-bottom: 10px;
}
img {
max-width: 100%;
}
p {
text-indent: 25px;
font-size: 14px;
line-height: 24px;
}
a {
color: #008dbd;
text-decoration: none;
}
}
}
</style>
\ No newline at end of file
src/views/Business/Animalcode.vue 0 → 100644
<template>
<div class="row">
<div class="col-lg-8">
<div class="register marginTopLg20">
<div class="register-top register-cont">
<div class="container">
<Title :father="animalcode.title1"></Title>
<p>
中国物品编码中心负责国家动物代码的注册、管理工作，欢迎需要使用的各个组织、单位前来进行咨询、注册。
</p>
<p>
国家动物代码是动物个体（包括家禽家畜、家养宠物、动物园动物、实验室动物等）身份的惟一标识代码。国家标准GB/T
20563－2006
《动物射频识别代码结构》，已经于2006年12月由中华人民共和国国家质量监督检验检疫总局、中国国家标准化管理委员会发布，并在2006年12月1日开始实施。
</p>
<p>
为了满足动物性食品的安全性和动物疾病的预警和控制等社会生活安全的需要，对每一个动物的信息进行登记并进行终生的跟踪和管理是十分必要的。国家动物代码作为动物个体信息在不同部门之间共享和交换的关键字，每一个国家动物代码唯一对应着一只具体动物个体的相关信息，是实现动物个体在流通过程中的跟踪与追溯的重要基础保障。国家动物代码的使用保证了动物在流通过程中动物信息的可靠性，它对维护国家和公民的生命财产安全，便利管理部门系统的、准确的对动物个体进行管理提供了保障。
</p>
<p>
<strong
><a href="http://www.gs1cn.org/Manage/animalRFID.aspx" target="_blank"
>» 解读国家标准《动物射频识别代码结构》</a
></strong
>
</p>
<p style="color: #002c6c; font-size: 16px"></p>
<Title :father="animalcode.title2"></Title>
<p></p>
<div style="text-align: center; padding-bottom:10px">
<a href="http://www.gs1cn.org/Manage/animalDJ.htm" target="_blank">
<img
src="../../assets/image/business//dengji-pic-s.jpg"
alt="国家动物代码动物管理者注册登记表"
width="289"
height="190"
border="0"
class="img-responsive"
/></a>
</div>
<ul style="font-size: 14px">
<li>
联系地址：北京市东城区安外大街东侧136号皇城国际中心B座501室
100011
</li>
<li>联系电话：010-84295564</li>
<li>
<a href="mailto:zhangn@ancc.org.cn"
>E-mail：zhangn@ancc.org.cn</a
>
</li>
</ul>
<p></p>
<p style="color: #002c6c; font-size: 16px"></p>
<Title :father="animalcode.title3"></Title>
<p></p>
<ul style="font-size: 14px">
<li>北京市公安局</li>
<li>中国工作犬管理协会</li>
<li>四川犬业协会</li>
<li>厦门市动物防疫监督所</li>
<li>济南市公安局</li>
<li>青海西宁市公安局</li>
<li>嘉兴市城市管理行政执法局</li>
<li>温州市公安局</li>
<li>郑州市市政管理局</li>
<li>辽宁省大连市公安局</li>
<li>平阳挺志温州水牛乳业有限公司</li>
<li>宝鸡戊寅绿色食品有限公司</li>
<li>浙江雪舫工贸有限公司</li>
</ul>
</div>
</div>
<div class="register-bottom register-cont" v-if="false">
<cate :father="zxcxgjCate"></cate>
<div class="row zxcxgj-ul">
<div class="col-lg-4" v-for="(tmp, i) in zxcxgjList" :key="i">
<img :src="tmp.ico" alt="" class="zxcxgj-img" />
<div class="zxcxgj-bt">{{ tmp.name }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<tmgg class="marginTopLg20" />
<bgxz class="marginTop20" />
<dffzjg class="marginTop20" />
<zcfg class="marginTop20" />
</div>
</div>
</template>
<script>
import tmgg from "./copms/tmgg.vue";
import bgxz from "./copms/bgxz.vue";
import dffzjg from "./copms/dffzjg.vue";
import zcfg from "./copms/zcfg.vue";
import Title from "../comps/title.vue";
export default {
components: {
Title,
tmgg,
dffzjg,
bgxz,
zcfg,
},
data() {
return {
animalcode: {
title1: {
name: "办理动物管理者代码",
},
title2: {
name: "国家动物代码动物管理者注册登记表",
},
title3: {
name: "已申请团体名单",
},
},
zxcxgjList: [
{
ico: require("../../assets/image/business/icon_tiaomaxinxichaxun.png"),
name: "条码信息查询",
},
{
ico: require("../../assets/image/business/icon_zixingche.png"),
name: "自行车企业代码公告查询",
},
{
ico: require("../../assets/image/business/icon_tiaomashuyuchaxun.png"),
name: "条码术语查询",
},
{
ico: require("../../assets/image/business/ico_xiaoyanma.png"),
name: "校验码计算工具",
},
{
ico: require("../../assets/image/business/icon_guojia.png"),
name: "国家及地区前缀码查询",
},
],
zxcxgjCate: {
name: "在线查询工具",
ico: require("../../assets/image/business/icon_gongju.png"),
},
};
},
methods: {
ckxqJump() {},
},
};
</script>
<style lang="scss" scoped>
.register {
.register-cont {
@include module-box;
p {
text-indent: 28px;
font-size: 14px;
line-height: 24px;
}
a {
color: #008dbd;
text-decoration: none;
}
img {
max-width: 100%;
margin: 0 auto;
}
.gln-btn {
background-color: #f26334;
font-size: 14px;
color: #ffffff;
padding: 10px;
margin: 10px 0;
}
ul {
list-style-type: disc
}
}
.text-right {
text-align: right;
}
.register-top {
padding: 20px 0;
.zxzc-btn {
height: 44px;
line-height: 44px;
background: #f26335;
border-radius: 4px;
color: #ffffff;
font-size: 14px;
text-align: center;
}
.barcode-register {
width: 100%;
margin-top: 20px;
}
}
.register-bottom {
margin-top: 20px;
.zxcxgj-ul {
padding: 12.5px 0;
> div {
margin: 12.5px 0;
text-align: center;
.zxcxgj-img {
margin-bottom: 13px;
}
.zxcxgj-bt {
color: #0e2c6b;
font-size: 14px;
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Business/Code1.vue
......@@ -245,15 +245,6 @@ export default {
},
};
</script>
<style lang="scss">
.guide {
@media screen and (max-width: 992px) {
img {
width: 100%;
}
}
}
</style>
<style lang="scss" scoped>
.guide {
@include module-box;
......
src/views/Business/Code2.vue
......@@ -165,15 +165,6 @@ export default {
};
</script>
<style lang="scss">
.guide{
@media screen and (max-width: 992px){
img{
width: 100%;
}
}
}
</style>
<style lang="scss" scoped>
.guide {
@include module-box;
......
src/views/Business/Code3.vue
......@@ -143,15 +143,6 @@ export default {
},
};
</script>
<style lang="scss">
.guide{
@media screen and (max-width: 992px){
img{
width: 100%;
}
}
}
</style>
<style lang="scss" scoped>
.guide {
@include module-box;
......
src/views/Business/GIAI.vue 0 → 100644
<template>
<div class="row">
<div class="col-lg-8">
<div class="register marginTopLg20">
<div class="register-top register-cont">
<div class="container">
<Title :father="giai.title1"></Title>
<p>
资产的编码包括全球可回收资产代码和全球单个资产代码的编码。可回收资产（returnable
asset）是指具有一定价值，可再次使用的包装、容器或运输设备，比如啤酒桶、高压气瓶、塑料托盘或板条箱等。单个资产（individual
asset）是指具有特定属性的物理实体，比如飞机零件、机车车辆、牵引车等。适用于开放流通环境中可回收资产和单个资产的标识与数据自动采集，也适用于封闭系统资产的信息化管理。
</p>
</div>
</div>
<div class="register-bottom register-cont" v-if="false">
<cate :father="zxcxgjCate"></cate>
<div class="row zxcxgj-ul">
<div class="col-lg-4" v-for="(tmp, i) in zxcxgjList" :key="i">
<img :src="tmp.ico" alt="" class="zxcxgj-img" />
<div class="zxcxgj-bt">{{ tmp.name }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<tmgg class="marginTopLg20" />
<bgxz class="marginTop20" />
<dffzjg class="marginTop20" />
<zcfg class="marginTop20" />
</div>
</div>
</template>
<script>
import tmgg from "./copms/tmgg.vue";
import bgxz from "./copms/bgxz.vue";
import dffzjg from "./copms/dffzjg.vue";
import zcfg from "./copms/zcfg.vue";
import Title from "../comps/title.vue";
export default {
components: {
Title,
tmgg,
dffzjg,
bgxz,
zcfg,
},
data() {
return {
giai: {
title1: {
name: "办理资产标识代码",
},
},
zxcxgjList: [
{
ico: require("../../assets/image/business/icon_tiaomaxinxichaxun.png"),
name: "条码信息查询",
},
{
ico: require("../../assets/image/business/icon_zixingche.png"),
name: "自行车企业代码公告查询",
},
{
ico: require("../../assets/image/business/icon_tiaomashuyuchaxun.png"),
name: "条码术语查询",
},
{
ico: require("../../assets/image/business/ico_xiaoyanma.png"),
name: "校验码计算工具",
},
{
ico: require("../../assets/image/business/icon_guojia.png"),
name: "国家及地区前缀码查询",
},
],
zxcxgjCate: {
name: "在线查询工具",
ico: require("../../assets/image/business/icon_gongju.png"),
},
};
},
methods: {
ckxqJump() {},
},
};
</script>
<style lang="scss" scoped>
.register {
.register-cont {
@include module-box;
p {
text-indent: 28px;
font-size: 14px;
line-height: 24px;
}
a {
color: #008dbd;
text-decoration: none;
}
img {
max-width: 100%;
margin: 0 auto;
}
.gln-btn {
background-color: #f26334;
font-size: 14px;
color: #ffffff;
padding: 10px;
margin: 10px 0;
}
}
.text-right {
text-align: right;
}
.register-top {
padding: 20px 0;
.zxzc-btn {
height: 44px;
line-height: 44px;
background: #f26335;
border-radius: 4px;
color: #ffffff;
font-size: 14px;
text-align: center;
}
.barcode-register {
width: 100%;
margin-top: 20px;
}
}
.register-bottom {
margin-top: 20px;
.zxcxgj-ul {
padding: 12.5px 0;
> div {
margin: 12.5px 0;
text-align: center;
.zxcxgj-img {
margin-bottom: 13px;
}
.zxcxgj-bt {
color: #0e2c6b;
font-size: 14px;
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Business/GLN.vue 0 → 100644
<template>
<div class="row">
<div class="col-lg-8">
<div class="register marginTopLg20">
<div class="register-top register-cont">
<div class="container">
<Title :father="gln.title1"></Title>
<p>
全球参与方位置代码（Global Location
Number，GLN）是对参与供应链等活动的法律实体、功能实体和物理实体进行唯一标识的代码。简称，位置码或全球位置码。位置代码由厂商识别代码、位置参考代码和校验码组成，用13位数字表示，具体结构如下表。
</p>
<p>
法律实体是指合法存在的机构，如：供应商、客户、银行、承运商等。
</p>
<p>功能实体是指法律实体内的具体的部门，如：某公司的财务部。</p>
<p>
物理实体是指具体的位置，如：建筑物的某个房间、仓库或仓库的某个门、交货地等。
</p>
<div style="text-align: center">
<img
alt=""
src="../../assets/image/business/gln.gif"
width="445"
height="110"
class="img-responsive"
style="margin-top: 15px"
/>
</div>
<div class="text-right">
<button class="gln-btn" @click="ckxqJump">查看详情</button>
</div>
<!-- <a
href="/Knowledge/goodsPosition.aspx"
target="_blank"
class="btn-primary btn-sm btn-margin"
style="float: right; margin-bottom: 20px"
>查看详情</a
> -->
<p style="text-indent: 28px; font-size: 14px">
企业如果需要使用GLN，须根据GLN的使用数量提交申请。详情请拨打400-7000-690。
</p>
</div>
</div>
<div class="register-bottom register-cont" v-if="false">
<cate :father="zxcxgjCate"></cate>
<div class="row zxcxgj-ul">
<div class="col-lg-4" v-for="(tmp, i) in zxcxgjList" :key="i">
<img :src="tmp.ico" alt="" class="zxcxgj-img" />
<div class="zxcxgj-bt">{{ tmp.name }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<tmgg class="marginTopLg20" />
<bgxz class="marginTop20" />
<dffzjg class="marginTop20" />
<zcfg class="marginTop20" />
</div>
</div>
</template>
<script>
import tmgg from "./copms/tmgg.vue";
import bgxz from "./copms/bgxz.vue";
import dffzjg from "./copms/dffzjg.vue";
import zcfg from "./copms/zcfg.vue";
import Title from "../comps/title.vue";
export default {
components: {
Title,
tmgg,
dffzjg,
bgxz,
zcfg,
},
data() {
return {
gln: {
title1: {
name: "办理全球位置码(GLN)",
},
},
zxcxgjList: [
{
ico: require("../../assets/image/business/icon_tiaomaxinxichaxun.png"),
name: "条码信息查询",
},
{
ico: require("../../assets/image/business/icon_zixingche.png"),
name: "自行车企业代码公告查询",
},
{
ico: require("../../assets/image/business/icon_tiaomashuyuchaxun.png"),
name: "条码术语查询",
},
{
ico: require("../../assets/image/business/ico_xiaoyanma.png"),
name: "校验码计算工具",
},
{
ico: require("../../assets/image/business/icon_guojia.png"),
name: "国家及地区前缀码查询",
},
],
zxcxgjCate: {
name: "在线查询工具",
ico: require("../../assets/image/business/icon_gongju.png"),
},
};
},
methods: {
ckxqJump() {}
},
};
</script>
<style lang="scss" scoped>
.register {
.register-cont {
@include module-box;
p {
text-indent: 28px;
font-size: 14px;
line-height: 24px;
}
a {
color: #008dbd;
text-decoration: none;
}
img {
max-width: 100%;
margin: 0 auto;
}
.gln-btn {
background-color: #f26334;
font-size: 14px;
color: #ffffff;
padding: 10px;
margin: 10px 0;
}
}
.text-right {
text-align: right;
}
.register-top {
padding: 20px 0;
.zxzc-btn {
height: 44px;
line-height: 44px;
background: #f26335;
border-radius: 4px;
color: #ffffff;
font-size: 14px;
text-align: center;
}
.barcode-register {
width: 100%;
margin-top: 20px;
}
}
.register-bottom {
margin-top: 20px;
.zxcxgj-ul {
padding: 12.5px 0;
> div {
margin: 12.5px 0;
text-align: center;
.zxcxgj-img {
margin-bottom: 13px;
}
.zxcxgj-bt {
color: #0e2c6b;
font-size: 14px;
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Business/GSRN.vue 0 → 100644
<template>
<div class="row">
<div class="col-lg-8">
<div class="register marginTopLg20">
<div class="register-top register-cont">
<div class="container">
<Title :father="giai.title1"></Title>
<p>
商品条码系统中，对服务关系中服务对象进行标识的全球统一的的代码。全球服务关系代码采用18位数字代码结构。由厂商识别代码、服务项目或服务对象代码和校验码三部分组成。适用于开放环境中服务对象的标识与数据的自动采集，也适用于封闭系统服务关系的信息化管理。
</p>
</div>
</div>
<div class="register-bottom register-cont" v-if="false">
<cate :father="zxcxgjCate"></cate>
<div class="row zxcxgj-ul">
<div class="col-lg-4" v-for="(tmp, i) in zxcxgjList" :key="i">
<img :src="tmp.ico" alt="" class="zxcxgj-img" />
<div class="zxcxgj-bt">{{ tmp.name }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<tmgg class="marginTopLg20" />
<bgxz class="marginTop20" />
<dffzjg class="marginTop20" />
<zcfg class="marginTop20" />
</div>
</div>
</template>
<script>
import tmgg from "./copms/tmgg.vue";
import bgxz from "./copms/bgxz.vue";
import dffzjg from "./copms/dffzjg.vue";
import zcfg from "./copms/zcfg.vue";
import Title from "../comps/title.vue";
export default {
components: {
Title,
tmgg,
dffzjg,
bgxz,
zcfg,
},
data() {
return {
giai: {
title1: {
name: "办理资产标识代码",
},
},
zxcxgjList: [
{
ico: require("../../assets/image/business/icon_tiaomaxinxichaxun.png"),
name: "条码信息查询",
},
{
ico: require("../../assets/image/business/icon_zixingche.png"),
name: "自行车企业代码公告查询",
},
{
ico: require("../../assets/image/business/icon_tiaomashuyuchaxun.png"),
name: "条码术语查询",
},
{
ico: require("../../assets/image/business/ico_xiaoyanma.png"),
name: "校验码计算工具",
},
{
ico: require("../../assets/image/business/icon_guojia.png"),
name: "国家及地区前缀码查询",
},
],
zxcxgjCate: {
name: "在线查询工具",
ico: require("../../assets/image/business/icon_gongju.png"),
},
};
},
methods: {
ckxqJump() {},
},
};
</script>
<style lang="scss" scoped>
.register {
.register-cont {
@include module-box;
p {
text-indent: 28px;
font-size: 14px;
line-height: 24px;
}
a {
color: #008dbd;
text-decoration: none;
}
img {
max-width: 100%;
margin: 0 auto;
}
.gln-btn {
background-color: #f26334;
font-size: 14px;
color: #ffffff;
padding: 10px;
margin: 10px 0;
}
}
.text-right {
text-align: right;
}
.register-top {
padding: 20px 0;
.zxzc-btn {
height: 44px;
line-height: 44px;
background: #f26335;
border-radius: 4px;
color: #ffffff;
font-size: 14px;
text-align: center;
}
.barcode-register {
width: 100%;
margin-top: 20px;
}
}
.register-bottom {
margin-top: 20px;
.zxcxgj-ul {
padding: 12.5px 0;
> div {
margin: 12.5px 0;
text-align: center;
.zxcxgj-img {
margin-bottom: 13px;
}
.zxcxgj-bt {
color: #0e2c6b;
font-size: 14px;
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Business/Guide1.vue
......@@ -177,15 +177,6 @@ export default {
},
};
</script>
<style lang="scss">
.guide {
@media screen and (max-width: 992px) {
img {
width: 100%;
}
}
}
</style>
<style lang="scss" scoped>
.guide {
@include module-box;
......@@ -206,6 +197,9 @@ export default {
text-indent: 25px;
font-size: 14px;
}
img {
max-width: 100%;
}
}
table {
table-layout: fixed;
......
src/views/Business/Guide2.vue
......@@ -143,15 +143,6 @@ export default {
},
};
</script>
<style lang="scss">
.guide {
@media screen and (max-width: 992px) {
img {
width: 100%;
}
}
}
</style>
<style lang="scss" scoped>
.guide {
@include module-box;
......@@ -172,6 +163,9 @@ export default {
text-indent: 25px;
font-size: 14px;
}
img {
max-width: 100%;
}
}
table {
table-layout: fixed;
......
src/views/Business/Guide3.vue
......@@ -122,15 +122,6 @@ export default {
},
};
</script>
<style lang="scss">
.guide {
@media screen and (max-width: 992px) {
img {
width: 100%;
}
}
}
</style>
<style lang="scss" scoped>
.guide {
@include module-box;
......
src/views/Business/Guide4.vue
......@@ -105,15 +105,6 @@ export default {
},
};
</script>
<style lang="scss">
.guide {
@media screen and (max-width: 992px) {
img {
width: 100%;
}
}
}
</style>
<style lang="scss" scoped>
.guide {
@include module-box;
......@@ -134,6 +125,9 @@ export default {
text-indent: 25px;
font-size: 14px;
}
img {
max-width: 100%;
}
}
table {
table-layout: fixed;
......
src/views/Business/Guide5.vue
......@@ -154,15 +154,6 @@ export default {
},
};
</script>
<style lang="scss">
.guide {
@media screen and (max-width: 992px) {
img {
width: 100%;
}
}
}
</style>
<style lang="scss" scoped>
.guide {
@include module-box;
......
src/views/Business/Guide6.vue
......@@ -122,15 +122,6 @@ export default {
},
};
</script>
<style lang="scss">
.guide {
@media screen and (max-width: 992px) {
img {
width: 100%;
}
}
}
</style>
<style lang="scss" scoped>
.guide {
@include module-box;
......
src/views/Business/Guide7.vue
......@@ -125,15 +125,6 @@ export default {
},
};
</script>
<style lang="scss">
.guide {
@media screen and (max-width: 992px) {
img {
width: 100%;
}
}
}
</style>
<style lang="scss" scoped>
.guide {
@include module-box;
......
src/views/Business/cpdzdm.vue 0 → 100644
<template>
<div class="row">
<div class="col-lg-8">
<div class="register marginTopLg20">
<div class="register-top register-cont">
<div class="container">
<Title :father="cpdzdm.title1"></Title>
<p>
根据 EPCglobal 的授权，中国物品编码中心是 EPCglobal
在中华人民共和国境内的惟一代表，负责 EPC
在中国的注册、管理和业务实施。
</p>
<p>
为了推动 EPC 在我国的顺利实施，满足用户使用 EPC
系统的迫切需求，促进企业参与国际竞争，参照 EPCglobal
和发达国家以及邻近地区 EPC 收费标准，提出我国 EPC
注册工作流程，收费标准以及管理办法 。
</p>
<li
style="text-indent: 28px; font-size: 14px; padding-bottom: 15px"
>
系统会员制
</li>
<p>
根据目前的情况， EPC 系统成员可以分为两类：终端用户和高级会员。
</p>
<p>
终端用户 —— 包括制造厂商、零售商、批发商、承运商和政府部门等。
</p>
<p>
高级会员 —— 包括硬件和软件公司、咨询公司、系统集成商、培训公司等。
</p>
<li
style="text-indent: 28px; font-size: 14px; padding-bottom: 15px"
>
注册与管理
</li>
<p>
<strong>EPC 注册</strong>：&nbsp;&nbsp;
◆终端用户注册申请&nbsp;&nbsp;&nbsp;&nbsp; ◆系统服务商注册申请
</p>
<p>
<strong>EPC 续展</strong>：&nbsp;&nbsp;
◆终端用户续展申请&nbsp;&nbsp;&nbsp;&nbsp; ◆系统服务商续展申请
</p>
<p>
<strong>EPC 变更</strong>：&nbsp;&nbsp;
◆终端用户变更申请&nbsp;&nbsp;&nbsp;&nbsp; ◆系统服务商变更申请
</p>
<p>
<strong>EPC 注销</strong>：&nbsp;&nbsp;
◆终端用户注销申请&nbsp;&nbsp;&nbsp;&nbsp; ◆系统服务商注销申请
</p>
</div>
</div>
<div class="register-bottom register-cont" v-if="false">
<cate :father="zxcxgjCate"></cate>
<div class="row zxcxgj-ul">
<div class="col-lg-4" v-for="(tmp, i) in zxcxgjList" :key="i">
<img :src="tmp.ico" alt="" class="zxcxgj-img" />
<div class="zxcxgj-bt">{{ tmp.name }}</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<tmgg class="marginTopLg20" />
<bgxz class="marginTop20" />
<dffzjg class="marginTop20" />
<zcfg class="marginTop20" />
</div>
</div>
</template>
<script>
import tmgg from "./copms/tmgg.vue";
import bgxz from "./copms/bgxz.vue";
import dffzjg from "./copms/dffzjg.vue";
import zcfg from "./copms/zcfg.vue";
import Title from "../comps/title.vue";
export default {
components: {
Title,
tmgg,
dffzjg,
bgxz,
zcfg,
},
data() {
return {
cpdzdm: {
title1: {
name: "办理产品电子代码（EPC）",
},
},
zxcxgjList: [
{
ico: require("../../assets/image/business/icon_tiaomaxinxichaxun.png"),
name: "条码信息查询",
},
{
ico: require("../../assets/image/business/icon_zixingche.png"),
name: "自行车企业代码公告查询",
},
{
ico: require("../../assets/image/business/icon_tiaomashuyuchaxun.png"),
name: "条码术语查询",
},
{
ico: require("../../assets/image/business/ico_xiaoyanma.png"),
name: "校验码计算工具",
},
{
ico: require("../../assets/image/business/icon_guojia.png"),
name: "国家及地区前缀码查询",
},
],
zxcxgjCate: {
name: "在线查询工具",
ico: require("../../assets/image/business/icon_gongju.png"),
},
};
},
methods: {
ckxqJump() {},
},
};
</script>
<style lang="scss" scoped>
.register {
.register-cont {
@include module-box;
p {
text-indent: 28px;
font-size: 14px;
line-height: 24px;
}
a {
color: #008dbd;
text-decoration: none;
}
img {
max-width: 100%;
margin: 0 auto;
}
.gln-btn {
background-color: #f26334;
font-size: 14px;
color: #ffffff;
padding: 10px;
margin: 10px 0;
}
}
.text-right {
text-align: right;
}
.register-top {
padding: 20px 0;
.zxzc-btn {
height: 44px;
line-height: 44px;
background: #f26335;
border-radius: 4px;
color: #ffffff;
font-size: 14px;
text-align: center;
}
.barcode-register {
width: 100%;
margin-top: 20px;
}
}
.register-bottom {
margin-top: 20px;
.zxcxgj-ul {
padding: 12.5px 0;
> div {
margin: 12.5px 0;
text-align: center;
.zxcxgj-img {
margin-bottom: 13px;
}
.zxcxgj-bt {
color: #0e2c6b;
font-size: 14px;
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Business/index.vue
......@@ -546,8 +546,8 @@ export default {
},
{
name: "我要生成商品二维码",
path: "",
active: "",
path: "/Business/2dcode",
active: "2dcode",
},
{
name: "我要追溯",
......@@ -574,33 +574,34 @@ export default {
children: [
{
name: "办理全球位置码（GLN）",
path: "",
active: "",
path: "/Business/GLN",
active: "GLN",
},
{
name: "办理产品电子代码（EPC）",
path: "",
active: "",
path: "/Business/cpdzdm",
active: "cpdzdm",
},
{
name: "办理资产标识代码",
path: "",
active: "",
path: "/Business/GIAI",
active: "GIAI",
},
{
name: "办理全球服务关系代码",
path: "",
active: "",
path: "/Business/GSRN",
active: "GSRN",
},
{
name: "办理自行车企业代码",
path: "",
path: "http://bikecode.gs1cn.org/",
active: "",
type: 'link',
},
{
name: "办理动物管理者代码",
path: "",
active: "",
path: "/Business/Animalcode",
active: "Animalcode",
},
{
name: "政策法规",
......
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