Skip to content

G
gs1
Commit 53c6bfed by 林家欣
Options

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

parents 7e5d620f 39014bda
Showing with 2060 additions and 156 deletions
package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/css/english.scss 0 → 100644
// home
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #ffffff;
}
body {
font-family: "Gotham Office","Arial","Gotham SSm A", "Gotham SSm B", Verdana, sans-serif;
}
.toolkit {
font-size: 16px;
font-weight: 300;
}
.section-spacing {
padding-bottom: 15px;
}
.content-module-container {
margin-bottom: 30px;
}
.toolkit .section-spacing h4 {
margin-top: 30px;
font-weight: 400;
}
.toolkit h4 {
margin: 35px 0 15px;
}
.toolkit .content-module-container:before,
.toolkit .content-module-container:after {
content: " ";
display: table;
}
.toolkit .content-module-container:after {
clear: both;
}
.toolkit .content-module-wrapper {
border-top: 7px solid #f26334;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
.col-xs-12 {
width: 100%;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.toolkit .bg-light-gray {
background-color: #f4f4f4 !important;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.toolkit .content-module-container {
margin-bottom: 30px;
}
.toolkit .content-module, .toolkit .content-module-freeform {
background-color: #ffffff;
border: 1px solid #b1b3b3;
border-top: 0;
position: relative;
}
.toolkit .content-module-padding {
padding: 20px;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
img {
vertical-align: middle;
border: 0;
}
.toolkit p {
font-size: 16px;
line-height: 24px;
color: #454545;
}
.toolkit p.small {
font-size: 14px;
line-height: 24px;
}
.toolkit a {
color: #008dbd;
text-decoration: none;
font-weight: 500;
word-break: break-word;
}
.toolkit h1, .toolkit h2, .toolkit h3, .toolkit h4, .toolkit h5, .toolkit h6 {
color: #002c6c;
font-weight: 400;
}
.content-module h4, .toolkit .content-module-freeform h4, .toolkit .content-module h5, .toolkit .content-module-freeform h5, .toolkit .content-module h6, .toolkit .content-module-freeform h6 {
margin-top: 0;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #b2b2b8;
}
h4, .h4 {
font-size: 18px;
}
.toolkit .content-module h1, .toolkit .content-module-freeform h1, .toolkit .content-module h2, .toolkit .content-module-freeform h2, .toolkit .content-module h3, .toolkit .content-module-freeform h3, .toolkit .content-module h4, .toolkit .content-module-freeform h4, .toolkit .content-module h5, .toolkit .content-module-freeform h5, .toolkit .content-module h6, .toolkit .content-module-freeform h6 {
margin-top: 0;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #b2b2b8;
}
.toolkit .content-module h4 {
line-height: 26px;
}
.toolkit .content-module h4 a {
color: #002c6c;
}
.toolkit .content-module a {
font-weight: 300;
}
.toolkit footer {
margin: 20px 0;
background: #ffffff;
}
.toolkit footer a {
font-weight: 300;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.container {
width: 750px;
}
.col-sm-6 {
width: 50%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-6 {
width: 50%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
\ No newline at end of file
src/components/englishMain.vue 0 → 100644
<template>
<div>
<TopBanner></TopBanner>
<!-- <Header></Header> -->
<div class="router-view">
<router-view></router-view>
</div>
<!-- <Footer></Footer> -->
</div>
</template>
<script>
import TopBanner from './layout/topBanner.vue'
import Header from "./layout/header/index.vue";
import Footer from "./layout/footer.vue"
export default {
components: {
TopBanner,
Header,
Footer,
},
data() {
return {
userName: "",
sidebarNav: [],
};
},
computed: {},
methods: {},
created() {},
mounted() {},
};
</script>
src/components/layout/footer.vue
......@@ -38,9 +38,9 @@
</div>
</div>
<div class="col qrcode">
<div class="foot-cate">官方微信</div>
<div class="foot-cate">官方微博</div>
<div class="qrcode_img">
<img src="../../assets/image/foot/weixin.png" alt="" />
<img src="../../assets/image/foot/weibo.png" alt="" style="width: 102px;height: 102px;"/>
</div>
</div>
</div>
......
src/router/englist.js 0 → 100644
import main from "_c/main";
const english = [
{
path: "/EnglishHome",
name: "EnglishHome",
component: main,
meta: {
name: "首页",
},
children: [
{
path: "/EnglishHome",
component: () => import("@/views/English/Home/index"),
},
]
}
]
export {
english
}
\ No newline at end of file
src/views/BarCode/SSCC.vue
......@@ -31,7 +31,7 @@
></el-option>
</el-select>
</el-form-item>
<!-- 含有校验码类型 -->
<template v-if="info.isCheck === 1">
<el-form-item>
<el-input
......@@ -42,6 +42,7 @@
class="CT2_form_inline"
:type="info.inputType"
@input="changeCValue($event, info.maxLength, info.flag, i)"
@blur="handleBlur($event, info, i)"
clearable
></el-input>
</el-form-item>
......@@ -51,6 +52,7 @@
</div>
</el-form-item>
</template>
<!-- 时间类型 -->
<template v-else-if="info.isDate === 1">
<el-form-item>
<el-date-picker
......@@ -60,10 +62,12 @@
format="yyMMdd"
value-format="yyMMdd"
clearable
class="DT_form_inline"
>
</el-date-picker>
</el-form-item>
</template>
<!-- 剩余其他类型 -->
<template v-else>
<el-form-item>
<el-input
......@@ -74,6 +78,7 @@
class="CT1_form_inline"
:type="info.inputType"
clearable
@blur="handleBlur($event, info, i)"
></el-input>
</el-form-item>
</template>
......@@ -83,6 +88,7 @@
@click="addRow"
src="../../assets/image/barcode/add.png"
alt=""
class="button_sty"
/>
</el-form-item>
<el-form-item v-else>
......@@ -90,6 +96,7 @@
@click="deleteRow(i)"
src="../../assets/image/barcode/delete.png"
alt=""
class="button_sty"
/>
</el-form-item>
</template>
......@@ -196,6 +203,7 @@ export default {
this.writeCodeList[i].maxLength = obj.maxLength;
this.writeCodeList[i].minLength = obj.minLength;
this.writeCodeList[i].prompt = obj.prompt;
this.writeCodeList[i].isVariable = obj.isVariable;
if (obj.isDate === 0 && obj.isNum === 1) {
this.writeCodeList[i].inputType = "number";
} else if (obj.isDate === 0 && obj.isNum === 0) {
......@@ -221,7 +229,7 @@ export default {
});
},
deleteRow(i) {
this.writeCodeList.splice(0, i);
this.writeCodeList.splice(i, 1);
},
changeCValue(val, length, code, i) {
console.log(val, length, "------7777----");
......@@ -231,6 +239,14 @@ export default {
this.writeCodeList[i].cValue = val.slice(0, length);
}
},
handleBlur(event, info, index) {
if (
event.target.value.length < info.minLength ||
event.target.value.length > info.maxLength
) {
this.$message.error(info.prompt);
}
},
async queryCheckCode(code, content, i) {
const params = {
code,
......@@ -255,7 +271,12 @@ export default {
let param = [];
this.writeCodeList.map((item) => {
if (item.cValue) {
param.push(`${item.flag},${item.cValue}`);
if(item.isVariable === 1) {
param.push(`${item.flag},${item.cValue}ñ`);
} else {
param.push(`${item.flag},${item.cValue}`);
}
}
return item;
......@@ -334,12 +355,14 @@ input::-webkit-inner-spin-button {
height: 40px;
}
.CT1_form_inline.el-input,
.CT2_form_inline.el-input {
.CT2_form_inline.el-input,
.DT_form_inline.el-input {
border-radius: 2px;
position: relative;
}
.CT1_form_inline.el-input .el-input__inner,
.CT2_form_inline.el-input .el-input__inner {
.CT2_form_inline.el-input .el-input__inner,
.DT_form_inline.el-input .el-input__inner {
height: 40px;
border-radius: 2px;
border: 1px solid #cccccc;
......@@ -353,6 +376,14 @@ input::-webkit-inner-spin-button {
top: 0;
left: 0;
}
.DT_form_inline.el-date-editor,
.DT_form_inline.el-date-editor .el-input__inner {
width: 320px;
height: 40px;
}
.DT_form_inline.el-input .el-input__inner {
padding-left: 40px;
}
</style>
<style lang="scss" scoped>
.corppay {
......@@ -385,6 +416,9 @@ input::-webkit-inner-spin-button {
color: #999999;
text-align: center;
}
.button_sty {
cursor: pointer;
}
}
.tag_num {
width: 72px;
......
src/views/BarCode/generateSuccess.vue
......@@ -24,8 +24,8 @@ export default {
props: {
codePicture: {
type: String,
default: '',
}
default: "",
},
},
data() {
return {};
......@@ -34,9 +34,31 @@ export default {
mounted() {},
methods: {
downPicture() {
window.location.href = this.codePicture;
}
}
this.getUrlBase64(this.codePicture).then((base64) => {
let link = document.createElement("a");
link.href = base64;
link.download = "qrCode.png";
link.click();
});
},
getUrlBase64(url) {
return new Promise((resolve) => {
let canvas = document.createElement("canvas");
let ctx = canvas.getContext("2d");
let img = new Image();
img.crossOrigin = "Anonymous"; //允许跨域
img.src = url;
img.onload = function () {
canvas.height = 102;
canvas.width = 300;
ctx.drawImage(img, 0, 0, 300, 102);
let dataURL = canvas.toDataURL("image/png");
canvas = null;
resolve(dataURL);
};
});
},
},
};
</script>
<style lang="scss" scoped>
......
src/views/Business/copms/dffzjg.vue
......@@ -244,9 +244,13 @@ export default {
@include module-box;
.dffzjg-ul {
padding: 10px 0;
font-size: 14px;
div {
margin: 5px 0;
cursor: pointer;
&:hover {
color: #008DBD;
}
}
}
}
......
src/views/Djwh/index.vue
......@@ -2,7 +2,7 @@
<div class="djwh ">
<div class="row status-container">
<div class="col-lg-2"></div>
<div class="col-lg-8">
<div class="col-lg-8" style="padding:0 20px">
<!-- header -->
<div class="header">
<img src="../../assets/image/djwh/top_pho.jpg" />
......@@ -13,8 +13,8 @@
<!-- container -->
<div class="row djwh-container">
<div class="col-lg-9 " >
<div class="row">
<div class="col-lg-5 left-img">
<div class="row row-left" >
<div class="col-lg-5 left-img" style="padding-left:23px;padding-right:15px">
<div class="border-div">
<a href="https://www.12371.cn/special/19jlzqh/">
<img :src="`${urls.gs1cn}djwh/images/19jlzqh.jpg`" alt="">
......@@ -25,7 +25,7 @@
</div>
</div>
<div class="col-lg-7 middle-header">
<div class="col-lg-7 middle-header" style="padding-right:15px">
<div class="border-div ">
<a href="http://www.samr.gov.cn/zt/bwcx/">
<img src="../../assets/image/djwh/tt_pho.gif" alt="">
......@@ -52,7 +52,7 @@
</div>
</div>
<div class="col-lg-12">
<div class="col-lg-12" style="padding-left:23px;padding-right:15px">
<div class="ds">
<div>
<img src="../../assets/image/djwh/dsjy-title.gif" alt="">
......@@ -66,7 +66,7 @@
</div>
</div>
</div>
<div class="col-lg-12">
<div class="col-lg-12" style="padding-left:23px;padding-right:15px">
<div class="ds hdtp">
<div>
<img src="../../assets/image/djwh/pho_bg5.gif" alt="">
......@@ -82,7 +82,7 @@
</div>
</div>
</div>
<div class="col-lg-12 foottp">
<div class="col-lg-12 foottp" style="padding-left:23px;padding-right:15px">
<img src="../../assets/image/djwh/19th.gif" alt="">
</div>
......@@ -325,6 +325,11 @@ export default {
}
.row{
>div{
padding:0 12px!important;
}
}
.ds{
.list-style{
width: 80%!important;
......@@ -357,12 +362,19 @@ html{
padding: 10px;
box-sizing: border-box;
a{
line-height: 20px;
font-size: 16px;
text-decoration: underline;
color:#fff;
}
}
}
.row{
>div{
padding-left:0px;
}
}
.border-div{
width: 100%;
......@@ -377,21 +389,19 @@ html{
img:first-child{
margin-bottom: 5px;
}
}
.middle-header{
.border-div:first-child{
padding: 6px;
height: 78px;
a{
display: inline-block;
width:20%;
width:23%;
}
img{
width: 100%;
// height: 60px;
height: 60px;
}
}
......@@ -432,18 +442,24 @@ html{
float: left;
}
.list-style{
width: 87%;
width: 88%;
float: left;
background-color: #fff;
border-radius: 10px;
padding: 5px;
margin-top: 0%;
li{
padding: 3px;
}
}
}
.hdtp{
.list-style{
height: 140px;
a{
display: inline-block;
height: 100%!important;
width: 25%;
float: left;
padding: 4px 3px;
......@@ -471,7 +487,7 @@ html{
#box{
float: right;
width: 78%;
width: 76%;
height: 60px;
overflow: hidden;
......@@ -505,11 +521,15 @@ html{
font-weight: 800;
}
.list-style{
margin-top: 15px;
}
.list-style:first-child{
margin-top: 0;
}
li{
line-height: 22px;
// line-height: 22px;
a{
width: 90%;
font-size: 13px;
......@@ -523,7 +543,7 @@ html{
img{
height: 72px;
width: 100%;
padding: 0 15px 5px 15px;
padding: 5px 15px 0 15px;
}
}
......@@ -537,7 +557,7 @@ html{
}
.list-style{
padding: 0;
margin-top: 15px;
margin-top: 10px;
.middle-list{
padding: 5px 0;
}
......@@ -549,11 +569,11 @@ html{
li{
font-size: 14px;
margin: 4px;
line-height: 24px;
padding: 4px;
line-height: normal;
a{
display: inline-block;
width: 95%;
width: 93%;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
......@@ -567,7 +587,7 @@ html{
}
li::before{
content: "\25CF";
margin-right: 5px;
margin-right: 10px;
float: left;
font-size: 10px;
}
......
src/views/English/Article/article.vue 0 → 100644
<template>
<div>文章</div>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/views/English/BusinessBrief/industryPromotion.vue 0 → 100644
<template>
<div>付水电费第三方水电费是的</div>
</template>
\ No newline at end of file
src/views/English/Home/components/columnFourList.vue 0 → 100644
<template>
<div class="container" style="padding-top: 30px">
<div class="row">
<div class="col-xs-12 col-md-3 section-spacing" style="margin-top: -3%">
<div class="content-module-container">
<h4>
<a
href="/GS1ChinaEN/GS1ChinaENTest/foodsafety.aspx"
target="_blank"
style="text-decoration: none; color: #002c6c"
>Food safety</a
>
</h4>
<div
class="content-module-wrapper"
style="border-top: 7px solid #7ac143"
></div>
<div
class="content-module content-module-padding"
style="padding: 0px; background-color: #002c6c"
>
<img
src="@/assets/image/english/Food-satety.jpg"
alt=""
class="img-responsive"
/>
<p class="small" style="padding: 20px">
<a
href="/GS1ChinaEN/GS1ChinaENTest/foodsafety.aspx"
target="_blank"
style="color: #fff; text-decoration: none"
>Barcode applications have been extended to the food safety area
with great efforts…</a
>
</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-3 section-spacing" style="margin-top: -3%">
<div class="content-module-container">
<h4>
<a
href="/GS1ChinaEN/GS1ChinaENTest/healthcare.aspx"
target="_blank"
style="text-decoration: none; color: #002c6c"
>Healthcare</a
>
</h4>
<div
class="content-module-wrapper"
style="border-top: 7px solid #00b6de"
></div>
<div
class="content-module content-module-padding"
style="padding: 0px; background-color: #002c6c"
>
<img
src="@/assets/image/english/Healthcare.jpg"
alt=""
class="img-responsive"
/>
<p class="small" style="padding: 20px">
<a
href="/GS1ChinaEN/GS1ChinaENTest/healthcare.aspx"
target="_blank"
style="color: #fff; text-decoration: none"
>GS1 China offers technical support for regulators in healthcare
sector to develop standards and regulations…</a
>
</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-3 section-spacing" style="margin-top: -3%">
<div class="content-module-container">
<h4>
<a
href="/GS1ChinaEN/GS1ChinaENTest/ecommerce.aspx"
target="_blank"
style="text-decoration: none; color: #002c6c"
>ECommerce</a
>
</h4>
<div
class="content-module-wrapper"
style="border-top: 7px solid #f05587"
></div>
<div
class="content-module content-module-padding"
style="padding: 0px; background-color: #002c6c"
>
<img
src="@/assets/image/english/ECommerce.jpg"
alt=""
class="img-responsive"
/>
<p class="small" style="padding: 20px">
<a
href="/GS1ChinaEN/GS1ChinaENTest/ecommerce.aspx"
target="_blank"
style="color: #fff; text-decoration: none"
>GS1 standard can provide the efficiency solutions for the
issues for e-commerce enterprises…</a
>
</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-3 section-spacing" style="margin-top: -3%">
<div class="content-module-container">
<h4>
<a
href="/GS1ChinaEN/GS1ChinaENTest/gdsn.aspx"
target="_blank"
style="text-decoration: none; color: #002c6c"
>GDSN</a
>
</h4>
<div
class="content-module-wrapper"
style="border-top: 7px solid #71b790"
></div>
<div
class="content-module content-module-padding"
style="padding: 0px; background-color: #002c6c"
>
<img
src="@/assets/image/english/GDSN.jpg"
alt=""
class="img-responsive"
/>
<p class="small" style="padding: 20px">
<a
href="/GS1ChinaEN/GS1ChinaENTest/gdsn.aspx"
target="_blank"
style="color: #fff; text-decoration: none"
>GS1 China is willing to cooperate with countries around the
world to encourage the exchange and sharing...</a
>
</p>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>
\ No newline at end of file
src/views/English/Home/components/trodList.vue 0 → 100644
<template>
<div
class="row"
style="background-color: #fff; margin-left: 0px; margin-right: 0px"
>
<div class="container">
<div class="col-xs-12 col-md-6 section-spacing">
<div class="content-module-container">
<h4></h4>
<div
class="content-module-wrapper"
style="border-top: 7px solid #c1d82f"
></div>
<div class="row content">
<div class="col-xs-12"></div>
<div class="col-xs-12">
<p style="line-height: 28px; padding: 22px; font-size: 14px">
In order to address to the domestic demand of healthcare safety,
GS1 China strengthened and broadened the use of barcode
technology in the healthcare sector in 2007, and established
Healthcare Workgroup in 2008 consists of staff from 20 branches
all around China. There are several projects including
“Implantable medical device traceability in hospital”, “Beijing
cosmetics market supervision system” and “Product ID for Chinese
traditional medicine” had been carried out by the branches
organized.
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-3 section-spacing">
<div class="content-module-container">
<h4></h4>
<div
class="content-module-wrapper"
style="border-top: 7px solid #7ac143"
></div>
<div class="content-module content-module-padding">
<h4>Tools</h4>
<p class="small">
<a
href="http://www.gs1.org/check-digit-calculator"
target="_blank"
>Check digit calculator</a
><br />
Calculate correct check digit for barcodes.
</p>
<p class="small">
<a href="http://gepir.gs1.org" target="_blank"
>Who owns this barcode?</a
><br />
Find companies linked to GS1 barcode numbers.
</p>
</div>
<div class="content-module content-module-padding">
<h4>Standards</h4>
<p class="small">
<a
href="http://www.gs1.org/how-gs1-standards-work"
target="_blank"
>See how GS1 standards work</a
><br />
GS1 standards help you single out what really matters.
</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-3 section-spacing">
<div class="content-module-container">
<h4></h4>
<div
class="content-module-wrapper"
style="border-top: 7px solid #002c6c"
></div>
<div
class="content-module content-module-padding"
style="padding: 0px"
>
<img
src="@/assets/image/english/need-bar.jpg"
alt=""
class="img-responsive"
/>
<h4 style="padding: 20px">
<a href="/GS1ChinaEN/GS1ChinaENTest/barcodes.aspx"
>Need a barcode?</a
>
</h4>
<p class="small" style="padding: 20px">
Our barcodes identify products uniquely so they can be sold
anywhere in the world.
</p>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {};
</script>
<style scoped></style>
src/views/English/Home/index.vue 0 → 100644
<template>
<div class="toolkit">
<!-- Banner图 -->
<div class="banner">
<VueSlickCarousel v-bind="bannerSettings" v-if="banner.length > 0">
<div v-for="(el, i) in banner" :key="i">
<div class="banner-item" :style="{ background: el.colorBackground }">
<div class="container">
<div class="row">
<div class="col-lg-6 carousel-caption-left">
<div class="carousel-title">{{ el.title }}</div>
<p class="carousel-note">
{{ el.brief }}
</p>
<button
:class="['carousel-btn', el.colorMore]"
@click="learnMore(i)"
>
<span>了解更多</span
><img src="@/assets/image/home/more-arrow.png" alt="" />
</button>
</div>
</div>
</div>
<div class="banner-bg">
<img :src="el.picIndexPath" alt="" />
</div>
</div>
</div>
<template #prevArrow>
<div class="custom-arrow"></div>
</template>
<template #customPaging>
<div class="custom-dot"></div>
</template>
<template #nextArrow>
<div class="custom-arrow"></div>
</template>
</VueSlickCarousel>
</div>
<div class="bg-light-gray">
<!-- 三列介紹 -->
<trodList></trodList>
<!-- 四列列表 -->
<columnFourList></columnFourList>
</div>
<footer class="col-xs-12">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-1">
<a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx"
><h4>Home</h4></a
>
</div>
<div class="col-xs-12 col-sm-6 col-md-2">
<h4>About Us</h4>
<ul>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/introduction.aspx"
>Introduction</a
>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/structure.aspx"
>Structure</a
>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/contactus.aspx"
>Contact Us</a
>
</li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-2">
<h4>Business Brief</h4>
<ul>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/barcodes.aspx"
>BarCodes</a
>
</li>
<li><a href="/GS1ChinaEN/GS1ChinaENTest/epc.aspx">EPC</a></li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/gdsn.aspx">GDSN</a>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/ecommerce.aspx"
>ECommerce</a
>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/hanxincode.aspx"
>Han Xin Code</a
>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/sectors.aspx"
>Innovative Sectors</a
>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/promotion.aspx"
>Industry Promotion</a
>
</li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<h4>Training &amp; Learning</h4>
<ul>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/elearning.aspx"
>E-Learning</a
>
</li>
<li>
<a
href="http://ocp.gs1.org/sites/glossary/en-gb"
target="_blank"
>Glossary</a
>
</li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-1">
<a href="http://www.gs1.org/news-events" target="_blank"
><h4>Events</h4></a
>
</div>
<div class="col-xs-12 col-sm-6 col-md-2">
<h4>Useful Links</h4>
<ul>
<li>
<a
href="http://www.gs1.org/contact/overview"
target="_blank"
>
GS1 Member Links</a
>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-12 footer-links">
<hr />
<div
class="p"
style="
min-width: 300px;
height: auto;
width: auto;
margin: 0 auto;
text-align: center;
"
>
<p>Copyright 2015 GS1 China All rights reserved.</p>
<p>
Reproduction in whole or in part without permission is
prohibited.
</p>
</div>
</div>
</div>
</div>
</footer>
</div>
</template>
<script>
import VueSlickCarousel from "vue-slick-carousel";
import "vue-slick-carousel/dist/vue-slick-carousel.css";
import "vue-slick-carousel/dist/vue-slick-carousel-theme.css";
import trodList from "./components/trodList";
import columnFourList from "./components/columnFourList";
export default {
components: { VueSlickCarousel, columnFourList, trodList },
data() {
return {
banner: [], // 首页大轮播图
bannerSettings: {
arrows: true,
autoplay: false,
autoplaySpeed: 4000,
dots: true,
centerMode: true,
centerPadding: "0% 0% 0%",
slidesToShow: 1,
slidesToScroll: 1,
},
};
},
};
</script>
<style lang="scss">
@import "@/assets/css/english";
</style>
src/views/Home/index.vue
......@@ -156,7 +156,7 @@
<div class="col-lg-6 wsxtcy bgWhite">
<div class="ywdt-cate ywdt-cate-bj2">
<span>我是系统成员</span>
<span>（成员专区）</span>
<span style="width: 148px;">（成员专区）</span>
</div>
<div class="row ywdt-kj wsxtcy-row">
<div
......@@ -211,7 +211,7 @@
</div>
<div class="row ywdt-kj kjywblzq-row">
<div class="kjywblzq-col">
<div class="ywdt-bt">跨境业务办理（GLN/LEI/其他）</div>
<div class="ywdt-bt">跨境业务办理</div>
</div>
</div>
</div>
......@@ -651,7 +651,7 @@ export default {
},
{
ico: require("../../assets/image/home/wbsxtcy-ico3.png"),
name: "条码注册公告",
name: "注册公告",
url: "/Business/Notice",
query: {
type: "zhuce",
......@@ -659,7 +659,7 @@ export default {
},
{
ico: require("../../assets/image/home/wbsxtcy-ico4.png"),
name: "条码注销公告",
name: "注销公告",
url: "/Business/Notice",
query: {
type: "zhuxiao",
......@@ -669,36 +669,36 @@ export default {
wsxtcy: [
{
ico: require("../../assets/image/home/wsxtcy-ico1.png"),
name: "培训",
name: "我要培训",
url: "/Service/Training",
},
{
ico: require("../../assets/image/home/wsxtcy-ico2.png"),
name: "续展",
name: "我要续展",
url: "/Business/Renewal",
},
{
ico: require("../../assets/image/home/wsxtcy-ico3.png"),
name: "编码",
name: "我要编码",
url: "/Business/Code1",
query: {
id: "1-1",
},
},
{
ico: require("../../assets/image/home/wsxtcy-ico5.png"),
name: "我要追溯",
url: "/Business/FoodSafety",
},
{
ico: require("../../assets/image/home/wsxtcy-ico4.png"),
name: "通报编码信息",
name: "信息通报",
url: "/Business/Guide3",
query: {
id: "3-1",
},
},
{
ico: require("../../assets/image/home/wsxtcy-ico5.png"),
name: "追溯",
url: "/Business/FoodSafety",
},
{
ico: require("../../assets/image/home/wsxtcy-ico6.png"),
name: "查找服务商",
url: "/Service/Partners/List",
......@@ -739,16 +739,15 @@ export default {
{
id: "1",
ico: require("../../assets/image/home/dzfw-ico13.png"),
name: "教育培训平台",
name: "条码教育培训平台",
isChecked: true,
},
{
id: "2",
ico: require("../../assets/image/home/dzfw-ico2.png"),
name: "进口商品数据通报",
ico: require("../../assets/image/home/dzfw-ico12.png"),
name: "安全追溯平台",
isChecked: true,
url: "http://import.gds.org.cn/Content/staticpage/serviceIntroduct.html",
type: "link",
url: "/Service/Chinatrace",
},
{
id: "3",
......@@ -760,10 +759,11 @@ export default {
},
{
id: "4",
ico: require("../../assets/image/home/dzfw-ico12.png"),
name: "追溯平台",
ico: require("../../assets/image/home/dzfw-ico2.png"),
name: "进口商品数据通报",
isChecked: true,
url: "/Service/Chinatrace",
url: "http://import.gds.org.cn/Content/staticpage/serviceIntroduct.html",
type: "link",
},
{
id: "5",
......@@ -776,7 +776,7 @@ export default {
{
id: "6",
ico: require("../../assets/image/home/dzfw-ico4.png"),
name: "商品二维码",
name: "国家二维码综合服务平台",
isChecked: true,
url: "http://www.2dcode.org/",
type: "link",
......@@ -784,23 +784,25 @@ export default {
{
id: "7",
ico: require("../../assets/image/home/dzfw-ico5.png"),
name: "GDSN",
name: "全球商品数据共享平台",
isChecked: true,
url: "http://b2b.gds.org.cn/Content/Index/GDSN_introduction.html",
type: "link",
},
{
id: "8",
ico: require("../../assets/image/home/dzfw-ico11.png"),
name: "条码/射频(RFID)/软件检测服务",
ico: require("../../assets/image/home/dzfw-ico9.png"),
name: "国家物联网标识管理中心",
isChecked: true,
url: "/Service/jcyxz/Barcode",
url: 'https://www.iotroot.com/',
type: 'link'
},
{
id: "9",
ico: require("../../assets/image/home/dzfw-ico9.png"),
name: "ECODE",
ico: require("../../assets/image/home/dzfw-ico11.png"),
name: "条码/射频(RFID)/软件检测服务",
isChecked: true,
url: "/Service/jcyxz/Barcode",
},
{
id: "10",
......@@ -904,10 +906,10 @@ export default {
other: {
data: [
{
name: "国家射频识别产品质量监督检验中心",
name: "国家射频识别产品质量检验检测中心",
},
{
name: "国家条码质量监督检验中心",
name: "国家条码质量检验检测中心",
},
{
name: "中国自动识别技术协会",
......@@ -1229,7 +1231,7 @@ export default {
// 定制服务跳转
if (this.dzfw[i].type === "link") {
window.open(this.dzfw[i].url, "_blank");
} else {
} else if (this.dzfw[i].url) {
let routeData = this.$router.resolve({
path: this.dzfw[i].url,
});
......
src/views/News/Retail.vue
......@@ -49,7 +49,7 @@
<div class="list-style">
<p class="div4-title">
<span>{{ item.title }}</span>
<span class="more">更多>></span>
<span class="more" @click="lookMore(item.title)">更多>></span>
</p>
<ul>
<li v-for="(value, index) in item.list" :key="index">
......@@ -286,6 +286,13 @@ export default {
methods: {
goDetail() {
this.$router.push('/News/RetailBusiness');
},
lookMore(type) {
// if(type === '商品条码在零售领域应用指南') {
// this.$router.push('/Sell/sellApplicationGuide');
// } else if (type === '最新动态') {
// this.$router.push('/Sell/latestNews');
// }
}
},
};
......
src/views/Org/Sites.vue
......@@ -5,24 +5,24 @@
<div class="nsjg">
<Title :father="site.title1"></Title>
<p>
依托于中国物品编码中心的国家条码质量监督检验中心，是原国家质量监督检验检疫总局授权的国家级产品质量监督检验中心（国认监认字225号）。质检中心筹建于1991年，并于1997年首次通过评审。2003年通过了中国实验室国家认可委员会认可（CNAL
依托于中国物品编码中心的国家条码质量检验检测中心，是原国家质量监督检验检疫总局授权的国家级产品质量监督检验中心（国认监认字225号）。质检中心筹建于1991年，并于1997年首次通过评审。2003年通过了中国实验室国家认可委员会认可（CNAL
No.
L0719），2008年和2011年通过国家合格评定实验室认可委员会的复评审（No.CNAS
L0719）。2004年，中心还取得了专项计量授权评审，2009年通过专项计量授权的复评审，获得原国家质量监督检验检疫总局专项计量授权（（国）法计（2009）0123号）。
</p>
<p>
国家条码质量监督检验中心向社会各界提供条码符号、条码胶片、条码识读器/条码扫描器、条码打印机/条码生成器、条码设计软件/条码生成软件、以及其他条码相关产品的检验服务与条码检测仪的检定/校准服务。同时还接受国家质量监督部门的委托，开展条码质量国家监督抽查工作。
国家条码质量检验检测中心向社会各界提供条码符号、条码胶片、条码识读器/条码扫描器、条码打印机/条码生成器、条码设计软件/条码生成软件、以及其他条码相关产品的检验服务与条码检测仪的检定/校准服务。同时还接受国家质量监督部门的委托，开展条码质量国家监督抽查工作。
</p>
</div>
<div class="nsjg">
<Title :father="site.title2"></Title>
<p>
国家射频识别产品质量监督检验中心是国家级的专业射频识别相关产品检验机构，是我国射频识别领域的权威检测机构，是目前亚太地区唯一获得ARTC（Approved
国家射频识别产品质量检验检测中心是国家级的专业射频识别相关产品检验机构，是我国射频识别领域的权威检测机构，是目前亚太地区唯一获得ARTC（Approved
RFID Test
Center）国际射频识别硬件产品认证测试资质的认证测试机构。拥有国家认证认可监督管理委员会的CMA和CAL资质，同时拥有中国合格评定国家实验室认可委的CNAS资质，在我国射频识别技术检测领域具有国内领先、国际一流地位。测试的硬件产品包括射频识别芯片、标签、读写器模块、读写器、打印机等硬件产品，覆盖低频（动物标签）、高频、超高频、微波等频段；测试的软件产品包括读写器软件、RFID中间件以及信息服务等射频识别专用软件产品；测试各种应用软件产品，覆盖软件功能、性能、可靠性、易用性、维修性、可移植性等多方面；测试RFID应用系统以及闸门入口、传送带以及卖场货架、书架等多种动态性能。国家射频识别产品质量监督检验中心还具有IC卡生产许可证发证检验机构资质，能够为IC卡研发和生产单位提供检测服务并提供许可证相关检测服务。
Center）国际射频识别硬件产品认证测试资质的认证测试机构。拥有国家认证认可监督管理委员会的CMA和CAL资质，同时拥有中国合格评定国家实验室认可委的CNAS资质，在我国射频识别技术检测领域具有国内领先、国际一流地位。测试的硬件产品包括射频识别芯片、标签、读写器模块、读写器、打印机等硬件产品，覆盖低频（动物标签）、高频、超高频、微波等频段；测试的软件产品包括读写器软件、RFID中间件以及信息服务等射频识别专用软件产品；测试各种应用软件产品，覆盖软件功能、性能、可靠性、易用性、维修性、可移植性等多方面；测试RFID应用系统以及闸门入口、传送带以及卖场货架、书架等多种动态性能。国家射频识别产品质量检验检测中心还具有IC卡生产许可证发证检验机构资质，能够为IC卡研发和生产单位提供检测服务并提供许可证相关检测服务。
</p>
<p>
国家射频识别产品质量监督检验中心为芯片研发、标签制造、设备制造
国家射频识别产品质量检验检测中心为芯片研发、标签制造、设备制造
、软件开发以及系统集成等各类型厂商以及国家政府机关、事业单位、大型国企等社会各界提供委托检验、硬件认证测试、
研发测试、软件登记测试、软件确认测试、软件验收测试、科技项目技术鉴定测试以及IC卡生产许可证检测等服务。
同时还接受国家质量监督部门的委托，开展射频识别相关产品质量的国家监督抽查工作。
......@@ -127,10 +127,10 @@ export default {
return {
site: {
title1: {
name: "国家条码质量监督检验中心",
name: "国家条码质量检验检测中心",
},
title2: {
name: "国家射频识别产品质量监督检验中心",
name: "国家射频识别产品质量检验检测中心",
},
title3: {
name: "中国自动识别技术协会",
......
src/views/Sell/GRAI.vue 0 → 100644
<template>
<div class="corppay">
<cate :father="sfmlqdCate"></cate>
<!-- 条码生成区域start -->
<div class="generate_area">
<div class="enter_box">
<div class="enter_name">AI标识符：</div>
<div class="tag_num">{{ inputInfo.codeValue }}</div>
<div class="input_box">
<el-input
:placeholder="inputInfo.prompt"
v-model="identifier"
:minlength="inputInfo.minLength"
:maxlength="inputInfo.maxLength"
clearable
>
</el-input>
</div>
</div>
<div class="operate_button" @click="handleGenerate">生成条码</div>
</div>
<!-- 条码生成区域end -->
<!-- 条码生成成功区域start -->
<generate-success :codePicture="codePicture" v-if="showSuccess"></generate-success>
<!-- 条码生成成功区域end -->
<!-- 友情提示 -->
<code-footer></code-footer>
</div>
</template>
<script>
import cate from "../comps/cate.vue";
import generateSuccess from "./generateSuccess.vue";
import codeFooter from "./codeFooter.vue";
export default {
components: {
cate,
generateSuccess,
codeFooter,
},
data() {
return {
sfmlqdCate: {
name: "GRAI条码生成",
ico: "",
},
identifier: "",
inputInfo: {},
showSuccess: false,
codePicture: '',
};
},
watch: {
$route: {
handler(val) {
this.$nextTick(() => {
Object.keys(this.$refs).forEach((key) => {
this.$refs[key].setAttribute("class", "msg-title");
});
});
},
immediate: true,
},
},
created() {
this.queryGRAIAIList();
},
mounted() {
// 面包屑单独处理
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "应用领域", path: "/News/index" },
{ name: "物流", path: "/News/Logistics" },
{ name: "GRAI条码生成" },
]);
},
methods: {
async handleGenerate() {
if (this.identifier.length < 15 || this.identifier.length > 30) {
this.$message.error(this.inputInfo.prompt);
return;
}
const params = {
param: [`${this.inputInfo.codeValue},${this.identifier}`],
};
const listRes = await this.$api.barcode.generateBarcode(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.$message.success("生成成功");
this.showSuccess = true;
this.codePicture = data;
console.log(this.codePicture)
} else {
this.showSuccess = false;
this.$message.error("生成失败，请稍后重试~");
}
},
async queryGRAIAIList() {
const params = {};
const listRes = await this.$api.barcode.queryGRAIAIList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.inputInfo = data;
} else {
this.inputInfo = {};
this.$message.error("获取AI标识符列表失败，请稍后重试~");
}
},
},
};
</script>
<style>
.enter_box .input_box .el-input,
.enter_box .input_box .el-input .el-input__inner {
width: 242px;
height: 40px;
}
.enter_box .input_box .el-input {
border-radius: 2px;
position: relative;
}
.enter_box .input_box .el-input .el-input__inner {
height: 40px;
border-radius: 2px;
border: 1px solid #cccccc;
font-size: 13px;
font-family: MicrosoftYaHei;
color: #999999;
margin: 0;
padding: 0 25px 0 10px;
/* padding-left: 10px; */
position: absolute;
top: 0;
left: 0;
}
</style>
<style lang="scss" scoped>
.corppay {
@include module-box;
.generate_area {
height: 100px;
// background: orchid;
padding: 0 30px;
.enter_box {
display: flex;
height: 40px;
line-height: 40px;
margin-top: 29px;
box-sizing: border-box;
.enter_name {
width: 100px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #414345;
}
.tag_num {
width: 72px;
border-radius: 2px;
border: 1px solid #cccccc;
font-size: 13px;
font-family: MicrosoftYaHei;
color: #454545;
padding-left: 10px;
padding-left: 10px;
}
.input_box {
width: 242px;
height: 40px;
margin-left: 10px;
}
}
.operate_button {
width: 240px;
height: 38px;
line-height: 38px;
background: #f26335;
border-radius: 4px;
font-size: 13px;
font-family: MicrosoftYaHei;
color: #ffffff;
text-align: center;
margin-top: 20px;
margin-left: 182px;
cursor: pointer;
}
}
.success_area {
padding: 40px 30px;
height: 440px;
.suc_area_title {
height: 40px;
background: #fef1ec;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #f26335;
padding-left: 20px;
line-height: 40px;
}
.show_area {
height: 320px;
background: url("../../assets/image/barcode/success_bg.png") no-repeat;
background-size: 100% 100%;
.font_title {
font-size: 16px;
height: 49px;
font-family: MicrosoftYaHei;
color: #f26335;
padding-top: 21px;
span {
display: inline-block;
width: 4px;
font-size: 20px;
color: #04408d;
margin-right: 10px;
font-weight: bolder;
padding-left: 20px;
}
}
.code_pic {
width: 250px;
height: 131px;
margin: 0 auto;
margin-top: 40px;
img {
width: 250px;
height: 131px;
}
}
.down_button {
width: 120px;
height: 40px;
margin: 0 auto;
margin-top: 30px;
border-radius: 4px;
border: 1px solid #f26335;
font-size: 13px;
color: #f26335;
font-family: MicrosoftYaHei;
text-align: center;
line-height: 38px;
cursor: pointer;
}
}
}
}
</style>
src/views/Sell/codeFooter.vue 0 → 100644
<template>
<div class="code_footer">
<div class="code_title">友情提示：</div>
<div class="code_content">
<div class="content_desc">
GS1-128条码符号是ANCC系统中使用的一种条码符号，也是一种商品条码符号。GS1-128
条码是Code128的子集。
</div>
<div class="img_box">
<img src="../../assets/image/barcode/barcode.png" alt="" />
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.code_footer {
height: 214px;
background: rgba(242, 99, 53, 0.03);
padding: 20px 30px;
.code_title {
font-size: 16px;
font-family: MicrosoftYaHei;
color: #f26335;
}
.code_content {
display: flex;
padding-top: 30px;
.content_desc {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #414345;
line-height: 24px;
}
.img_box {
padding-left: 30px;
img {
width: 204px;
height: 107px;
}
}
}
}
</style>
\ No newline at end of file
src/views/Sell/codePromotion.vue 0 → 100644
<template>
<div class="composite">
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" @getInfo="getInfo" />
</div>
</div>
</template>
<script>
import { mapMutations } from "vuex";
import cate from "../comps/cate.vue";
import list from "./copms/list.vue";
import { FILE_PREFIX } from "@/config/constant";
export default {
components: {
cate,
list,
},
data() {
return {
bzkydtCate: {
name: "标准",
ico: "",
},
tableResult: {
list: [
{
name: "GBT 16830-2008 商品条码 储运包装商品编码与条码表示",
url: "/2021-12-18/1472207864411062272-GBT 16830-2008 商品条码 储运包装商品编码与条码表示.pdf",
flag: 1,
},
{
name: "GBT 18127-2009 商品条码 物流单元编码与条码表示",
url: "/2021-12-18/1472207864411062273-GBT 18127-2009 商品条码 物流单元编码与条码表示.pdf",
flag: 1,
},
{
name: "GBT 31005-2014 托盘编码及条码表示",
url: "/2021-12-18/1472207864411062274-GBT 31005-2014 托盘编码及条码表示.PDF",
flag: 1,
},
{
name: "GBT 23833-2009 商品条码 资产编码与条码表示",
url: "/2021-12-18/1472207864411062275-GBT 23833-2009 商品条码 资产编码与条码表示.pdf",
flag: 1,
},
{
name: "GBT 16828-2007 商品条码 参与方位置编码与条码表示",
url: "/2021-12-18/1472207864411062276-GBT 16828-2007 商品条码 参与方位置编码与条码表示.pdf",
flag: 1,
},
{
name: "GBT 15425-2014 商品条码 128条码",
url: "/2021-12-18/1472207864411062276-GBT 16828-2007 商品条码 参与方位置编码与条码表示.pdf",
flag: 1,
},
{
name: "GBT 16986-2009 商品条码 应用标识符",
url: "/2021-12-18/1472207864411062278-GBT 16986-2009 商品条码 应用标识符.pdf",
flag: 1,
},
],
},
};
},
mounted() {
// 面包屑单独处理
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "应用领域", path: "/News/index" },
{ name: "物流", path: "/News/Logistics" },
{ name: "标准" },
]);
},
created() {},
methods: {
// 详情
getInfo(item) {
if (item.flag === 1) {
window.open(FILE_PREFIX + item.url, "_blank");
}
},
},
};
</script>
<style lang="scss" scoped>
.composite {
@include module-box;
ul {
padding: 0;
margin: 0;
}
}
</style>
\ No newline at end of file
src/views/Sell/copms/list.vue 0 → 100644
<template>
<div class="list">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="handelClick(tmp)">
<div class="col-lg-6 list-left">
<span></span>
<span>{{tmp.name}}</span>
</div>
<!-- <div class="col-lg-2 list-right">{{tmp.time}}</div> -->
</div>
</div>
</template>
<script>
export default {
props: ['list'],
methods: {
// 跳转至详情页
handelClick(item) {
this.$emit('getInfo', item);
},
},
}
</script>
<style lang="scss" scoped>
.list {
margin: 0;
padding: 0;
.row {
display: flex;
justify-content: space-between;
border-bottom: 1px dashed #c5d8ee;
padding: 20px 0;
margin: 0;
font-size: 14px;
color: #454545;
cursor: pointer;
.list-left {
flex: 1;
display: flex;
align-items: center;
@include ellipsis;
span {
display: inline-block;
&:nth-child(1) {
width: 4px;
height: 4px;
background: #f26335;
border-radius: 50%;
margin-right: 10px;
}
&:nth-child(2) {
flex: 1;
@include ellipsis;
}
}
}
.list-right{
text-align: right;
}
}
}
</style>
\ No newline at end of file
src/views/Sell/generateSuccess.vue 0 → 100644
<template>
<!-- 条码生成成功区域start -->
<div class="success_area">
<div class="suc_area_title">生成条码结果</div>
<div class="show_area">
<div class="font_title"><span>|</span>条码图片</div>
<div class="code_pic">
<img :src="codePicture" alt="" />
</div>
<div class="down_button" @click="downPicture">下载图片</div>
</div>
</div>
<!-- 条码生成成功区域end -->
</template>
<script>
import cate from "../comps/cate.vue";
import codeFooter from "./codeFooter.vue";
export default {
components: {
cate,
codeFooter,
},
props: {
codePicture: {
type: String,
default: "",
},
},
data() {
return {};
},
created() {},
mounted() {},
methods: {
downPicture() {
this.getUrlBase64(this.codePicture).then((base64) => {
let link = document.createElement("a");
link.href = base64;
link.download = "qrCode.png";
link.click();
});
},
getUrlBase64(url) {
return new Promise((resolve) => {
let canvas = document.createElement("canvas");
let ctx = canvas.getContext("2d");
let img = new Image();
img.crossOrigin = "Anonymous"; //允许跨域
img.src = url;
img.onload = function () {
canvas.height = 102;
canvas.width = 300;
ctx.drawImage(img, 0, 0, 300, 102);
let dataURL = canvas.toDataURL("image/png");
canvas = null;
resolve(dataURL);
};
});
},
},
};
</script>
<style lang="scss" scoped>
.success_area {
padding: 40px 30px;
height: 440px;
.suc_area_title {
height: 40px;
background: #fef1ec;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #f26335;
padding-left: 20px;
line-height: 40px;
}
.show_area {
height: 320px;
background: url("../../assets/image/barcode/success_bg.png") no-repeat;
background-size: 100% 100%;
.font_title {
font-size: 16px;
height: 49px;
font-family: MicrosoftYaHei;
color: #f26335;
padding-top: 21px;
span {
display: inline-block;
width: 4px;
font-size: 20px;
color: #04408d;
margin-right: 10px;
font-weight: bolder;
padding-left: 20px;
}
}
.code_pic {
width: 250px;
height: 131px;
margin: 0 auto;
margin-top: 40px;
img {
width: 250px;
height: 131px;
}
}
.down_button {
width: 120px;
height: 40px;
margin: 0 auto;
margin-top: 30px;
border-radius: 4px;
border: 1px solid #f26335;
font-size: 13px;
color: #f26335;
font-family: MicrosoftYaHei;
text-align: center;
line-height: 38px;
cursor: pointer;
}
}
}
</style>
src/views/Sell/index.vue 0 → 100644
<template>
<div class="business container">
<breadcrumb />
<div class="row">
<div class="col-lg-4">
<left2 :list="routes" ref="left" />
</div>
<div class="col-lg-8">
<router-view class="marginTopLg20"></router-view>
</div>
</div>
</div>
</template>
<script>
import left2 from "../comps/left2.vue";
import breadcrumb from "../comps/breadcrumb.vue";
export default {
components: {
left2,
breadcrumb,
},
data() {
return {
routeList: [
{
name: "零售",
path: "",
active: "",
children: [
{
name: "商品二维码推广工作组",
path: "/Sell/codePromotion",
active: "codePromotion",
},
{
name: "商品条码在零售领域应用指南",
path: "/Sell/sellApplicationGuide",
active: "sellApplicationGuide",
},
{
name: "最新动态",
path: "/Sell/latestNews",
active: "latestNews",
},
{
name: "商品二维码在零售领域的应用",
path: "/Sell/qrApplication",
active: "qrApplication",
},
{
name: "图片集",
path: "/Sell/guideAndCase",
active: "guideAndCase",
},
],
},
],
};
},
computed: {
routes() {
let newRouteList = [];
let originPath;
if (this.$route.meta.fatherPath) {
originPath = this.$route.meta.fatherPath;
} else {
originPath = this.$route.path;
}
const currentRoute = this.deepFindCurrentRoute(
this.routeList,
originPath
);
// console.log(currentRoute, "currentRoute");
if (currentRoute.children && currentRoute.children.length > 0) {
newRouteList = currentRoute.children;
} else if (currentRoute.noneChild) {
const oldRouteList = JSON.parse(localStorage.getItem("newRouteList"));
newRouteList = oldRouteList;
} else {
newRouteList = this.routeList;
}
localStorage.setItem("newRouteList", JSON.stringify(newRouteList));
// newRouteList = this.deepFindRouteList(this.routeList, currentPath);
console.log(newRouteList, "newRouteListnewRouteList2");
return newRouteList;
},
},
created() {},
methods: {
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) {
if (
arr[i].link !== activePath &&
arr[i].children &&
arr[i].children.length > 0
) {
deep(arr[i].children, activePath);
} else if (arr[i].path === activePath) {
current = arr;
break;
}
if (current.length > 0) {
break;
}
}
};
deep(menuList, activePath);
return current;
},
},
};
</script>
<style lang="scss" scoped>
.business {
padding-bottom: 20px;
}
</style>
src/views/Sell/latestNews.vue 0 → 100644
<template>
<div class="composite">
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" @getInfo="getInfo" />
</div>
</div>
</template>
<script>
import { mapMutations } from "vuex";
import cate from "../comps/cate.vue";
import list from "./copms/list.vue";
import { FILE_PREFIX } from "@/config/constant";
export default {
components: {
cate,
list,
},
data() {
return {
bzkydtCate: {
name: "指南&案例",
ico: "",
},
tableResult: {
list: [
{
name: "中国零售业箱码实施应用指南",
url: "/2021-12-18/1472207864411062279-中国零售业箱码实施应用指南.pdf",
flag: 1,
},
{
name: "ECR中国快速消费品储运包装指南",
url: "/2021-12-18/1472207864411062282-ECR中国快速消费品储运包装指南.pdf",
flag: 1,
},
{
name: "带托运输应用指南",
url: "/2021-12-18/1472212648354512897-带托运输应用指南.pdf",
flag: 1,
},
],
},
};
},
mounted() {
// 面包屑单独处理
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "应用领域", path: "/News/index" },
{ name: "物流", path: "/News/Logistics" },
{ name: "指南&案例" },
]);
},
created() {},
methods: {
// 详情
getInfo(item) {
if (item.flag === 1) {
window.open(FILE_PREFIX + item.url, "_blank");
}
},
},
};
</script>
<style lang="scss" scoped>
.composite {
@include module-box;
ul {
padding: 0;
margin: 0;
}
}
</style>
\ No newline at end of file
src/views/Sell/qrApplication.vue 0 → 100644
<template>
<div class="composite">
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" @getInfo="getInfo" />
</div>
</div>
</template>
<script>
import { mapMutations } from "vuex";
import cate from "../comps/cate.vue";
import list from "./copms/list.vue";
import {
FILE_PREFIX,
FILE_PREFIX1,
FILE_PREFIX2,
FILE_PREFIX3,
} from "@/config/constant";
export default {
components: {
cate,
list,
},
data() {
return {
bzkydtCate: {
name: "标准",
ico: "",
},
tableResult: {
list: [
{
name: "国务院办公厅关于印发“十四五”冷链物流发展规划的通知",
url: "/zhengce/content/2021-12/12/content_5660244.htm",
flag: 2,
},
{
name: "商务部等9部门关于印发《商贸物流高质量发展专项行动计划（2021-2025年）》的通知",
url: "/article/ag/agzc/202108/20210803185463.shtml",
flag: 3,
},
{
name: "商务部办公厅关于复制推广物流标准化建设好经验好做法和典型模式的函",
url: "/article/smzx/202107/20210703175959.shtml",
flag: 3,
},
{
name: "交通运输部等8部门关于做好标准化物流周转箱推广应用有关工作的通知",
url: "/2020/jigou/ysfws/202104/t20210425_3581141.html",
flag: 4,
},
{
name: "关于开展2018年流通领域现代供应链体系建设的通知",
url: "/article/smzx/201805/20180502749043.shtml",
flag: 3,
},
{
name: "商务部等10部门关于推广标准托盘发展单元化物流的意见",
url: "/article/ae/201801/20180102700400.shtml",
flag: 3,
},
{
name: "商务部办公厅 财政部办公厅关于开展供应链体系建设工作的通知",
url: "/article/ag/agzc/201708/20170802627302.shtml",
flag: 3,
},
],
},
};
},
mounted() {
// 面包屑单独处理
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "应用领域", path: "/News/index" },
{ name: "物流", path: "/News/Logistics" },
{ name: "政策法规&行业资讯" },
]);
},
created() {},
methods: {
// 详情
getInfo(item) {
if (item.flag === 1) {
window.open(FILE_PREFIX + item.url, "_blank");
} else if (item.flag === 2) {
window.open(FILE_PREFIX1 + item.url, "_blank");
} else if (item.flag === 3) {
window.open(FILE_PREFIX2 + item.url, "_blank");
} else if (item.flag === 4) {
window.open(FILE_PREFIX3 + item.url, "_blank");
}
},
},
};
</script>
<style lang="scss" scoped>
.composite {
@include module-box;
ul {
padding: 0;
margin: 0;
}
}
</style>
\ No newline at end of file
src/views/Sell/sellApplicationGuide.vue 0 → 100644
<template>
<div class="composite">
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" @getInfo="getInfo" />
</div>
</div>
</template>
<script>
import { mapMutations } from "vuex";
import cate from "../comps/cate.vue";
import list from "./copms/list.vue";
import {
FILE_PREFIX,
FILE_PREFIX1,
FILE_PREFIX2,
FILE_PREFIX3,
} from "@/config/constant";
export default {
components: {
cate,
list,
},
data() {
return {
bzkydtCate: {
name: "标准",
ico: "",
},
tableResult: {
list: [
{
name: "国务院办公厅关于印发“十四五”冷链物流发展规划的通知",
url: "/zhengce/content/2021-12/12/content_5660244.htm",
flag: 2,
},
{
name: "商务部等9部门关于印发《商贸物流高质量发展专项行动计划（2021-2025年）》的通知",
url: "/article/ag/agzc/202108/20210803185463.shtml",
flag: 3,
},
{
name: "商务部办公厅关于复制推广物流标准化建设好经验好做法和典型模式的函",
url: "/article/smzx/202107/20210703175959.shtml",
flag: 3,
},
{
name: "交通运输部等8部门关于做好标准化物流周转箱推广应用有关工作的通知",
url: "/2020/jigou/ysfws/202104/t20210425_3581141.html",
flag: 4,
},
{
name: "关于开展2018年流通领域现代供应链体系建设的通知",
url: "/article/smzx/201805/20180502749043.shtml",
flag: 3,
},
{
name: "商务部等10部门关于推广标准托盘发展单元化物流的意见",
url: "/article/ae/201801/20180102700400.shtml",
flag: 3,
},
{
name: "商务部办公厅 财政部办公厅关于开展供应链体系建设工作的通知",
url: "/article/ag/agzc/201708/20170802627302.shtml",
flag: 3,
},
],
},
};
},
mounted() {
// 面包屑单独处理
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "应用领域", path: "/News/index" },
{ name: "物流", path: "/News/Logistics" },
{ name: "政策法规&行业资讯" },
]);
},
created() {},
methods: {
// 详情
getInfo(item) {
if (item.flag === 1) {
window.open(FILE_PREFIX + item.url, "_blank");
} else if (item.flag === 2) {
window.open(FILE_PREFIX1 + item.url, "_blank");
} else if (item.flag === 3) {
window.open(FILE_PREFIX2 + item.url, "_blank");
} else if (item.flag === 4) {
window.open(FILE_PREFIX3 + item.url, "_blank");
}
},
},
};
</script>
<style lang="scss" scoped>
.composite {
@include module-box;
ul {
padding: 0;
margin: 0;
}
}
</style>
\ No newline at end of file
src/views/Service/QC.vue
......@@ -5,28 +5,28 @@
<div class="notice">
<ul style="font-size: 14px">
<li class="barcodev-title">国家条码质量监督检验中心</li>
<li class="barcodev-title">国家条码质量检验检测中心</li>
<p>
国家条码质量监督检验中心（以下简称“国家条码质检中心”），成立于1997年，是全国唯一的国家级专业条码相关产品的检验机构，拥有国家认证认可监督管理委员会的CMA和CAL资质以及中国合格评定国家认可委员会的CNAS资质，同时，国家条码质检中心也是我国唯一的条码标准器建标机构，是我国条码检测领域的权威质检机构。
国家条码质量检验检测中心（以下简称“国家条码质检中心”），成立于1997年，是全国唯一的国家级专业条码相关产品的检验机构，拥有国家认证认可监督管理委员会的CMA和CAL资质以及中国合格评定国家认可委员会的CNAS资质，同时，国家条码质检中心也是我国唯一的条码标准器建标机构，是我国条码检测领域的权威质检机构。
</p>
<p>
国家条码质量监督检验中心向面向生产、销售、印刷企业、科研机构、质量检验机构等社会各界提供条码符号、条码胶片、条码识读设备/条码扫描器、、条码打印机/条码生成设备、条码设计软件/条码生成软件，以及其他条码相关产品的检验服务，为条码识读器、打印机、检测仪的研发提供支持，同时为社会各界提供条码检测仪的检定/校准服务，客户遍布世界多个国家和地区。
国家条码质量检验检测中心向面向生产、销售、印刷企业、科研机构、质量检验机构等社会各界提供条码符号、条码胶片、条码识读设备/条码扫描器、、条码打印机/条码生成设备、条码设计软件/条码生成软件，以及其他条码相关产品的检验服务，为条码识读器、打印机、检测仪的研发提供支持，同时为社会各界提供条码检测仪的检定/校准服务，客户遍布世界多个国家和地区。
</p>
<p>
国家条码质检中心坚持“公正诚实、科学准确、规范服务”的行为准则，以精湛的技术，先进的装备、严谨的作风，完善的管理，为社会各界提供科学、公正、准确与高效的检测、校准和检定服务，充分发挥行业的引领作用。
</p>
<li class="barcodev-title">国家射频识别产品质量监督检验中心</li>
<li class="barcodev-title">国家射频识别产品质量检验检测中心</li>
<p>
国家射频识别产品质量监督检验中心是国家级的专业射频识别相关产品检验机构，是我国射频识别领域的权威检测机构，是目前亚太地区唯一获得过ARTC（Approved RFID Test
国家射频识别产品质量检验检测中心是国家级的专业射频识别相关产品检验机构，是我国射频识别领域的权威检测机构，是目前亚太地区唯一获得过ARTC（Approved RFID Test
Center）国际射频识别硬件产品认证测试资质的认证测试机构。拥有国家认证认可监督管理委员会的CMA和CAL资质，同时拥有中国合格评定国家实验室认可委的CNAS资质，在我国射频识别技术检测领域具有国内领先、国际一流地位。测试的硬件产品包括射频识别芯片、标签、读写器模块、读写器、打印机等硬件产品，覆盖低频（动物标签）、高频、超高频、微波等频段；测试的软件产品包括读写器软件、RFID中间件以及信息服务等射频识别专用软件产品；测试各种应用软件产品，覆盖软件功能、性能、可靠性、易用性、维修性、可移植性等多方面；测试RFID应用系统以及闸门入口、传送带以及卖场货架、书架等多种动态性能。
</p>
<p>
国家射频识别产品质量监督检验中心为芯片研发、标签制造、设备制造、软件开发以及系统集成等各类型厂商以及国家政府机关、事业单位、大型国企等社会各界提供委托检验、硬件认证测试、研发测试、软件登记测试、软件确认测试、软件验收测试、科技项目技术鉴定测试等服务。同时还接受国家质量监督部门的委托，开展射频识别相关产品质量的国家监督抽查工作。
国家射频识别产品质量检验检测中心为芯片研发、标签制造、设备制造、软件开发以及系统集成等各类型厂商以及国家政府机关、事业单位、大型国企等社会各界提供委托检验、硬件认证测试、研发测试、软件登记测试、软件确认测试、软件验收测试、科技项目技术鉴定测试等服务。同时还接受国家质量监督部门的委托，开展射频识别相关产品质量的国家监督抽查工作。
</p>
</ul>
</div>
......@@ -171,7 +171,7 @@
<td>备注</td>
<td colspan="7">检验机构上门服务产生的交通费和住宿费由委托方承担。<br>
寄送样品、设备、证书、报告和发票产生的邮资由委托方承担。<br>
详情请见国家条码质量监督检验中心接待室收费公示，或电话咨询：010-84295499<br>
详情请见国家条码质量检验检测中心接待室收费公示，或电话咨询：010-84295499<br>
</td>
</tr>
</tbody>
......
src/views/Service/RFID.vue
......@@ -25,9 +25,8 @@
<ul style="font-size: 14px; padding-top:15px">
<li>联系人及联系方式</li>
<li>罗工 &nbsp; 010-84295355 &nbsp; luoy@ancc.org.cn &nbsp;&nbsp;&nbsp;</li>
<li>董工 &nbsp; 010-84295493 &nbsp; dongt@ancc.org.cn &nbsp; QQ: 2308350380</li>
<li>王工 &nbsp; 010-84295493 &nbsp; wanghy@ancc.org.cn &nbsp; QQ: 2308350380</li>
<li>胡工 &nbsp; 010-84295499 &nbsp; hum@ancc.org.cn &nbsp;&nbsp;&nbsp; QQ: 1246978728</li>
<li>传真 &nbsp; 010-84295490</li>
</ul>
</div>
......
src/views/Service/barcode.vue
......@@ -20,9 +20,8 @@
<div class="notice">
<ul style="font-size: 14px;padding-top:15px">
<li>联系人及联系方式</li>
<li>董工 &nbsp; 010-84295493 &nbsp; dongt@ancc.org.cn &nbsp; QQ: 2308350380</li>
<li>王工 &nbsp; 010-84295493 &nbsp; wanghy@ancc.org.cn &nbsp; QQ: 2308350380</li>
<li>胡工 &nbsp; 010-84295499 &nbsp; hum@ancc.org.cn &nbsp;&nbsp;&nbsp; QQ: 1246978728</li>
<li>传真 &nbsp; 010-84295490</li>
</ul>
</div>
......
src/views/Service/facility.vue
......@@ -14,9 +14,8 @@
<div class="notice">
<ul style="font-size: 14px;padding-top:15px">
<li>联系人及联系方式</li>
<li>董工 &nbsp; 010-84295493 &nbsp; dongt@ancc.org.cn &nbsp; QQ: 2308350380</li>
<li>王工 &nbsp; 010-84295493 &nbsp; wanghy@ancc.org.cn &nbsp; QQ: 2308350380</li>
<li>胡工 &nbsp; 010-84295499 &nbsp; hum@ancc.org.cn &nbsp;&nbsp;&nbsp; QQ: 1246978728</li>
<li>传真 &nbsp; 010-84295490</li>
</ul>
</div>
</div>
......
src/views/Service/instrument.vue
......@@ -11,9 +11,8 @@
<div class="notice">
<ul style="font-size: 14px;padding-top:15px">
<li>联系人及联系方式</li>
<li>董工 &nbsp; 010-84295493 &nbsp; dongt@ancc.org.cn &nbsp; QQ: 2308350380</li>
<li>王工 &nbsp; 010-84295493 &nbsp; wanghy@ancc.org.cn &nbsp; QQ: 2308350380</li>
<li>胡工 &nbsp; 010-84295499 &nbsp; hum@ancc.org.cn &nbsp;&nbsp;&nbsp; QQ: 1246978728</li>
<li>传真 &nbsp; 010-84295490</li>
</ul>
</div>
</div>
......
src/views/comps/left2.vue
......@@ -25,8 +25,8 @@
v-for="(tmpB, ii) in tmpA.children"
:key="ii"
@click="jump(tmpB)"
>{{ tmpB.name }}</el-menu-item
>
class="overflow-class"
>{{ tmpB.name }}</el-menu-item>
</el-menu-item-group>
</el-submenu>
</template>
......@@ -170,4 +170,12 @@ export default {
}
}
}
.overflow-class {
display: block !important;
line-height: 50px !important;
padding-right: 5px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
</style>
\ No newline at end of file
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