Skip to content

G
gs1
Commit 9bb13e20 by tang
Options

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

parents 6146d534 53c6bfed
Showing with 3025 additions and 102 deletions
.env.production
VUE_APP_CURRENTMODE = "production"
VUE_APP_HOST_URL = "http://81.68.189.225:9091"
VUE_APP_API_URL = "http://81.68.189.225:9091"
VUE_APP_HOST_URL = "http://192.168.0.77:9091"
VUE_APP_API_URL = "http://192.168.0.77:9091"
VUE_APP_GDS_URL = "http://data-studio.gds.org.cn"
VUE_APP_LOG = false
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/axios/api.js
......@@ -24,6 +24,7 @@ import knowledge from "./module/knowledge.js"
import news from "./module/news.js"
import user from "./module/user.js"
import myManage from "./module/myManage";
import barcode from "./module/barcode";
const api = {
home,
......@@ -36,6 +37,7 @@ const api = {
myManage,
getCaptcha,
user,
barcode,
}
export default api
src/axios/module/barcode.js 0 → 100644
import {
GET,
POST
} from "../fetch.js"
const Prefix = process.env.NODE_ENV === 'development' ? '/gs1' : '';
const Prefix2 = process.env.NODE_ENV === 'development' ? '/chinatm' : '';
// 查询SSCC AI标识符列表
const querySSCCAIList = (params = {}) => {
return POST(`${Prefix}/office/barcodegeneration/api/getGS1CodeListSSCC`, params)
}
// 查询GRAI AI标识符列表
const queryGRAIAIList = (params = {}) => {
return POST(`${Prefix}/office/barcodegeneration/api/getGS1CodeListGRAI`, params)
}
// 生成条形码
const generateBarcode = (params = {}) => {
return POST(`${Prefix}/office/barcodegeneration/api/createQRcode`, params)
}
// 查询校验码
const queryCheckCode = (params = {}) => {
return POST(`${Prefix}/office/barcodegeneration/api/checkGS1Code`, params)
}
export default {
querySSCCAIList,
queryGRAIAIList,
generateBarcode,
queryCheckCode,
}
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/config/constant.js
......@@ -3,3 +3,7 @@ export const QUERY_PAGE_SIZE = 10
export const QUERY_PAGE_SIZE_10 = 10
export const QUERY_PAGE_SIZE_20 = 20
export const QUERY_PAGE_SIZE_All = 999999
export const FILE_PREFIX = "http://81.68.189.225:9091/office/uploadFileResource"
export const FILE_PREFIX1 = "http://www.gov.cn"
export const FILE_PREFIX2 = "http://ltfzs.mofcom.gov.cn"
export const FILE_PREFIX3 = "https://xxgk.mot.gov.cn"
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/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/BarCode/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/BarCode/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/BarCode/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/BarCode/guideAndCase.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/BarCode/index.vue 0 → 100644
<template>
<div class="business container">
<breadcrumb />
<div class="row">
<div class="col-lg-3">
<left2 :list="routes" ref="left" />
</div>
<div class="col-lg-9">
<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: "SSCC条码生成",
path: "/BarCode/SSCC",
active: "SSCC",
},
{
name: "GRAI条码生成",
path: "/BarCode/GRAI",
active: "GRAI",
},
{
name: "快消品GS1探索之旅",
path: "https://discover.gs1.org/cpg/?locale=zh-CN--China_Chinese",
active: "",
type: "link",
},
{
name: "标准",
path: "/BarCode/standardList",
active: "standardList",
},
{
name: "指南&案例",
path: "/BarCode/guideAndCase",
active: "guideAndCase",
},
{
name: "政策法规&行业资讯",
path: "/BarCode/lawsAndNews",
active: "lawsAndNews",
},
],
},
],
};
},
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/BarCode/lawsAndNews.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/BarCode/standardList.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/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/Logistics.vue
......@@ -13,10 +13,18 @@
</div>
<div class="row wltp">
<div class="col-lg-6">
<img src="../../assets/image/news/wl2.png" alt="" />
<img
src="../../assets/image/news/wl2.png"
@click="lookDetail('SSCC')"
alt=""
/>
</div>
<div class="col-lg-6">
<img src="../../assets/image/news/wl3.png" alt="" />
<img
src="../../assets/image/news/wl3.png"
@click="lookDetail('GRAI')"
alt=""
/>
</div>
</div>
<div class="div3">
......@@ -29,6 +37,7 @@
<button
type="button"
class="el-button el-button--primary el-button--small"
@click="getPage"
>
快消品GS1探索之旅
</button>
......@@ -44,7 +53,11 @@
<span>{{ item.title }}</span>
</p>
<ul>
<li v-for="(value, index) in item.list" :key="index">
<li
v-for="(value, index) in item.list"
:key="index"
@click="queryDetail(value)"
>
{{ value.name }}
</li>
</ul>
......@@ -57,6 +70,12 @@
<script>
import breadcrumb from "../comps/breadcrumb.vue";
import cate from "../comps/cate.vue";
import {
FILE_PREFIX,
FILE_PREFIX1,
FILE_PREFIX2,
FILE_PREFIX3,
} from "@/config/constant";
export default {
components: {
breadcrumb,
......@@ -69,13 +88,39 @@ export default {
title: "标准",
list: [
{
name: "标准标准标准标准标准标准标准标准标准标准标准标准标准标准标准标准",
name: "GBT 16830-2008 商品条码 储运包装商品编码与条码表示",
url: "/2021-12-18/1472207864411062272-GBT 16830-2008 商品条码 储运包装商品编码与条码表示.pdf",
flag: 1,
},
{
name: "标准标准标准标准标准标准标准标准",
name: "GBT 18127-2009 商品条码 物流单元编码与条码表示",
url: "/2021-12-18/1472207864411062273-GBT 18127-2009 商品条码 物流单元编码与条码表示.pdf",
flag: 1,
},
{
name: "标准标准标准标准标准标准标准标准",
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,
},
],
},
......@@ -84,13 +129,19 @@ export default {
title: "指南&案例",
list: [
{
name: "指南指南指南指南指南指南指南指南",
name: "中国零售业箱码实施应用指南",
url: "/2021-12-18/1472207864411062279-中国零售业箱码实施应用指南.pdf",
flag: 1,
},
{
name: "指南指南指南指南指南指南指南指南",
name: "ECR中国快速消费品储运包装指南",
url: "/2021-12-18/1472207864411062282-ECR中国快速消费品储运包装指南.pdf",
flag: 1,
},
{
name: "指南指南指南指南指南指南指南指南",
name: "带托运输应用指南",
url: "/2021-12-18/1472212648354512897-带托运输应用指南.pdf",
flag: 1,
},
],
},
......@@ -99,31 +150,57 @@ export default {
title: "政策法规&行业资讯",
list: [
{
name: "政策法规政策法规政策法规政策法规",
name: "国务院办公厅关于印发“十四五”冷链物流发展规划的通知",
url: "/zhengce/content/2021-12/12/content_5660244.htm",
flag: 2,
},
{
name: "政策法规政策法规政策法规政策法规",
name: "商务部等9部门关于印发《商贸物流高质量发展专项行动计划（2021-2025年）》的通知",
url: "/article/ag/agzc/202108/20210803185463.shtml",
flag: 3,
},
{
name: "政策法规政策法规政策法规政策法规",
name: "商务部办公厅关于复制推广物流标准化建设好经验好做法和典型模式的函",
url: "/article/smzx/202107/20210703175959.shtml",
flag: 3,
},
{
name: "交通运输部等8部门关于做好标准化物流周转箱推广应用有关工作的通知",
url: "/2020/jigou/ysfws/202104/t20210425_3581141.html",
flag: 4,
},
],
},
{
icon: require("../../assets/image/news/icon_changjianwenti.png"),
title: "常见问题",
list: [
{
name: "常见问题常见问题常见问题常见问题",
name: "关于开展2018年流通领域现代供应链体系建设的通知",
url: "/article/smzx/201805/20180502749043.shtml",
flag: 3,
},
{
name: "常见问题常见问题常见问题常见问题",
name: "商务部等10部门关于推广标准托盘发展单元化物流的意见",
url: "/article/ae/201801/20180102700400.shtml",
flag: 3,
},
{
name: "常见问题常见问题常见问题常见问题",
name: "商务部办公厅 财政部办公厅关于开展供应链体系建设工作的通知",
url: "/article/ag/agzc/201708/20170802627302.shtml",
flag: 3,
},
],
},
{
icon: require("../../assets/image/news/icon_changjianwenti.png"),
title: "常见问题",
list: [
// {
// name: "常见问题常见问题常见问题常见问题",
// },
// {
// name: "常见问题常见问题常见问题常见问题",
// },
// {
// name: "常见问题常见问题常见问题常见问题",
// },
],
},
],
};
},
......@@ -134,7 +211,36 @@ export default {
{ name: "物流" },
]);
},
methods: {},
methods: {
getPage() {
window.open(
"https://discover.gs1.org/cpg/?locale=zh-CN--China_Chinese",
"_blank"
);
},
lookDetail(type) {
if (type === "SSCC") {
this.$router.push({
path: "/BarCode/SSCC",
});
} else if (type === "GRAI") {
this.$router.push({
path: "/BarCode/GRAI",
});
}
},
queryDetail(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>
......@@ -226,6 +332,7 @@ export default {
.list-style {
background: #fff;
border-top: 5px solid #22bcb9;
height: 355px;
.div4-title {
height: 50px;
color: #22bcb9;
......@@ -251,6 +358,7 @@ export default {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
li::before {
content: "●";
......
src/views/News/RetailBusiness.vue 0 → 100644
<template>
<div class="container">
<breadcrumb />
<div class="composite">
<img src="../../assets/image/news/ls1.png" alt="" />
<p>
零售作为商品条码应用最为广泛的领域之一，一直备受政府、企业和消费者关注。商品条码作为商品流通“身份证”，已在数亿种商品、数百万家商超、95%以上的消费品上面广泛使用，拥有条码“身份证”的“中国制造”产品已经遍及世界的各个角落。
</p>
<p class="title">商品条码在传统零售领域的应用</p>
<p>
商品条码在传统零售领域的普及，使收款员仅需扫描条码就实现了商品的结算，大大提升了结算效率，减少了顾客的等待时间，避免了人为的差错造成的经济损失和管理上的混乱。此外，通过使用商品条码，企业可以及时掌握各门店库存产品状态，从而制定相应的补货、配送、调货计划。同时，生产企业也可以通过相关信息制定相应的生产计划，实现供应商管理库存。
</p>
<p>
目前，全球超过250万家企业采用GS1国际标准，全球商超每天扫码的次数达60亿次，手机扫码达百亿次！
</p>
<p class="title">商品条码在线上零售领域的应用</p>
<p>
零售作为商品条码应用最为广泛的领域之一，一直备受政府、企业和消费者关注。商品条码作为商品流通“身份证”，已在数亿种商品、数百万家商超、95%以上的消费品上面广泛使用，拥有条码“身份证”的“中国制造”产品已经遍及世界的各个角落。近年来，随着网络信息技术和移动互联网科技的发展，中国物品编码中心不断与中国头部电商平台开展战略合作，为上百万家企业提供更加全面的商品数据服务，形成了商品条码、源数据、扫条码放心购、嵌入式发码服务等方面在网络及零售领域中的应用标杆，实现了商品条码及数据在线上线下全渠道零售领域的广泛应用。
</p>
<p class="title">商品二维码在零售领域的应用</p>
<p>
《商品二维码》 GB/T
33993-2017是我国首个用于标识商品及商品特征属性、商品相关网址等信息的二维码国家标准。商品二维码作为一维条码的发展和延续，可以兼容现有商品条码的全部信息，实现了对一品一码，一批一码，一物一码的唯一标识。
</p>
<p>
基于《商品二维码》国家标准建立的国家二维码综合服务平台（www.2dcode.org）已经上线提供服务，广大企业可通过综合服务平台在线办理商品二维码，并享受配置、生成、下载、查询、使用等相关服务。
</p>
<p>
目前，随着网络信息技术的发展，零售产业面临数字化升级再造的需求，整个消费市场正逐步形成更加高效的、线上线下无缝对接的新零售业态。二维码作为全渠道零售中不可或缺的数据载体，已成为众多数字化解决方案的关键核心。商品二维码应用领域涉及商品库存管理、防伪追溯、商品质量安全、扩展包装、消费者营销互动等多个方面。
</p>
</div>
</div>
</template>
<script>
import breadcrumb from "../comps/breadcrumb.vue";
import cate from "../comps/cate.vue";
export default {
components: {
breadcrumb,
},
data() {
return {
linkFontList: [
"商品条码在传统零售领域的应用",
"商品条码在线上零售领域的应用",
"商品二维码在零售领域的应用",
],
};
},
mounted() {
// 面包屑单独处理
this.$store.commit("system/SET_BREADCRUMB", [
{ name: "应用领域", path: "/News/index" },
{ name: "零售" },
]);
},
methods: {},
};
</script>
<style lang="scss" scoped>
.container {
@media screen and (min-width: 992px) {
}
@media screen and (max-width: 992px) {
.div2-text-box {
display: none;
}
}
}
</style>
<style lang="scss" scoped>
.composite {
margin-bottom: 30px;
padding-top: 0;
padding-bottom: 20px;
background: #f5f5f5;
> p {
margin: 0 56px;
font-size: 14px;
color: #414345;
line-height: 40px;
text-indent: 28px;
}
img {
width: 100%;
margin-bottom: 20px;
}
.title {
text-indent: 0;
color: #f05587;
padding-top: 20px;
}
}
// /deep/.carousel-caption {
// font-size: 10px !important;
// left: 4% !important;
// bottom: 15px !important;
// text-align: left;
// margin: 0;
// padding: 0;
// P {
// margin: 0;
// }
// }
</style>
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