Skip to content

G
gs1
Commit e7076290 by 林家欣
Options

收费公示切图

parent 8a06acd2
Showing with 514 additions and 44 deletions
src/components/layout/header/mock.js
......@@ -177,7 +177,7 @@ export const nav = [
name: "我还不是系统成员",
nameInHeaderNav: "我还不是系统成员",
index: 2,
link: "/Org",
link: "/Business",
breadcrumb: [{ name: "业务大厅", path: "/Business" }, { name: "我还不是系统成员" }],
children: [
{
......@@ -201,6 +201,17 @@ export const nav = [
{ name: "我还不是系统成员", path: "/Business/Register" },
{ name: "操作指南" },
],
},
{
id: uuid("gs_nav"),
name: "收费公示",
index: 2,
link: "/Business/Corppaynew",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "我还不是系统成员", path: "/Business/Register" },
{ name: "收费公示" },
],
}
],
}
......
src/router/index.js
......@@ -182,6 +182,14 @@ const routes = [
component: () => import("@/views/Business/Guide.vue"),
},
{
path: "/Business/Corppaynew",
name: "Corppaynew",
meta: {
name: "收费公示",
},
component: () => import("@/views/Business/Corppaynew.vue"),
},
{
path: "/Business/Notice",
name: "Notice",
meta: {
......
src/views/Business/Corppaynew.vue 0 → 100644
<template>
<div class="corppaynew">
<cate :father="sfgsCate"></cate>
<div class="corppaynew-msg container">
<div class="hidden-xs">
<table class="table table-bordered">
<thead>
<tr>
<th width="55px" align="center">
收费<br />
单位
</th>
<th width="55px" align="center">
项目<br />
序号
</th>
<th width="55px" align="center">
收费<br />
项目
</th>
<th width="30%" align="center">
收费<br />
标准
</th>
<th width="17%" align="center">
收费<br />
依据
</th>
<th width="24%" align="center">
服务<br />
内容
</th>
<th width="14%" align="center">
监督<br />
电话
</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">
中<br />
国<br />
物<br />
品<br />
编<br />
码<br />
中<br />
心
</td>
<td align="center">10</td>
<td align="center">
条<br />
形<br />
码<br />
服<br />
务<br />
费
</td>
<td>
<table class="table table-bordered">
<caption class="payTitle">
一次性加入费
</caption>
<tbody>
<tr>
<td width="70%">
十三位数字标准码<br />
一次性加入费
</td>
<td width="30%">720元</td>
</tr>
<tr>
<td>十三位数字标准码和八位数字缩短码一次性加入费</td>
<td>1120元</td>
</tr>
</tbody>
</table>
<table class="table table-bordered">
<caption class="payTitle">
胶片制作费
</caption>
<tbody>
<tr>
<td width="70%">单一条码符号</td>
<td width="30%">32元</td>
</tr>
</tbody>
</table>
<table class="table table-bordered">
<caption class="payTitle">
系统维护费
</caption>
<tbody>
<tr>
<td width="70%">单个企业</td>
<td width="30%">580元/年</td>
</tr>
<tr>
<td>集团公司</td>
<td>1080元/年</td>
</tr>
<tr>
<td>进出口公司</td>
<td>1080元/年</td>
</tr>
</tbody>
</table>
</td>
<td>
《国家发展改革委关于放开部分检验检测经营服务收费的通知》（发改价格[2015]1299号）<br />
《中国物品编码中心关于继续执行阶段性条码服务费优惠的通知》（物编中心函[2020]46号）
</td>
<td>
提供符合国家标准、国际通用、系统成员享有专用权的厂商识别代码。<br />
提供商品条码技术与应用的基础知识培训与相关咨询服务，提供用户手册、刊物等资料。<br />
提供产品条码信息存储与查询服务。<br />
提供每年不超过2个商品条码符号的检测服务（出具《商品条码符号检测数据》）。<br />
通过中国物品编码中心官方网站发布系统成员注册及注销公告。<br />
</td>
<td>
<div>
全国价格<br />
监管平台：<br />
12358<br />
</div>
<div style="margin-top: 10px; margin-bottom: 10px">
市场监督<br />
行政管理：<br />
12365<br />
</div>
<div>
中国物品<br />
编码中心：<br />
4007000690<br />
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="visible-xs">
<table class="table table-bordered">
<tbody>
<tr>
<th width="20%">收费<br />单位</th>
<td width="80%">中国物品编码中心</td>
</tr>
<tr>
<th width="20%">项目<br />序号</th>
<td width="80%">10</td>
</tr>
<tr>
<th width="20%">收费<br />项目</th>
<td width="80%">条形码服务费</td>
</tr>
<tr>
<th width="20%">收费<br />标准</th>
<td width="80%">
<table class="table table-bordered">
<caption class="payTitle">
一次性加入费
</caption>
<tbody>
<tr>
<td width="70%">
十三位数字标准码<br />
一次性加入费
</td>
<td width="30%">720元</td>
</tr>
<tr>
<td>十三位数字标准码和八位数字缩短码一次性加入费</td>
<td>1120元</td>
</tr>
</tbody>
</table>
<table class="table table-bordered">
<caption class="payTitle">
胶片制作费
</caption>
<tbody>
<tr>
<td width="70%">单一条码符号</td>
<td width="30%">32元</td>
</tr>
</tbody>
</table>
<table class="table table-bordered">
<caption class="payTitle">
系统维护费
</caption>
<tbody>
<tr>
<td width="70%">单个企业</td>
<td width="30%">580元/年</td>
</tr>
<tr>
<td>集团公司</td>
<td>1080元/年</td>
</tr>
<tr>
<td>进出口公司</td>
<td>1080元/年</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<th width="20%">收费<br />依据</th>
<td width="80%">
《国家发展改革委关于放开部分检验检测经营服务收费的通知》（发改价格[2015]1299号）<br />
《中国物品编码中心关于继续执行阶段性条码服务费优惠的通知》（物编中心函[2020]46号）
</td>
</tr>
<tr>
<th width="20%">服务<br />内容</th>
<td width="80%">
提供符合国家标准、国际通用、系统成员享有专用权的厂商识别代码。<br />
提供商品条码技术与应用的基础知识培训与相关咨询服务，提供用户手册、刊物等资料。<br />
提供产品条码信息存储与查询服务。<br />
提供每年不超过2个商品条码符号的检测服务（出具《商品条码符号检测数据》）。<br />
通过中国物品编码中心官方网站发布系统成员注册及注销公告。<br />
</td>
</tr>
<tr>
<th width="20%">监督<br />电话</th>
<td width="80%">
<div>
全国价格监管平台：<br />
12358<br />
</div>
<div style="margin-top: 10px; margin-bottom: 10px">
市场监督行政管理：<br />
12365<br />
</div>
<div>
中国物品编码中心：<br />
4007000690<br />
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</template>
<script>
import cate from "../comps/cate.vue";
export default {
components: {
cate,
},
data() {
return {
sfgsCate: {
name: "收费公示",
ico: "",
},
};
},
};
</script>
<style lang="scss">
.corppaynew {
@media screen and (min-width: 992px) {
.hidden-xs {
display: block;
}
.visible-xs {
display: none;
}
}
@media screen and (max-width: 992px) {
.hidden-xs {
display: none;
}
.visible-xs {
display: block;
}
}
}
</style>
<style lang="scss" scoped>
.corppaynew {
@include module-box;
.corppaynew-msg {
margin: 30px 0;
font-size: 14px;
caption {
display: block;
color: #333333;
}
table {
table-layout: fixed;
font-size: 14px;
max-width: 100%;
background-color: transparent;
caption.payTitle {
font-weight: bold;
text-align: left;
}
}
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
tr {
th {
text-align: center;
}
}
}
.table-bordered {
thead {
tr {
th {
border-bottom-width: 0 !important;
}
}
}
}
.table {
:not(:first-child) {
border-width: 1px;
}
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
tr:last-child {
td {
border-bottom: none;
}
}
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
}
}
</style>
\ No newline at end of file
src/views/Business/Guide.vue
......@@ -4,16 +4,27 @@
<div class="guide-msg container">
<div class="msg-title">第一步：为不同的商品项目编制不同的商品标</div>
<div class="msg-cont">
在我国，零售商品的标识代码主要采用三种数据结构，即GTIN-13、GTIN-8和GTIN-12。通常情况下，选用13位的数字代码结构用EAN-13条码表示。只有当产品出口到北美地区并且客户指定时，才申请使用UCC-12代码（用UPC条码表示）。中国厂商如需申请UPC商品条码，须经中国物品编码中心统一办理。GTIN-13和GTIN-8的结构分别如图1、图2、图3所示。
1）GTIN-13的数据结构
（1）当前缀码为690、691时，EAN/UCC-13的代码结构如图1所示。
EAN/UCC-13代码结构一
（2）当前缀码为692、693时，EAN/UCC-13的代码结构如图2所示。
EAN/UCC-13代码结构二 A、厂商识别代码
厂商识别代码是由中国物品编码中心统一向申请厂商分配。厂商识别代码左起三位由国际物品编码协会分配给中国物品编码中心的前缀码。
B、商品项目代码 商品项目代码由厂商根据有关规定自行分配。 C、校验位
用来校验其他代码编码的正误。它有固定的计算方法，参见GB 12904附录。
2）EAN/UCC-8的代码结构如图3所示。 EAN/UCC-8代码结构
<p>
在我国，零售商品的标识代码主要采用三种数据结构，即GTIN-13、GTIN-8和GTIN-12。通常情况下，选用13位的数字代码结构用EAN-13条码表示。只有当产品出口到北美地区并且客户指定时，才申请使用UCC-12代码（用UPC条码表示）。中国厂商如需申请UPC商品条码，须经中国物品编码中心统一办理。GTIN-13和GTIN-8的结构分别如图1、图2、图3所示。
</p>
<p>1）GTIN-13的数据结构</p>
<p>（1）当前缀码为690、691时，EAN/UCC-13的代码结构如图1所示。</p>
<p>EAN/UCC-13代码结构一 </p>
<p>（2）当前缀码为692、693时，EAN/UCC-13的代码结构如图2所示。</p>
<p>EAN/UCC-13代码结构二</p>
<p>A、厂商识别代码 厂商识别代码是由中国物品编码中心统一向申请厂商分配。厂商识别代码左起三位由国际物品编码协会分配给中国物品编码中心的前缀码。</p>
<p>B、商品项目代码 商品项目代码由厂商根据有关规定自行分配。</p>
<p>C、校验位 用来校验其他代码编码的正误。它有固定的计算方法，参见GB 12904附录。</p>
<p>2）EAN/UCC-8的代码结构如图3所示。</p>
<p>EAN/UCC-8代码结构</p>
<p>A、商品项目识别代码&nbsp;&nbsp;是EAN编码组织在EAN分配的前缀码（X8X7X6）的基础上分配给厂商特定商品项目的代码。为了保证代码的惟一性，商品项目识别代码须由中国物品编码中心统一分配。</p>
<p>B、校验位&nbsp;&nbsp;用来校验其他代码编码的正误。它有固定的计算方法，参见GB 12904附录。</p>
<p>在编制贸易项目的商品标识代码时，应遵守以下基本原则：</p>
<p>(1)惟一性&nbsp;&nbsp;惟一性原则是商品编码的基本原则。是指同一商品项目应分配相同的标识代码，不同的商品项目必须分配不同的标识代码。不同商品名称、商标、种类、规格、数量、包装类型的商品应视为不同的商品项目，必须编制不同的标识代码，以保证编码的惟一性。</p>
<p>(2)稳定性&nbsp;&nbsp;稳定性原则是指商品标识代码一旦分配，只要商品的基本特征没有发生变化，就应保持不变。同一商品项目，无论是长期连续生产、还是间断式生产，都必须采用相同的标识代码。即使该商品项目停止生产，其标识代码应至少在4年之内不能用于其他商品项目上。另外，即便商品已不在供应链中流通，由于要保存历史纪录，需要在数据库中较长期地保留他的标识代码，因此，在重新启用商品标识代码时，还需要考虑此因素。</p>
<p>(3)无含义&nbsp;&nbsp;无含义原则是指商品标识代码中的每一位数字不表示任何与商品有关的特定信息。有含义的编码，通常会导致编码容量的损失。厂商在编制商品项目代码时，最好使用无含义的流水号，即连续号。这样能够最大限度利用商品项目代码的编码容量。 假设分配给某企业的厂商识别代码为6901234，表1给出了其部分产品标识代码的编码方案。 B、校验位 用来校验其他代码编码的正误。它有固定的计算方法，参见GB 12904附录。 在编制贸易项目的商品标识代码时，应遵守以下基本原则： (1)惟一性 惟一性原则是商品编码的基本原则。是指同一商品项目应分配相同的标识代码，不同的商品项目必须分配不同的标识代码。不同商品名称、商标、种类、规格、数量、包装类型的商品应视为不同的商品项目，必须编制不同的标识代码，以保证编码的惟一性。 (2)稳定性 稳定性原则是指商品标识代码一旦分配，只要商品的基本特征没有发生变化，就应保持不变。同一商品项目，无论是长期连续生产、还是间断式生产，都必须采用相同的标识代码。即使该商品项目停止生产，其标识代码应至少在4年之内不能用于其他商品项目上。另外，即便商品已不在供应链中流通，由于要保存历史纪录，需要在数据库中较长期地保留他的标识代码，因此，在重新启用商品标识代码时，还需要考虑此因素。 (3)无含义 无含义原则是指商品标识代码中的每一位数字不表示任何与商品有关的特定信息。有含义的编码，通常会导致编码容量的损失。厂商在编制商品项目代码时，最好使用无含义的流水号，即连续号。这样能够最大限度利用商品项目代码的编码容量。</p>
<p>假设分配给某企业的厂商识别代码为6901234，表1给出了其部分产品标识代码的编码方案。</p>
</div>
</div>
</div>
......@@ -35,7 +46,7 @@ export default {
},
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
......
src/views/Business/index.vue
......@@ -3,7 +3,7 @@
<breadcrumb />
<div class="row">
<div class="col-lg-3">
<left2 :list="routeList" />
<left2 :list="routes" />
</div>
<div class="col-lg-9">
<router-view class="marginTopLg20"></router-view>
......@@ -45,8 +45,54 @@ export default {
},
{
name: "收费公示",
path: "",
path: "/Business/Corppaynew",
active: "",
children: [
{
name: "收费公示",
path: "",
active: "Corppaynew",
},
{
name: "收费目录清单",
path: "",
active: "",
children: [
{
name: "一次性加入费",
path: "#",
active: "",
},
{
name: "胶片制作费",
path: "#",
active: "",
},
{
name: "系统维护",
path: "#",
active: "",
},
{
name: "其他增值服务费",
path: "#",
active: "",
}
]
},
{
name: "服务项目清单",
path: "",
active: "",
children: [
{
name: "服务项目与服务内容",
path: "#",
active: "",
}
],
},
],
},
{
name: "条码注册公告",
......@@ -156,13 +202,45 @@ export default {
routes() {
let newRouteList = [];
const currentPath = this.$route.path;
newRouteList = this.deepFindRoutes(this.routeList, currentPath);
const currentRoute = this.deepFindCurrentRoute(this.routeList, currentPath);
console.log(currentRoute, 'currentRoute');
if (currentRoute.children && currentRoute.children.length > 0) {
newRouteList = currentRoute.children;
} else {
newRouteList = this.routeList;
}
// newRouteList = this.deepFindRouteList(this.routeList, currentPath);
// console.log(newRouteList, 'newRouteListnewRouteList2')
return newRouteList;
},
},
created() {},
created() {
console.log(this.$route, "this.$route");
},
methods: {
deepFindRoutes(menuList, activePath) {
deepFindCurrentRoute(menuList, activePath) {
let current = [];
const deep = (arr, activePath) => {
for (let i = 0; i < arr.length; i += 1) {
if (
arr[i].path !== activePath &&
arr[i].children &&
arr[i].children.length > 0
) {
deep(arr[i].children, activePath);
} else if (arr[i].path === activePath) {
current = arr[i];
break;
}
if (current.length > 0) {
break;
}
}
};
deep(menuList, activePath);
return current;
},
deepFindRouteList(menuList, activePath) {
let current = [];
const deep = (arr, activePath) => {
for (let i = 0; i < arr.length; i += 1) {
......
src/views/Org/index.vue
......@@ -107,7 +107,7 @@ export default {
},
},
created() {
console.log(this.routes, "this.$route");
console.log(this.$routes, "this.$route");
},
methods: {
deepFindRoutes(menuList, activePath) {
......@@ -115,7 +115,7 @@ export default {
const deep = (arr, activePath) => {
for (let i = 0; i < arr.length; i += 1) {
if (
arr[i].link !== activePath &&
arr[i].path !== activePath &&
arr[i].children &&
arr[i].children.length > 0
) {
......
src/views/comps/left2.vue
......@@ -7,21 +7,33 @@
@open="handleOpen"
@close="handleClose"
>
<el-submenu :index="String(i + 1)" v-for="(tmpA, i) in list" :key="i">
<template slot="title">
<span>{{ tmpA.name }}</span>
<template v-for="(tmpA, i) in list">
<template v-if="tmpA.children && tmpA.children.length > 0">
<el-submenu :index="String(i + 1)" :key="i">
<template slot="title">
<span>{{ tmpA.name }}</span>
</template>
<el-menu-item-group>
<el-menu-item
:index="i + 1 + '-' + (ii + 1)"
:class="{ 'is-active': tmpB.active === currentName }"
v-for="(tmpB, ii) in tmpA.children"
:key="ii"
@click="jump(tmpB)"
>{{ tmpB.name }}</el-menu-item
>
</el-menu-item-group>
</el-submenu>
</template>
<el-menu-item-group>
<template v-else>
<el-menu-item
:index="i + 1 + '-' + (ii + 1)"
:class="{ 'is-active': tmpB.path === currentPath }"
v-for="(tmpB, ii) in tmpA.children"
:key="ii"
@click="jump(tmpB)"
>{{ tmpB.name }}</el-menu-item
:index="String(i + 1)"
:key="i"
:class="{ 'is-active': tmpA.active === currentName }"
>{{ tmpA.name }}</el-menu-item
>
</el-menu-item-group>
</el-submenu>
</template>
</template>
</el-menu>
</div>
</template>
......@@ -32,21 +44,24 @@ export default {
props: ["list"],
data() {
return {
defaultOpeneds: ["1"],
defaultOpeneds: [],
};
},
computed: {
currentPath() {
return this.$route.path;
currentName() {
return this.$route.name;
},
},
created() {
console.log(this.$route, "获取当前路由地址");
// console.log(this.$route, "获取当前路由地址");
this.list.forEach((el, index) => {
this.defaultOpeneds.push(String(index + 1));
});
},
methods: {
// 路由跳转
jump(el) {
console.log(el, 'el');
console.log(el, "el");
const type = el.type || "router";
if (type === "link") {
window.open(el.path, "_blank");
......@@ -101,22 +116,16 @@ export default {
.el-menu {
border-right: none;
background: $side-bg-color;
font-size: 14px;
.el-submenu__title {
background: $side-bg-color;
}
.menu-title {
margin-top: 25px;
margin-bottom: 10px;
padding-left: 28px;
font-size: 12px;
color: #b7b6b6;
}
.el-menu-item {
height: 50px;
line-height: 50px;
color: #6b6a6a;
background: transparent;
font-size: 16px;
// font-size: 16px;
i {
color: $side-bg-color;
font-size: 25px;
......
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