Skip to content

G
gs1
Commit 257fbba1 by 林家欣
Options

首页修改其静态文章列表文案

parent b9f718d5
Showing with 407 additions and 173 deletions
src/views/Home/comps/list.vue
<template>
<div class="list">
<div v-for="(tmp, i) in 10" :key="i" class="row">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
<div class="col-lg-8 list-left">
<span></span>
<span>墨玉树上老菌菌业有限公司墨玉树上老菌菌业有限公司</span>
<span>{{tmp.name}}</span>
</div>
<div class="col-lg-4 list-right">2020-10-20</div>
<div class="col-lg-4 list-right">{{tmp.time}}</div>
</div>
<div class="row">
<div class="col more" @click="handelMore"><span>更多></span></div>
......@@ -14,7 +14,13 @@
</template>
<script>
export default {
props: ['list'],
methods: {
handelMsg() {
this.$router.push({
path: '/News/Msg'
});
},
handelMore() {
this.$router.push({
path: '/News/index'
......@@ -32,6 +38,7 @@ export default {
justify-content: space-between;
padding: 8px 0;
margin: 0;
cursor: pointer;
.list-left {
flex: 1;
display: flex;
......
src/views/Home/comps/list2.vue
<template>
<div class="list">
<div v-for="(tmp, i) in list" :key="i" class="row">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
<div class="col li">
<span></span>
<span>墨玉树上老菌菌业有限公司墨玉树上老菌菌业有限公司</span>
<span>{{tmp.name}}</span>
</div>
</div>
</div>
......@@ -11,6 +11,13 @@
<script>
export default {
props: ['list'],
methods: {
handelMsg() {
this.$router.push({
path: '/News/Msg'
});
},
},
}
</script>
<style lang="scss" scoped>
......@@ -22,6 +29,7 @@ export default {
justify-content: space-between;
padding: 10px 0;
margin: 0;
cursor: pointer;
.li {
flex: 1;
display: flex;
......
src/views/Home/comps/other-list.vue
<template>
<div class="list">
<div v-for="(tmp, i) in list" :key="i" class="row">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
<div class="col li">
<span></span>
<span>墨玉树上老菌菌业有限公司墨玉树上老菌菌业有限公司</span>
<span>{{tmp.name}}</span>
</div>
</div>
</div>
......@@ -11,6 +11,13 @@
<script>
export default {
props: ['list'],
methods: {
handelMsg() {
this.$router.push({
path: '/News/Msg'
});
},
},
}
</script>
<style lang="scss" scoped>
......@@ -22,6 +29,7 @@ export default {
justify-content: space-between;
padding: 2.8px 0;
margin: 0;
cursor: pointer;
.li {
flex: 1;
display: flex;
......
src/views/Home/comps/yyly-list.vue
<template>
<div class="list">
<div v-for="(tmp, i) in list" :key="i" class="row">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="handelMsg">
<div class="col li">
<span></span>
<span>墨玉树上老菌菌业有限公司墨玉树上老菌菌业有限公司</span>
<span>{{tmp.name}}</span>
</div>
</div>
</div>
......@@ -11,6 +11,13 @@
<script>
export default {
props: ['list'],
methods: {
handelMsg() {
this.$router.push({
path: '/News/Msg'
});
},
},
}
</script>
<style lang="scss" scoped>
......@@ -26,6 +33,7 @@ export default {
flex: 1;
display: flex;
align-items: center;
cursor: pointer;
@include ellipsis;
span {
display: inline-block;
......
src/views/Home/index.vue
......@@ -178,79 +178,36 @@
</div>
<div class="col-lg-4">
<ul class="nav nav-tabs tabs1" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button
class="nav-link active"
id="home-tab"
data-bs-toggle="tab"
data-bs-target="#home"
type="button"
role="tab"
aria-controls="home"
aria-selected="true"
>
<span>要闻</span>
</button>
</li>
<li class="nav-item" role="presentation">
<button
class="nav-link"
id="profile-tab"
data-bs-toggle="tab"
data-bs-target="#profile"
type="button"
role="tab"
aria-controls="profile"
aria-selected="false"
>
<span>中心</span>
</button>
</li>
<li class="nav-item" role="presentation">
<button
class="nav-link"
id="profile-tab"
data-bs-toggle="tab"
data-bs-target="#profile"
type="button"
role="tab"
aria-controls="profile"
aria-selected="false"
<li
class="nav-item"
role="presentation"
v-for="(tmp, i) in news"
:key="i"
>
<span>地方</span>
</button>
</li>
<li class="nav-item" role="presentation">
<button
class="nav-link"
id="profile-tab"
:class="['nav-link', { active: i === 0 }]"
:id="tmp.type + '-tab'"
data-bs-toggle="tab"
data-bs-target="#profile"
:data-bs-target="'#' + tmp.type"
type="button"
role="tab"
aria-controls="profile"
aria-selected="false"
:aria-controls="tmp.type"
aria-selected="true"
>
<span>国际</span>
<span>{{ tmp.name }}</span>
</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-content marginTop10" id="myTabContent">
<div
class="tab-pane fade show active"
id="home"
role="tabpanel"
aria-labelledby="home-tab"
>
<list />
</div>
<div
class="tab-pane fade"
id="profile"
v-for="(tmp, i) in news"
:key="i"
:class="['tab-pane', 'fade', { 'show active': i === 0 }]"
:id="tmp.type"
role="tabpanel"
aria-labelledby="profile-tab"
:aria-labelledby="tmp.type + '-tab'"
>
<list />
<list :list="tmp.data" />
</div>
</div>
</div>
......@@ -270,16 +227,20 @@
<span>我还不是系统成员</span>
<span>（企业初次申请）</span>
</div>
<button class="wbsxtcy-btn" @click="wysqsptmHandelClick">我要申请商品条码</button>
<button class="wbsxtcy-btn" @click="wysqsptmHandelClick">
我要申请商品条码
</button>
<div class="row ywdt-kj">
<div class="col-lg-6" v-for="(tmp, i) in whbsxtcy" :key="i" @click="whbsxtcyHandelClick(i)">
<div
class="col-lg-6"
v-for="(tmp, i) in whbsxtcy"
:key="i"
@click="whbsxtcyHandelClick(i)"
>
<div class="ywdt-tp">
<img
:src="tmp.ico"
alt=""
/>
<img :src="tmp.ico" alt="" />
</div>
<div class="ywdt-bt">{{tmp.name}}1</div>
<div class="ywdt-bt">{{ tmp.name }}1</div>
</div>
</div>
</div>
......@@ -289,14 +250,16 @@
<span>（成员专区）</span>
</div>
<div class="row ywdt-kj">
<div class="col-lg-6" v-for="(tmp, i) in wsxtcy" :key="i" @click="wsxtcyHandelClick(i)">
<div
class="col-lg-6"
v-for="(tmp, i) in wsxtcy"
:key="i"
@click="wsxtcyHandelClick(i)"
>
<div class="ywdt-tp">
<img
:src="tmp.ico"
alt=""
/>
<img :src="tmp.ico" alt="" />
</div>
<div class="ywdt-bt">{{tmp.name}}</div>
<div class="ywdt-bt">{{ tmp.name }}</div>
</div>
</div>
</div>
......@@ -307,14 +270,16 @@
<span>我是医疗企业</span>
</div>
<div class="row ywdt-kj">
<div class="col-lg-6" v-for="(tmp, i) in wsylqy" :key="i" @click="wsylqyHandelClick(i)">
<div
class="col-lg-6"
v-for="(tmp, i) in wsylqy"
:key="i"
@click="wsylqyHandelClick(i)"
>
<div class="ywdt-tp">
<img
:src="tmp.ico"
alt=""
/>
<img :src="tmp.ico" alt="" />
</div>
<div class="ywdt-bt">{{tmp.name}}</div>
<div class="ywdt-bt">{{ tmp.name }}</div>
</div>
</div>
</div>
......@@ -323,14 +288,16 @@
<span>跨境业务办理专区</span>
</div>
<div class="row ywdt-kj">
<div class="col-lg-6" v-for="(tmp, i) in kjywblzq" :key="i" @click="kjywblzqHandelClick(i)">
<div
class="col-lg-6"
v-for="(tmp, i) in kjywblzq"
:key="i"
@click="kjywblzqHandelClick(i)"
>
<div class="ywdt-tp">
<img
:src="tmp.ico"
alt=""
/>
<img :src="tmp.ico" alt="" />
</div>
<div class="ywdt-bt">{{tmp.name}}</div>
<div class="ywdt-bt">{{ tmp.name }}</div>
</div>
</div>
</div>
......@@ -479,7 +446,9 @@
<div class="container">
<div class="spqqsfz-cate">
<div class="spqqsfz-cate-left">商品全球身份证</div>
<div class="spqqsfz-cate-right" @click="spqqsfzHandelClick">更多></div>
<div class="spqqsfz-cate-right" @click="spqqsfzHandelClick">
更多>
</div>
</div>
<div class="spqqsfz-cont row">
<div class="spqqsfz-cont-left col-lg-3">
......@@ -522,7 +491,7 @@
<div class="djwh-tp">
<img src="../../assets/image/home/dangjianwenhua.png" alt="" />
</div>
<list2 :list="5" />
<list2 :list="djwh.data" />
</div>
</div>
<div class="col-lg-3">
......@@ -531,13 +500,13 @@
<div class="djwh-tp">
<img src="../../assets/image/home/zhuantijujiao.png" alt="" />
</div>
<list2 :list="5" />
<list2 :list="ztjj.data" />
</div>
</div>
<div class="col-lg-3">
<div class="yyly">
<div class="home-bottom-cate">应用领域</div>
<yylyList :list="11" />
<yylyList :list="yyly.data" />
</div>
</div>
<div class="col-lg-3">
......@@ -545,7 +514,7 @@
<div class="home-bottom-cate">
质检中心/协会/杂志社/标准委/其他
</div>
<otherList :list="13" />
<otherList :list="other.data" />
</div>
</div>
</div>
......@@ -664,6 +633,124 @@ export default {
data() {
return {
keywords: "",
news: [
{
type: "yaowen",
name: "要闻",
link: "",
active: "yaowen",
data: [
{
name: "2021年第一届中国ECR委员会董事会在杭州顺利召开",
time: "2020-10-19",
},
{
name: "厘清条码服务需求　提升条码服务质量",
time: "2020-10-11",
},
{
name: "京东商品平台发布商品条码(GTIN)快速发品功能类目覆盖公告",
time: "2020-09-18",
},
{
name: "中国标准 引领国际——我国提出世界首个工业化建造与自动识别技术应用ISO国际标准获成功立项",
time: "2020-09-14",
},
{
name: "中国石油物资采购中心赴中国物品编码中心交流座谈",
time: "2020-09-03",
},
{
name: "中国主导的首个二维码码制国际标准正式发布",
time: "2020-08-31",
},
{
name: "国际药品监管机构联盟发布追溯系统互操作性建议",
time: "2020-08-11",
},
{
name: "中国物品编码中心应邀出席2021GFSI中国主题日活动",
time: "2020-07-20",
},
{
name: "商家最快1分钟极速上架新品 京东商品管理系统全新升级",
time: "2020-07-20",
},
],
},
{
type: "zhongxin",
name: "中心",
link: "",
active: "zhongxin",
data: [
{
name: "优数字化生态 享智慧化生活 ——2021年第十八届中国ECR大会于杭州盛大开幕",
time: "2020-10-20",
},
{
name: "2021年第一届中国ECR委员会董事会在杭州顺利召开",
time: "2020-10-19",
},
{
name: "厘清条码服务需求　提升条码服务质量",
time: "2020-10-11",
},
{
name: "京东商品平台发布商品条码(GTIN)快速发品功能类目覆盖公告",
time: "2020-09-18",
},
],
},
{
type: "difang",
name: "地方",
link: "",
active: "difang",
data: [
{
name: "中国物品编码中心湖南分中心开展 “我为企业优服务”活动",
time: "2020-10-22",
},
{
name: "中国物品编码中心宁波分中心组织召开医疗器械唯一标识(UDI)专项培训",
time: "2020-10-22",
},
{
name: "中国物品编码中心广州分中心积极开展 “世界标准日”宣传活动",
time: "2020-10-20",
},
{
name: "中国物品编码中心安徽分中心赴黄山智慧旅游有限公司开展地理标志产品追溯调研",
time: "2020-10-20",
},
],
},
{
type: "guoji",
name: "国际",
link: "",
active: "guoji",
data: [
{
name: "阿里巴巴（法国）与GS1法国签署合作备忘录 鼓励企业使用GS1标准并提供优质产品数据",
time: "2017-07-10",
},
{
name: "意大利物品编码协会与阿里巴巴集团意大利办事处开展合作",
time: "2017-03-29",
},
{
name: "GS1澳大利亚与阿里巴巴集团签约 天猫澳大利亚进口商品今起可追溯",
time: "2017-01-06",
},
{
name: "可信标识符成为欧洲跨境电商保护措施",
time: "2016-10-21",
},
],
},
],
chaxun: {
type: "",
options: [
......@@ -677,145 +764,144 @@ export default {
whbsxtcy: [
{
ico: require("../../assets/image/home/wbsxtcy-ico1.png"),
name: '收费公示',
url: '/Business/Corppaynew'
name: "收费公示",
url: "/Business/Corppaynew",
},
{
ico: require("../../assets/image/home/wbsxtcy-ico2.png"),
name: '操作指南',
url: '/Business/Guide1'
name: "操作指南",
url: "/Business/Guide1",
},
{
ico: require("../../assets/image/home/wbsxtcy-ico3.png"),
name: '条码注册公告',
url: '/Business/Notice',
name: "条码注册公告",
url: "/Business/Notice",
query: {
id: 'zhuce'
}
id: "zhuce",
},
},
{
ico: require("../../assets/image/home/wbsxtcy-ico4.png"),
name: '条码注销公告',
url: '/Business/Notice',
name: "条码注销公告",
url: "/Business/Notice",
query: {
id: 'zhuxiao'
}
}
id: "zhuxiao",
},
},
],
wsxtcy: [
{
ico: require("../../assets/image/home/wsxtcy-ico1.png"),
name: '培训',
url: '/Service/Training'
name: "培训",
url: "/Service/Training",
},
{
ico: require("../../assets/image/home/wsxtcy-ico2.png"),
name: '续展',
url: '/Business/Renewal'
name: "续展",
url: "/Business/Renewal",
},
{
ico: require("../../assets/image/home/wsxtcy-ico3.png"),
name: '编码',
url: '/Business/Code1',
name: "编码",
url: "/Business/Code1",
query: {
id: '1-1'
}
id: "1-1",
},
},
{
ico: require("../../assets/image/home/wsxtcy-ico4.png"),
name: '通报编码信息',
url: '/Business/Guide3',
name: "通报编码信息",
url: "/Business/Guide3",
query: {
id: '3-1'
}
id: "3-1",
},
},
{
ico: require("../../assets/image/home/wsxtcy-ico5.png"),
name: '追溯',
url: '/Business/FoodSafety',
name: "追溯",
url: "/Business/FoodSafety",
},
{
ico: require("../../assets/image/home/wsxtcy-ico6.png"),
name: '查找服务商',
url: '/Service/Partners/List'
}
name: "查找服务商",
url: "/Service/Partners/List",
},
],
wsylqy: [
{
ico: require("../../assets/image/home/wsylqy-ico1.png"),
name: '申请医疗器械唯一标识（UDI）',
url: '/Business/UDI'
name: "申请医疗器械唯一标识（UDI）",
url: "/Business/UDI",
},
{
ico: require("../../assets/image/home/wsylqy-ico2.png"),
name: '申请药品追溯码',
url: '/Business/ypzs'
}
name: "申请药品追溯码",
url: "/Business/ypzs",
},
],
kjywblzq: [
{
ico: require("../../assets/image/home/kjywblzq-ico1.png"),
name: 'GLN业务办理',
url: '/Business/GLN'
name: "GLN业务办理",
url: "/Business/GLN",
},
{
ico: require("../../assets/image/home/kjywblzq-ico2.png"),
name: 'LEI业务办理',
}
name: "LEI业务办理",
},
],
dzfw: [
{
ico: require("../../assets/image/home/dzfw-ico1.png"),
name: "商品信息服务平台",
isChecked: true,
url: '/Service/GDS',
url: "/Service/GDS",
},
{
ico: require("../../assets/image/home/dzfw-ico2.png"),
name: "进口商品数据通报",
isChecked: true,
url: 'http://import.gds.org.cn/Content/staticpage/serviceIntroduct.html',
type: 'link',
url: "http://import.gds.org.cn/Content/staticpage/serviceIntroduct.html",
type: "link",
},
{
ico: require("../../assets/image/home/dzfw-ico3.png"),
name: "条码微站",
isChecked: true,
url: 'http://static.gds.org.cn/ws/index.html',
type: 'link',
url: "http://static.gds.org.cn/ws/index.html",
type: "link",
},
{
ico: require("../../assets/image/home/dzfw-ico4.png"),
name: "商品二维码",
isChecked: true,
url: 'http://www.2dcode.org/',
type: 'link',
url: "http://www.2dcode.org/",
type: "link",
},
{
ico: require("../../assets/image/home/dzfw-ico5.png"),
name: "GDSN",
isChecked: true,
url: 'http://b2b.gds.org.cn/Content/Index/GDSN_introduction.html',
type: 'link',
url: "http://b2b.gds.org.cn/Content/Index/GDSN_introduction.html",
type: "link",
},
{
ico: require("../../assets/image/home/dzfw-ico6.png"),
name: "条码信息查询",
isChecked: true,
},
{
ico: require("../../assets/image/home/dzfw-ico7.png"),
name: "条码商桥",
isChecked: true,
url: 'http://so.anccnet.com/Home/Login',
type: 'link'
url: "http://so.anccnet.com/Home/Login",
type: "link",
},
{
ico: require("../../assets/image/home/dzfw-ico8.png"),
name: "产品服务",
isChecked: false,
url: '/Service/BarcodeV',
url: "/Service/BarcodeV",
},
{
ico: require("../../assets/image/home/dzfw-ico9.png"),
......@@ -826,19 +912,19 @@ export default {
ico: require("../../assets/image/home/dzfw-ico10.png"),
name: "平台服务",
isChecked: false,
url: '/Service/GDS'
url: "/Service/GDS",
},
{
ico: require("../../assets/image/home/dzfw-ico11.png"),
name: "条码/射频(RFID)/软件检测服务",
isChecked: true,
url: '/Service/jcyxz/Barcode'
url: "/Service/jcyxz/Barcode",
},
{
ico: require("../../assets/image/home/dzfw-ico12.png"),
name: "追溯平台",
isChecked: true,
url: '/Service/Chinatrace'
url: "/Service/Chinatrace",
},
{
ico: require("../../assets/image/home/dzfw-ico13.png"),
......@@ -862,6 +948,124 @@ export default {
isShow: false,
width: "auto",
},
djwh: {
data: [
{
name: "办公室党支部组织第三季度党课和青年小组学习",
},
{
name: "党委办公室党支部、编码管理部党支部、成员服务部党支部联合开展主题党日活动",
},
{
name: "编码中心党委理论学习中心组举行2021年度第九次集体学习",
},
{
name: "办公室党支部召开党史学习教育专题组织生活会",
},
{
name: "编码中心党委理论学习中心组 举行2021年度第八次集体学习",
},
],
},
ztjj: {
data: [
{
name: "“扫”遍双十一 “码”上确定性",
},
{
name: "“码上”陪你笑傲电商江湖",
},
{
name: "进口商品如何发布全网，拿好这个跨境进口数据法宝",
},
{
name: "小条码，大未来",
},
{
name: "助力电商逆生长，“码”上加速有法宝",
},
],
},
yyly: {
data: [
{
name: "零售",
},
{
name: "物流",
},
{
name: "医疗卫生",
},
{
name: "食品安全追溯",
},
{
name: "电子商务",
},
{
name: "移动商务",
},
{
name: "物联网",
},
{
name: "其他",
},
{
name: "国家食品（产品）安全追溯平台",
},
{
name: "国家产品质量信用平台",
},
{
name: "国家物联网标识管理与公共服务平台",
},
],
},
other: {
data: [
{
name: "国家射频识别产品质量监督检验中心",
},
{
name: "国家条码质量监督检验中心",
},
{
name: "中国自动识别技术协会",
},
{
name: "中国条码技术与应用协会",
},
{
name: "《中国自动识别技术》杂志社电子版",
},
{
name: "中国ECR委员会",
},
{
name: "全国物品编码标准化技术委员会",
},
{
name: "全国物流信息管理标准化技术委员会",
},
{
name: "全国自动识别与数据采集分委员会",
},
{
name: "物联网标识工作组",
},
{
name: "全球产品电子代码中国管理中心",
},
{
name: "中国UNSPSC动态维护管理中心",
},
{
name: "北京东方捷码科技开发中心",
},
],
},
};
},
created() {
......@@ -872,40 +1076,40 @@ export default {
// 我要申请商品条码
wysqsptmHandelClick() {
this.$router.push({
path: '/Business/Register',
})
path: "/Business/Register",
});
},
// 我还不是系统成员点击事件
whbsxtcyHandelClick(i) {
console.log(i, '我还不是系统成员点击事件');
console.log(i, "我还不是系统成员点击事件");
this.$router.push({
path: this.whbsxtcy[i].url,
query: this.whbsxtcy[i].query,
})
});
},
// 我是系统成员点击事件
wsxtcyHandelClick(i) {
console.log(i, '我是系统成员点击事件');
console.log(i, "我是系统成员点击事件");
this.$router.push({
path: this.wsxtcy[i].url,
query: this.wsxtcy[i].query,
})
});
},
// 我是医疗企业点击事件
wsylqyHandelClick(i) {
console.log(i, '我是医疗企业点击事件');
console.log(i, "我是医疗企业点击事件");
this.$router.push({
path: this.wsylqy[i].url,
query: this.wsylqy[i].query,
})
});
},
// 跨境业务办理专区
kjywblzqHandelClick(i) {
console.log(i, '跨境业务办理专区');
console.log(i, "跨境业务办理专区");
this.$router.push({
path: this.kjywblzq[i].url,
query: this.kjywblzq[i].query,
})
});
},
dzfwHandelChange(i) {
this.dzfw[i].isChecked = !this.dzfw[i].isChecked;
......@@ -932,12 +1136,12 @@ export default {
this.dzfw[i].method(true);
}
// 定制服务跳转
if (this.dzfw[i].type === 'link') {
window.open(this.dzfw[i].url, '_blank');
if (this.dzfw[i].type === "link") {
window.open(this.dzfw[i].url, "_blank");
} else {
this.$router.push({
path: this.dzfw[i].url
})
path: this.dzfw[i].url,
});
}
},
// 打开更多定制
......@@ -947,8 +1151,8 @@ export default {
},
// 商品全球身份证
spqqsfzHandelClick() {
window.open('http://so.anccnet.com/', '_blank')
}
window.open("http://so.anccnet.com/", "_blank");
},
},
};
</script>
......@@ -1216,7 +1420,6 @@ export default {
color: #0e2c6b;
font-size: 14px;
cursor: pointer;
}
}
.wsxtcy {
......@@ -1309,7 +1512,7 @@ export default {
color: #ffffff;
font-size: 24px;
margin-bottom: 30px;
.spqqsfz-cate-right{
.spqqsfz-cate-right {
cursor: pointer;
}
}
......
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