Skip to content

G
gs1
Commit d0f00431 by Jianli Ou
Options

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

parents bc60662d b444e586
Showing with 1242 additions and 106 deletions
src/assets/css/english.scss
......@@ -7,7 +7,7 @@ body {
background-color: #ffffff;
}
body {
.toolkit {
font-family: "Gotham Office", "Arial", "Gotham SSm A", "Gotham SSm B", Verdana, sans-serif;
}
......@@ -368,6 +368,129 @@ small,
margin-bottom: 30px;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.toolkit .carousel-inner>.item {
height: 100%;
width: 100%;
padding: 40px;
}
.carousel-inner .item {
position: relative;
-webkit-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.pull-right {
float: right !important;
}
.toolkit .carousel-inner .item .carousel-glyph {
width: auto;
height: 100%;
}
.toolkit .carousel-inner .item h1 {
color: #fff;
}
.toolkit .carousel-inner .item p,
.toolkit .carousel-inner .item h1 {
display: block;
margin-top: 0;
}
.toolkit .carousel p {
color: #002c6c;
}
.toolkit p.large {
font-size: 18px;
line-height: 26px;
}
.toolkit .btn-margin {
margin-top: 15px;
margin-right: 15px;
}
.toolkit .bg-peach {
background-color: #fbb034 !important;
}
.toolkit .bg-purple {
background-color: #bf83b9 !important;
}
.toolkit .bg-lime {
background-color: #c1d82f !important;
}
.toolkit .bg-sky {
background-color: #00b6de !important;
}
.toolkit a.btn-primary,
.toolkit button.btn-primary,
.toolkit *.btn-primary {
background-color: #f26334;
}
.toolkit .bg-blue {
background-color: #002c6c !important;
}
.toolkit .btn-primary,
.toolkit .btn-secondary {
padding: 5px 30px 5px;
}
.toolkit .carousel-inner p {
color: #002c6c;
}
.toolkit {
.slick-arrow {
z-index: 9;
display: flex;
align-items: center;
&.slick-prev {
left: 0;
&::before {
background: url("~@/assets/image/home/prevArrow-hover.png") no-repeat;
background-size: 100% 100%;
content: "";
}
}
&.slick-next {
right: 0;
display: flex;
justify-content: flex-end;
&::before {
background: url("~@/assets/image/home/nextArrow-hover.png") no-repeat;
background-size: 100% 100%;
content: "";
}
}
img {
vertical-align: middle;
}
}
}
@media (min-width: 768px) {
......@@ -440,6 +563,19 @@ small,
.container {
width: 970px;
}
.banner {
height: 400px;
.slick-arrow {
&.slick-prev {
left: 38%;
}
&.slick-next {
right: 38%;
}
}
}
}
@media (min-width: 1200px) {
......
src/assets/css/englishComm.scss 0 → 100644
.englishToolkit {
.slick-dots {
bottom: 25px !important;
display: flex;
align-items: center;
justify-content: center;
height: 20px;
li {
width: 10px;
height: 10px;
&.slick-active {
.custom-dot {
background: #ffffff;
opacity: 1;
}
}
.custom-dot {
border-radius: 50%;
width: 100%;
height: 100%;
background: #fff;
line-height: 1;
padding: 0;
opacity: 0.5;
}
}
}
}
\ No newline at end of file
src/assets/css/main.scss
......@@ -7,4 +7,5 @@
@import "../../../node_modules/bootstrap/scss/functions";
@import "../../../node_modules/bootstrap/scss/variables";
@import "../../../node_modules/bootstrap/scss/mixins";
@import './englishComm.scss';
// @import "../../../node_modules/bootstrap/scss/bootstrap";
src/axios/module/news.js
......@@ -114,6 +114,27 @@ const relatedLinks = (params = {}) => {
const getSearchInfo = (params = {}) => {
return POST(`${Prefix}/office/news/api/getSearchInfo`, params);
}
// 综合报道
const zhbdList = (params = {}) => {
return POST(`${Prefix}/office/news/api/zhbdList`, params);
}
// 标准科研
const bzkydtList = (params = {}) => {
return POST(`${Prefix}/office/news/api/bzkydtList`, params);
}
// 深度资讯
const sdztList = (params = {}) => {
return POST(`${Prefix}/office/news/api/sdztList`, params);
}
// 精彩视频
const jcspList = (params = {}) => {
return POST(`${Prefix}/office/news/api/jcspList`, params);
}
//精彩视频详情
const jcspiInfo = (params = {}) => {
return GET(`${Prefix}/office/news/api/jcspiInfo/${params.id}`)
}
export default {
......@@ -141,5 +162,10 @@ export default {
dsxxjyTop8,
gzzdTop7,
centerTop6,
getSearchInfo
getSearchInfo,
zhbdList,
bzkydtList,
sdztList,
jcspList,
jcspiInfo
}
src/components/layout/englishHeader/index.vue
......@@ -137,6 +137,7 @@ export default {
},
handleNavClick(nav) {
// debugger
if (!nav.children || nav.children.length === 0) {
this.currentNav = nav.id;
this.preActive = "";
......
src/components/layout/englishHeader/mock.js
......@@ -191,6 +191,7 @@ export const nav = [
name: "Events",
index: 4,
link: "http://www.gs1.org/news-events",
linkFlag:1
},
{
id: "5",
......
src/components/layout/header/knowledge.js
import {uuid} from "@/utils/utils";
export default {
id: "6",
name: "技术与标准",
......
src/router/index.js
......@@ -713,6 +713,14 @@ const routes = [{
component: () => import("@/views/News/msg.vue"),
},
{
path: "/News/msgVideo",
name: "msgVideo",
meta: {
name: "精彩视频详情",
},
component: () => import("@/views/News/msgVideo.vue"),
},
{
path: "/News/NoticeArticle",
name: "NoticeArticle",
meta: {
......@@ -1397,6 +1405,11 @@ const routes = [{
path: "/IndustryPromotion/Healthcare",
name: "Healthcare",
component: () => import("@/views/English/TertiaryMenu/IndustryPromotion/Healthcare"),
},
{
path: "/IndustryPromotion/Others",
name: "Others",
component: () => import("@/views/English/TertiaryMenu/IndustryPromotion/Others"),
}
]
}
......
src/views/Djwh/index.vue
......@@ -100,7 +100,7 @@
<li><a :href="path+'/djwh/download/19thfile/党的十九大报告全文.docx'" target="_blank">党的十九大报告全文</a></li>
<li><a :href="path+'/djwh/download/19thfile/质检总局党组关于认真学习宣传贯彻党的十九大精神的通知.doc'" target="_blank">质检总局党组关于认真学习宣传贯彻党的十九大精神的通知</a></li>
<li><a :href="path+'/djwh/download/19thfile/质检总局党组关于印发质检系统学习宣传贯彻党的十九大精神工作方案的通知.doc'" target="_blank">质检总局党组关于印发质检系统学习宣传贯彻党的十九大精神工作方案的通知</a></li>
<li><a :href="path+'/djwh/download/19thfile/中共中央关于认真学习宣传贯彻党的十九大精神的决定.docx'" target="_blank">中共中央关于认真学习宣传贯彻党的十九大精神的决定</a></li>
<li><a :href="path+'/djwh/download/19thfile/中共中央关 于认真学习宣传贯彻党的十九大精神的决定.docx'" target="_blank">中共中央关于认真学习宣传贯彻党的十九大精神的决定</a></li>
<li><a :href="path+'/djwh/download/19thfile/中共中央宣传部关于印发《党的十九大精神宣讲提纲》的通知.pdf'" target="_blank">中共中央宣传部关于印发《党的十九大精神宣讲提纲》的通知</a></li>
<li><a :href="path+'/djwh/download/19thfile/中国物品编码中心关于印发学习宣传贯彻党的十九大精神工作方案的通知.PDF'" target="_blank">中国物品编码中心关于印发学习宣传贯彻党的十九大精神工作方案的通知</a></li>
......@@ -133,10 +133,10 @@
<div class="border-div list-style xglj">
<div class="middle-title">
<h4>相关链接</h4>
<a href=""> <img src="../../assets/image/djwh/19th_rmw.jpg" alt=""></a>
<a href=""> <img src="../../assets/image/djwh/dsxx.jpg" alt=""></a>
<a href=""> <img src="../../assets/image/djwh/lxyz_xxjyw.png" alt=""></a>
<a href=""> <img src="../../assets/image/djwh/lxyz_rmw.png" alt=""></a>
<a href="http://www.12371.cn/special/xg19thjs/"> <img src="../../assets/image/djwh/19th_rmw.jpg" alt=""></a>
<a href="http://www.samr.gov.cn/zt/fdqh/"> <img src="../../assets/image/djwh/dsxx.jpg" alt=""></a>
<a href="http://lxyz.12371.cn"> <img src="../../assets/image/djwh/lxyz_xxjyw.png" alt=""></a>
<a href="http://lxyz.people.cn/GB/index.html"> <img src="../../assets/image/djwh/lxyz_rmw.png" alt=""></a>
</div>
<div class="middle-list">
......@@ -456,7 +456,7 @@ html{
}
.hdtp{
.list-style{
height: 140px;
height: 136px;
a{
display: inline-block;
height: 100%!important;
......@@ -540,10 +540,15 @@ html{
.middle-title{
}
a{
display: inline-block;
width: 100%;
padding: 5px 15px 0 15px;
}
img{
height: 72px;
width: 100%;
padding: 5px 15px 0 15px;
}
}
......
src/views/English/Home/components/trodList.vue
......@@ -69,7 +69,11 @@
</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";
export default {
components: { VueSlickCarousel},
data () {
return {
......
src/views/English/SecondaryMenu/Barcode.vue
......@@ -6,7 +6,7 @@
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color:#f4f4f4">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li class="active">Commodity Barcode</li>
</ol>
</ul>
......@@ -98,6 +98,18 @@
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss" >
@import "@/assets/css/english";
</style>
src/views/English/SecondaryMenu/ContactUs.vue
......@@ -6,7 +6,7 @@
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color:#f4f4f4">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li class="active">Contact Us</li>
</ol>
</ul>
......@@ -61,6 +61,18 @@
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss" >
@import "@/assets/css/english";
</style>
src/views/English/SecondaryMenu/ECommerce.vue
......@@ -6,7 +6,7 @@
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color:#f4f4f4">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li class="active">ECommerce</li>
</ol>
</ul>
......@@ -86,6 +86,18 @@
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss" >
@import "@/assets/css/english";
</style>
src/views/English/SecondaryMenu/EPC.vue
......@@ -6,7 +6,7 @@
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color:#f4f4f4">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li class="active">EPC</li>
</ol>
</ul>
......@@ -74,6 +74,18 @@
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss" >
@import "@/assets/css/english";
</style>
src/views/English/SecondaryMenu/GDSN.vue
......@@ -6,7 +6,7 @@
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color:#f4f4f4">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li class="active">GDSN</li>
</ol>
</ul>
......@@ -81,6 +81,18 @@
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss" >
@import "@/assets/css/english";
</style>
src/views/English/SecondaryMenu/HanXinCode.vue
......@@ -6,7 +6,7 @@
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color:#f4f4f4">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li class="active">Han Xin Code</li>
</ol>
</ul>
......@@ -160,6 +160,18 @@
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss" >
@import "@/assets/css/english";
</style>
src/views/English/SecondaryMenu/InnovativeSectors.vue
......@@ -7,7 +7,7 @@
<div class="col-xs-12 col-md-12 section-spacing" style="margin-top: 0px; padding-bottom: 0px">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li class="active">Innovative Sectors</li>
</ol>
</ul>
......@@ -146,6 +146,18 @@
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss" >
@import "@/assets/css/english";
</style>
src/views/English/SecondaryMenu/Introduction.vue
......@@ -6,7 +6,7 @@
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color:#f4f4f4">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li class="active">Introduction</li>
</ol>
</ul>
......@@ -67,6 +67,18 @@
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss" >
@import "@/assets/css/english";
</style>
src/views/English/SecondaryMenu/Structure.vue
......@@ -6,7 +6,9 @@
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li>
<a @click="handleGo('/EnglishHome')">Home</a>
</li>
<li class="active">Structure</li>
</ol>
</ul>
......@@ -17,27 +19,46 @@
<div class="row">
<div class="col-sm-9">
<h1>Structure</h1>
<img src="@/assets/image/english/structure.jpg" alt="" class="img-responsive">
<img
src="@/assets/image/english/structure.jpg"
alt=""
class="img-responsive"
/>
</div>
<div class="col-sm-3" style="padding-top:85px">
<div class="col-sm-3" style="padding-top: 85px">
<div class="content-module-container">
<h4> </h4>
<div class="content-module-wrapper" style="border-top: 7px solid #7ac143">
</div>
<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>
<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>
<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>
<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>
......@@ -46,6 +67,18 @@
</div>
</div>
</template>
<style scoped lang="scss" >
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss">
@import "@/assets/css/english";
</style>
src/views/English/SecondaryMenu/eLearning.vue
......@@ -6,9 +6,7 @@
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color: #f4f4f4">
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a>
</li>
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li class="active">e-Learning</li>
</ol>
</ul>
......@@ -101,6 +99,18 @@
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss" >
@import "@/assets/css/english";
</style>
src/views/English/SecondaryMenu/industryPromotion.vue
......@@ -6,7 +6,7 @@
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color:#f4f4f4">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li class="active">Industry Promotion</li>
</ol>
</ul>
......@@ -52,7 +52,7 @@
<h4>
Healthcare</h4>
<p class="small">
<a href="/GS1ChinaEN/GS1ChinaENTest/healthcare.aspx">Read More &gt;</a>
<a @click="handleGo('/IndustryPromotion/Healthcare')">Read More &gt;</a>
</p>
</div>
</div>
......@@ -68,7 +68,7 @@
<h4>
Others</h4>
<p class="small">
<a href="/GS1ChinaEN/GS1ChinaENTest/others.aspx">Read More &gt;</a>
<a @click="handleGo('/IndustryPromotion/Others')">Read More &gt;</a>
</p>
</div>
</div>
......
src/views/English/TertiaryMenu/IndustryPromotion/FoodSafety.vue
......@@ -6,11 +6,9 @@
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color: #f4f4f4">
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/promotion.aspx"
<a @click="handleGo('/SecondaryMenu/industryPromotion')"
>Industry Promotion</a
>
</li>
......@@ -72,6 +70,18 @@
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss" >
@import "@/assets/css/english";
</style>
src/views/English/TertiaryMenu/IndustryPromotion/Healthcare.vue
......@@ -5,9 +5,13 @@
<div class="row">
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color:#f4f4f4">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li><a href="/GS1ChinaEN/GS1ChinaENTest/promotion.aspx">Industry Promotion</a></li>
<ol class="breadcrumb" style="background-color: #f4f4f4">
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li>
<a @click="handleGo('/SecondaryMenu/industryPromotion')"
>Industry Promotion</a
>
</li>
<li class="active">Healthcare</li>
</ol>
</ul>
......@@ -19,26 +23,53 @@
<div class="col-sm-9">
<h1>Healthcare</h1>
<p class="small" style="padding-top: 20px">
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>
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>
<p class="small" style="padding-top: 20px">
GS1 China offers technical support for regulators in healthcare sector to develop standards and
regulations, and help all stakeholders in the healthcare supply chain to gain more efficiency and safety
through adopting GS1 system. GS1 China has also published application guide, reference book and
newsletters, all of them can be found at website:<a href=" http://healthcare.ancc.org.cn/"
target="_blank"> http://healthcare.ancc.org.cn/ </a></p>
GS1 China offers technical support for regulators in healthcare
sector to develop standards and regulations, and help all
stakeholders in the healthcare supply chain to gain more
efficiency and safety through adopting GS1 system. GS1 China has
also published application guide, reference book and newsletters,
all of them can be found at website:<a
href=" http://healthcare.ancc.org.cn/"
target="_blank"
>
http://healthcare.ancc.org.cn/
</a>
</p>
</div>
<div class="col-sm-3" style="padding-top:85px">
<img class="img-responsive center-block" src="@/assets/image/english/HC-2.jpg" alt="Healthcare">
<div class="col-sm-3" style="padding-top: 85px">
<img
class="img-responsive center-block"
src="@/assets/image/english/HC-2.jpg"
alt="Healthcare"
/>
</div>
</div>
</section>
</div>
</div>
</template>
<style scoped lang="scss" >
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss">
@import "@/assets/css/english";
</style>
\ No newline at end of file
</style>
src/views/English/TertiaryMenu/IndustryPromotion/Others.vue 0 → 100644
<template>
<div class="container site-content flush-outside">
<div class="container">
<section>
<div class="row">
<div class="col-md-12">
<ul class="nav navbar-nav mm-float1">
<ol class="breadcrumb" style="background-color: #f4f4f4">
<li><a @click="handleGo('/EnglishHome')">Home</a></li>
<li>
<a @click="handleGo('/SecondaryMenu/industryPromotion')"
>Industry Promotion</a
>
</li>
<li class="active">Others</li>
</ol>
</ul>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-sm-9">
<h1>Others</h1>
<p class="small" style="padding-top: 20px">
In 2007, due to the domestic and international concern, GS1 China
chose to greatly advance the application of barcode technology in
areas such as food and healthcare, while strengthening the
promotion of barcode in sectors such as:
</p>
<h4 style="color: #f16333; border-bottom: none">
Logistics Distribution:
</h4>
<p class="small" style="padding-top: 10px">
The GS1 system was adopted in international freight and logistics
distribution enterprises in Shenzhen, Zhejiang, etc.
</p>
<h4 style="color: #f16333; border-bottom: none">Apparel:</h4>
<p class="small" style="padding-top: 10px">
The demonstrative application of barcode identification technology
in apparel industry was completed in Shanghai, Wuhan, etc.
</p>
<h4 style="color: #f16333; border-bottom: none">
Construction Materials and Furniture:
</h4>
<p class="small" style="padding-top: 10px">
Pilots were successfully set up to apply GS1 system to
construction materials and furniture in Shanghai, Guangdong, etc.
</p>
<h4 style="color: #f16333; border-bottom: none">
Military Industry:
</h4>
<p class="small" style="padding-top: 10px">
GS1 system was adopted in military materials catalog system and
visible system for logistics resources and tools in Beijing,
Shenyang etc.
</p>
<h4 style="color: #f16333; border-bottom: none">Stationery:</h4>
<p class="small" style="padding-top: 10px">
A pilot was established in Ningbo.
</p>
<h4 style="color: #f16333; border-bottom: none">
Special Equipment:
</h4>
<p class="small" style="padding-top: 10px">
The application of article identification on special equipment
such as liquefied gas containers was created by GS1 China in
Qingdao, Yantai, etc.
</p>
</div>
<div class="col-sm-3" style="padding-top: 85px">
<img
class="img-responsive center-block"
src="@/assets/image/english/TL-2.png"
alt="Food satety"
/>
</div>
</div>
</section>
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
handleGo(val) {
this.$router.push({ path: val });
},
},
};
</script>
<style scoped lang="scss">
@import "@/assets/css/english";
</style>
src/views/Knowledge/GS1System/GS1System.vue
......@@ -5,9 +5,9 @@
<div class="title">GS1系统</div>
<img src="../../../assets/image/knowledge/2013GS1system.jpg" alt="">
<div class="imgBtn">
<a href="#" target="_blank" ><img src="../../../assets/image/knowledge/bmtx.gif" alt=""></a>
<a href="#" target="_blank" ><img src="../../../assets/image/knowledge/sjzttx.gif" alt=""></a>
<a href="#" target="_blank"><img src="../../../assets/image/knowledge/sjjhtx.gif" alt=""></a>
<a href="/Knowledge/GS1System/bmtx" ><img src="../../../assets/image/knowledge/bmtx.gif" alt=""></a>
<a href="/Knowledge/GS1System/sjzttx"><img src="../../../assets/image/knowledge/sjzttx.gif" alt=""></a>
<a href="/Knowledge/GS1System/sjjhtx"><img src="../../../assets/image/knowledge/sjjhtx.gif" alt=""></a>
</div>
<p>GS1系统起源于美国，由美国统一代码委员会（UCC，于2005年更名为GS1 US）于1973年创建。UCC创造性地采用12位的数字标识代码（UPC）。1974年，标识代码和条码首次在开放的贸易中得以应用。继UPC系统成功之后，欧洲物品编码协会，即早期的国际物品编码协会（EAN International，2005年更名为GS1），于1977年成立并开发了与之兼容的系统并在北美以外的地区使用。EAN系统设计意在兼容 UCC系统，主要用13位数字编码。随着条码与数据结构的确定，GS1 系统得以快速发展。</p>
<p>GS1系统为在全球范围内标识货物、服务、资产和位置提供了准确的编码。这些编码能够以条码符号来表示，以便进行商务流程所需的电子识读。该系统克服了厂商、组织使用自身的编码系统或部分特殊编码系统的局限性，提高了贸易的效率和对客户的反应能力。</p>
......
src/views/Knowledge/Statuteinfo.vue
<template>
<div class="org container">
<breadcrumb />
<div class="row status-container">
<div class="row status-container" v-loading='loading'>
<p class="title-style">{{title}}</p>
<div v-html="content"></div>
</div>
......@@ -19,6 +19,7 @@ export default {
},
data() {
return {
loading:false,
id:this.$route.query.id,
content:'',
title:''
......@@ -33,13 +34,12 @@ export default {
this.policyInfoFn();
},
mounted() {
console.log(2)
// 面包屑单独处理
},
methods:{
// 政策法规列表
async policyInfoFn() {
this.loading=true
const params = {
id:this.id,
};
......@@ -47,6 +47,7 @@ export default {
await this.$api.knowledge.policyInfo(params);
const { returnCode, data } = policyInfoRes;
if (returnCode === "0") {
this.loading=false
this.content=data.content;
this.title=data.title
this.$store.commit("system/SET_BREADCRUMB", [
......
src/views/Knowledge/TeKIndex.vue
......@@ -3,7 +3,7 @@
<breadcrumb/>
<div class="row">
<div class="col-lg-3">
<SubNav/>
<SubNav />
<div v-show="$route.path=='/Knowledge/GS1System/bmtx'" class="showBmtx">
<p>相关链接</p>
<ul>
......@@ -24,7 +24,7 @@
</template>
<script>
import SubNav from "../comps/SubNav.vue";
import SubNav from "../comps/SubNav2.vue";
import breadcrumb from "../comps/breadcrumb.vue";
import "../Search/style/common.scss";
import knowledge from "@/components/layout/header/knowledge.js";
......@@ -38,6 +38,7 @@ export default {
data() {
return {
// showBMTX:false
list:[]
};
},
watch:{
......@@ -48,6 +49,7 @@ export default {
created() {
this.$store.commit("system/SET_SUB_NAV", knowledge.children);
},
......
src/views/News/Composite.vue
......@@ -45,10 +45,9 @@ export default {
const params = {
page: page,
limit: this.tableResult.pageSize,
classId:5
};
const listRes =
await this.$api.news.newsList(params);
await this.$api.news.zhbdList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
......
src/views/News/DepthTopics.vue
......@@ -48,7 +48,7 @@ export default {
classId:9
};
const listRes =
await this.$api.news.newsList(params);
await this.$api.news.sdztList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
......
src/views/News/FoodSafety.vue
......@@ -34,7 +34,7 @@
<p>电子邮箱：wuxm@ancc.org.cn，liwt@ancc.org.cn</p>
<div class="down">
<span style="margin:20px 0 10px;font-size:14px;display:inline-block">资料下载</span>
<list2 :list="list" @getInfo='getInfo'/>
<list2 :list="listFile" @getInfo='getInfo'/>
</div>
......@@ -61,7 +61,8 @@ export default {
pages,
},
computed: {
...mapState(["urls"]),
...mapState(["urls"])
},
data() {
return {
......@@ -101,9 +102,22 @@ export default {
name: "联系方式",
},
},
list: [
listFile:[],
tableResult:{
list:[],
currPage:1,
pageSize:15,
totalCount:0
}
};
},
created(){
this.initListFn(this.tableResult.currPage);
},
mounted(){
this.listFile= [
{
title: "GS1全球追溯标准（第二版）",
directpath: `${this.urls.gs1cn}Manage/down/GS1全球追溯标准（第二版）.pdf`
......@@ -145,17 +159,7 @@ export default {
title: "乳制品、熟食品与烘烤食品追溯实施指南（美国）",
directpath: `${this.urls.gs1cn}Manage/down/ruzhipinshushipin.pdf`
},
],
tableResult:{
list:[],
currPage:1,
pageSize:15,
totalCount:0
}
};
},
created(){
this.initListFn(this.tableResult.currPage);
]
},
methods: {
...mapMutations({
......
src/views/News/MCommerce.vue
......@@ -42,7 +42,7 @@ export default {
name: "移动商务",
ico: "",
},
list2:[],
list: [
{
title: "移动商务领域新标准—电子优惠券管理",
......@@ -57,20 +57,25 @@ export default {
},
],
list2:[
};
},
mounted(){
this.list2=[
{
title:'移动商务（宣传折页）',
directpath: `${this.urls.gs1cn}Manage/down/20130620GS1 MobileCom.pdf`
}
],
goDown(id,url){
]
},
methods: {
goDown(id,url){
if(url&&url!==''){
window.open(url,'_blank');
}
}
};
},
methods: {},
};
</script>
<style lang="scss" scoped>
......
src/views/News/Other.vue
......@@ -47,14 +47,7 @@ export default {
},
list2:[
{
title:'《建材行业商品条码应用指南》',
directpath: `${this.urls.gs1cn}Manage/down/建材行业商品条码应用指南.pdf`
},
{
title:' 服装行业商品条码应用指南',
directpath: `${this.urls.gs1cn}Manage/down/服装行业商品条码应用指南.pdf`
}
],
tableResult:{
list:[],
......@@ -67,6 +60,16 @@ export default {
created() {
this.initListFn(this.tableResult.currPage);
},
mounted(){
this.list2=[{
title:'《建材行业商品条码应用指南》',
directpath: `${this.urls.gs1cn}Manage/down/建材行业商品条码应用指南.pdf`
},
{
title:' 服装行业商品条码应用指南',
directpath: `${this.urls.gs1cn}Manage/down/服装行业商品条码应用指南.pdf`
}]
},
methods:{
...mapMutations({
setMatche: "setMatche",
......
src/views/News/Research.vue
......@@ -45,10 +45,9 @@ export default {
const params = {
page: page,
limit: this.tableResult.pageSize,
classId:31
};
const listRes =
await this.$api.news.newsList(params);
await this.$api.news.bzkydtList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
......
src/views/News/Video.vue
......@@ -48,7 +48,7 @@ export default {
classId:10
};
const listRes =
await this.$api.news.newsList(params);
await this.$api.news.jcspList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.tableResult = data
......@@ -70,7 +70,7 @@ export default {
];
this.setMatche(matche);
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
path: `/News/msgVideo?id=${id}`,
});
window.open(link.href,'_blank')
}
......
src/views/News/index.vue
......@@ -24,7 +24,7 @@
</div>
<div class="top10-kj">
<ul>
<li v-for="(tmp, i) in topData" :key="i" @click="getInfo(tmp.id,tmp.directpath)">
<li v-for="(tmp, i) in topData.slice(0,5)" :key="i" @click="getInfo(tmp.id,tmp.directpath)">
<span></span
><span>{{tmp.title}}</span
>
......
src/views/comps/SubNav2.vue 0 → 100644
<template>
<el-menu
:default-active="activeMenu"
class="el-menu-vertical gs-subnav"
:collapse="false"
:default-openeds="openeds"
:collapse-transition='true'
@select="handleSelect"
@open='opengo'
@close='opengo'
>
<template v-for="submenu in subNav">
<el-submenu
v-if="submenu.children && submenu.children.length > 0"
:key="submenu.id"
:index="submenu.name"
>
<template slot="title">
<span :index="submenu.name" :class="{ 'is-active': activeMenu === submenu.id }">{{ submenu.name }}</span>
</template>
<template v-for="item in submenu.children">
<template v-if="item.children && item.children.length > 0">
<el-submenu :index="item.name" :key="item.id">
<template slot="title">
<span style="margin-left: 6px">{{ item.name }}</span>
</template>
<template v-for="third in item.children">
<el-menu-item
:key="third.id"
:index="third.name"
:class="{ 'is-active': activeMenu === third.id }"
>
{{ third.name }}
</el-menu-item>
</template>
</el-submenu>
</template>
<template v-else>
<el-menu-item
:key="item.id"
:index="item.name"
:class="{ 'is-active': activeMenu === item.id }"
>
{{ item.name }}
</el-menu-item>
</template>
</template>
</el-submenu>
<template v-else>
<el-menu-item
:key="submenu.id"
:index="submenu.name"
:class="{ 'is-active': activeMenu === submenu.id }"
>
<span>{{ submenu.name }}</span>
</el-menu-item>
</template>
</template>
</el-menu>
</template>
<script>
import { mapState } from "vuex";
export default {
data() {
return {
activeMenu: "",
openeds: []
};
},
computed: {
...mapState("system", ["subNav"]),
},
created() {
console.log(this.subNav);
this.openeds = this.subNav.map(nav => nav.name)
},
watch: {
subNav: {
handler(val) {
// console.log("watch------ subNav", val);
const result = this.treeFind(
val,
(item) => item.link === this.$route.path
);
if (result) {
console.log(result);
this.activeMenu = result.id;
}
},
immediate: true,
},
},
methods: {
treeFind(tree, func) {
for (const data of tree) {
if (func(data)) return data;
if (data.children) {
const res = this.treeFind(data.children, func);
if (res) return res;
}
}
return null;
},
handleSelect(index, indexP) {
// console.log(index, indexP);
const temp = JSON.parse(JSON.stringify(indexP));
const key = temp.shift();
this.subNav.forEach((item) => {
if (item.name === key) {
if (temp.length > 1) {
this.checkChildren(index, temp, item.children);
} else if (temp.length === 0) {
this.showApp(item);
} else {
item.children.forEach((_item) => {
if (_item.name === index) {
this.showApp(_item);
}
});
}
}
});
},
checkChildren(index, indexP, list) {
const key = indexP.shift();
list.forEach((item) => {
// console.log(key);
if (item.name === key) {
if (indexP.length > 1) {
this.checkChildren(index, indexP, item.children);
} else {
item.children.forEach((_item) => {
if (_item.name === index) {
this.activeMenu = _item.name;
this.showApp(_item);
}
});
}
}
});
},
showApp(item) {
this.activeMenu = item.id;
if (item.link.startsWith("http")) {
window.open(item.link);
} else {
if (item.breadcrumb) {
this.$store.commit("system/SET_BREADCRUMB", item.breadcrumb);
}
this.$router.push({ path: item.link });
}
},
handleOpen(key, keyPath) {
console.log(key, keyPath);
},
handleClose(key, keyPath) {
console.log(key, keyPath);
},
goLink(item){
console.log(item)
this.$router.push({ path: item.link });
},
opengo(index,indexPath){
this.$router.push({ path: '/Knowledge/GS1System2' });
}
},
};
</script>
<style lang="scss">
.el-menu.gs-subnav {
border-right: none;
background: $side-bg-color;
margin-bottom: 20px;
padding-left: 0;
.el-submenu__title {
background: $side-bg-color;
height: 44px;
line-height: 44px;
}
.menu-title {
margin-top: 25px;
margin-bottom: 10px;
padding-left: 28px;
font-size: 14px;
color: #b7b6b6;
}
.el-menu-item {
height: 44px;
line-height: 44px;
color: #6b6a6a;
background: transparent;
font-size: 14px;
i {
color: $side-bg-color;
font-size: 25px;
position: absolute;
top: 15px;
right: 15px;
}
&:hover,
&:focus,
&.is-active {
color: #f26335;
background: $side-menu-active-color;
border-right: 3px solid #f26335;
}
}
}
</style>
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