Commit ce2a88e4 by tang

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

 Conflicts:
	src/views/Home/index.vue
parents ec54b948 c5807c9c
......@@ -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
......@@ -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
......@@ -135,6 +135,15 @@ const jcspList = (params = {}) => {
const jcspiInfo = (params = {}) => {
return GET(`${Prefix}/office/news/api/jcspiInfo/${params.id}`)
}
// 零售
const retailList = (params = {}) => {
return POST(`${Prefix}/office/news/api/retailList`, params);
}
// 物流
const logostocsList = (params = {}) => {
return POST(`${Prefix}/office/news/api/logostocsList`, params);
}
export default {
......@@ -167,5 +176,7 @@ export default {
bzkydtList,
sdztList,
jcspList,
jcspiInfo
jcspiInfo,
retailList,
logostocsList
}
<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;
}
}
}
......
<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>
......
......@@ -112,7 +112,7 @@ export default {
},
methods: {
ckxqJump() {
window.open('/Knowledge/xts', '_blank');
window.open('/Knowledge/GS1System/goodsPosition', '_blank');
// this.$router.push({
// path: '/Knowledge/xts'
// })
......
......@@ -163,6 +163,7 @@ export default {
handler(val) {
this.$nextTick(() => {
Object.keys(this.$refs).forEach((key) => {
console.log(this.$refs[key], "this.$refs");
this.$refs[key].setAttribute("class", "msg-title");
});
const top = this.$refs[val.query.id].offsetTop;
......
......@@ -357,76 +357,76 @@ export default {
},
],
},
// {
// name: "常见问题",
// path: "",
// active: "",
// children: [
// {
// name: "1.业务办理",
// path: "/Business/Faq",
// active: "",
// query: {
// type: "ywbl",
// },
// noneChild: true,
// },
// {
// name: "2.产品信息通报",
// path: "/Business/Faq",
// active: "",
// query: {
// type: "cpxxtb",
// },
// noneChild: true,
// },
// {
// name: "3.编码技术",
// path: "/Business/Faq",
// active: "",
// query: {
// type: "bmjs",
// },
// noneChild: true,
// },
// {
// name: "4.法规与标准",
// path: "/Business/Faq",
// active: "",
// query: {
// type: "fgybz",
// },
// noneChild: true,
// },
// {
// name: "5.条码质量",
// path: "/Business/Faq",
// active: "",
// query: {
// type: "tmzl",
// },
// noneChild: true,
// },
// {
// name: "6.条码技术应用",
// path: "/Business/Faq",
// active: "",
// query: {
// type: "tmjsyy",
// },
// noneChild: true,
// },
// {
// name: "7.其他",
// path: "/Business/Faq",
// active: "",
// query: {
// type: "other",
// },
// noneChild: true,
// },
// ],
// },
{
name: "常见问题",
path: "",
active: "",
children: [
{
name: "1.业务办理",
path: "/Business/Faq",
active: "",
query: {
type: "ywbl",
},
noneChild: true,
},
{
name: "2.产品信息通报",
path: "/Business/Faq",
active: "",
query: {
type: "cpxxtb",
},
noneChild: true,
},
{
name: "3.编码技术",
path: "/Business/Faq",
active: "",
query: {
type: "bmjs",
},
noneChild: true,
},
{
name: "4.法规与标准",
path: "/Business/Faq",
active: "",
query: {
type: "fgybz",
},
noneChild: true,
},
{
name: "5.条码质量",
path: "/Business/Faq",
active: "",
query: {
type: "tmzl",
},
noneChild: true,
},
{
name: "6.条码技术应用",
path: "/Business/Faq",
active: "",
query: {
type: "tmjsyy",
},
noneChild: true,
},
{
name: "7.其他",
path: "/Business/Faq",
active: "",
query: {
type: "other",
},
noneChild: true,
},
],
},
],
},
{
......
......@@ -293,8 +293,8 @@ export default {
}else{
const matche = [
{
name: "行业应用",
path: "/News/Application",
name: "深度专题",
path: "/News/DepthTopics",
}
];
this.setMatche(matche);
......
......@@ -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>
......@@ -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">
......
......@@ -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,
},
......
......@@ -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">
......
......@@ -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">
......
......@@ -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">
......
......@@ -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">
......
<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>
......@@ -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>
......
......@@ -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 });
},
},
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
<template>
<div class="list">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg(tmp)">
<div class="col li">
<span></span>
<span :title="tmp.title">{{tmp.title}}</span>
......@@ -12,10 +12,8 @@
export default {
props: ['list'],
methods: {
handelMsg() {
this.$router.push({
path: '/News/Msg'
});
handelMsg(obj) {
this.$emit('toList2Father', obj);
},
},
}
......
<template>
<div class="list">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg(tmp)">
<div class="col li">
<span></span>
<span :title="tmp.name">{{tmp.name}}</span>
<span :title="tmp.name">{{ tmp.name }}</span>
</div>
</div>
</div>
</template>
<script>
export default {
props: ['list'],
props: ["list"],
methods: {
handelMsg() {
this.$router.push({
path: '/News/Msg'
handelMsg(obj) {
let routeData = this.$router.resolve({
path: obj.url,
query: obj.query,
});
window.open(routeData.href, "_blank");
},
},
}
};
</script>
<style lang="scss" scoped>
.list {
......@@ -35,7 +37,7 @@ export default {
display: flex;
align-items: center;
font-size: 14px;
color: #7E8EA9;
color: #7e8ea9;
@include ellipsis;
span {
display: inline-block;
......
<template>
<div class="list">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg(tmp)">
<div class="col li">
<span></span>
<span :title="tmp.name">{{tmp.name}}</span>
......@@ -12,10 +12,8 @@
export default {
props: ['list'],
methods: {
handelMsg() {
this.$router.push({
path: '/News/Msg'
});
handelMsg(obj) {
window.open(obj.url, '_blank');
},
},
}
......
......@@ -209,6 +209,7 @@
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<!-- 热点点击 -->
......@@ -271,7 +272,7 @@ export default {
zxcbm:[]
},
hotListArr:[],
message:''
};
},
......@@ -317,10 +318,8 @@ export default {
});
},
goKnowledgeList(){
this.$router.push({
path: '/Knowledge/knowledgeList',
query: {type:this.chaxun.type,title:this.chaxun.keywords}
});
this.searchKnowledgeList(this.chaxun.type,this.chaxun.keywords)
},
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
......@@ -354,6 +353,7 @@ export default {
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.listResult=data
this.message='查询无结果!'
}
......
......@@ -4,12 +4,12 @@
<cate :father="zxhdCate"></cate>
<div class="container">
<ul class="picNews-ul">
<li v-for="(tmp, i) in 4" :key="i">
<li v-for="(tmp, i) in pictureListArr" :key="i" @click="getInfo(tmp.pictureid,tmp.jumppath)">
<div class="picNews-li-tp">
<img src="../../assets/image/news/tpzx-tp1.jpg" alt="" />
<img :src="tmp.picFile" alt="" />
</div>
<div class="picNews-li-bt">
中国物品编码中心应邀出席食品安全智慧监管研讨会
{{tmp.title}}
</div>
</li>
</ul>
......@@ -47,10 +47,12 @@ export default {
pageSize:15,
totalCount:0
},
pictureListArr:[]
};
},
created() {
this.initListFn(this.tableResult.currPage);
this.pictureTop4()
},
methods: {
...mapMutations({
......@@ -60,6 +62,17 @@ export default {
lookMore() {
window.open('/News/PicNews', '_target');
},
// 图片资讯列表TOP4
async pictureTop4() {
const listRes =
await this.$api.news.pictureTop4();
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.pictureListArr = data
}
},
// 列表
async initListFn(page,limit) {
const params = {
......@@ -131,6 +144,8 @@ export default {
margin-bottom: 30px;
img {
width: 100%;
height: 140px;
background: url('../../assets/image/news/tpzx-tp1.jpg') 100% 100%;
}
.picNews-li-bt {
width: 90%;
......
......@@ -54,8 +54,8 @@
<!-- <span class="more">更多>></span> -->
</p>
<!-- <img src="../../assets/image/news/dzsw2.png" alt=""> -->
<video controls="controls" src="" width="100%" height="100%" webkit-playsinline=""></video>
<img src="../../assets/image/news/dzsw2.png" alt="">
<!-- <video controls="controls" src="" width="100%" height="100%" webkit-playsinline=""></video> -->
</div>
</div>
<div class="col-lg-6 lunbo ">
......
......@@ -2,7 +2,7 @@
<div class="composite">
<cate :father="bzkydtCate"></cate>
<div class="container">
<p style="color:red;margin:15px 0 0 0 ;">【中心】</p>
<!-- <p style="color:red;margin:15px 0 0 0 ;">【中心】</p> -->
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" :pageSize="tableResult.pageSize" @getLimit='initListFn' />
</div>
......@@ -69,7 +69,7 @@ export default {
];
this.setMatche(matche);
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
path: `/News/NoticeArticle?id=${id}`,
});
window.open(link.href,'_blank')
}
......
......@@ -126,7 +126,7 @@
</div>
<ul class="li-right-ul">
<li v-for="(tmpB, ii) in tmpA.list" :key="ii">
<span></span><span>{{ tmpB.name }}</span>
<span></span><span>{{ tmpB.title }}</span>
</li>
</ul>
</div>
......@@ -148,13 +148,13 @@ export default {
path:'/News/Retail',
list: [
{
name: "手机扫描商品条码:即时价格比较是零售业未来",
title: "手机扫描商品条码:即时价格比较是零售业未来",
},
{
name: "山东德州市场约两成零售商品的条码为假冒伪造",
title: "山东德州市场约两成零售商品的条码为假冒伪造",
},
{
name: "如何在非零售商品上使用商品条码——非零售商品的",
title: "如何在非零售商品上使用商品条码——非零售商品的",
},
],
},
......@@ -164,13 +164,13 @@ export default {
path:'/News/Logistics',
list: [
{
name: "手机扫描商品条码:即时价格比较是零售业未来",
title: "手机扫描商品条码:即时价格比较是零售业未来",
},
{
name: "山东德州市场约两成零售商品的条码为假冒伪造",
title: "山东德州市场约两成零售商品的条码为假冒伪造",
},
{
name: "如何在非零售商品上使用商品条码——非零售商品的",
title: "如何在非零售商品上使用商品条码——非零售商品的",
},
],
},
......@@ -180,13 +180,13 @@ export default {
path:'/News/Health',
list: [
{
name: "手机扫描商品条码:即时价格比较是零售业未来",
title: "手机扫描商品条码:即时价格比较是零售业未来",
},
{
name: "山东德州市场约两成零售商品的条码为假冒伪造",
title: "山东德州市场约两成零售商品的条码为假冒伪造",
},
{
name: "如何在非零售商品上使用商品条码——非零售商品的",
title: "如何在非零售商品上使用商品条码——非零售商品的",
},
],
},
......@@ -196,13 +196,13 @@ export default {
path:'/News/FoodSafety',
list: [
{
name: "手机扫描商品条码:即时价格比较是零售业未来",
title: "手机扫描商品条码:即时价格比较是零售业未来",
},
{
name: "山东德州市场约两成零售商品的条码为假冒伪造",
title: "山东德州市场约两成零售商品的条码为假冒伪造",
},
{
name: "如何在非零售商品上使用商品条码——非零售商品的",
title: "如何在非零售商品上使用商品条码——非零售商品的",
},
],
},
......@@ -212,13 +212,13 @@ export default {
path:'/News/ECommerce',
list: [
{
name: "手机扫描商品条码:即时价格比较是零售业未来",
title: "手机扫描商品条码:即时价格比较是零售业未来",
},
{
name: "山东德州市场约两成零售商品的条码为假冒伪造",
title: "山东德州市场约两成零售商品的条码为假冒伪造",
},
{
name: "如何在非零售商品上使用商品条码——非零售商品的",
title: "如何在非零售商品上使用商品条码——非零售商品的",
},
],
},
......@@ -228,13 +228,13 @@ export default {
path:'/News/MCommerce',
list: [
{
name: "手机扫描商品条码:即时价格比较是零售业未来",
title: "手机扫描商品条码:即时价格比较是零售业未来",
},
{
name: "山东德州市场约两成零售商品的条码为假冒伪造",
title: "山东德州市场约两成零售商品的条码为假冒伪造",
},
{
name: "如何在非零售商品上使用商品条码——非零售商品的",
title: "如何在非零售商品上使用商品条码——非零售商品的",
},
],
},
......@@ -244,13 +244,13 @@ export default {
path:'/News/IoT',
list: [
{
name: "手机扫描商品条码:即时价格比较是零售业未来",
title: "手机扫描商品条码:即时价格比较是零售业未来",
},
{
name: "山东德州市场约两成零售商品的条码为假冒伪造",
title: "山东德州市场约两成零售商品的条码为假冒伪造",
},
{
name: "如何在非零售商品上使用商品条码——非零售商品的",
title: "如何在非零售商品上使用商品条码——非零售商品的",
},
],
},
......@@ -260,13 +260,13 @@ export default {
path:'/News/Other',
list: [
{
name: "手机扫描商品条码:即时价格比较是零售业未来",
title: "手机扫描商品条码:即时价格比较是零售业未来",
},
{
name: "山东德州市场约两成零售商品的条码为假冒伪造",
title: "山东德州市场约两成零售商品的条码为假冒伪造",
},
{
name: "如何在非零售商品上使用商品条码——非零售商品的",
title: "如何在非零售商品上使用商品条码——非零售商品的",
},
],
},
......@@ -298,6 +298,16 @@ export default {
this.depthListFn();
//top
this.newsTop10()
//零售
this.retailList()
//物流
// this.logostocsList()
// 电子商务
this.yydtList()
//物联网
this.iotList()
// 其他
this.otherList()
},
methods:{
...mapMutations({
......@@ -323,6 +333,7 @@ export default {
path: path,
});
},
async initListFn(limit,classId) {
const params = {
page: 1,
......@@ -414,7 +425,79 @@ export default {
window.open(link.href,'_blank')
}
},
//零售列表
async retailList() {
const params = {
page: 1,
size: 3,
};
const listRes =
await this.$api.news.retailList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.four[0].list = data.list
}
},
//物流列表
async logostocsList() {
const params = {
page: 1,
size: 3,
};
const listRes =
await this.$api.news.logostocsList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.four[1].list = data.list
}
},
//电子商务列表
async yydtList() {
const params = {
page: 1,
limit: 3,
};
const listRes =
await this.$api.news.yydtList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.four[4].list = data.list
}
},
// 物联网列表
async iotList(page,limit) {
const params = {
page: 1,
limit: 3,
classId:30
};
const listRes =
await this.$api.news.iotList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.four[6].list = data.list
}
},
// 其他
async otherList(page,limit) {
const params = {
page: 1,
limit: 3,
};
const listRes =
await this.$api.news.otherList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.four[7].list = data.list
}
},
}
};
</script>
......@@ -439,6 +522,19 @@ export default {
</style>
<style lang="scss" scoped>
.news {
.picNews-top {
@include module-box;
}
.picNews-bottom {
@include module-box;
margin-top: 30px;
}
.picNews-li-tp{
img{
height: 140px;
background: url('../../assets/image/news/tpzx-tp1.jpg') 100% 100%;
}
}
@mixin newsUl {
ul {
padding: 0;
......
......@@ -79,7 +79,7 @@
<div class="cate">
<span>公告通知</span>
</div>
<list2 :list="announceListArr" @getInfo="getInfo" />
<list2 :list="announceListArr" @getInfo="getNoticeInfo" />
</div>
</div>
<div class="zttj">
......@@ -232,6 +232,17 @@ export default {
window.open(link.href, "_blank");
}
},
getNoticeInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/News/NoticeArticle?id=${id}`,
});
window.open(link.href,'_blank')
}
},
// weibo
toweibo() {
this.sharesinastring =
......
<template>
<div class="zxcxgj-title">
<span></span>{{ father.name }}
</div>
<div class="zxcxgj-title"><span></span>{{ father.name }}</div>
</template>
<script>
export default {
......@@ -11,7 +9,7 @@ export default {
<style lang="scss">
.zxcxgj-title {
font-size: 16px;
color: #04408d;
color: #008dbd;
border-bottom: 1px solid #c5d8ee;
padding: 14px 0;
display: flex;
......@@ -25,5 +23,8 @@ export default {
border-radius: 50%;
margin-right: 10px;
}
&.actived {
color: #04408d;
}
}
</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