Skip to content

G
gs1
Commit c5807c9c by ahxiangkui
Options

liwj提交

parent 0926b902
Showing with 112 additions and 125 deletions
src/assets/css/english.scss
......@@ -106,7 +106,7 @@ summary {
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-lsm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
......@@ -130,7 +130,7 @@ summary {
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-lsm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
......@@ -492,18 +492,17 @@ small,
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-lsm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-lsm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
......@@ -522,6 +521,14 @@ small,
float: left;
margin: 0;
}
.col-lsm-9 {
width: 75%;
}
.col-lsm-3 {
width: 25%;
}
}
@media (min-width: 992px) {
......@@ -565,10 +572,6 @@ small,
width: 970px;
}
.toolkit .carousel-inner .item .carousel-glyph {
display: none;
}
.banner {
height: 400px;
......@@ -589,3 +592,9 @@ small,
width: 1170px;
}
}
@media (max-width: 996px) {
.englishToolkit .slick-list .item .carousel-glyph {
display: none;
}
}
\ No newline at end of file
src/assets/css/englishComm.scss
......@@ -41,6 +41,8 @@
background: rgba(0, 0, 0, 0.15);
height: 42px;
line-height: 42px;
bottom: -20px !important;
position: absolute;
z-index: 99;
width: 100%;
}
}
\ No newline at end of file
src/components/layout/englishHeader/HeaderBtn.vue
<template>
<div class="header-btn move-btn">
<el-button v-if="!user" type="primary" style="padding: 9px 30px;margin-right: 6px" size="small"
@click="handleToLogin">注册/登录
<div class="header-btn move-btn header-btn-english">
<a href="http://www.gs1.org/search/gss" target="_blank">
<el-button type="primary" style="padding: 9px 30px;margin-right: 6px" size="small">Search
</el-button>
<el-button v-else type="primary" style="padding: 9px 30px;margin-right: 6px" size="small" @click="handleExit">退出登录
</el-button>
<!-- Toggler -->
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-default">
<i class="bi-list"></i>
</span>
<span class="navbar-toggler-toggled">
<i class="bi-x"></i>
</span>
</button>
<!-- End Toggler -->
</a>
</div>
</template>
<script>
export default {
name: "HeaderBtn",
data() {
data () {
return {
user: null
}
},
methods: {
handleToLogin() {
this.$router.push({path: "/login"});
},
handleExit() {
localStorage.removeItem('loginInfo')
localStorage.removeItem('TOKEN')
localStorage.removeItem('gs-user')
// this.$router.push({path: "/"})
location.href = '/'
this.user = null
}
},
created() {
created () {
this.user = localStorage.getItem('loginInfo') ? JSON.parse(localStorage.getItem('loginInfo')) : null
},
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.header-btn {
button {
&:hover {
background: #CC3C0F;
background: #cc3c0f;
}
}
}
......
src/components/layout/topBanner.vue
<template>
<div class="container d-none d-xl-block d-lg-block">
<div class="top-banner">
<!-- <div>全球商业语言</div>
<div>全球商业语言</div>
<div class="top-banner-item language">
<el-dropdown class="language-dropdown">
<el-dropdown class="language-dropdown" @command="handleClick">
<span class="el-dropdown-link">
中文<i class="el-icon-arrow-down el-icon--right"></i>
{{languageTxt}}<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown" class="language-dropdown-menu">
<el-dropdown-item>中文</el-dropdown-item>
<el-dropdown-item>英文</el-dropdown-item>
<el-dropdown-item command="中文">中文</el-dropdown-item>
<el-dropdown-item command="英文">英文</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div> -->
</div>
<div class="top-banner-item tb-hover">咨询电话：400-7000-690</div>
<div class="top-banner-item">
<img src="../../assets/image/head/wx.png" alt=""/>
<a
class="tb-hover"
target="_blank"
:href="`${urls.ancc}gs1cnweixin.aspx`"
>官方微信</a
>
<img src="../../assets/image/head/wx.png" alt="" />
<a class="tb-hover" target="_blank" :href="`${urls.ancc}gs1cnweixin.aspx`">官方微信</a>
</div>
<div class="top-banner-item">
<img src="../../assets/image/head/xlwb.png" alt=""/>
<a class="tb-hover" target="_blank" href="https://weibo.com/gs1cn"
>官方微博</a
>
<img src="../../assets/image/head/xlwb.png" alt="" />
<a class="tb-hover" target="_blank" href="https://weibo.com/gs1cn">官方微博</a>
</div>
<div class="top-banner-item tb-hover" @click="handleSearch">
<img src="../../assets/image/head/search.png" alt=""/>
<img src="../../assets/image/head/search.png" alt="" />
</div>
<!-- <span @click="toAdmin" style="cursor: pointer;margin-left: 4px" v-if="user.username">{{ user.username }}</span>-->
<img v-if="user.username" @click="toAdmin" style="width:22px;cursor: pointer;margin-left: 20px"
......@@ -40,41 +33,54 @@
</template>
<script>
import {mapState} from "vuex";
import { mapState } from "vuex";
export default {
name: "topBanner",
computed: {
...mapState(["urls"]),
},
created() {
created () {
this.user = localStorage.getItem('loginInfo') ? JSON.parse(localStorage.getItem('loginInfo')) : {}
console.log(this.user)
},
data() {
data () {
return {
user: {}
user: {},
languageTxt: '中文'
}
},
methods: {
toAdmin() {
toAdmin () {
if ((this.user.userType === 1 && this.user.isXT !== 1) || (this.user.userType === 2 && this.user.isXT !== 1) || (this.user.userType === 3 && this.user.levels === null)) {
this.$router.push({path: '/MyManage/UnVerify/index'})
this.$router.push({ path: '/MyManage/UnVerify/index' })
} else if (this.user.isXT === 1) {
this.$router.push({path: '/MyManage/SystemMember/index'})
this.$router.push({ path: '/MyManage/SystemMember/index' })
} else if (this.user.levels === 0) {
this.$router.push({path: '/MyManage/admin/check'})
this.$router.push({ path: '/MyManage/admin/check' })
} else if (this.user.levels === 1) {
this.$router.push({path: '/MyManage/admin/check'})
this.$router.push({ path: '/MyManage/admin/check' })
} else if (String(this.user.levels).length === 4) {
this.$router.push({path: '/MyManage/admin/check'})
this.$router.push({ path: '/MyManage/admin/check' })
}
},
handleSearch() {
handleSearch () {
this.$router.push({
path: "/Home/sousuo",
});
},
handleClick (val) {
this.languageTxt = val
if (val == '中文') {
this.$router.push({
path: "/Home",
});
} else {
this.$router.push({
path: "/EnglishHome",
});
}
}
},
};
</script>
......
src/views/English/Home/components/trodList.vue
......@@ -17,8 +17,8 @@
<div class="col-xs-12">
<img src="@/assets/image/english/1.jpg" class="img-responsive"></div>
<div class="col-xs-12">
<p style="line-height: 28px; padding: 22px; font-size: 14px">
In order to address to the domestic demand of healthcare safety, GS1 China strengthened
<p class="pStyle">
111In 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
......@@ -39,7 +39,7 @@
<img src="@/assets/image/english/2.jpg" class="img-responsive">
<div class="col-xs-12">
</div>
<p style="line-height: 28px; padding: 22px; font-size: 14px">
<p class="pStyle">
Barcode applications have been extended to the food safety area with great efforts
and a number of food safety tracking and tracing system demonstrations have been
established on a range of products such as Shandong seafood, Xinjiang cantaloupe,
......@@ -131,4 +131,9 @@ export default {
</script>
<style lang="scss" scoped>
@import "@/assets/css/english";
.pStyle {
line-height: 28px !important;
padding: 22px;
font-size: 14px !important;
}
</style>
src/views/English/SecondaryMenu/Barcode.vue
......@@ -16,7 +16,7 @@
<section>
<h1>Commodity Barcode</h1>
<div class="row">
<div class="col-sm-9" style="background-color:#FFF;border-top: 7px solid #f16333">
<div class="col-lsm-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">
......@@ -58,7 +58,7 @@
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="col-lsm-3">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div>
<div class="content-module content-module-padding">
......
src/views/English/SecondaryMenu/ContactUs.vue
......@@ -16,7 +16,7 @@
<section>
<div class="row">
<div class="col-sm-9">
<div class="col-lsm-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">
......@@ -48,7 +48,7 @@
</p>
</div>
</div>
<div class="col-sm-3" style="padding-top: 59px">
<div class="col-lsm-3" style="padding-top: 59px">
<div class="content-module-container">
<h4></h4>
<div class="content-module-wrapper" style="border-top: 7px solid #7ac143"></div>
......@@ -86,7 +86,7 @@ export default {
return {
map: {
label: "GS1 China",
center: { lng: 116.415108, lat: 39.961695 },
center: { lng: 116.415256, lat: 39.961205 },
zoom: 16,
show: false,
},
......
src/views/English/SecondaryMenu/ECommerce.vue
......@@ -16,7 +16,7 @@
<section>
<h1>ECommerce</h1>
<div class="row">
<div class="col-sm-9">
<div class="col-lsm-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
......@@ -47,7 +47,7 @@
information, share data, monitor and construct trusted e-commerce environment. </p>
</div>
<div class="col-sm-3" style="padding-top:30px">
<div class="col-lsm-3" style="padding-top:30px">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div>
<div class="content-module content-module-padding">
......
src/views/English/SecondaryMenu/EPC.vue
......@@ -16,7 +16,7 @@
<section>
<h1>EPC</h1>
<div class="row">
<div class="col-sm-9" style="background-color:#FFF;border-top: 7px solid #f16333">
<div class="col-lsm-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">
......@@ -34,7 +34,7 @@
assigned with EPC Manager Numbers.
</p>
</div>
<div class="col-sm-3">
<div class="col-lsm-3">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div>
<div class="content-module content-module-padding">
......
src/views/English/SecondaryMenu/GDSN.vue
......@@ -16,7 +16,7 @@
<section>
<h1>Global Data Synchronisation Network(GDSN)</h1>
<div class="row">
<div class="col-sm-9">
<div class="col-lsm-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
......@@ -40,7 +40,7 @@
China's product information.
</p>
</div>
<div class="col-sm-3">
<div class="col-lsm-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">
......
src/views/English/SecondaryMenu/HanXinCode.vue
......@@ -16,7 +16,7 @@
<section>
<h1>Han Xin Code</h1>
<div class="row">
<div class="col-sm-9" style="background-color:#FFF;border-top: 7px solid #f16333">
<div class="col-lsm-9" style="background-color:#FFF;border-top: 7px solid #f16333">
<h4 style="color: #f16333; border-bottom: none; padding-top:30px; line-height:35px">
The background and the development of the Han Xin code</h4>
<p class="small" style="padding:25px; line-height:35px; padding-bottom:5px; padding-top:10px">
......@@ -120,7 +120,7 @@
will bring considerable economic profit as well as help global trading enterprises gaining powerful
information coding technological support and competitive advantage.</p>
</div>
<div class="col-sm-3">
<div class="col-lsm-3">
<div class="content-module-wrapper" style="border-top: 7px solid #002c6c">
</div>
<div class="content-module content-module-padding">
......
src/views/English/SecondaryMenu/InnovativeSectors.vue
<template>
<div class="container site-content flush-outside" style="width: 100%;max-width: 100%;">
<div class="container" style="padding-left:15px; padding-right:15px">
<div class="row" style="background-color: #FFF;margin-right: 0px;
<div class="row" style="margin-right: 0px;
margin-top: 20px">
<div class="row" style="margin-left: -15px; ">
<div class="col-xs-12 col-md-12 section-spacing" style="margin-top: 0px; padding-bottom: 0px">
......@@ -167,4 +167,8 @@ export default {
.toolkit .site-content {
margin-top: 0;
}
.row {
margin-left: 0px;
margin-right: 0px;
}
</style>
src/views/English/SecondaryMenu/Introduction.vue
......@@ -15,7 +15,7 @@
</section>
<section>
<div class="row">
<div class="col-sm-9">
<div class="col-lsm-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
......@@ -58,7 +58,7 @@
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">
<div class="col-lsm-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>
......
src/views/English/SecondaryMenu/Structure.vue
......@@ -17,46 +17,30 @@
</section>
<section>
<div class="row">
<div class="col-sm-9">
<div class="col-lsm-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-lsm-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-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>
......@@ -69,11 +53,11 @@
</template>
<script>
export default {
data() {
data () {
return {};
},
methods: {
handleGo(val) {
handleGo (val) {
this.$router.push({ path: val });
},
},
......
src/views/English/SecondaryMenu/eLearning.vue
......@@ -16,7 +16,7 @@
<section>
<h1>e-Learning</h1>
<div class="row">
<div class="col-sm-9">
<div class="col-lsm-9">
<p class="small" style="padding-top: 20px; line-height: 30px">
GS1 LEARN is the home of GS1 China complete programme of eLearning
and classroom training courses for staff of GS1's 112 Member
......@@ -51,7 +51,7 @@
<a href="http://learn.gs1.org/" target="_blank"><img class="img-responsive center-block"
src="@/assets/image/english/prntscreen_course.gif" alt="" /></a>
</div>
<div class="col-sm-3" style="padding-top: 15px">
<div class="col-lsm-3" style="padding-top: 15px">
<div class="content-module-container">
<h4></h4>
<div class="content-module-wrapper" style="border-top: 7px solid #7ac143"></div>
......
src/views/English/TertiaryMenu/IndustryPromotion/FoodSafety.vue
......@@ -18,7 +18,7 @@
</section>
<section>
<div class="row">
<div class="col-sm-9">
<div class="col-lsm-9">
<h1>Food safety</h1>
<p class="small" style="padding-top: 20px">
In recent years, food safety standards received widespread concern
......@@ -56,7 +56,7 @@
food safety tracking and tracing system.
</p>
</div>
<div class="col-sm-3" style="padding-top: 85px">
<div class="col-lsm-3" style="padding-top: 85px">
<img class="img-responsive center-block" src="@/assets/image/english/FS-2.jpg" alt="Food satety" />
</div>
</div>
......
src/views/English/TertiaryMenu/IndustryPromotion/Healthcare.vue
......@@ -18,7 +18,7 @@
</section>
<section>
<div class="row">
<div class="col-sm-9">
<div class="col-lsm-9">
<h1>Healthcare</h1>
<p class="small" style="padding-top: 20px">
In order to address to the domestic demand of healthcare safety,
......@@ -41,7 +41,7 @@
</a>
</p>
</div>
<div class="col-sm-3" style="padding-top: 85px">
<div class="col-lsm-3" style="padding-top: 85px">
<img class="img-responsive center-block" src="@/assets/image/english/HC-2.jpg" alt="Healthcare" />
</div>
</div>
......
src/views/English/TertiaryMenu/IndustryPromotion/Others.vue
......@@ -18,7 +18,7 @@
</section>
<section>
<div class="row">
<div class="col-sm-9">
<div class="col-lsm-9">
<h1>Others</h1>
<p class="small" style="padding-top: 20px">
In 2007, due to the domestic and international concern, GS1 China
......@@ -66,7 +66,7 @@
Qingdao, Yantai, etc.
</p>
</div>
<div class="col-sm-3" style="padding-top: 85px">
<div class="col-lsm-3" style="padding-top: 85px">
<img class="img-responsive center-block" src="@/assets/image/english/TL-2.png" alt="Food satety" />
</div>
</div>
......
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