Skip to content

G
gs1
Commit edd5e648 by ahxiangkui
Options

liwj提交

parent 5a186500
Showing with 250 additions and 200 deletions
src/components/englishMain.vue
<template>
<div>
<div class="toolkit">
<TopBanner></TopBanner>
<Header></Header>
<div class="router-view">
......@@ -12,7 +12,7 @@
<script>
import TopBanner from './layout/topBanner.vue'
import Header from "./layout/englishHeader/index.vue";
import Footer from "./layout/englishFoor.vue"
import Footer from "./layout/englishFoot.vue"
export default {
components: {
TopBanner,
......
src/components/layout/englishFoor.vue → src/components/layout/englishFoot.vue
......@@ -5,7 +5,7 @@
<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">
<a @click="handleGo('/EnglishHome')">
<h4>Home</h4>
</a>
</div>
......@@ -13,13 +13,13 @@
<h4>About Us</h4>
<ul>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/introduction.aspx">Introduction</a>
<a @click="handleGo('/SecondaryMenu/Introduction')">Introduction</a>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/structure.aspx">Structure</a>
<a @click="handleGo('/SecondaryMenu/Structure')">Structure</a>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/contactus.aspx">Contact Us</a>
<a @click="handleGo('/SecondaryMenu/ContactUs')">Contact Us</a>
</li>
</ul>
</div>
......@@ -27,23 +27,23 @@
<h4>Business Brief</h4>
<ul>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/barcodes.aspx">BarCodes</a>
<a @click="handleGo('/SecondaryMenu/Barcode')">BarCodes</a>
</li>
<li><a href="/GS1ChinaEN/GS1ChinaENTest/epc.aspx">EPC</a></li>
<li><a @click="handleGo('/SecondaryMenu/EPC')">EPC</a></li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/gdsn.aspx">GDSN</a>
<a @click="handleGo('/SecondaryMenu/GDSN')">GDSN</a>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/ecommerce.aspx">ECommerce</a>
<a @click="handleGo('/SecondaryMenu/ECommerce')">ECommerce</a>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/hanxincode.aspx">Han Xin Code</a>
<a @click="handleGo('/SecondaryMenu/HanXinCode')">Han Xin Code</a>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/sectors.aspx">Innovative Sectors</a>
<a @click="handleGo('/SecondaryMenu/InnovativeSectors')">Innovative Sectors</a>
</li>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/promotion.aspx">Industry Promotion</a>
<a @click="handleGo('/SecondaryMenu/industryPromotion')">Industry Promotion</a>
</li>
</ul>
</div>
......@@ -51,7 +51,7 @@
<h4>Training &amp; Learning</h4>
<ul>
<li>
<a href="/GS1ChinaEN/GS1ChinaENTest/elearning.aspx">E-Learning</a>
<a @click="handleGo('/SecondaryMenu/eLearning')">E-Learning</a>
</li>
<li>
<a href="http://ocp.gs1.org/sites/glossary/en-gb" target="_blank">Glossary</a>
......@@ -96,6 +96,20 @@
</div>
</footer>
</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/router/index.js
......@@ -1328,11 +1328,6 @@ const routes = [{
component: blankMain,
// redirect: '/SecondaryMenu/industryPromotion',
children: [{
path: "/SecondaryMenu/industryPromotion",
name: "IndustryPromotion",
component: () => import("@/views/English/SecondaryMenu/industryPromotion"),
},
{
path: "/SecondaryMenu/Introduction",
name: "Introduction",
component: () => import("@/views/English/SecondaryMenu/Introduction"),
......@@ -1378,17 +1373,33 @@ const routes = [{
component: () => import("@/views/English/SecondaryMenu/InnovativeSectors"),
},
{
path: "/SecondaryMenu/industryPromotion",
name: "IndustryPromotion",
component: () => import("@/views/English/SecondaryMenu/industryPromotion"),
},
{
path: "/SecondaryMenu/eLearning",
name: "eLearning",
component: () => import("@/views/English/SecondaryMenu/eLearning"),
},
{
}
]
},
{
path: "/TertiaryMenu",
name: "TertiaryMenu",
component: blankMain,
children: [{
path: "/IndustryPromotion/FoodSafety",
name: "FoodSafety",
component: () => import("@/views/English/TertiaryMenu/IndustryPromotion/FoodSafety"),
},
{
path: "/IndustryPromotion/Healthcare",
name: "Healthcare",
component: () => import("@/views/English/TertiaryMenu/IndustryPromotion/Healthcare"),
}
]
},
}
];
const router = new VueRouter({
mode: "history",
......
src/views/English/Home/components/columnFourList.vue
......@@ -4,34 +4,17 @@
<div class="col-xs-12 col-md-3 section-spacing" style="margin-top: -3%">
<div class="content-module-container">
<h4>
<a
@click="handleGo('/IndustryPromotion/FoodSafety')"
target="_blank"
style="text-decoration: none; color: #002c6c"
>Food safety</a
>
<a @click="handleGo('/IndustryPromotion/FoodSafety')" 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"
/>
<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
>
<a @click="handleGo('/IndustryPromotion/FoodSafety')" style="color: #fff; text-decoration: none">Barcode
applications have been extended to the food safety
area
with great efforts…</a>
</p>
</div>
</div>
......@@ -39,34 +22,17 @@
<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
>
<a @click="handleGo('/IndustryPromotion/Healthcare')"
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"
/>
<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
>
<a @click="handleGo('/IndustryPromotion/Healthcare')" 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>
......@@ -74,34 +40,15 @@
<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
>
<a @click="handleGo('/SecondaryMenu/ECommerce')" 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"
/>
<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
>
<a @click="handleGo('/SecondaryMenu/ECommerce')" style="color: #fff; text-decoration: none">GS1 standard
can provide the efficiency solutions for the
issues for e-commerce enterprises…</a>
</p>
</div>
</div>
......@@ -109,34 +56,15 @@
<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
>
<a @click="handleGo('/SecondaryMenu/GDSN')" 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"
/>
<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
>
<a @click="handleGo('/SecondaryMenu/GDSN')" 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>
......@@ -146,16 +74,16 @@
</template>
<script>
export default {
data(){
return{
data () {
return {
}
},
methods:{
handleGo(val){
this.$router.push({path: val})
}
}
},
methods: {
handleGo (val) {
this.$router.push({ path: val })
}
}
}
</script>
<style scoped lang="scss" >
......
src/views/English/Home/components/trodList.vue
<template>
<div
class="row"
style="background-color: #fff; margin-left: 0px; margin-right: 0px"
>
<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="content-module-wrapper" style="border-top: 7px solid #c1d82f"></div>
<div class="row content">
<div class="col-xs-12"></div>
......@@ -33,35 +27,22 @@
<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-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 />
<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 />
<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 />
<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>
......@@ -70,23 +51,12 @@
<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"
/>
<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
>
<a @click="handleGo('/SecondaryMenu/Barcode')">Need a
barcode?</a>
</h4>
<p class="small" style="padding: 20px">
Our barcodes identify products uniquely so they can be sold
......@@ -99,7 +69,18 @@
</div>
</template>
<script>
export default {};
export default {
data () {
return {
}
},
methods: {
handleGo (val) {
this.$router.push({ path: val })
}
}
}
</script>
<style lang="scss" scoped>
@import "@/assets/css/english";
......
src/views/English/Home/index.vue
......@@ -2,36 +2,95 @@
<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 }">
<VueSlickCarousel v-bind="bannerSettings">
<div class="carousel-container full-width">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<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 }}
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>
<li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
<li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
<li data-target="#carousel-example-generic" data-slide-to="3" class=""></li>
</ol>
</div>
<div class="carousel-inner" style="height: 400px">
<div class="item bg-peach next left">
<div class="container">
<img class="pull-right carousel-glyph" src="@/assets/image/english/GS1-China.jpg"
style="margin-top: -40px" alt="Placeholder">
<h1>
About GS1 China</h1>
<p class="large">
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.</p>
<a href="/GS1ChinaEN/GS1ChinaENTest/introduction.aspx">
<button type="button" class="btn-primary btn-margin bg-blue">
More About GS1 China</button></a>
</div>
</div>
<div class="item bg-purple">
<div class="container">
<img class="pull-right carousel-glyph" src="@/assets/image/english/carousel-1.jpg"
style="margin-top: -40px" alt="Placeholder">
<h1>
About GS1</h1>
<p class="large">
GS1 believes in the power of standards to transform the way we work and live. We
empower business to grow and to improve efficiency, safety, security and sustainability
.</p>
<a href="http://www.gs1.org/about" target="_blank">
<button type="button" class="btn-primary btn-margin bg-blue">
More About GS1</button></a>
</div>
</div>
<div class="item bg-lime">
<div class="container">
<img class="pull-right carousel-glyph" src="@/assets/image/english/training.jpg"
style="margin-top: -40px" alt="Placeholder">
<h1>
Training</h1>
<p class="large">
GS1 offers a wide range of training courses to help you use our standards. Take
a look at some of our online resources to get started:
</p>
<button :class="['carousel-btn', el.colorMore]" @click="learnMore(i)">
<span>了解更多</span><img src="@/assets/image/home/more-arrow.png" alt="" />
</button>
<li style="color: #002c6c; font-size: 18px; line-height: 30px">Intro to Transport and
Logistics</li>
<li style="color: #002c6c; font-size: 18px; line-height: 30px">Intro to Traceability</li>
<p></p>
<a href="http://www.gs1.org/training" target="_blank">
<button type="button" class="btn-primary btn-margin bg-blue">
View More</button></a>
</div>
</div>
<div class="item bg-sky active left">
<div class="container">
<img class="pull-right carousel-glyph" src="@/assets/image/english/local.jpg"
style="margin-top: -40px" alt="Placeholder">
<h1>
Contact GS1 local offices</h1>
<p class="large">
GS1 has local offices in over 100 countries. Our local offices handle all enquiries
related to GS1 standards.</p>
<li style="color: #002c6c; font-size: 18px; line-height: 30px">Europe</li>
<li style="color: #002c6c; font-size: 18px; line-height: 30px">Middle East and Africa</li>
<li style="color: #002c6c; font-size: 18px; line-height: 30px">Americas</li>
<li style="color: #002c6c; font-size: 18px; line-height: 30px">Asia Pacific</li>
<a href="http://www.gs1.org/contact/overview" target="_blank">
<button type="button" class="btn-primary btn-margin bg-blue">
View More</button></a>
</div>
</div>
</div>
<div class="banner-bg">
<img :src="el.picIndexPath" alt="" />
<div class="container">
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon icon-arrow_left"></span></a><a class="right carousel-control"
href="#carousel-example-generic" data-slide="next"><span class="glyphicon icon-arrow_right">
</span></a>
</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>
......
src/views/English/SecondaryMenu/industryPromotion.vue
......@@ -36,7 +36,7 @@
<h4>
Food safety</h4>
<p class="small">
<a href="/GS1ChinaEN/GS1ChinaENTest/foodsafety.aspx">Read More &gt;</a>
<a @click="handleGo('/IndustryPromotion/FoodSafety')">Read More &gt;</a>
</p>
</div>
</div>
......@@ -79,6 +79,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 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><a href="/GS1ChinaEN/GS1ChinaENTest/promotion.aspx">Industry Promotion</a></li>
<li class="active">Healthcare</li>
</ol>
</ul>
</div>
</div>
</section>
<section>
<div class="row">
<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>
<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>
</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>
</div>
</section>
</div>
</div>
</template>
<style scoped lang="scss" >
@import "@/assets/css/english";
</style>
\ No newline at end of file
src/views/English/blankMain.vue
......@@ -11,7 +11,7 @@
<script>
import TopBanner from '@/components/layout/topBanner.vue'
import Header from '@/components/layout/englishHeader'
import Footer from "@/components/layout/englishFoor.vue"
import Footer from "@/components/layout/englishFoot.vue"
export default {
components: {
Footer,
......
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