| @@ -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> | |||