@@ -2984,7 +2984,6 @@ | |||||
"resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz", | "resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz", | ||||
"integrity": "sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8=", | "integrity": "sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8=", | ||||
"dev": true, | "dev": true, | ||||
"optional": true, | |||||
"requires": { | "requires": { | ||||
"hoek": "2.x.x" | "hoek": "2.x.x" | ||||
} | } | ||||
@@ -6630,8 +6629,7 @@ | |||||
"version": "2.16.3", | "version": "2.16.3", | ||||
"resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz", | "resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz", | ||||
"integrity": "sha1-ILt0A9POo5jpHcRxCo/xuCdKJe0=", | "integrity": "sha1-ILt0A9POo5jpHcRxCo/xuCdKJe0=", | ||||
"dev": true, | |||||
"optional": true | |||||
"dev": true | |||||
}, | }, | ||||
"hoopy": { | "hoopy": { | ||||
"version": "0.1.4", | "version": "0.1.4", | ||||
@@ -9943,8 +9941,7 @@ | |||||
"version": "2.2.2", | "version": "2.2.2", | ||||
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz", | "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz", | ||||
"integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==", | "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==", | ||||
"dev": true, | |||||
"optional": true | |||||
"dev": true | |||||
}, | }, | ||||
"pify": { | "pify": { | ||||
"version": "2.3.0", | "version": "2.3.0", | ||||
@@ -3,7 +3,8 @@ | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | ||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | <el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | ||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | ||||
<el-breadcrumb-item>数据上报</el-breadcrumb-item> | |||||
<el-breadcrumb-item @click.native="goToList()">数据上报</el-breadcrumb-item> | |||||
<el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||||
</el-breadcrumb> | </el-breadcrumb> | ||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
<el-col :span="4"> | <el-col :span="4"> | ||||
@@ -18,10 +19,10 @@ | |||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="20"> | <el-col :span="20"> | ||||
<el-card shadow="never" style="margin: 0 10px;"> | |||||
<el-card shadow="never" style="margin: 0 10px;" v-if="!isShow"> | |||||
<ul style="list-style: none"> | <ul style="list-style: none"> | ||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | |||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | |||||
</ul> | </ul> | ||||
<el-pagination | <el-pagination | ||||
background | background | ||||
@@ -29,6 +30,11 @@ | |||||
:total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | ||||
</el-pagination> | </el-pagination> | ||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | |||||
<h2 class="title">上海市集成电路行业协会简介</h2> | |||||
<div class="info">作者:SICA 发布日期:2011年12月28日 星期三</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -43,10 +49,20 @@ export default { | |||||
titleList: [], | titleList: [], | ||||
activeIndex: 0, | activeIndex: 0, | ||||
dataList: [], | dataList: [], | ||||
total: 0 | |||||
total: 0, | |||||
isShow: false, | |||||
activeItem: {} | |||||
} | } | ||||
}, | }, | ||||
methods: { | methods: { | ||||
goToList(){ | |||||
this.isShow = false | |||||
this.$forceUpdate() | |||||
}, | |||||
goToDetail(item){ | |||||
this.isShow = true | |||||
this.activeItem = {...item} | |||||
}, | |||||
async getChannelsRequest(){ | async getChannelsRequest(){ | ||||
let res = await getChannelsRequest({current:1,size:100}) | let res = await getChannelsRequest({current:1,size:100}) | ||||
if(res.code == 200){ | if(res.code == 200){ | ||||
@@ -66,7 +82,7 @@ export default { | |||||
if(this.titleList && this.titleList[0]){ | if(this.titleList && this.titleList[0]){ | ||||
this.getChannelInformationsRequest(this.titleList[0].id) | this.getChannelInformationsRequest(this.titleList[0].id) | ||||
} | } | ||||
} | } | ||||
}, | }, | ||||
@@ -3,7 +3,8 @@ | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | ||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | <el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | ||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | ||||
<el-breadcrumb-item>合作交流</el-breadcrumb-item> | |||||
<el-breadcrumb-item @click.native="goToList()">合作交流</el-breadcrumb-item> | |||||
<el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||||
</el-breadcrumb> | </el-breadcrumb> | ||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
<el-col :span="4"> | <el-col :span="4"> | ||||
@@ -21,13 +22,13 @@ | |||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="20"> | |||||
<el-card shadow="never" style="margin: 0 10px;"> | |||||
<el-col :span="20" style="padding: 0 10px;"> | |||||
<el-card shadow="never" style="margin: 0 10px;" v-if="!isShow"> | |||||
<h2 style="text-align: center">活动预告</h2> | <h2 style="text-align: center">活动预告</h2> | ||||
<ul style="list-style: none" class="exchange-list"> | <ul style="list-style: none" class="exchange-list"> | ||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0;height: 120px" | |||||
v-for="(item,index) in dataList" :key="index"> | |||||
<img style="float: left;width: 100px;height: 100px;border-radius: 8px" | |||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0;height: 120px" | |||||
v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)"> | |||||
<img style="float: left;width: 100px;height: 100px;border-radius: 8px" | |||||
:src="item.aboutImgUrl"/> | :src="item.aboutImgUrl"/> | ||||
<div style="margin-left: 120px;"> | <div style="margin-left: 120px;"> | ||||
<h3 style="color:#333333;">{{item.title}}</h3> | <h3 style="color:#333333;">{{item.title}}</h3> | ||||
@@ -41,13 +42,18 @@ | |||||
:total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | ||||
</el-pagination> | </el-pagination> | ||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | |||||
<h2 class="title">上海市集成电路行业协会简介</h2> | |||||
<div class="info">作者:SICA 发布日期:2011年12月28日 星期三</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import {getChannelInformationsRequest, getChannelsRequest, | |||||
import {getChannelInformationsRequest, getChannelsRequest, | |||||
getChannelSecond} from "../api/data"; | getChannelSecond} from "../api/data"; | ||||
export default { | export default { | ||||
@@ -56,7 +62,9 @@ export default { | |||||
titleList: [], | titleList: [], | ||||
activeIndex: 0, | activeIndex: 0, | ||||
dataList: [], | dataList: [], | ||||
total: 0 | |||||
total: 0, | |||||
isShow: false, | |||||
activeItem: {} | |||||
} | } | ||||
}, | }, | ||||
methods: { | methods: { | ||||
@@ -78,7 +86,7 @@ export default { | |||||
if(this.titleList){ | if(this.titleList){ | ||||
this.getChannelInformationsRequest(this.titleList[0].id) | this.getChannelInformationsRequest(this.titleList[0].id) | ||||
} | } | ||||
} | } | ||||
}, | }, | ||||
@@ -1,5 +1,11 @@ | |||||
<template> | <template> | ||||
<el-main style="width: 1200px;margin: 0 auto;min-height: 500px"> | <el-main style="width: 1200px;margin: 0 auto;min-height: 500px"> | ||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | |||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | |||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | |||||
<el-breadcrumb-item @click.native="goToList()">知识产权</el-breadcrumb-item> | |||||
<el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||||
</el-breadcrumb> | |||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
<el-col :span="4"> | <el-col :span="4"> | ||||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | ||||
@@ -17,12 +23,12 @@ | |||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="20"> | <el-col :span="20"> | ||||
<el-card shadow="never" style="margin: 0 10px;"> | |||||
<el-card shadow="never" style="margin: 0 10px;" v-if="!isShow"> | |||||
<h2 style="text-align: center;color: #333"> | <h2 style="text-align: center;color: #333"> | ||||
<span>协会团标</span> | <span>协会团标</span> | ||||
</h2> | </h2> | ||||
<el-row> | <el-row> | ||||
<el-col :span="6" v-for="(item,index) in dataList" :key="index" > | |||||
<el-col :span="6" v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)"> | |||||
<el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px' }"> | <el-card class="box-card" shadow="never" style="margin: 0 10px" :body-style="{ padding: '0px' }"> | ||||
<img :src="item.aboutImgUrl" style="border-radius: 10px;margin: 10px 0" width="100%"/> | <img :src="item.aboutImgUrl" style="border-radius: 10px;margin: 10px 0" width="100%"/> | ||||
<p style="color: #333">{{item.title}}</p> | <p style="color: #333">{{item.title}}</p> | ||||
@@ -31,6 +37,11 @@ | |||||
</el-row> | </el-row> | ||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | |||||
<h2 class="title">上海市集成电路行业协会简介</h2> | |||||
<div class="info">作者:SICA 发布日期:2011年12月28日 星期三</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -46,10 +57,20 @@ export default { | |||||
titleList: [], | titleList: [], | ||||
activeIndex: 0, | activeIndex: 0, | ||||
dataList: [], | dataList: [], | ||||
total: 0 | |||||
total: 0, | |||||
isShow: false, | |||||
activeItem: {} | |||||
} | } | ||||
}, | }, | ||||
methods: { | methods: { | ||||
goToList(){ | |||||
this.isShow = false | |||||
this.$forceUpdate() | |||||
}, | |||||
goToDetail(item){ | |||||
this.isShow = true | |||||
this.activeItem = {...item} | |||||
}, | |||||
async getChannelsRequest(){ | async getChannelsRequest(){ | ||||
let res = await getChannelsRequest({current:1,size:100}) | let res = await getChannelsRequest({current:1,size:100}) | ||||
if(res.code == 200){ | if(res.code == 200){ | ||||
@@ -4,6 +4,7 @@ | |||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | <el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | ||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | ||||
<el-breadcrumb-item>会员产品</el-breadcrumb-item> | <el-breadcrumb-item>会员产品</el-breadcrumb-item> | ||||
<el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||||
</el-breadcrumb> | </el-breadcrumb> | ||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
<el-col :span="4"> | <el-col :span="4"> | ||||
@@ -17,11 +18,11 @@ | |||||
{{item.channelName}}</div> | {{item.channelName}}</div> | ||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="20"> | |||||
<el-card shadow="never" style="margin: 0 10px;"> | |||||
<el-col :span="20" style="padding: 0 10px;"> | |||||
<el-card shadow="never" style="margin: 0 10px;" v-if="!isShow"> | |||||
<ul style="list-style: none"> | <ul style="list-style: none"> | ||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | |||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | |||||
</ul> | </ul> | ||||
<el-pagination | <el-pagination | ||||
background | background | ||||
@@ -29,6 +30,11 @@ | |||||
:total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | ||||
</el-pagination> | </el-pagination> | ||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | |||||
<h2 class="title">上海市集成电路行业协会简介</h2> | |||||
<div class="info">作者:SICA 发布日期:2011年12月28日 星期三</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -43,10 +49,20 @@ export default { | |||||
titleList: [], | titleList: [], | ||||
activeIndex: 0, | activeIndex: 0, | ||||
dataList: [], | dataList: [], | ||||
total: 0 | |||||
total: 0, | |||||
isShow: false, | |||||
activeItem: {} | |||||
} | } | ||||
}, | }, | ||||
methods: { | methods: { | ||||
goToList(){ | |||||
this.isShow = false | |||||
this.$forceUpdate() | |||||
}, | |||||
goToDetail(item){ | |||||
this.isShow = true | |||||
this.activeItem = {...item} | |||||
}, | |||||
async getChannelsRequest(){ | async getChannelsRequest(){ | ||||
let res = await getChannelsRequest({current:1,size:100}) | let res = await getChannelsRequest({current:1,size:100}) | ||||
if(res.code == 200){ | if(res.code == 200){ | ||||
@@ -66,7 +82,7 @@ export default { | |||||
if(this.titleList && this.titleList[0]){ | if(this.titleList && this.titleList[0]){ | ||||
this.getChannelInformationsRequest(this.titleList[0].id) | this.getChannelInformationsRequest(this.titleList[0].id) | ||||
} | } | ||||
} | } | ||||
}, | }, | ||||
@@ -21,10 +21,10 @@ | |||||
<el-col :span="20" style="padding: 0 10px;"> | <el-col :span="20" style="padding: 0 10px;"> | ||||
<el-card shadow="never" v-if="!isShow"> | <el-card shadow="never" v-if="!isShow"> | ||||
<ul style="list-style: none"> | <ul style="list-style: none"> | ||||
<li :to='"/detail?id="+item.id' style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
<li :to='"/detail?id="+item.id' style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)"> | v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)"> | ||||
{{ index+1 }}、{{item.title}} | |||||
{{ index+1 }}、{{item.title}} | |||||
<span style="float:right">{{item.publishTime}}</span></li> | <span style="float:right">{{item.publishTime}}</span></li> | ||||
</ul> | </ul> | ||||
<el-pagination | <el-pagination | ||||
@@ -40,7 +40,6 @@ | |||||
<div class="info">作者:SICA 发布日期:2011年12月28日 星期三</div> | <div class="info">作者:SICA 发布日期:2011年12月28日 星期三</div> | ||||
<div class="content" v-html="activeItem.content"></div> | <div class="content" v-html="activeItem.content"></div> | ||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -89,7 +88,7 @@ export default { | |||||
if(this.titleList && this.titleList[0]){ | if(this.titleList && this.titleList[0]){ | ||||
this.getChannelInformationsRequest(this.titleList[0].id) | this.getChannelInformationsRequest(this.titleList[0].id) | ||||
} | } | ||||
} | } | ||||
}, | }, | ||||
@@ -3,7 +3,8 @@ | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | ||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | <el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | ||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | ||||
<el-breadcrumb-item>人力资源</el-breadcrumb-item> | |||||
<el-breadcrumb-item @click.native="goToList()">人力资源</el-breadcrumb-item> | |||||
<el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||||
</el-breadcrumb> | </el-breadcrumb> | ||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
<el-col :span="4"> | <el-col :span="4"> | ||||
@@ -17,11 +18,11 @@ | |||||
{{item.channelName}}</div> | {{item.channelName}}</div> | ||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="20"> | |||||
<el-card shadow="never" style="margin: 0 10px;"> | |||||
<el-col :span="20" style="padding: 0 10px;"> | |||||
<el-card shadow="never" style="margin: 0 10px;" v-if="!isShow"> | |||||
<ul style="list-style: none"> | <ul style="list-style: none"> | ||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | |||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | |||||
</ul> | </ul> | ||||
<el-pagination | <el-pagination | ||||
background | background | ||||
@@ -29,6 +30,11 @@ | |||||
:total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | ||||
</el-pagination> | </el-pagination> | ||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | |||||
<h2 class="title">上海市集成电路行业协会简介</h2> | |||||
<div class="info">作者:SICA 发布日期:2011年12月28日 星期三</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -43,10 +49,20 @@ export default { | |||||
titleList: [], | titleList: [], | ||||
activeIndex: 0, | activeIndex: 0, | ||||
dataList: [], | dataList: [], | ||||
total: 0 | |||||
total: 0, | |||||
isShow: false, | |||||
activeItem: {} | |||||
} | } | ||||
}, | }, | ||||
methods: { | methods: { | ||||
goToList(){ | |||||
this.isShow = false | |||||
this.$forceUpdate() | |||||
}, | |||||
goToDetail(item){ | |||||
this.isShow = true | |||||
this.activeItem = {...item} | |||||
}, | |||||
async getChannelsRequest(){ | async getChannelsRequest(){ | ||||
let res = await getChannelsRequest({current:1,size:100}) | let res = await getChannelsRequest({current:1,size:100}) | ||||
if(res.code == 200){ | if(res.code == 200){ | ||||
@@ -66,7 +82,7 @@ export default { | |||||
if(this.titleList && this.titleList[0]){ | if(this.titleList && this.titleList[0]){ | ||||
this.getChannelInformationsRequest(this.titleList[0].id) | this.getChannelInformationsRequest(this.titleList[0].id) | ||||
} | } | ||||
} | } | ||||
}, | }, | ||||
@@ -3,7 +3,8 @@ | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | ||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | <el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | ||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | ||||
<el-breadcrumb-item>产业政策</el-breadcrumb-item> | |||||
<el-breadcrumb-item @click.native="goToList()">产业政策</el-breadcrumb-item> | |||||
<el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||||
</el-breadcrumb> | </el-breadcrumb> | ||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
<el-col :span="4"> | <el-col :span="4"> | ||||
@@ -17,11 +18,11 @@ | |||||
{{item.channelName}}</div> | {{item.channelName}}</div> | ||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="20"> | |||||
<el-card shadow="never" style="margin: 0 10px;"> | |||||
<el-col :span="20" style="padding: 0 10px;"> | |||||
<el-card shadow="never" style="margin: 0 10px;" v-if="!isShow"> | |||||
<ul style="list-style: none"> | <ul style="list-style: none"> | ||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | |||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | |||||
</ul> | </ul> | ||||
<el-pagination | <el-pagination | ||||
background | background | ||||
@@ -29,6 +30,11 @@ | |||||
:total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | ||||
</el-pagination> | </el-pagination> | ||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | |||||
<h2 class="title">上海市集成电路行业协会简介</h2> | |||||
<div class="info">作者:SICA 发布日期:2011年12月28日 星期三</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -44,10 +50,20 @@ export default { | |||||
titleList: [], | titleList: [], | ||||
activeIndex: 0, | activeIndex: 0, | ||||
dataList: [], | dataList: [], | ||||
total: 0 | |||||
total: 0, | |||||
isShow: false, | |||||
activeItem: {} | |||||
} | } | ||||
}, | }, | ||||
methods: { | methods: { | ||||
goToDetail(item){ | |||||
this.isShow = true | |||||
this.activeItem = {...item} | |||||
}, | |||||
goToList(){ | |||||
this.isShow = false | |||||
this.$forceUpdate() | |||||
}, | |||||
async getChannelsRequest(){ | async getChannelsRequest(){ | ||||
let res = await getChannelsRequest({current:1,size:100}) | let res = await getChannelsRequest({current:1,size:100}) | ||||
if(res.code == 200){ | if(res.code == 200){ | ||||
@@ -67,7 +83,7 @@ export default { | |||||
if(this.titleList && this.titleList[0]){ | if(this.titleList && this.titleList[0]){ | ||||
this.getChannelInformationsRequest(this.titleList[0].id) | this.getChannelInformationsRequest(this.titleList[0].id) | ||||
} | } | ||||
} | } | ||||
}, | }, | ||||
@@ -3,7 +3,8 @@ | |||||
<el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb"> | ||||
<el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | <el-breadcrumb-item class="location">您的位置:</el-breadcrumb-item> | ||||
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> | ||||
<el-breadcrumb-item>行业动态</el-breadcrumb-item> | |||||
<el-breadcrumb-item @click.native="goToList()">行业动态</el-breadcrumb-item> | |||||
<el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||||
</el-breadcrumb> | </el-breadcrumb> | ||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
<el-col :span="4"> | <el-col :span="4"> | ||||
@@ -17,11 +18,11 @@ | |||||
{{item.channelName}}</div> | {{item.channelName}}</div> | ||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="20"> | |||||
<el-card shadow="never" style="margin: 0 10px;"> | |||||
<el-col :span="20" style="padding: 0 10px;"> | |||||
<el-card shadow="never" style="margin: 0 10px;" v-if="!isShow"> | |||||
<ul style="list-style: none"> | <ul style="list-style: none"> | ||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | |||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | |||||
v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | |||||
</ul> | </ul> | ||||
<el-pagination | <el-pagination | ||||
background | background | ||||
@@ -29,6 +30,11 @@ | |||||
:total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | ||||
</el-pagination> | </el-pagination> | ||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | |||||
<h2 class="title">上海市集成电路行业协会简介</h2> | |||||
<div class="info">作者:SICA 发布日期:2011年12月28日 星期三</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -44,10 +50,20 @@ export default { | |||||
titleList: [], | titleList: [], | ||||
activeIndex: 0, | activeIndex: 0, | ||||
dataList: [], | dataList: [], | ||||
total: 0 | |||||
total: 0, | |||||
isShow: false, | |||||
activeItem: {} | |||||
} | } | ||||
}, | }, | ||||
methods: { | methods: { | ||||
goToList(){ | |||||
this.isShow = false | |||||
this.$forceUpdate() | |||||
}, | |||||
goToDetail(item){ | |||||
this.isShow = true | |||||
this.activeItem = {...item} | |||||
}, | |||||
async getChannelsRequest(){ | async getChannelsRequest(){ | ||||
let res = await getChannelsRequest({current:1,size:100}) | let res = await getChannelsRequest({current:1,size:100}) | ||||
if(res.code == 200){ | if(res.code == 200){ | ||||
@@ -67,7 +83,7 @@ export default { | |||||
if(this.titleList && this.titleList[0]){ | if(this.titleList && this.titleList[0]){ | ||||
this.getChannelInformationsRequest(this.titleList[0].id) | this.getChannelInformationsRequest(this.titleList[0].id) | ||||
} | } | ||||
} | } | ||||
}, | }, | ||||