@@ -35,6 +35,7 @@ img{ | |||
text-overflow: ellipsis; | |||
overflow: hidden; | |||
word-break: break-all; | |||
} | |||
.max2{ | |||
@@ -47,6 +48,17 @@ img{ | |||
-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{ | |||
color: #333; | |||
} | |||
@@ -66,4 +78,6 @@ img{ | |||
line-height: 1.5rem; | |||
} | |||
</style> |
@@ -29,7 +29,7 @@ export default [ | |||
name: 'overview', | |||
meta: { | |||
hideInMenu: true, | |||
title: '概览', | |||
title: '首页', | |||
notCache: true, | |||
showInBreadCrumb: true | |||
}, | |||
@@ -3,7 +3,8 @@ | |||
<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>关于我们</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-col :span="4"> | |||
@@ -17,10 +18,10 @@ | |||
{{item.channelName}}</div> | |||
</el-card> | |||
</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-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'}"> | |||
<img :src="item.aboutImgUrl" style="border-radius: 10px;margin: 10px 0 10px 0;height: 100%;width: 100%"/> | |||
<p style="color: #333">{{item.title}}</p> | |||
@@ -44,10 +45,16 @@ | |||
> | |||
</div> --> | |||
</el-card> | |||
</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-main> | |||
@@ -64,7 +71,9 @@ export default { | |||
activeIndex: 0, | |||
dataList: [], | |||
infoId: '', | |||
InfoObj: {} | |||
InfoObj: {}, | |||
isShow: false, | |||
activeItem: {} | |||
} | |||
}, | |||
filters: { | |||
@@ -85,6 +94,14 @@ export default { | |||
} | |||
}, | |||
methods: { | |||
goToList(){ | |||
this.isShow = false | |||
this.$forceUpdate() | |||
}, | |||
goToDetail(item){ | |||
this.isShow = true | |||
this.activeItem = {...item} | |||
}, | |||
async getChannelsRequest(){ | |||
let res = await getChannelsRequest({current:1,size:100}) | |||
if(res.code == 200){ | |||
@@ -124,7 +141,7 @@ export default { | |||
changeType(index){ | |||
this.activeIndex = index; | |||
this.isShow = false | |||
if(index == 0){ | |||
this.getChannelInformationsRequest(this.titleList[index].id) | |||
}else if(index == 1){ | |||
@@ -3,13 +3,14 @@ | |||
<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>企业认定</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-col :span="4"> | |||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | |||
<div slot="header"> | |||
<span>企业认定</span> | |||
<span>企业评估</span> | |||
</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" | |||
@@ -17,10 +18,10 @@ | |||
{{item.channelName}}</div> | |||
</el-card> | |||
</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"> | |||
<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> | |||
</ul> | |||
<el-pagination | |||
@@ -29,6 +30,13 @@ | |||
:total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | |||
</el-pagination> | |||
</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-row> | |||
</el-main> | |||
@@ -44,10 +52,20 @@ export default { | |||
titleList: [], | |||
activeIndex: 0, | |||
dataList: [], | |||
total: 0 | |||
total: 0, | |||
isShow: false, | |||
activeItem: {} | |||
} | |||
}, | |||
methods: { | |||
goToList(){ | |||
this.isShow = false | |||
this.$forceUpdate() | |||
}, | |||
goToDetail(item){ | |||
this.isShow = true | |||
this.activeItem = {...item} | |||
}, | |||
async getChannelsRequest(){ | |||
let res = await getChannelsRequest({current:1,size:100}) | |||
if(res.code == 200){ | |||
@@ -83,6 +101,7 @@ export default { | |||
}, | |||
changeType(index){ | |||
this.isShow = false | |||
this.activeIndex = index; | |||
this.getChannelInformationsRequest(this.titleList[index].id) | |||
} | |||
@@ -3,14 +3,14 @@ | |||
<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 @click.native="goToList()">统计分析</el-breadcrumb-item> | |||
<el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||
</el-breadcrumb> | |||
<el-row class="card_menu"> | |||
<el-col :span="4"> | |||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | |||
<div slot="header"> | |||
<span>数据上报</span> | |||
<span>统计分析</span> | |||
</div> | |||
<!-- <div class="menu-item active">SICA简介</div> --> | |||
<div class="menu-item" v-for="(item, index) in titleList" :key="index" | |||
@@ -18,8 +18,9 @@ | |||
{{item.channelName}}</div> | |||
</el-card> | |||
</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"> | |||
<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> | |||
@@ -30,18 +31,38 @@ | |||
:total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px"> | |||
</el-pagination> | |||
</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 :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-main> | |||
</template> | |||
<script> | |||
import {getChannelInformationsRequest, getChannelsRequest, getChannelSecond} from "../api/data"; | |||
import {getChannelInformationsRequest, getChannelsRequest, getChannelSecond, moduleDataSave} from "../api/data"; | |||
export default { | |||
data () { | |||
@@ -51,10 +72,61 @@ export default { | |||
dataList: [], | |||
total: 0, | |||
isShow: false, | |||
activeItem: {} | |||
activeItem: {}, | |||
yijian: { | |||
} | |||
} | |||
}, | |||
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(){ | |||
this.isShow = false | |||
this.$forceUpdate() | |||
@@ -99,6 +171,7 @@ export default { | |||
changeType(index){ | |||
this.activeIndex = index; | |||
this.isShow = false | |||
this.getChannelInformationsRequest(this.titleList[index].id) | |||
} | |||
}, | |||
@@ -107,3 +180,9 @@ export default { | |||
} | |||
} | |||
</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" | |||
:class="{'active' : (index == activeIndex)}" @click="changeType(index)"> | |||
{{item.title}}</div> | |||
{{item.channelName}}</div> | |||
</el-card> | |||
</el-col> | |||
@@ -31,8 +31,8 @@ | |||
<img style="float: left;width: 100px;height: 100px;border-radius: 8px" | |||
:src="item.aboutImgUrl"/> | |||
<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> | |||
</li> | |||
</ul> | |||
@@ -43,10 +43,10 @@ | |||
</el-pagination> | |||
</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> | |||
<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-main> | |||
@@ -68,6 +68,14 @@ export default { | |||
} | |||
}, | |||
methods: { | |||
goToList(){ | |||
this.isShow = false | |||
this.$forceUpdate() | |||
}, | |||
goToDetail(item){ | |||
this.isShow = true | |||
this.activeItem = {...item} | |||
}, | |||
async getChannelsRequest(){ | |||
let res = await getChannelsRequest({current:1,size:100}) | |||
if(res.code == 200){ | |||
@@ -95,12 +103,15 @@ export default { | |||
if(res.code == 200){ | |||
this.dataList = res.data.records | |||
this.total = Number(res.data.total) | |||
this.dataList.map((item) => { | |||
item.publishTime = this.$moment().format("YYYY-MM-DD") | |||
}) | |||
} | |||
}, | |||
changeType(index){ | |||
this.activeIndex = index; | |||
console.log(this.titleList[index].id) | |||
this.isShow = false | |||
this.getChannelInformationsRequest(this.titleList[index].id) | |||
} | |||
}, | |||
@@ -18,11 +18,21 @@ | |||
<div class="menu-item" v-for="(item, index) in titleList" :key="index" | |||
:class="{'active' : (index == activeIndex)}" @click="changeType(index)"> | |||
{{item.title}}</div> | |||
{{item.channelName}}</div> | |||
</el-card> | |||
</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"> | |||
<h2 style="text-align: center;color: #333"> | |||
<span>协会团标</span> | |||
@@ -38,18 +48,49 @@ | |||
</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> | |||
<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-row> | |||
</el-main> | |||
</template> | |||
<script> | |||
import {getChannelInformationsRequest, getChannelsRequest, | |||
getChannelSecond} from "../api/data"; | |||
getChannelSecond, moduleDataSave} from "../api/data"; | |||
export default { | |||
data () { | |||
@@ -59,10 +100,65 @@ export default { | |||
dataList: [], | |||
total: 0, | |||
isShow: false, | |||
activeItem: {} | |||
activeItem: {}, | |||
yijian: { | |||
COMPANYNAME: '', | |||
QUESTION: '', | |||
CONTACTS: '', | |||
PHONE: '', | |||
EMAIL: '', | |||
}, | |||
} | |||
}, | |||
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(){ | |||
this.isShow = false | |||
this.$forceUpdate() | |||
@@ -86,7 +182,7 @@ export default { | |||
let res = await getChannelSecond(id) | |||
if(res.code == 200){ | |||
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]){ | |||
this.getChannelInformationsRequest(this.titleList[0].id) | |||
} | |||
@@ -99,13 +195,20 @@ export default { | |||
if(res.code == 200){ | |||
this.dataList = res.data.records | |||
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){ | |||
this.activeIndex = index; | |||
console.log(this.titleList[index].id) | |||
this.getChannelInformationsRequest(this.titleList[index].id) | |||
} | |||
}, | |||
mounted() { | |||
@@ -7,17 +7,26 @@ | |||
</div> | |||
<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="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="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-header> | |||
<router-view/> | |||
@@ -72,16 +81,15 @@ export default { | |||
menuLists: [ | |||
{text: '首页', path: '/overview'}, | |||
{text: '关于我们', path: '/about'}, | |||
{text: '协会会员', path: '/vip-service'}, | |||
{text: '企业认定', path: '/company'}, | |||
{text: '新闻资讯', path: '/news'}, | |||
{text: '产业政策', path: '/policy'}, | |||
{text: '行业动态', path: '/trode'}, | |||
{text: '会员服务', path: '/vip-service'}, | |||
{text: '合作交流', path: '/exchange'}, | |||
{text: '产业研究', path: '/policy'}, | |||
{text: '统计分析', path: '/data'}, | |||
{text: '知识产权', path: '/km'}, | |||
{text: '会员产品', path: '/member'}, | |||
{text: '人力资源', path: '/people'}, | |||
{text: '数据上报', path: '/data'}, | |||
{text: '企业评估', path: '/company'}, | |||
{text: '人力发展', path: '/people'}, | |||
{text: '通知', path: '/news'}, | |||
{text: '联系我们', path: '/connect'}, | |||
] | |||
} | |||
@@ -174,6 +182,7 @@ export default { | |||
this.activeIndex = index+1+"" | |||
} | |||
}) | |||
document.title = this.menuLists[this.activeIndex-1].text | |||
this.setBreadCrumb(newRoute) | |||
} | |||
@@ -237,4 +246,8 @@ export default { | |||
justify-content: center; | |||
} | |||
/* a{ | |||
color: #fff!important; | |||
} */ | |||
</style> |
@@ -3,7 +3,7 @@ | |||
<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>会员产品</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"> | |||
@@ -31,10 +31,10 @@ | |||
</el-pagination> | |||
</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> | |||
<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-main> | |||
@@ -99,6 +99,7 @@ export default { | |||
changeType(index){ | |||
this.activeIndex = index; | |||
this.isShow = false | |||
this.getChannelInformationsRequest(this.titleList[index].id) | |||
} | |||
}, | |||
@@ -3,14 +3,14 @@ | |||
<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 @click.native="goToList()">通知</el-breadcrumb-item> | |||
<el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||
</el-breadcrumb> | |||
<el-row class="card_menu"> | |||
<el-col :span="4"> | |||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | |||
<div slot="header"> | |||
<span>新闻资讯</span> | |||
<span>通知</span> | |||
</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" | |||
@@ -36,8 +36,8 @@ | |||
<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> | |||
</el-card> | |||
</el-col> | |||
@@ -104,6 +104,7 @@ export default { | |||
}, | |||
changeType(index){ | |||
this.isShow = false | |||
this.activeIndex = index; | |||
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> | |||
</div> | |||
<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'> | |||
<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> | |||
</div> | |||
<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'> | |||
<span style="flex: 1">{{item.title}}</span> | |||
<span >{{item.title}}</span> | |||
</router-link> | |||
<span style="flex: 1"></span> | |||
<span class="time">{{item.publishTime}}</span> | |||
</h2> | |||
@@ -243,7 +245,7 @@ | |||
</div> | |||
<div > | |||
<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" > | |||
{{item.title}} | | |||
</a> | |||
@@ -347,10 +349,11 @@ export default { | |||
}else if(weizhi == "K"){ | |||
// 人力资源 | |||
this.renliList = res.data.records.slice(0, 1) | |||
console.log('this.renliList'+JSON.stringify(this.renliList)) | |||
}else if(weizhi == "L"){ | |||
// 会员企业 | |||
this.huiyuanQiList = res.data.records | |||
console.log('this.huiyuanQiList'+JSON.stringify(this.huiyuanQiList)) | |||
}else if(weizhi == "M"){ | |||
// 友情链接 | |||
this.youqingList = res.data.records | |||
@@ -419,4 +422,12 @@ export default { | |||
font-size: 11px; | |||
} | |||
a{ | |||
color: #333333; | |||
font-weight: bold; | |||
} | |||
.el-carousel__container{ | |||
height: 400px; | |||
} | |||
</style> |
@@ -3,14 +3,14 @@ | |||
<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 @click.native="goToList()">人力发展</el-breadcrumb-item> | |||
<el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||
</el-breadcrumb> | |||
<el-row class="card_menu"> | |||
<el-col :span="4"> | |||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | |||
<div slot="header"> | |||
<span>人力资源</span> | |||
<span>人力发展</span> | |||
</div> | |||
<!-- <div class="menu-item active">SICA简介</div> --> | |||
<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-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 @click.native="goToList()">产业研究</el-breadcrumb-item> | |||
<el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||
</el-breadcrumb> | |||
<el-row class="card_menu"> | |||
<el-col :span="4"> | |||
<el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | |||
<div slot="header"> | |||
<span>产业政策</span> | |||
<span>产业研究</span> | |||
</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" | |||
@@ -31,10 +31,10 @@ | |||
</el-pagination> | |||
</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> | |||
<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-main> | |||
@@ -100,6 +100,7 @@ export default { | |||
changeType(index){ | |||
this.activeIndex = index; | |||
this.isShow = false | |||
this.getChannelInformationsRequest(this.titleList[index].id) | |||
} | |||
}, | |||
@@ -31,10 +31,10 @@ | |||
</el-pagination> | |||
</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> | |||
<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-main> | |||
@@ -100,6 +100,7 @@ export default { | |||
changeType(index){ | |||
this.activeIndex = index; | |||
this.isShow = false | |||
this.getChannelInformationsRequest(this.titleList[index].id) | |||
} | |||
}, | |||
@@ -666,7 +666,6 @@ import { ChartBar } from '_c/charts'; | |||
</div> | |||
</el-form> | |||
</el-card> | |||
</el-col> | |||
</el-row> | |||