Skip to content

G
gs1
Commit a6d49cf2 by ahxiangkui
Options

二级菜单页

parent 3a2190b4
Showing with 1210 additions and 165 deletions
src/assets/css/english.scss
...@@ -6,13 +6,27 @@ body { ...@@ -6,13 +6,27 @@ body {
color: #333333; color: #333333;
background-color: #ffffff; background-color: #ffffff;
} }
body { body {
font-family: "Gotham Office","Arial","Gotham SSm A", "Gotham SSm B", Verdana, sans-serif; font-family: "Gotham Office", "Arial", "Gotham SSm A", "Gotham SSm B", Verdana, sans-serif;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
} }
.breadcrumb>li {
display: inline-block;
}
.toolkit { .toolkit {
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
} }
.section-spacing { .section-spacing {
padding-bottom: 15px; padding-bottom: 15px;
} }
...@@ -48,48 +62,133 @@ body { ...@@ -48,48 +62,133 @@ body {
margin-left: -15px; margin-left: -15px;
margin-right: -15px; margin-right: -15px;
} }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block; display: block;
} }
.col-xs-12 { .col-xs-12 {
width: 100%; 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 {
.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; 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 {
.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; position: relative;
min-height: 1px; min-height: 1px;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
} }
.toolkit .bg-light-gray { .toolkit .bg-light-gray {
background-color: #f4f4f4 !important; background-color: #f4f4f4 !important;
} }
.container { .container {
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
} }
.toolkit .content-module-container { .toolkit .content-module-container {
margin-bottom: 30px; margin-bottom: 30px;
} }
.toolkit .content-module, .toolkit .content-module-freeform {
.toolkit .content-module,
.toolkit .content-module-freeform {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #b1b3b3; border: 1px solid #b1b3b3;
border-top: 0; border-top: 0;
position: relative; position: relative;
} }
.toolkit .content-module-padding { .toolkit .content-module-padding {
padding: 20px; padding: 20px;
} }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
display: block; display: block;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
} }
img { img {
vertical-align: middle; vertical-align: middle;
border: 0; border: 0;
...@@ -100,10 +199,12 @@ img { ...@@ -100,10 +199,12 @@ img {
line-height: 24px; line-height: 24px;
color: #454545; color: #454545;
} }
.toolkit p.small { .toolkit p.small {
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
} }
.toolkit a { .toolkit a {
color: #008dbd; color: #008dbd;
text-decoration: none; text-decoration: none;
...@@ -111,52 +212,192 @@ img { ...@@ -111,52 +212,192 @@ img {
word-break: break-word; word-break: break-word;
} }
.toolkit h1, .toolkit h2, .toolkit h3, .toolkit h4, .toolkit h5, .toolkit h6 { .toolkit h1,
.toolkit h2,
.toolkit h3,
.toolkit h4,
.toolkit h5,
.toolkit h6 {
color: #002c6c; color: #002c6c;
font-weight: 400; 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 {
.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-top: 0;
margin-bottom: 15px; margin-bottom: 15px;
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid #b2b2b8; border-bottom: 1px solid #b2b2b8;
} }
h4, .h4 {
h4,
.h4 {
font-size: 18px; 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 {
.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-top: 0;
margin-bottom: 15px; margin-bottom: 15px;
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid #b2b2b8; border-bottom: 1px solid #b2b2b8;
} }
.toolkit .content-module h4 { .toolkit .content-module h4 {
line-height: 26px; line-height: 26px;
} }
.toolkit .content-module h4 a { .toolkit .content-module h4 a {
color: #002c6c; color: #002c6c;
} }
.toolkit .content-module a { .toolkit .content-module a {
font-weight: 300; font-weight: 300;
} }
.toolkit footer { .toolkit footer {
margin: 20px 0;
background: #ffffff; background: #ffffff;
} }
.toolkit footer a { .toolkit footer a {
font-weight: 300; font-weight: 300;
} }
.toolkit section {
margin-top: 30px;
margin-bottom: 30px;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.navbar-nav {
margin: 7.5px -15px;
}
.toolkit .breadcrumb {
margin-top: 20px;
padding: 0;
margin-bottom: 0;
list-style: none;
background-color: #fff;
border-radius: 0;
}
.toolkit li {
line-height: 24px;
}
.toolkit .breadcrumb>.active {
color: #002c6c;
font-weight: 500;
}
.toolkit .breadcrumb>li+li:before {
content: ">\00a0";
padding: 0 5px;
color: #b1b3b3;
}
.toolkit h1 {
font-weight: 400;
margin: 20px 0 20px;
}
.toolkit section h1:first-child,
.toolkit section h2:first-child,
.toolkit section h3:first-child,
.toolkit section h4:first-child,
.toolkit section h5:first-child,
.toolkit section h6:first-child {
margin-top: 0;
}
.toolkit p {
font-size: 16px;
line-height: 24px;
color: #454545;
}
.toolkit p.small {
font-size: 14px;
line-height: 24px;
}
p {
margin: 0 0 10px;
}
.toolkit .section-spacing {
margin-top: 50px;
padding-bottom: 15px;
}
h1,
.h1 {
font-size: 36px;
}
small,
.small {
font-size: 85%;
}
.toolkit .bg-light-gray {
background-color: #f4f4f4 !important;
}
.toolkit .section-spacing>p.small {
margin-bottom: 30px;
}
@media (min-width: 768px) { @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 {
.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; float: left;
} }
.container { .container {
width: 750px; width: 750px;
} }
.col-sm-6 { .col-sm-6 {
width: 50%; width: 50%;
} }
.navbar-nav {
float: left;
margin: 0;
}
} }
@media (min-width: 992px) { @media (min-width: 992px) {
...@@ -175,9 +416,11 @@ h4, .h4 { ...@@ -175,9 +416,11 @@ h4, .h4 {
.col-md-12 { .col-md-12 {
float: left; float: left;
} }
.col-md-12 { .col-md-12 {
width: 100%; width: 100%;
} }
.col-md-6 { .col-md-6 {
width: 50%; width: 50%;
} }
...@@ -185,12 +428,15 @@ h4, .h4 { ...@@ -185,12 +428,15 @@ h4, .h4 {
.col-md-3 { .col-md-3 {
width: 25%; width: 25%;
} }
.col-md-2 { .col-md-2 {
width: 16.66666667%; width: 16.66666667%;
} }
.col-md-1 { .col-md-1 {
width: 8.33333333%; width: 8.33333333%;
} }
.container { .container {
width: 970px; width: 970px;
} }
......
src/components/englishMain.vue
...@@ -5,21 +5,21 @@ ...@@ -5,21 +5,21 @@
<div class="router-view"> <div class="router-view">
<router-view></router-view> <router-view></router-view>
</div> </div>
<!-- <Footer></Footer> --> <Footer></Footer>
</div> </div>
</template> </template>
<script> <script>
import TopBanner from './layout/topBanner.vue' import TopBanner from './layout/topBanner.vue'
import Header from "./layout/header/index.vue"; import Header from "./layout/header/index.vue";
import Footer from "./layout/footer.vue" import Footer from "./layout/englishFoor.vue"
export default { export default {
components: { components: {
TopBanner, TopBanner,
Header, Header,
Footer, Footer,
}, },
data() { data () {
return { return {
userName: "", userName: "",
sidebarNav: [], sidebarNav: [],
...@@ -27,8 +27,10 @@ export default { ...@@ -27,8 +27,10 @@ export default {
}, },
computed: {}, computed: {},
methods: {}, methods: {},
created() {}, created () { },
mounted() {}, mounted () { },
}; };
</script> </script>
<style lang="scss">
@import "@/assets/css/english";
</style>
src/components/layout/englishFoor.vue 0 → 100644
<template>
<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>
</template>
\ No newline at end of file
src/router/index.js
...@@ -2,6 +2,7 @@ import Vue from "vue"; ...@@ -2,6 +2,7 @@ import Vue from "vue";
import VueRouter from "vue-router"; import VueRouter from "vue-router";
import main from "@/components/main.vue"; import main from "@/components/main.vue";
import englishMain from "@/components/englishMain.vue"; import englishMain from "@/components/englishMain.vue";
import blankMain from "@/views/English/blankMain.vue";
import { import {
service service
} from "@/router/service"; } from "@/router/service";
...@@ -1269,20 +1270,66 @@ const routes = [{ ...@@ -1269,20 +1270,66 @@ const routes = [{
children: [{ children: [{
path: "/EnglishHome", path: "/EnglishHome",
component: () => import("@/views/English/Home/index"), component: () => import("@/views/English/Home/index"),
}]
}, },
{ {
path: "/BusinessBrief/industryPromotion", path: "/SecondaryMenu",
name: "IndustryPromotion", name: "SecondaryMenu",
component: () => import("@/views/English/BusinessBrief/industryPromotion"), component: blankMain,
// redirect: '/Org/Intro', redirect: '/SecondaryMenu/industryPromotion',
children: [{ children: [{
path: "/BusinessBrief/industryPromotion", path: "/SecondaryMenu/industryPromotion",
name: "IndustryPromotion", name: "IndustryPromotion",
component: () => import("@/views/English/BusinessBrief/industryPromotion"), component: () => import("@/views/English/SecondaryMenu/industryPromotion"),
}] },
} {
] path: "/SecondaryMenu/Introduction",
name: "Introduction",
component: () => import("@/views/English/SecondaryMenu/Introduction"),
}, },
{
path: "/SecondaryMenu/Structure",
name: "Structure",
component: () => import("@/views/English/SecondaryMenu/Structure"),
},
{
path: "/SecondaryMenu/ContactUs",
name: "ContactUs",
component: () => import("@/views/English/SecondaryMenu/ContactUs"),
},
{
path: "/SecondaryMenu/Barcode",
name: "Barcode",
component: () => import("@/views/English/SecondaryMenu/Barcode"),
},
{
path: "/SecondaryMenu/EPC",
name: "EPC",
component: () => import("@/views/English/SecondaryMenu/EPC"),
},
{
path: "/SecondaryMenu/GDSN",
name: "GDSN",
component: () => import("@/views/English/SecondaryMenu/GDSN"),
},
{
path: "/SecondaryMenu/ECommerce",
name: "ECommerce",
component: () => import("@/views/English/SecondaryMenu/ECommerce"),
},
{
path: "/SecondaryMenu/HanXinCode",
name: "HanXinCode",
component: () => import("@/views/English/SecondaryMenu/HanXinCode"),
},
{
path: "/SecondaryMenu/InnovativeSectors",
name: "InnovativeSectors",
component: () => import("@/views/English/SecondaryMenu/InnovativeSectors"),
},
]
}
]; ];
......
src/views/English/BusinessBrief/industryPromotion.vue deleted 100644 → 0
<template>
<div>付水电费第三方水电费是的</div>
</template>
\ No newline at end of file
src/views/English/Home/index.vue
...@@ -12,12 +12,8 @@ ...@@ -12,12 +12,8 @@
<p class="carousel-note"> <p class="carousel-note">
{{ el.brief }} {{ el.brief }}
</p> </p>
<button <button :class="['carousel-btn', el.colorMore]" @click="learnMore(i)">
:class="['carousel-btn', el.colorMore]" <span>了解更多</span><img src="@/assets/image/home/more-arrow.png" alt="" />
@click="learnMore(i)"
>
<span>了解更多</span
><img src="@/assets/image/home/more-arrow.png" alt="" />
</button> </button>
</div> </div>
</div> </div>
...@@ -45,132 +41,6 @@ ...@@ -45,132 +41,6 @@
<!-- 四列列表 --> <!-- 四列列表 -->
<columnFourList></columnFourList> <columnFourList></columnFourList>
</div> </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> </div>
</template> </template>
<script> <script>
...@@ -181,7 +51,7 @@ import trodList from "./components/trodList"; ...@@ -181,7 +51,7 @@ import trodList from "./components/trodList";
import columnFourList from "./components/columnFourList"; import columnFourList from "./components/columnFourList";
export default { export default {
components: { VueSlickCarousel, columnFourList, trodList }, components: { VueSlickCarousel, columnFourList, trodList },
data() { data () {
return { return {
banner: [], // 首页大轮播图 banner: [], // 首页大轮播图
bannerSettings: { bannerSettings: {
...@@ -198,6 +68,6 @@ export default { ...@@ -198,6 +68,6 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss" >
@import "@/assets/css/english"; @import "@/assets/css/english";
</style> </style>
src/views/English/SecondaryMenu/Barcode.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 href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li class="active">Commodity Barcode</li>
</ol>
</ul>
</div>
</div>
</section>
<section>
<h1>Commodity Barcode</h1>
<div class="row">
<div class="col-sm-9" style="background-color:#FFF;border-top: 7px solid #f16333">
<h4 style="color: #f16333; border-bottom: none; padding-top:30px">
What are Barcodes</h4>
<table align="left" dir="rtl" style="width:200px">
<tbody>
<tr>
<td>
<p class="rtecenter"> <img src="@/assets/image/english/bc-china.jpg" alt="" class="img-responsive"
style="float: left; padding-right: 10px"></p>
</td>
</tr>
</tbody>
</table>
<p class="small" style="background-color:#FFF; line-height:30px">
All bar codes represent data in a machine readable form. The different widths of
bars and spaces in a bar code symbol represent different numbers and letters which
can be decoded or "scanned" by a bar code scanner. The scanned data is then sent
to a computer system where it is recorded and processed.</p>
<br>
<p class="small" style="background-color:#FFF; line-height:30px">
The numbers of bar code are the keys to access databases and to identify unambiguously
items handled, in all messages of a transaction. The numbers are represented in
bar codes to allow automatic data capture at each point where an item leaves or
enter premises. They are communicated from a supplier to a user once, before the
first transaction either by using standard messages or by consultation of electronic
catalogues.</p>
<h4 style="color: #f16333; border-bottom: none;">
Why use Barcodes</h4>
<p class="small" style="background-color:#FFF; line-height:30px">
Barcode enable the rapid and un-ambiguous identification of products, assets, documents
and people. Using bar code can greatly reduce human errors in data entry and processing,
eliminate ambiguities caused by inconsistent approaches to product labeling and
mistakes in reading handwriting.</p>
<h4 style="color: #f16333; border-bottom: none">
How do I apply for an International Barcode</h4>
<p class="small" style="background-color:#FFF; line-height:30px">
GS1 China is in charge of organizing, coordinating and administrating article numbering
and Auto-ID work throughout China. When you need a barcode number in China, you
must contact GS1 China or its branches. We will provide you with a GS1 Company Prefix
and the specifications.</p>
</div>
<div class="col-sm-3">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div>
<div class="content-module content-module-padding">
<h4>
Contact</h4>
<p class="small">
For more information about barcode please contact
</p>
<p class="small">
Fax:(+86) 84295483<br>
Email:<a href="Mailto:management_dep@ancc.org.cn">management_dep@ancc.org.cn</a>
</p>
</div>
<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>
</section>
</div>
</div>
</template>
\ No newline at end of file
src/views/English/SecondaryMenu/ContactUs.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 href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li class="active">Contact Us</li>
</ol>
</ul>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-sm-9">
<h1 style="margin-bottom:35px">Contact Us</h1>
<div class="content-module-wrapper" style="border-top: 7px solid #f26334"> </div>
<div class="content-module content-module-padding" style="padding: 0px; background-color: #FFF">
<div>
地图
</div>
<h4 style="padding: 20px">
GS1 China</h4>
<p class="small" style="padding: 20px; padding-bottom:0px">
3-6 F, Wing B, Imperial International Bldg., No.138 Andingmenwai Street, Dongcheng
District, Beijing 100011, P.R.China</p>
<p class="small" style="padding: 20px">
Tel: (+86) 400-7000-690<br>
E-mail: <a href="Mailto:info@ancc.org.cn">info@ancc.org.cn</a><br>
Webside:<a href="http://www.gs1cn.org/" target="_blank">www.gs1cn.org</a></p>
</div>
</div>
<div class="col-sm-3" style="padding-top:59px">
<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>
</section>
</div>
</div>
</template>
\ No newline at end of file
src/views/English/SecondaryMenu/ECommerce.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 href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li class="active">ECommerce</li>
</ol>
</ul>
</div>
</div>
</section>
<section>
<h1>ECommerce</h1>
<div class="row">
<div class="col-sm-9">
<p class="small" style="padding-top: 20px; line-height:30px">
The uniform product coding identification is not only an ID card for the products; it also can promote the
supply chain be visibility in each logistic point. It can provide the efficiency solutions for the issues
for e-commerce enterprises.
</p>
<p class="small" style="padding-top: 20px; line-height:30px">
In terms of the e-commerce enterprises, the uniform product coding identification which is GTIN can make
conveniently for the cross-border e-commerce, involving online and offline trade. It can keep the trade
consistency, and promote efficiency.
</p>
<p class="small" style="padding-top: 20px; line-height:30px">
GTIN is a globe legal ID card for the each online product, customers can trust the quality of the products
and track the source of the products. GTIN on the Web can advance the efficiency of SE (search engine).
The enterprises also apply the EANCOM/GS1 XML standard to exchange the trusted source of data(TSD)
according to the GS1 China‘s Product Catalogue (ANCC net.com, the electronic catalogue that index product
by GTIN).
</p>
<p class="small" style="padding-top: 20px; line-height:30px">In terms of the logistics of e-commerce,
involving the products, package, warehouse, and orders can be applied GTIN, GLN, Case code to satisfy
information interaction between online and offline on logistics and transportation aspect. It can promote
the efficiency, to achieve management for automation and visibility.</p>
<p class="small" style="padding-top: 20px; line-height:30px">In 2015, GS1 China devotes always to construct
the trust &amp; safe e-commerce platform. Alibaba, JD.com, Suning and other more than 40 Chinese
e-commerce corporations committed to adopting GS1 standards, according to the ’E-commerce Joint Proposal
on Barcode Application’ which is a statement co-signed by these Chinese companies in the 13th ECR China
Conference 2015. Besides, GS1 China will corporate with Chinese e-commerce enterprises to promote TSD
which can reveal the trusted product from the GS1 China's Product Catalogue. To achieve visibility
information, share data, monitor and construct trusted e-commerce environment. </p>
</div>
<div class="col-sm-3" style="padding-top:30px">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div>
<div class="content-module content-module-padding">
<h4>
Contact</h4>
<p class="small">
For more information about eCom please contact
</p>
<p class="small">
Fax:(+86) 84295430
</p>
</div>
<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>
</section>
</div>
</div>
</template>
\ No newline at end of file
src/views/English/SecondaryMenu/EPC.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 href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li class="active">EPC</li>
</ol>
</ul>
</div>
</div>
</section>
<section>
<h1>EPC</h1>
<div class="row">
<div class="col-sm-9" style="background-color:#FFF;border-top: 7px solid #f16333">
<img src="@/assets/image/english/EPC.jpg" alt="" class="img-responsive"
style="padding: 45px; padding-bottom:15px">
<p class="small" style="padding:25px; line-height:35px; padding-bottom:5px">
EPC (Electronic Product Code) is a globally unique serial number that identifies
an item in the supply chain. This allows enquiries to be made about a single instance
of an item, wherever it is within the supply chain. EPCglobal specifications result
from much of the work that was begun under the auspices of the Auto-ID Center at
MIT and form the foundation for the EPC/RFID technology that the EPCglobal community
has begun implementing worldwide.</p>
<p class="small" style="padding:25px; line-height:35px;padding-top:5px">
The EPCglobal Network™ will enable organization to be responsive to customer and
consumer needs through more efficient supply chain operations. The EPC membership
contains two general categories – End User and Solution Partners. Membership subscribers
are provided with access to the EPCglobal Network™ and End User subscribers are
assigned with EPC Manager Numbers.
</p>
</div>
<div class="col-sm-3">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div>
<div class="content-module content-module-padding">
<h4>
Contact</h4>
<p class="small">
For more information about EPC please contact
</p>
<p class="small">
Tel:(+86)84295538<br>
Fax:(+86)84295543<br>
Email:<a href="Mailto:epc@ancc.org.cn">epc@ancc.org.cn</a></p>
</div>
<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>
</section>
</div>
</div>
</template>
\ No newline at end of file
src/views/English/SecondaryMenu/GDSN.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 href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li class="active">GDSN</li>
</ol>
</ul>
</div>
</div>
</section>
<section>
<h1>Global Data Synchronisation Network(GDSN)</h1>
<div class="row">
<div class="col-sm-9">
<p class="small" style="padding-top: 20px; line-height:30px">
GDSN (The Global Data Synchronisation Network) is a network of interoperable data pools and GS1 Global
Registry that, communicate product master data (Catalogue Item and Party) between trading partners. In
simple terms, GDS (Global Data Synchronisation) enables product information from one trading partner, such
as a supplier, to be made available to any chosen trading partner, such as a retailer, using a
standardised process. The information is defined using globally agreed standards which all parties can
understand and utilize. For example, attributes such as product description, size, pack, name,
manufacturer information and the quantity of items in a purchase order could be seamlessly synchronized
through the network.
</p>
<p class="small" style="padding-top: 20px; line-height:30px">
In 2004, GS1 China set up and optimized China's GDSN data pool - ANCCNET, and was granted the
international certification in January 2008. Since then, ANCCNET has become the only authorized platform
for the exchange and sharing of product information with the global market in China, and plays a pivotal
role in promoting the in-depth application of China's product barcode data information and accelerating
the development of e-Commerce standardization.
</p>
<p class="small" style="padding-top: 20px; line-height:30px">
GS1 China is willing to cooperate with countries around the world to encourage the exchange and sharing of
China's product information.
</p>
</div>
<div class="col-sm-3">
<img class="img-responsive center-block" src="@/assets/image/english/GDSN-2.jpg" alt="Foodservice"
style="padding-bottom:15px; padding-top:28px">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div>
<div class="content-module content-module-padding">
<h4>
Contact</h4>
<p class="small">
For more information about GDSN please contact
</p>
<p class="small">
Tel:(+86) 84295410
</p>
</div>
<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>
</section>
</div>
</div>
</template>
\ No newline at end of file
src/views/English/SecondaryMenu/Introduction.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 href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li class="active">Introduction</li>
</ol>
</ul>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-sm-9">
<h1>Introduction</h1>
<p class="small" style="padding-top: 20px">
GS1 China, founded in 1988 under the authorization of the State Council of the People’s
Republic of China as an affiliate of General Administration of State Administration for Market Regulation,
is in charge of organizing, coordinating and administrating article numbering and Auto-ID work throughout
China. GS1 China has been dedicated to promoting the GS1 System, the globally-adopted, open and
cross-industry
standard for supply chain management, since it joined GS1 as a Member Organization on behalf of China in
April 1991.</p>
<p class="small" style="padding-top: 20px">
With the generous support from the Chinese government, GS1 China has made tremendous achievements
through its tireless efforts over the past 20 years. We have established a nationwide network of 47
branches and set up a working system that promotes the improvement of national article numbering and
identification as the core competency. This system successfully integrates coding management, research,
standards development, implementation and promotion as well as technical service. As a result of our
efforts,
national article numbering and Auto-ID technical service have been widely adopted by various industries
throughout
China such as retailing, manufacturing, transportation, communication, asset management, warehouse
management,
food safety and healthcare, as well as many government departments ,including customs, finance and
defense.</p>
<p class="small" style="padding-top: 20px">
In recent years, based on the research on article numbering and identification technologies at home and
abroad, GS1 China has been consistently consolidating and improving national article numbering and
identification system, and strengthening the research on 2-dimensional barcode, Electronic Product
Code(EPC),
Global Data Synchronization (GDS), product quality traceability, E-commerce as well as the standardization
of logistic information. With active exploration and innovation, we have attained a number of
technological
achievements with independent intellectual property have been accomplished, which significantly
contributes
to advancing international trade and the automation level of business circulation.</p>
<p class="small" style="padding-top: 20px">
Nowadays, Information Technology is playing an increasingly critical role as the drive to facilitate the
growth of economy and the enhancement of people's living standard. As the foundation stone of Information
Technology, article numbering and Auto-ID technologies are embracing a promising future for development
and expansion. We would like to strengthen the cooperation with GS1 Global, GS1 Member Organizations as
well as individuals and organizations from all sectors of society, working together closely to achieve
continued adoption of GS1 system around China and to create opportunities for new sectors which will
benefit the people, industry and business of our country.</p>
</div>
<div class="col-sm-3" style="padding-top:85px">
<img class="img-responsive center-block" src="@/assets/image/english/ZCH.jpg" alt="Foodservice"
style="border-top: 7px solid #f16333">
</div>
</div>
</section>
</div>
</div>
</template>
<style lang="scss">
</style>
\ No newline at end of file
src/views/English/SecondaryMenu/Structure.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">
<li><a href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li class="active">Structure</li>
</ol>
</ul>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-sm-9">
<h1>Structure</h1>
<img src="@/assets/image/english/structure.jpg" alt="" class="img-responsive">
</div>
<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>
<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>
</section>
</div>
</div>
</template>
\ No newline at end of file
src/views/English/SecondaryMenu/industryPromotion.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 href="/GS1ChinaEN/GS1ChinaENTest/index.aspx">Home</a></li>
<li class="active">Industry Promotion</li>
</ol>
</ul>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-sm-8">
<h1>Industry Promotion</h1>
<p class="small" style="padding-top: 20px">
GS1 China and its branches utilized their respective advantages to set up demonstrations for the
development of barcode application and the automation identification technology in virtue of ECR China,
AIM China (Automatic Identification Manufacture Association of China) and CABC (China Association for Bar
Code Technology and Application).</p>
</div>
</div>
</section>
<div class="row">
<div class="col-xs-12 col-md-3 section-spacing" style="margin-top: 0%">
<div class="content-module-container">
<div class="content-module-wrapper" style="border-top: 7px solid #7ac043">
</div>
<div class="content-module content-module-padding" style="padding: 0px; background-color: #FFF">
<img src="@/assets/image/english/FS.jpg" alt="" class="img-responsive">
<div class="content-module content-module-padding" style="border: none">
<h4>
Food safety</h4>
<p class="small">
<a href="/GS1ChinaEN/GS1ChinaENTest/foodsafety.aspx">Read More &gt;</a>
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-3 section-spacing" style="margin-top: 0%">
<div class="content-module-container">
<div class="content-module-wrapper" style="border-top: 7px solid #00b6dd">
</div>
<div class="content-module content-module-padding" style="padding: 0px; background-color: #FFF">
<img src="@/assets/image/english/HC.jpg" alt="" class="img-responsive">
<div class="content-module content-module-padding" style="border: none">
<h4>
Healthcare</h4>
<p class="small">
<a href="/GS1ChinaEN/GS1ChinaENTest/healthcare.aspx">Read More &gt;</a>
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-3 section-spacing" style="margin-top: 0%">
<div class="content-module-container">
<div class="content-module-wrapper" style="border-top: 7px solid #22bdb9">
</div>
<div class="content-module content-module-padding" style="padding: 0px; background-color: #FFF">
<img src="@/assets/image/english/TL.jpg" alt="" class="img-responsive">
<div class="content-module content-module-padding" style="border: none">
<h4>
Others</h4>
<p class="small">
<a href="/GS1ChinaEN/GS1ChinaENTest/others.aspx">Read More &gt;</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
\ No newline at end of file
src/views/English/blankMain.vue 0 → 100644
<template>
<div class="toolkit" style="background-color: #f4f4f4">
<router-view></router-view>
<Footer></Footer>
</div>
</template>
<script>
import Footer from "@/components/layout/englishFoor.vue"
export default {
components: {
Footer,
},
}
</script>
<style lang="scss">
@import "@/assets/css/english";
</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