Commit 81afcb1c by Lyan

资讯和知识中心部分页面联调

parent 788f72a0
......@@ -8,21 +8,37 @@ const Prefix = process.env.NODE_ENV === 'development' ? '/gs1' : '';
// 政策法规列表
const policyList = (params = {}) => {
return POST(`${Prefix}/office/policy/api/policyList`, params)
return POST(`${Prefix}/office/news/api/zcfgList`, params)
}
// 政策法规详情
const policyInfo = (params = {}) => {
return GET(`${Prefix}/office/policy/api/info/${params.id}`)
}
// 右侧相关标准
const ycxgbzList = (params = {}) => {
return POST(`${Prefix}/office/news/api/ycxgbzList`, params)
}
// 标准文献
const xgbzList = (params = {}) => {
return POST(`${Prefix}/office/news/api/xgbzList`, params)
}
// 小贴士
const tips = (params = {}) => {
return POST(`${Prefix}/office/news/api/tips`, params)
}
// 专业术语
const glossaryList = (params = {}) => {
return POST(`${Prefix}/office/news/api/glossaryList`, params)
}
export default {
policyList,
policyInfo,
tips
tips,
ycxgbzList,
xgbzList,
glossaryList
}
......@@ -57,6 +57,11 @@ const iotList = (params = {}) => {
return POST(`${Prefix}/office/news/api/iotList`, params)
}
//top10列表
const newsTop10 = (params = {}) => {
return GET(`${Prefix}/office/news/api/newsTop10`, params)
}
export default {
pictureList,
pictureInfo,
......@@ -69,5 +74,6 @@ export default {
otherList,
newsList,
newsInfo,
iotList
iotList,
newsTop10
}
......@@ -3,14 +3,15 @@
<div class="guide-msg container">
<div class="msg-cont">
<div class="title">术语搜索</div>
<div class="keyletter " >
<span v-for="(item, i) in chaxun.keyArr" :key="i">{{item}}</span>
<div class="keyletter" >
<span v-for="(item, i) in chaxun.keyArr" :key="i" @click="searchInfo(item)" > {{item}}</span>
</div>
<div class="knowledge-top-form col-lg-24">
<el-select class="col-lg-3"
v-model="chaxun.type"
placeholder="请选择"
clearable
@change='changeType'
>
<el-option
v-for="(item, i) in chaxun.options"
......@@ -20,8 +21,8 @@
>
</el-option>
</el-select>
<el-input class="col-lg-7" placeholder="请输入内容" clearable v-model="chaxun.keywords"></el-input>
<div class="top-form-btn col-lg-2" >
<el-input class="col-lg-7" placeholder="请输入内容" clearable v-model="chaxun.keywords" ></el-input>
<div class="top-form-btn col-lg-2" @click="getList()">
<img src="../../assets/image/home/sousuo-ico1.png" alt="" />
</div>
</div>
......@@ -30,16 +31,16 @@
<table class="table table-bordered table-hover ">
<thead>
<tr>
<th >英文标题</th>
<th>英文标题</th>
<th>中文标题</th>
<th>解 释</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, i) of tableList" :key="i">
<td>{{item.ywtitle}}</td>
<td>{{item.zwtitle}}</td>
<td>{{item.des}}</td>
<td>{{item.titleEn}}</td>
<td>{{item.titleCn}}</td>
<td>{{item.content}}</td>
</tr>
</tbody>
</table>
......@@ -66,36 +67,52 @@ export default {
label: "中文标题",
value: "1",
},
{
label: "英文标题",
value: "3",
}
],
keywords: "",
},
tableList:[
{
ywtitle:'AIDC(Automatic Identification and Data Capture)',
zwtitle:'自动识别和数据采集',
des:'一项用于自动采集数据的技术。AIDC技术包括条码技术、智能卡技术、生物识别技术和射频识别技术。'
},
{
ywtitle:'AIDC(Automatic Identification and Data Capture)',
zwtitle:'自动识别和数据采集',
des:'一项用于自动采集数据的技术。AIDC技术包括条码技术、智能卡技术、生物识别技术和射频识别技术。'
},
{
ywtitle:'AIDC(Automatic Identification and Data Capture)',
zwtitle:'自动识别和数据采集',
des:'一项用于自动采集数据的技术。AIDC技术包括条码技术、智能卡技术、生物识别技术和射频识别技术。'
}
]
type:1,
tableList:[]
};
},
created() {
for (var i = 0; i < 26; i++) {
this.chaxun.keyArr.push(String.fromCharCode((65 + i)));
}
this.glossaryList()
},
methods:{
searchInfo(i){
this.glossaryList(3,i)
},
getList(){
this.glossaryList(this.type,this.chaxun.keywords)
},
// 专业术语列表
async glossaryList(type,title) {
const params = {
type: type,
title:title
};
const policyListRes =
await this.$api.knowledge.glossaryList(params);
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.tableList = data
}
},
changeType(e){
this.type=e
}
}
};
</script>
<style lang="scss">
......@@ -154,20 +171,28 @@ export default {
line-height: 28px;
margin-bottom: 10px;
}
.isActive{
font-weight: 800!important;
}
.keyletter{
overflow: hidden;
margin-top: 15px;
span{
display: inline-block;
width: 12px;
float: left;
color: #F26335;
margin-right: 4px;
cursor: pointer;
font-size: 13px;
font-size: 14px;
// font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #F26335;
line-height: 18px;
&:hover,&:active{
font-weight: 800!important;
}
}
}
......
......@@ -4,53 +4,64 @@
<div class="msg-cont">
<div class="title">标准文献</div>
<ul>
<li v-for="(item,i) of fileList" :key="i">
<a :href="item.path" class="btn " role="button" :data="item.id"> {{item.title}}</a>
<li v-for="(item,i) of policyList.list" :key="i" @click="getInfo(item.id,item.directpath)">
<span>{{item.title}}</span>
</li>
</ul>
<pages :total="policyList.totalCount" :currPage="policyList.currPage" @getLimit='ycListFn' />
</div>
</div>
</div>
</template>
<script>
import Title from "../comps/title.vue";
import pages from "../comps/pages.vue";
export default {
components: {
Title,
pages
},
data() {
return {
fileList:[
{
id:1,
title:'商品条码 参与方位置编码与条码表示 GB/T 16828-2007',
path:''
},
{
id:2,
title:'商品条码 店内条码 GB/T 18283-2008',
path:''
policyList:{
list:[],
currPage:1,
pageSize:15,
totalCount:0
},
{
id:3,
title:'商品条码 条码符号印制质量的检验 GB/T 18348-2008',
path:''
},
{
id:4,
title:'商品条码 储运包装商品编码与条码表示 GB/T 16830-2008',
path:''
};
},
{
id:5,
title:'商品条码 零售商品编码与条码表示 GB 12904-2008',
link:''
created(){
this.ycListFn(this.policyList.currPage)
},
]
methods:{
// 政策法规列表
async ycListFn(page,limit) {
const params = {
page: page,
limit:15
};
const policyListRes =
await this.$api.knowledge.xgbzList(params);
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.policyList = data
}
},
getInfo(id,directpath){
if(directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/Knowledge/Statuteinfo?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
<style lang="scss" scoped>
......@@ -116,9 +127,8 @@ export default {
width: 100%;
:hover,:active{
color: #F26335;
}
a{
span{
display: inline-block;
width: 95%;
padding: 0;
......
......@@ -19,7 +19,7 @@
<td style="width:50%">
<ul>
<li>
<a @click="getInfo(item.id)" role="button" > {{item.title}}</a>
<a @click="getInfo(item.id,item.directpath)" role="button" > {{item.title}}</a>
</li>
</ul>
</td>
......@@ -38,7 +38,7 @@
<div class="listStyle xgbz">
<div class="title">相关标准</div>
<ul>
<li v-for="(item,i) of fileList2" :key="i">
<li v-for="(item,i) of ycList" :key="i" @click="getInfo(item.id,item.directpath)">
<a role="button" > {{item.title}}</a>
</li>
</ul>
......@@ -60,39 +60,13 @@ export default {
data() {
return {
fileList2:[
{
id:1,
title:'商品条码 参与方位置编码与条码表示 GB/T',
path:''
},
{
id:2,
title:'商品条码 参与方位置编码与条码表示 GB/T22222',
path:''
},
{
id:3,
title:'商品条码 参与方位置编码与条码表示 GB/T …',
path:''
},
{
id:4,
title:'商品条码 参与方位置编码与条码表示 GB/T …',
path:''
},
{
id:5,
title:'商品条码 参与方位置编码与条码表示 GB/T …',
link:''
},
],
policyList:{
list:[],
currPage:1,
pageSize:15,
totalCount:0
}
},
ycList:[]
};
},
computed: {
......@@ -102,6 +76,7 @@ export default {
},
created() {
this.policyListFn(this.policyList.currPage);
this.ycListFn()
},
methods:{
// 政策法规列表
......@@ -114,17 +89,36 @@ export default {
await this.$api.knowledge.policyList(params);
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
console.log(data, "政策法规列表");
this.policyList = data
}
},
getInfo(id){
console.log(id,'id')
this.$router.push({
// 政策法规列表
async ycListFn(page,limit) {
const params = {
page: 1,
};
const policyListRes =
await this.$api.knowledge.ycxgbzList(params);
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.ycList = data
}
},
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/Knowledge/Statuteinfo?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
......
......@@ -47,7 +47,6 @@ export default {
await this.$api.knowledge.policyInfo(params);
const { returnCode, data } = policyInfoRes;
if (returnCode === "0") {
console.log(data, "政策法规详情");
this.content=data.content;
this.title=data.title
this.$store.commit("system/SET_BREADCRUMB", [
......@@ -91,7 +90,7 @@ export default {
padding:0 20px;
>div{
font-size: 14px;
padding-bottom: 20px;
padding-bottom:30px;
}
}
......
......@@ -46,23 +46,23 @@
<div class="knowledge-container card ">
<div class="row g-2 ">
<div class="col-md-6">
<img src="../../assets/image/knowledge/pic.png" class="img-fluid rounded-start" alt="...">
<img src="../../assets/image/knowledge/pic.png" class="img-fluid rounded-start" @click="goGjbm">
</div>
<div class="col-md-6 gjwp">
<div class="card-body">
<p class="card-title">物品基础编码展示</p>
<p class="card-title" @click="goGjbm">物品基础编码展示</p>
<p class="card-text">
<ul>
<li>物品编码系统</li>
<li>物品信息标识编码</li>
<li>物品标识编码</li>
<li @click="goGjbm">物品编码系统</li>
<li @click="goGjbm">物品信息标识编码</li>
<li @click="goGjbm">物品标识编码</li>
</ul>
</p>
<p class="card-title">物品应用编码系统</p>
<p class="card-title" @click="goGjbm">物品应用编码系统</p>
<p class="card-text">
<ul>
<li>商品流通与公共服务编码</li>
<li>其他物品应用编码</li>
<li @click="goGjbm">商品流通与公共服务编码</li>
<li @click="goGjbm">其他物品应用编码</li>
</ul>
</p>
</div>
......@@ -78,7 +78,7 @@
<div class="knowledge-container card h-100">
<div class="row g-2 ">
<div class="col-md-4">
<img src="../../assets/image/knowledge/pic2.png" class="img-fluid rounded-start" alt="...">
<img src="../../assets/image/knowledge/pic2.png" class="img-fluid rounded-start" alt="..." @click="goGs1">
</div>
<div class="col-md-8 gsxt">
<div class="card-body h-100">
......@@ -87,11 +87,11 @@
GS1系统为在全球范围内标识货物、服务、资产和位置提供了准确的编码。这些编码能够以条码符号来表示,以便进行商务流程所需的电子识读。该系统客服了厂商、组织使用自身的编码系统或部分特殊编码系统的局限性,提高了贸易的效率和对客户的反应能力。
</p>
<p class="card-text"><span class="more-des">详情>></span></p>
<p class="card-text"><span class="more-des" @click="goGs1">>详情>></span></p>
<p class="card-text gsb-btn-cnt row">
<el-button type="primary" class="gsbtn col-lg-3">编码体系</el-button>
<el-button type="primary" class="gsbtn col-lg-4">数据载体体系</el-button>
<el-button type="primary" class="gsbtn col-lg-4" >数据交换体系</el-button>
<el-button type="primary" class="gsbtn col-lg-3" @click="goBmtx">>编码体系</el-button>
<el-button type="primary" class="gsbtn col-lg-4" @click="goSjzt">>数据载体体系</el-button>
<el-button type="primary" class="gsbtn col-lg-4" @click="gosjjh">>数据交换体系</el-button>
</p>
</div>
......@@ -451,7 +451,36 @@ export default {
},
methods: {
goGjbm(){
let link = this.$router.resolve({
path: '/Knowledge/ANCCSystem',
});
window.open(link.href,'_blank')
},
goGs1(){
let link = this.$router.resolve({
path: '/Knowledge/GS1System2',
});
window.open(link.href,'_blank')
},
goSjzt(){
let link = this.$router.resolve({
path: '/Knowledge/GS1System/sjzttx',
});
window.open(link.href,'_blank')
},
goBmtx(){
let link = this.$router.resolve({
path: '/Knowledge/GS1System/bmtx',
});
window.open(link.href,'_blank')
},
goSjjh(){
let link = this.$router.resolve({
path: '/Knowledge/GS1System/sjjhtx',
});
window.open(link.href,'_blank')
}
}
};
</script>
......
......@@ -4,8 +4,8 @@
<div class="msg-cont">
<div class="title">小贴士</div>
<ul>
<li v-for="(item,i) of tableResult.list" :key="i">
<a :href="item.path" role="button" :data="item.id"> {{item.title}}</a>
<li v-for="(item,i) of tableResult.list" :key="i" @click="getInfo(item.knowledgeinfoid,item.directpath)">
<a role="button" :data="item.id"> {{item.title}}</a>
</li>
</ul>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
......@@ -49,14 +49,18 @@ export default {
this.tableResult.list = data
this.tableResult.totalCount = data.length
}
},
// getInfo(id){
// console.log(id,'id')
// this.$router.push({
// path: `/Knowledge/Statuteinfo?id=${id}`,
// });
// }
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/Knowledge/Statuteinfo?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
......@@ -2,7 +2,7 @@
<div class="composite">
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="tableResult.list" />
<list :list="tableResult.list" @getInfo='getInfo'/>
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
</div>
</div>
......@@ -24,20 +24,7 @@ export default {
name: "行业应用",
ico: "",
},
list: [
{
name: "[精彩推荐]企业可通过国家食品(产品)安全追溯平台自动生成物流标…",
time: "2017/10/31",
},
{
name: "[精彩推荐]从企业、服务商和消费者的角度解读《商品二维码》国家标",
time: "2017/08/25",
},
{
name: "商务部办公厅 财政部办公厅关于开展供应链体系建设工作的通知",
time: "2017/08/18",
},
],
tableResult:{
list:[],
currPage:1,
......@@ -65,13 +52,19 @@ export default {
}
},
getInfo(id){
console.log(id,'id')
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/Knowledge/Statuteinfo?id=${id}`,
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
......@@ -73,13 +73,17 @@ export default {
},
// 详情
getInfo(id){
console.log(id,'id')
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
},
};
</script>
......
......@@ -54,13 +54,17 @@ export default {
},
// 详情
getInfo(id){
console.log(id,'id')
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
......@@ -54,13 +54,17 @@ export default {
},
// 详情
getInfo(id){
console.log(id,'id')
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
......@@ -38,7 +38,7 @@
</div>
<list :list="tableResult.list" />
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
</div>
......@@ -101,44 +101,44 @@ export default {
list: [
{
name: "GS1全球追溯标准(第二版)",
title: "GS1全球追溯标准(第二版)",
path:'http://www.gs1cn.org/Manage/down/GS1全球追溯标准(第二版).pdf'
},
{
name: "GS1生鲜果蔬追溯实施指南",
title: "GS1生鲜果蔬追溯实施指南",
path:"http://www.gs1cn.org/Manage/down/GS1生鲜果蔬追溯实施指南.pdf"
},
{
name: "GS1肉禽追溯指南",
title: "GS1肉禽追溯指南",
path:'http://www.gs1cn.org/Manage/down/GS1肉禽追溯指南.pdf'
},
{
name: "GS1鱼类、海鲜和水产养殖追溯指南",
title: "GS1鱼类、海鲜和水产养殖追溯指南",
path:'http://www.gs1cn.org/Manage/down/GS1鱼类、海鲜和水产养殖追溯指南.pdf'
},
{
name: "GS1标准助力食品安全全程追溯",
title: "GS1标准助力食品安全全程追溯",
path:'http://www.gs1cn.org/Manage/down/GS1标准助力食品安全全程追溯.pdf'
},
{
name: "食品追溯 我来教你怎么做",
title: "食品追溯 我来教你怎么做",
path:'http://www.gs1cn.org/Manage/down/食品追溯我来教你怎么做.pdf'
},
{
name: "GS1标准在食品安全领域中的应用",
title: "GS1标准在食品安全领域中的应用",
path:'http://www.gs1cn.org/Manage/down/GS1全球追溯标准在食品安全领域中的应用.pdf'
},
{
name: "中国食品的跨国追溯",
title: "中国食品的跨国追溯",
path:'http://www.gs1cn.org/Manage/down/中国食品的跨国追溯.pdf'
},
{
name: "商品条码食品安全追溯案例集",
title: "商品条码食品安全追溯案例集",
path:'http://www.gs1cn.org/Manage/down/shangpintiaomaanquanzhuisuanliji.pdf'
},
{
name: "乳制品、熟食品与烘烤食品追溯实施指南(美国)",
title: "乳制品、熟食品与烘烤食品追溯实施指南(美国)",
path:'http://www.gs1cn.org/Manage/down/ruzhipinshushipin.pdf'
},
],
......@@ -169,6 +169,17 @@ export default {
}
},
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
},
};
</script>
......
......@@ -54,13 +54,17 @@ export default {
},
// 详情
getInfo(id){
console.log(id,'id')
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
......@@ -63,13 +63,17 @@ export default {
},
// 详情
// getInfo(id){
// console.log(id,'id')
// let link = this.$router.resolve({
// path: `/News/msg?id=${id}`,
// });
// window.open(link.href,'_blank')
// }
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
......@@ -54,13 +54,17 @@ export default {
},
// 详情
getInfo(id){
console.log(id,'id')
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
......@@ -12,7 +12,7 @@
</div>
<list :list="list" />
<!-- <list :list="list" /> -->
</div>
......@@ -41,21 +41,22 @@ export default {
list: [
{
name: "移动商务领域新标准—电子优惠券管理",
title: "移动商务领域新标准—电子优惠券管理",
},
{
name: "越来越多的消费者通过移动终端浏览商品",
title: "越来越多的消费者通过移动终端浏览商品",
},
{
name: "二维码进入医院 挂号、导诊、就医一条龙",
title: "二维码进入医院 挂号、导诊、就医一条龙",
},
],
list2:[
{
name:'移动商务(宣传折页)'
title:'移动商务(宣传折页)',
path:'http://www.gs1cn.org/Manage/down/20130620GS1 MobileCom.pdf'
}
]
};
......
......@@ -37,7 +37,7 @@ export default {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 行业应用
// 通知公告
async initListFn(page,limit) {
const params = {
page: page,
......@@ -53,13 +53,17 @@ export default {
},
getInfo(id){
console.log(id,'id')
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/News/NoticeArticle?id=${id}`,
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
......@@ -13,7 +13,7 @@
</div>
<list :list="tableResult.list" />
<list :list="tableResult.list" @getInfo='getInfo' />
<pages :total="tableResult.totalCount" :currPage="tableResult.currPage" @getLimit='initListFn' />
</div>
......@@ -43,11 +43,11 @@ export default {
list2:[
{
name:'《建材行业商品条码应用指南》',
title:'《建材行业商品条码应用指南》',
path:'http://www.gs1cn.org/Manage/down/建材行业商品条码应用指南.pdf'
},
{
name:' 服装行业商品条码应用指南',
title:' 服装行业商品条码应用指南',
path:'http://www.gs1cn.org/Manage/down/服装行业商品条码应用指南.pdf'
}
],
......@@ -63,7 +63,7 @@ export default {
this.initListFn(this.tableResult.currPage);
},
methods:{
// 行业应用
// 其他
async initListFn(page,limit) {
const params = {
page: page,
......@@ -77,12 +77,17 @@ export default {
}
},
// getInfo(id){
// console.log(id,'id')
// this.$router.push({
// path: `/Knowledge/Statuteinfo?id=${id}`,
// });
// }
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
......@@ -18,7 +18,7 @@
<div class="picNews-bottom">
<div class="container">
<ul class="picNews-ul">
<li v-for="(tmp, i) in tableResult.list" :key="i" @click="goInfo(tmp.pictureid)">
<li v-for="(tmp, i) in tableResult.list" :key="i" @click="getInfo(tmp.pictureid,tmp.jumppath)">
<div class="picNews-li-tp">
<img :src="tmp.picFile" alt="" />
</div>
......@@ -91,12 +91,17 @@ export default {
},
// 详情
goInfo(id){
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
},
};
</script>
......
......@@ -41,7 +41,7 @@ export default {
const params = {
page: page,
limit: 15,
classId:30
classId:31
};
const listRes =
await this.$api.news.newsList(params);
......@@ -54,13 +54,17 @@ export default {
},
// 详情
getInfo(id){
console.log(id,'id')
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
......@@ -54,13 +54,17 @@ export default {
},
// 详情
getInfo(id){
console.log(id,'id')
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/News/msg?id=${id}`,
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
}
};
</script>
......
<template>
<div class="list">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="giveId(tmp.id)">
<div v-for="(tmp, i) in list" :key="i" class="row" @click="giveId(tmp.id,tmp.directpath)">
<div class="col-lg-6 list-left">
<span></span>
<span>{{tmp.title}}</span>
......@@ -13,8 +13,8 @@
export default {
props: ['list'],
methods:{
giveId(id){
this.$emit('getInfo',id)
giveId(id,directpath){
this.$emit('getInfo',id,directpath)
}
}
}
......
<template>
<div class="list">
<div v-for="(tmp, i) in list" :key="i" class="list-li">
<div v-for="(tmp, i) in list" :key="i" class="list-li" @click="giveId(tmp.id,tmp.directpath)">
<div>
<span></span>
<span><a :href="tmp.path" target="_blank">{{tmp.name}}</a></span>
<span >{{tmp.title}}</span>
</div>
</div>
</div>
......@@ -11,6 +11,11 @@
<script>
export default {
props: ['list'],
methods:{
giveId(id,directpath){
this.$emit('getInfo',id,directpath)
}
}
}
</script>
<style lang="scss" scoped>
......
......@@ -40,18 +40,18 @@
<div class="top10">
<div class="container">
<div class="cate">
<span>8月资讯排行TOP10</span>
<span>资讯排行TOP10</span>
</div>
<div class="top10-ul">
<div v-for="(tmp, i) in top10.data" :key="i" class="top10-li">
<div v-if="i<3">
<img :src="require(`../../assets/image/news/icon_${i+1}.png`)" alt="" >
<span class="no"></span>
<span class="name">{{ tmp.name }}</span>
<span class="name" @click="getInfo(tmp.id,tmp.directpath)">{{ tmp.title }}</span>
</div>
<div v-else>
<span class="no">{{i+1}}</span>
<span class="name">{{ tmp.name }}</span>
<span class="name" @click="getInfo(tmp.id,tmp.directpath)">{{ tmp.title }}</span>
</div>
</div>
</div>
......@@ -62,7 +62,7 @@
<div class="cate">
<span>公告通知</span>
</div>
<list2 :list="top10.data" />
<list2 :list="announceListArr" @getInfo='getInfo' />
</div>
</div>
<div class="zttj">
......@@ -70,7 +70,7 @@
<div class="cate">
<span>专题推荐</span>
</div>
<list2 :list="top10.data" />
<list2 :list="xgljList" @getInfo='getInfo'/>
</div>
</div>
</div>
......@@ -117,29 +117,16 @@ export default {
],
},
top10: {
data: [
{
name: "中国石油物资采购中心赴中国物品编码中心交流座谈",
},
{
name: "中国石油物资采购中心赴中国物品编码中心交流座谈",
},
{
name: "中国石油物资采购中心赴中国物品编码中心交流座谈",
},
{
name: "中国石油物资采购中心赴中国物品编码中心交流座谈",
},
{
name: "中国石油物资采购中心赴中国物品编码中心交流座谈",
},
],
data: [],
},
announceListArr:[],
xgljList:[]
};
},
created() {
this.InfoFn()
this.newsTop10()
this.announceList()
},
methods: {
......@@ -165,6 +152,42 @@ export default {
}
},
// top列表
async newsTop10() {
const policyListRes =
await this.$api.news.newsTop10();
const { returnCode, data } = policyListRes;
if (returnCode === "0") {
this.top10.data = data
}
},
// 公告
async announceList() {
const params = {
page: 1,
limit: 10,
};
const listRes =
await this.$api.news.announceList(params);
const { returnCode, data } = listRes;
if (returnCode === "0") {
this.announceListArr = data.list
}
},
getInfo(id,directpath){
if(directpath&&directpath!==''&& directpath.length>0){
window.open(directpath,'_blank');
}else{
let link = this.$router.resolve({
path: `/news/msg?id=${id}`,
});
window.open(link.href,'_blank')
}
}
},
};
</script>
......
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