@@ -35,6 +35,7 @@ img{ | |||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
overflow: hidden; | overflow: hidden; | ||||
word-break: break-all; | word-break: break-all; | ||||
} | } | ||||
.max2{ | .max2{ | ||||
@@ -47,6 +48,17 @@ img{ | |||||
-webkit-box-orient: vertical; | -webkit-box-orient: vertical; | ||||
} | } | ||||
.max4{ | |||||
text-overflow: -o-ellipsis-lastline; | |||||
overflow: hidden; | |||||
text-overflow: ellipsis; | |||||
display: -webkit-box; | |||||
-webkit-line-clamp: 4; | |||||
line-clamp: 4; | |||||
-webkit-box-orient: vertical; | |||||
} | |||||
.title{ | .title{ | ||||
color: #333; | color: #333; | ||||
} | } | ||||
@@ -66,4 +78,6 @@ img{ | |||||
line-height: 1.5rem; | line-height: 1.5rem; | ||||
} | } | ||||
</style> | </style> |
@@ -29,7 +29,7 @@ export default [ | |||||
name: 'overview', | name: 'overview', | ||||
meta: { | meta: { | ||||
hideInMenu: true, | hideInMenu: true, | ||||
title: '概览', | |||||
title: '首页', | |||||
notCache: true, | notCache: true, | ||||
showInBreadCrumb: true | showInBreadCrumb: true | ||||
}, | }, | ||||
@@ -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,10 +18,10 @@ | |||||
{{item.channelName}}</div> | {{item.channelName}}</div> | ||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="20" > | |||||
<el-col :span="20" v-if="!isShow"> | |||||
<el-card shadow="never" style="margin: 0 10px" v-if="activeIndex == 0"> | <el-card shadow="never" style="margin: 0 10px" v-if="activeIndex == 0"> | ||||
<el-row> | <el-row> | ||||
<el-col :span="12" v-for="(item, index) in dataList" :key="index" > | |||||
<el-col :span="12" v-for="(item, index) in dataList" :key="index" @click.native="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 10px 0;height: 100%;width: 100%"/> | <img :src="item.aboutImgUrl" style="border-radius: 10px;margin: 10px 0 10px 0;height: 100%;width: 100%"/> | ||||
<p style="color: #333">{{item.title}}</p> | <p style="color: #333">{{item.title}}</p> | ||||
@@ -44,10 +45,16 @@ | |||||
> | > | ||||
</div> --> | </div> --> | ||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="20" style="padding: 0 10px;" v-if="isShow"> | |||||
<el-card class="article" shadow="never" style="border-radius: 8px" > | |||||
<h2 class="title">{{activeItem.title}}</h2> | |||||
<div class="info">作者:{{activeItem.author}} 发布日期:{{activeItem.publishTime}}</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | |||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -64,7 +71,9 @@ export default { | |||||
activeIndex: 0, | activeIndex: 0, | ||||
dataList: [], | dataList: [], | ||||
infoId: '', | infoId: '', | ||||
InfoObj: {} | |||||
InfoObj: {}, | |||||
isShow: false, | |||||
activeItem: {} | |||||
} | } | ||||
}, | }, | ||||
filters: { | filters: { | ||||
@@ -85,6 +94,14 @@ export default { | |||||
} | } | ||||
}, | }, | ||||
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){ | ||||
@@ -124,7 +141,7 @@ export default { | |||||
changeType(index){ | changeType(index){ | ||||
this.activeIndex = index; | this.activeIndex = index; | ||||
this.isShow = false | |||||
if(index == 0){ | if(index == 0){ | ||||
this.getChannelInformationsRequest(this.titleList[index].id) | this.getChannelInformationsRequest(this.titleList[index].id) | ||||
}else if(index == 1){ | }else if(index == 1){ | ||||
@@ -3,13 +3,14 @@ | |||||
<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"> | ||||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | ||||
<div slot="header"> | <div slot="header"> | ||||
<span>企业认定</span> | |||||
<span>企业评估</span> | |||||
</div> | </div> | ||||
<!-- <div class="menu-item active"><router-link to="/vip-service">会员服务</router-link></div> --> | <!-- <div class="menu-item active"><router-link to="/vip-service">会员服务</router-link></div> --> | ||||
<div class="menu-item" v-for="(item, index) in titleList" :key="index" | <div class="menu-item" v-for="(item, index) in titleList" :key="index" | ||||
@@ -17,10 +18,10 @@ | |||||
{{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" 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" | |||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" @click="goToDetail(item)" | |||||
v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | v-for="(item,index) in dataList" :key="index">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | ||||
</ul> | </ul> | ||||
<el-pagination | <el-pagination | ||||
@@ -29,6 +30,13 @@ | |||||
: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">{{activeItem.title}}</h2> | |||||
<div class="info">作者:{{activeItem.author}} 发布日期:{{activeItem.publishTime}}</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 +52,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){ | ||||
@@ -83,6 +101,7 @@ export default { | |||||
}, | }, | ||||
changeType(index){ | changeType(index){ | ||||
this.isShow = false | |||||
this.activeIndex = index; | this.activeIndex = index; | ||||
this.getChannelInformationsRequest(this.titleList[index].id) | this.getChannelInformationsRequest(this.titleList[index].id) | ||||
} | } | ||||
@@ -3,14 +3,14 @@ | |||||
<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 @click.native="goToList()">数据上报</el-breadcrumb-item> | |||||
<el-breadcrumb-item @click.native="goToList()">统计分析</el-breadcrumb-item> | |||||
<el-breadcrumb-item v-if="isShow">详情</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"> | ||||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | ||||
<div slot="header"> | <div slot="header"> | ||||
<span>数据上报</span> | |||||
<span>统计分析</span> | |||||
</div> | </div> | ||||
<!-- <div class="menu-item active">SICA简介</div> --> | <!-- <div class="menu-item active">SICA简介</div> --> | ||||
<div class="menu-item" v-for="(item, index) in titleList" :key="index" | <div class="menu-item" v-for="(item, index) in titleList" :key="index" | ||||
@@ -18,8 +18,9 @@ | |||||
{{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;" v-if="!isShow"> | |||||
<el-col :span="20" style="padding: 0 10px;" v-if="!isShow"> | |||||
<el-card shadow="never" v-if="activeIndex == 1"> | |||||
<ul style="list-style: none"> | <ul style="list-style: none"> | ||||
<li style="padding: 10px;border-bottom: 1px solid #eee;margin: 5px 0" | <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> | v-for="(item,index) in dataList" :key="index" @click="goToDetail(item)">{{ index+1 }}、{{item.title}}<span style="float:right">{{item.publishTime}}</span></li> | ||||
@@ -30,18 +31,38 @@ | |||||
: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-card shadow="never" style="margin: 0 10px;" v-if="activeIndex == 0"> | |||||
<h2 style="color: #333;text-align: center;margin: 15px auto">数据统计</h2> | |||||
<el-form> | |||||
<el-form-item label="账号" label-width="4rem"> | |||||
<el-input auto-complete="off" v-model="yijian.QIYEMINGCHEN"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="密码" label-width="4rem"> | |||||
<el-input type="password" auto-complete="off" v-model="yijian.WENTIFANKUI"></el-input> | |||||
</el-form-item> | |||||
<div style="margin: 20px auto;text-align: center" @click="moduleDataSave"> | |||||
<el-button type="primary" style="letter-spacing: 3px">登陆</el-button> | |||||
</div> | |||||
</el-form> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
<el-col :span="20" style="padding: 0 10px;" v-if="isShow"> | |||||
<el-card class="article" shadow="never" style="border-radius: 8px"> | |||||
<h2 class="title">{{activeItem.title}}</h2> | |||||
<div class="info">作者:{{activeItem.author}} 发布日期:{{activeItem.publishTime}}</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | |||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import {getChannelInformationsRequest, getChannelsRequest, getChannelSecond} from "../api/data"; | |||||
import {getChannelInformationsRequest, getChannelsRequest, getChannelSecond, moduleDataSave} from "../api/data"; | |||||
export default { | export default { | ||||
data () { | data () { | ||||
@@ -51,10 +72,61 @@ export default { | |||||
dataList: [], | dataList: [], | ||||
total: 0, | total: 0, | ||||
isShow: false, | isShow: false, | ||||
activeItem: {} | |||||
activeItem: {}, | |||||
yijian: { | |||||
} | |||||
} | } | ||||
}, | }, | ||||
methods: { | methods: { | ||||
async moduleDataSave(){ | |||||
let params = { | |||||
"modelCode": "WenTiFanKui", | |||||
"fieldDataList": [ | |||||
{ | |||||
"fieldName": "QIYEMINGCHEN", | |||||
"fieldValues": this.yijian.QIYEMINGCHEN, | |||||
"tblName": "CTM_WENTIFANKUIYEWUJIANMO", | |||||
"rowIndex": 0 | |||||
}, | |||||
{ | |||||
"fieldName": "WENTIFANKUI", | |||||
"fieldValues": this.yijian.WENTIFANKUI, | |||||
"tblName": "CTM_WENTIFANKUIYEWUJIANMO", | |||||
"rowIndex": 0 | |||||
}, | |||||
{ | |||||
"fieldName": "LIANXIREN", | |||||
"fieldValues": this.yijian.LIANXIREN, | |||||
"tblName": "CTM_WENTIFANKUIYEWUJIANMO", | |||||
"rowIndex": 0 | |||||
}, | |||||
{ | |||||
"fieldName": "SHOUJIHAOMA", | |||||
"fieldValues": this.yijian.SHOUJIHAOMA, | |||||
"tblName": "CTM_WENTIFANKUIYEWUJIANMO", | |||||
"rowIndex": 0 | |||||
}, | |||||
{ | |||||
"fieldName": "DIANZIYOUXIANG", | |||||
"fieldValues": this.yijian.DIANZIYOUXIANG, | |||||
"tblName": "CTM_WENTIFANKUIYEWUJIANMO", | |||||
"rowIndex": 0 | |||||
} | |||||
] | |||||
} | |||||
let res = await moduleDataSave(params) | |||||
if(res.code == 200){ | |||||
this.$toast(res.message) | |||||
this.yijian = { | |||||
QIYEMINGCHEN: '', | |||||
WENTIFANKUI: '', | |||||
LIANXIREN: '', | |||||
SHOUJIHAOMA: '', | |||||
DIANZIYOUXIANG: '', | |||||
} | |||||
} | |||||
}, | |||||
goToList(){ | goToList(){ | ||||
this.isShow = false | this.isShow = false | ||||
this.$forceUpdate() | this.$forceUpdate() | ||||
@@ -99,6 +171,7 @@ export default { | |||||
changeType(index){ | changeType(index){ | ||||
this.activeIndex = index; | this.activeIndex = index; | ||||
this.isShow = false | |||||
this.getChannelInformationsRequest(this.titleList[index].id) | this.getChannelInformationsRequest(this.titleList[index].id) | ||||
} | } | ||||
}, | }, | ||||
@@ -107,3 +180,9 @@ export default { | |||||
} | } | ||||
} | } | ||||
</script> | </script> | ||||
<style scoped> | |||||
.el-form-item{ | |||||
width: 400px; | |||||
margin: 20px auto; | |||||
} | |||||
</style> |
@@ -18,7 +18,7 @@ | |||||
<div class="menu-item" v-for="(item, index) in titleList" :key="index" | <div class="menu-item" v-for="(item, index) in titleList" :key="index" | ||||
:class="{'active' : (index == activeIndex)}" @click="changeType(index)"> | :class="{'active' : (index == activeIndex)}" @click="changeType(index)"> | ||||
{{item.title}}</div> | |||||
{{item.channelName}}</div> | |||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
@@ -31,8 +31,8 @@ | |||||
<img style="float: left;width: 100px;height: 100px;border-radius: 8px" | <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> | |||||
<p style="color: #999" v-html="item.content"></p> | |||||
<h3 style="color:#333333;margin-bottom: 10px;" >{{item.title}}</h3> | |||||
<p style="color: #999; " v-html="item.content" class="max4"></p> | |||||
</div> | </div> | ||||
</li> | </li> | ||||
</ul> | </ul> | ||||
@@ -43,10 +43,10 @@ | |||||
</el-pagination> | </el-pagination> | ||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | <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> | |||||
<h2 class="title">{{activeItem.title}}</h2> | |||||
<div class="info">作者:{{activeItem.author}} 发布日期:{{activeItem.publishTime}}</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -68,6 +68,14 @@ export default { | |||||
} | } | ||||
}, | }, | ||||
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){ | ||||
@@ -95,12 +103,15 @@ export default { | |||||
if(res.code == 200){ | if(res.code == 200){ | ||||
this.dataList = res.data.records | this.dataList = res.data.records | ||||
this.total = Number(res.data.total) | this.total = Number(res.data.total) | ||||
this.dataList.map((item) => { | |||||
item.publishTime = this.$moment().format("YYYY-MM-DD") | |||||
}) | |||||
} | } | ||||
}, | }, | ||||
changeType(index){ | changeType(index){ | ||||
this.activeIndex = index; | this.activeIndex = index; | ||||
console.log(this.titleList[index].id) | |||||
this.isShow = false | |||||
this.getChannelInformationsRequest(this.titleList[index].id) | this.getChannelInformationsRequest(this.titleList[index].id) | ||||
} | } | ||||
}, | }, | ||||
@@ -18,11 +18,21 @@ | |||||
<div class="menu-item" v-for="(item, index) in titleList" :key="index" | <div class="menu-item" v-for="(item, index) in titleList" :key="index" | ||||
:class="{'active' : (index == activeIndex)}" @click="changeType(index)"> | :class="{'active' : (index == activeIndex)}" @click="changeType(index)"> | ||||
{{item.title}}</div> | |||||
{{item.channelName}}</div> | |||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
<el-col :span="20"> | |||||
<el-col :span="20" v-if="activeIndex == 0 || activeIndex == 1"> | |||||
<el-card class="article" shadow="never" style="border-radius: 8px" > | |||||
<h2 class="title">{{activeItem.title}}</h2> | |||||
<div class="info">作者:{{activeItem.author}} 发布日期:{{activeItem.publishTime}}</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | |||||
<el-col :span="20" v-if="activeIndex == 2"> | |||||
<el-card shadow="never" style="margin: 0 10px;" v-if="!isShow"> | <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> | ||||
@@ -38,18 +48,49 @@ | |||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | <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> | |||||
<h2 class="title">{{activeItem.title}}</h2> | |||||
<div class="info">作者:{{activeItem.author}} 发布日期:{{activeItem.publishTime}}</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | |||||
<el-col :span="20" v-if="activeIndex == 3"> | |||||
<el-card shadow="never" style="margin: 0 10px;"> | |||||
<h2 style="color: #333;text-align: center;margin: 15px auto">申请编写团标</h2> | |||||
<el-form> | |||||
<el-form-item label="企业名称" label-width="5rem"> | |||||
<el-input auto-complete="off" v-model="yijian.COMPANYNAME"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="问题反馈" label-width="5rem"> | |||||
<el-input type="textarea" :rows="4" auto-complete="off" v-model="yijian.QUESTION"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="联系人" label-width="5rem"> | |||||
<el-input auto-complete="off" v-model="yijian.CONTACTS"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="手机号码" label-width="5rem"> | |||||
<el-input auto-complete="off" type="number" maxlength="11" | |||||
v-model="yijian.PHONE"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="电子邮箱" label-width="5rem"> | |||||
<el-input auto-complete="off" v-model="yijian.EMAIL"></el-input> | |||||
</el-form-item> | |||||
<div style="margin: 20px auto;text-align: center" @click="moduleDataSave"> | |||||
<el-button type="primary" style="letter-spacing: 3px">提交</el-button> | |||||
</div> | |||||
</el-form> | |||||
</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, moduleDataSave} from "../api/data"; | |||||
export default { | export default { | ||||
data () { | data () { | ||||
@@ -59,10 +100,65 @@ export default { | |||||
dataList: [], | dataList: [], | ||||
total: 0, | total: 0, | ||||
isShow: false, | isShow: false, | ||||
activeItem: {} | |||||
activeItem: {}, | |||||
yijian: { | |||||
COMPANYNAME: '', | |||||
QUESTION: '', | |||||
CONTACTS: '', | |||||
PHONE: '', | |||||
EMAIL: '', | |||||
}, | |||||
} | } | ||||
}, | }, | ||||
methods: { | methods: { | ||||
async moduleDataSave(){ | |||||
let params = { | |||||
"modelCode": "ShenQingBianXieTuanBiao", | |||||
"fieldDataList": [ | |||||
{ | |||||
"fieldName": "COMPANYNAME", | |||||
"fieldValues": this.yijian.COMPANYNAME, | |||||
"tblName": "CTM_BIANXIETUANBIAO", | |||||
"rowIndex": 0 | |||||
}, | |||||
{ | |||||
"fieldName": "QUESTION", | |||||
"fieldValues": this.yijian.QUESTION, | |||||
"tblName": "CTM_BIANXIETUANBIAO", | |||||
"rowIndex": 0 | |||||
}, | |||||
{ | |||||
"fieldName": "CONTACTS", | |||||
"fieldValues": this.yijian.CONTACTS, | |||||
"tblName": "CTM_BIANXIETUANBIAO", | |||||
"rowIndex": 0 | |||||
}, | |||||
{ | |||||
"fieldName": "PHONE", | |||||
"fieldValues": this.yijian.PHONE, | |||||
"tblName": "CTM_BIANXIETUANBIAO", | |||||
"rowIndex": 0 | |||||
}, | |||||
{ | |||||
"fieldName": "EMAIL", | |||||
"fieldValues": this.yijian.EMAIL, | |||||
"tblName": "CTM_BIANXIETUANBIAO", | |||||
"rowIndex": 0 | |||||
} | |||||
] | |||||
} | |||||
let res = await moduleDataSave(params) | |||||
if(res.code == 200){ | |||||
this.$toast(res.message) | |||||
this.yijian = { | |||||
QIYEMINGCHEN: '', | |||||
WENTIFANKUI: '', | |||||
LIANXIREN: '', | |||||
SHOUJIHAOMA: '', | |||||
DIANZIYOUXIANG: '', | |||||
} | |||||
} | |||||
}, | |||||
goToList(){ | goToList(){ | ||||
this.isShow = false | this.isShow = false | ||||
this.$forceUpdate() | this.$forceUpdate() | ||||
@@ -86,7 +182,7 @@ export default { | |||||
let res = await getChannelSecond(id) | let res = await getChannelSecond(id) | ||||
if(res.code == 200){ | if(res.code == 200){ | ||||
this.titleList = res.data | this.titleList = res.data | ||||
console.log("this.titleList:"+JSON.stringify(res.data)) | |||||
// console.log("this.titleList:"+JSON.stringify(res.data)) | |||||
if(this.titleList && this.titleList[0]){ | if(this.titleList && this.titleList[0]){ | ||||
this.getChannelInformationsRequest(this.titleList[0].id) | this.getChannelInformationsRequest(this.titleList[0].id) | ||||
} | } | ||||
@@ -99,13 +195,20 @@ export default { | |||||
if(res.code == 200){ | if(res.code == 200){ | ||||
this.dataList = res.data.records | this.dataList = res.data.records | ||||
this.total = Number(res.data.total) | this.total = Number(res.data.total) | ||||
this.dataList.map((item) => { | |||||
item.publishTime = this.$moment().format("YYYY-MM-DD") | |||||
}) | |||||
if(this.activeIndex == 0 || this.activeIndex == 1){ | |||||
this.activeItem = {...this.dataList[0]} | |||||
console.log("this.activeItem"+JSON.stringify(this.activeItem)) | |||||
} | |||||
} | } | ||||
}, | }, | ||||
changeType(index){ | changeType(index){ | ||||
this.activeIndex = index; | this.activeIndex = index; | ||||
console.log(this.titleList[index].id) | |||||
this.getChannelInformationsRequest(this.titleList[index].id) | this.getChannelInformationsRequest(this.titleList[index].id) | ||||
} | } | ||||
}, | }, | ||||
mounted() { | mounted() { | ||||
@@ -7,17 +7,26 @@ | |||||
</div> | </div> | ||||
<el-menu-item index="1"><router-link to="/overview">首页</router-link></el-menu-item> | <el-menu-item index="1"><router-link to="/overview">首页</router-link></el-menu-item> | ||||
<el-menu-item index="2"><router-link to="/about">关于我们</router-link></el-menu-item> | <el-menu-item index="2"><router-link to="/about">关于我们</router-link></el-menu-item> | ||||
<el-menu-item index="3"><router-link to="/vip-service">协会会员</router-link></el-menu-item> | |||||
<el-menu-item index="4"><router-link to="/company">企业认定</router-link></el-menu-item> | |||||
<el-menu-item index="5"><router-link to="/news">新闻资讯</router-link></el-menu-item> | |||||
<el-menu-item index="6"><router-link to="/policy">产业政策</router-link></el-menu-item> | |||||
<el-menu-item index="7"><router-link to="/trode">行业动态</router-link></el-menu-item> | |||||
<el-menu-item index="3"><router-link to="/trode">行业动态</router-link></el-menu-item> | |||||
<el-menu-item index="4"><router-link to="/vip-service">会员服务</router-link></el-menu-item> | |||||
<el-menu-item index="5"><router-link to="/exchange">合作交流</router-link></el-menu-item> | |||||
<el-menu-item index="6"><router-link to="/policy">产业研究</router-link></el-menu-item> | |||||
<el-menu-item index="7"><router-link to="/data">统计分析</router-link></el-menu-item> | |||||
<el-menu-item index="8"><router-link to="/km">知识产权</router-link></el-menu-item> | |||||
<el-menu-item index="9"><router-link to="/company">企业评估</router-link></el-menu-item> | |||||
<el-menu-item index="10"><router-link to="/people">人力发展</router-link></el-menu-item> | |||||
<el-menu-item index="11"><router-link to="/news">通知</router-link></el-menu-item> | |||||
<!-- <el-menu-item index="5"><router-link to="/news">新闻资讯</router-link></el-menu-item> --> | |||||
<!-- <el-menu-item index="7"><router-link to="/trode">行业动态</router-link></el-menu-item> | |||||
<el-menu-item index="8"><router-link to="/exchange">合作交流</router-link></el-menu-item> | <el-menu-item index="8"><router-link to="/exchange">合作交流</router-link></el-menu-item> | ||||
<el-menu-item index="9"><router-link to="/km">知识产权</router-link></el-menu-item> | |||||
<el-menu-item index="10"><router-link to="/member">会员产品</router-link></el-menu-item> | |||||
<el-menu-item index="11"><router-link to="/people">人力资源</router-link></el-menu-item> | |||||
<el-menu-item index="12"><router-link to="/data">数据上报</router-link></el-menu-item> | |||||
<el-menu-item index="13"><router-link to="/connect">联系我们</router-link></el-menu-item> | |||||
<el-menu-item index="10"><router-link to="/member">会员产品</router-link></el-menu-item> --> | |||||
<el-menu-item index="12"><router-link to="/connect">联系我们</router-link></el-menu-item> | |||||
</el-menu> | </el-menu> | ||||
</el-header> | </el-header> | ||||
<router-view/> | <router-view/> | ||||
@@ -72,16 +81,15 @@ export default { | |||||
menuLists: [ | menuLists: [ | ||||
{text: '首页', path: '/overview'}, | {text: '首页', path: '/overview'}, | ||||
{text: '关于我们', path: '/about'}, | {text: '关于我们', path: '/about'}, | ||||
{text: '协会会员', path: '/vip-service'}, | |||||
{text: '企业认定', path: '/company'}, | |||||
{text: '新闻资讯', path: '/news'}, | |||||
{text: '产业政策', path: '/policy'}, | |||||
{text: '行业动态', path: '/trode'}, | {text: '行业动态', path: '/trode'}, | ||||
{text: '会员服务', path: '/vip-service'}, | |||||
{text: '合作交流', path: '/exchange'}, | {text: '合作交流', path: '/exchange'}, | ||||
{text: '产业研究', path: '/policy'}, | |||||
{text: '统计分析', path: '/data'}, | |||||
{text: '知识产权', path: '/km'}, | {text: '知识产权', path: '/km'}, | ||||
{text: '会员产品', path: '/member'}, | |||||
{text: '人力资源', path: '/people'}, | |||||
{text: '数据上报', path: '/data'}, | |||||
{text: '企业评估', path: '/company'}, | |||||
{text: '人力发展', path: '/people'}, | |||||
{text: '通知', path: '/news'}, | |||||
{text: '联系我们', path: '/connect'}, | {text: '联系我们', path: '/connect'}, | ||||
] | ] | ||||
} | } | ||||
@@ -174,6 +182,7 @@ export default { | |||||
this.activeIndex = index+1+"" | this.activeIndex = index+1+"" | ||||
} | } | ||||
}) | }) | ||||
document.title = this.menuLists[this.activeIndex-1].text | |||||
this.setBreadCrumb(newRoute) | this.setBreadCrumb(newRoute) | ||||
} | } | ||||
@@ -237,4 +246,8 @@ export default { | |||||
justify-content: center; | justify-content: center; | ||||
} | } | ||||
/* a{ | |||||
color: #fff!important; | |||||
} */ | |||||
</style> | </style> |
@@ -3,7 +3,7 @@ | |||||
<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-item v-if="isShow">详情</el-breadcrumb-item> | ||||
</el-breadcrumb> | </el-breadcrumb> | ||||
<el-row class="card_menu"> | <el-row class="card_menu"> | ||||
@@ -31,10 +31,10 @@ | |||||
</el-pagination> | </el-pagination> | ||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | <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> | |||||
<h2 class="title">{{activeItem.title}}</h2> | |||||
<div class="info">作者:{{activeItem.author}} 发布日期:{{activeItem.publishTime}}</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -99,6 +99,7 @@ export default { | |||||
changeType(index){ | changeType(index){ | ||||
this.activeIndex = index; | this.activeIndex = index; | ||||
this.isShow = false | |||||
this.getChannelInformationsRequest(this.titleList[index].id) | this.getChannelInformationsRequest(this.titleList[index].id) | ||||
} | } | ||||
}, | }, | ||||
@@ -3,14 +3,14 @@ | |||||
<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 @click.native="goToList()">新闻资讯</el-breadcrumb-item> | |||||
<el-breadcrumb-item @click.native="goToList()">通知</el-breadcrumb-item> | |||||
<el-breadcrumb-item v-if="isShow">详情</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"> | ||||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | ||||
<div slot="header"> | <div slot="header"> | ||||
<span>新闻资讯</span> | |||||
<span>通知</span> | |||||
</div> | </div> | ||||
<!-- <div class="menu-item active"><router-link to="/vip-service">会员服务</router-link></div> --> | <!-- <div class="menu-item active"><router-link to="/vip-service">会员服务</router-link></div> --> | ||||
<div class="menu-item" v-for="(item, index) in titleList" :key="index" | <div class="menu-item" v-for="(item, index) in titleList" :key="index" | ||||
@@ -36,8 +36,8 @@ | |||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | <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> | |||||
<h2 class="title">{{activeItem.title}}</h2> | |||||
<div class="info">作者:{{activeItem.author}} 发布日期:{{activeItem.publishTime}}</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> | ||||
@@ -104,6 +104,7 @@ export default { | |||||
}, | }, | ||||
changeType(index){ | changeType(index){ | ||||
this.isShow = false | |||||
this.activeIndex = index; | this.activeIndex = index; | ||||
this.getChannelInformationsRequest(this.titleList[index].id) | this.getChannelInformationsRequest(this.titleList[index].id) | ||||
} | } | ||||
@@ -188,7 +188,7 @@ | |||||
<router-link to="/trode" style="float: right; padding: 3px 0;color: #999999;font-size: 12px" type="text">更多>></router-link> | <router-link to="/trode" style="float: right; padding: 3px 0;color: #999999;font-size: 12px" type="text">更多>></router-link> | ||||
</div> | </div> | ||||
<div class="list" v-for="(item, index) in hangyeList" :key="index"> | <div class="list" v-for="(item, index) in hangyeList" :key="index"> | ||||
<h2 style="display: flex; flex-direction: row"> | |||||
<h2 style="display: flex; flex-direction: row;width: 100%; align-items: center;"> | |||||
<router-link :to='"/detail?id="+item.id'> | <router-link :to='"/detail?id="+item.id'> | ||||
<span style="flex: 1">{{item.title}}</span> | <span style="flex: 1">{{item.title}}</span> | ||||
@@ -209,10 +209,12 @@ | |||||
<router-link to="/people" style="float: right; padding: 3px 0;color: #999999;font-size: 12px" type="text">更多>></router-link> | <router-link to="/people" style="float: right; padding: 3px 0;color: #999999;font-size: 12px" type="text">更多>></router-link> | ||||
</div> | </div> | ||||
<div class="list" v-for="(item, index) in renliList" :key="index"> | <div class="list" v-for="(item, index) in renliList" :key="index"> | ||||
<h2 style="display: flex; flex-direction: row"> | |||||
<h2 style="display: flex; flex-direction: row;width: 100%; align-items: center; box-sizing: border-box;"> | |||||
<router-link :to='"/detail?id="+item.id'> | <router-link :to='"/detail?id="+item.id'> | ||||
<span style="flex: 1">{{item.title}}</span> | |||||
<span >{{item.title}}</span> | |||||
</router-link> | </router-link> | ||||
<span style="flex: 1"></span> | |||||
<span class="time">{{item.publishTime}}</span> | <span class="time">{{item.publishTime}}</span> | ||||
</h2> | </h2> | ||||
@@ -243,7 +245,7 @@ | |||||
</div> | </div> | ||||
<div > | <div > | ||||
<el-button type="text" style="color: #255089"> | <el-button type="text" style="color: #255089"> | ||||
<a :href="item.content" target="_blank" | |||||
<a :href="item.content" target="_blank" style="color: #255089!important;" | |||||
v-for="(item, index) in youqingList" :key="index" > | v-for="(item, index) in youqingList" :key="index" > | ||||
{{item.title}} | | {{item.title}} | | ||||
</a> | </a> | ||||
@@ -347,10 +349,11 @@ export default { | |||||
}else if(weizhi == "K"){ | }else if(weizhi == "K"){ | ||||
// 人力资源 | // 人力资源 | ||||
this.renliList = res.data.records.slice(0, 1) | this.renliList = res.data.records.slice(0, 1) | ||||
console.log('this.renliList'+JSON.stringify(this.renliList)) | |||||
}else if(weizhi == "L"){ | }else if(weizhi == "L"){ | ||||
// 会员企业 | // 会员企业 | ||||
this.huiyuanQiList = res.data.records | this.huiyuanQiList = res.data.records | ||||
console.log('this.huiyuanQiList'+JSON.stringify(this.huiyuanQiList)) | |||||
}else if(weizhi == "M"){ | }else if(weizhi == "M"){ | ||||
// 友情链接 | // 友情链接 | ||||
this.youqingList = res.data.records | this.youqingList = res.data.records | ||||
@@ -419,4 +422,12 @@ export default { | |||||
font-size: 11px; | font-size: 11px; | ||||
} | } | ||||
a{ | |||||
color: #333333; | |||||
font-weight: bold; | |||||
} | |||||
.el-carousel__container{ | |||||
height: 400px; | |||||
} | |||||
</style> | </style> |
@@ -3,14 +3,14 @@ | |||||
<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 @click.native="goToList()">人力资源</el-breadcrumb-item> | |||||
<el-breadcrumb-item @click.native="goToList()">人力发展</el-breadcrumb-item> | |||||
<el-breadcrumb-item v-if="isShow">详情</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"> | ||||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | ||||
<div slot="header"> | <div slot="header"> | ||||
<span>人力资源</span> | |||||
<span>人力发展</span> | |||||
</div> | </div> | ||||
<!-- <div class="menu-item active">SICA简介</div> --> | <!-- <div class="menu-item active">SICA简介</div> --> | ||||
<div class="menu-item" v-for="(item, index) in titleList" :key="index" | <div class="menu-item" v-for="(item, index) in titleList" :key="index" | ||||
@@ -3,14 +3,14 @@ | |||||
<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 @click.native="goToList()">产业政策</el-breadcrumb-item> | |||||
<el-breadcrumb-item @click.native="goToList()">产业研究</el-breadcrumb-item> | |||||
<el-breadcrumb-item v-if="isShow">详情</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"> | ||||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | ||||
<div slot="header"> | <div slot="header"> | ||||
<span>产业政策</span> | |||||
<span>产业研究</span> | |||||
</div> | </div> | ||||
<!-- <div class="menu-item active"><router-link to="/vip-service">会员服务</router-link></div> --> | <!-- <div class="menu-item active"><router-link to="/vip-service">会员服务</router-link></div> --> | ||||
<div class="menu-item" v-for="(item, index) in titleList" :key="index" | <div class="menu-item" v-for="(item, index) in titleList" :key="index" | ||||
@@ -31,10 +31,10 @@ | |||||
</el-pagination> | </el-pagination> | ||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | <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> | |||||
<h2 class="title">{{activeItem.title}}</h2> | |||||
<div class="info">作者:{{activeItem.author}} 发布日期:{{activeItem.publishTime}}</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -100,6 +100,7 @@ export default { | |||||
changeType(index){ | changeType(index){ | ||||
this.activeIndex = index; | this.activeIndex = index; | ||||
this.isShow = false | |||||
this.getChannelInformationsRequest(this.titleList[index].id) | this.getChannelInformationsRequest(this.titleList[index].id) | ||||
} | } | ||||
}, | }, | ||||
@@ -31,10 +31,10 @@ | |||||
</el-pagination> | </el-pagination> | ||||
</el-card> | </el-card> | ||||
<el-card class="article" shadow="never" style="border-radius: 8px" v-if="isShow"> | <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> | |||||
<h2 class="title">{{activeItem.title}}</h2> | |||||
<div class="info">作者:{{activeItem.author}} 发布日期:{{activeItem.publishTime}}</div> | |||||
<div class="content" v-html="activeItem.content"></div> | |||||
</el-card> | |||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||
</el-main> | </el-main> | ||||
@@ -100,6 +100,7 @@ export default { | |||||
changeType(index){ | changeType(index){ | ||||
this.activeIndex = index; | this.activeIndex = index; | ||||
this.isShow = false | |||||
this.getChannelInformationsRequest(this.titleList[index].id) | this.getChannelInformationsRequest(this.titleList[index].id) | ||||
} | } | ||||
}, | }, | ||||
@@ -666,7 +666,6 @@ import { ChartBar } from '_c/charts'; | |||||
</div> | </div> | ||||
</el-form> | </el-form> | ||||
</el-card> | </el-card> | ||||
</el-col> | </el-col> | ||||
</el-row> | </el-row> | ||||