| @@ -186,11 +186,10 @@ body { | |||
| font-weight: 900; | |||
| position: absolute; | |||
| margin-right: 100px; | |||
| left: -100px; | |||
| left: -200px; | |||
| top: 0px; | |||
| text-align: center; | |||
| line-height: 50px; | |||
| width: 100px; | |||
| } | |||
| .logo a, .logo a:hover { | |||
| @@ -44,19 +44,20 @@ | |||
| </el-col> --> | |||
| </el-row> | |||
| <div class="connect"> | |||
| <img src="//lanhu.oss-cn-beijing.aliyuncs.com/ps7hnun1mrhul8ty6q6fpda49g6zj0hv51rafc26613-869f-4151-bc0f-0402aa34505f"/> | |||
| <img :src="activeItem.aboutImgUrl"/> | |||
| </div> | |||
| </el-card> | |||
| </el-main> | |||
| </template> | |||
| <script> | |||
| import {getCall,getChannelsRequest, getChannelSecond} from "../api/data"; | |||
| import {getCall,getChannelsRequest, getChannelSecond, getChannelInformationsRequest} from "../api/data"; | |||
| export default { | |||
| data() { | |||
| return { | |||
| dataList: [] | |||
| dataList: [], | |||
| activeItem: {} | |||
| } | |||
| }, | |||
| methods: { | |||
| @@ -64,26 +65,39 @@ export default { | |||
| let res = await getChannelsRequest({current:1,size:100}) | |||
| if(res.code == 200){ | |||
| res.data.records.map((item) => { | |||
| if(item.channelName == '二维码'){ | |||
| this.getChannelSecond(item.id) | |||
| if(item.channelName == '企业二维码'){ | |||
| this.getChannelInformationsRequest(item.id) | |||
| } | |||
| }) | |||
| } | |||
| }, | |||
| async getChannelInformationsRequest(id){ | |||
| let res = await getChannelInformationsRequest({channelId: id}) | |||
| if(res.code == 200){ | |||
| if(res.data && res.data.records[0]){ | |||
| this.activeItem = {...res.data.records[0]} | |||
| } | |||
| // console.log(JSON.stringify(res.data)) | |||
| // this.dataList = res.data.records | |||
| // this.total = res.data.total | |||
| // this.dataList.map((item) => { | |||
| // item.publishTime = this.$moment().format("YYYY-MM-DD") | |||
| // }) | |||
| } | |||
| }, | |||
| async getChannelSecond(id){ | |||
| let res = await getChannelSecond(id) | |||
| if(res.code == 200){ | |||
| console.log(JSON.stringify(res.data)) | |||
| this.titleList = res.data | |||
| // this.titleList = res.data | |||
| } | |||
| }, | |||
| async getCall(){ | |||
| let res = await getCall('1507221624449806337') | |||
| if(res.code == 200){ | |||
| console.log(JSON.stringify(res.data)) | |||
| // console.log(JSON.stringify(res.data)) | |||
| this.dataList = res.data | |||
| } | |||
| }, | |||
| @@ -96,13 +110,17 @@ export default { | |||
| </script> | |||
| <style> | |||
| .connect{ | |||
| text-align: center; | |||
| display: table-cell; | |||
| width: 960px; | |||
| display: flex; | |||
| flex-direction: row; | |||
| align-items: center; | |||
| justify-content: center; | |||
| width: 100%; | |||
| } | |||
| .connect img{ | |||
| text-align: center; | |||
| margin: 20px auto; | |||
| width: 95px; | |||
| height: 45px; | |||
| } | |||
| .connect-info div{ | |||
| margin: 10px 0; | |||
| @@ -6,7 +6,7 @@ | |||
| <el-breadcrumb-item @click.native="goToList()">知识产权</el-breadcrumb-item> | |||
| <el-breadcrumb-item v-if="isShow">详情</el-breadcrumb-item> | |||
| </el-breadcrumb> | |||
| <el-row class="card_menu"> | |||
| <el-row class="card_menu" style="margin-top: 10px;"> | |||
| <el-col :span="4"> | |||
| <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}"> | |||
| <div slot="header"> | |||
| @@ -3,7 +3,7 @@ | |||
| <el-header class="header linear"> | |||
| <el-menu :default-active="activeIndex" mode="horizontal" style="position: relative;padding-left: 100px;width: 960px;text-align: center;margin: 0 auto;border: none;background: transparent;overflow: visible"> | |||
| <div class="logo"> | |||
| <img src="../../assets/images/logo.jpg" style="width: 260px; height: 60px;"> | |||
| <img src="../../assets/images/logo.jpg" style="width: 300px; height: 60px;"> | |||
| </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> | |||
| @@ -1,6 +1,6 @@ | |||
| <template> | |||
| <div> | |||
| <el-carousel trigger="click" height="400px"> | |||
| <el-carousel trigger="click" > | |||
| <el-carousel-item v-for="(item,index) in lunBoList" :key="index"> | |||
| <img :src="item.aboutImgUrl" /> | |||
| </el-carousel-item> | |||
| @@ -62,7 +62,9 @@ | |||
| <div class="list" v-for="(item, index) in chanList" :key="index"> | |||
| <h2 style="display: flex; flex-direction: row; | |||
| width: 100%; align-items: center;"> | |||
| <router-link :to='"/detail?id="+item.id'><span class="max2">{{item.title}}</span></router-link> | |||
| <router-link :to='"/detail?id="+item.id'> | |||
| <span class="max2">{{item.title}}</span> | |||
| </router-link> | |||
| <span style="flex: 1"></span> | |||
| <span class="time">{{item.publishTime}}</span> | |||
| </h2> | |||
| @@ -235,7 +237,7 @@ | |||
| <img :src="item.aboutImgUrl"/> | |||
| </div> | |||
| </el-card> | |||
| <el-card class="box-card" shadow="never" :body-style="{ padding: '0px 20px' }"> | |||
| <el-card class="box-card" shadow="never" :body-style="{ padding: '0px 20px', 'text-align': 'center' }"> | |||
| <div slot="header"> | |||
| <span><el-divider direction="vertical"></el-divider>友情链接</span> | |||
| </div> | |||
| @@ -243,7 +245,7 @@ | |||
| <el-button type="text" style="color: #255089"> | |||
| <a :href="item.content" target="_blank" | |||
| v-for="(item, index) in youqingList" :key="index" > | |||
| {{item.title}} | |||
| {{item.title}} | | |||
| </a> | |||
| <!-- 国家发改委 | 国家工信部 | 国家财政部 | 国家税务机关 | 中国海关 --> | |||
| </el-button> | |||
| @@ -395,6 +397,8 @@ export default { | |||
| .time{ | |||
| color: #475D7B; | |||
| font-size: 16px; | |||
| min-width: 80px; | |||
| text-align: right; | |||
| } | |||
| .img_info{ | |||
| @@ -68,7 +68,7 @@ export default { | |||
| let res = await getChannelsRequest({current:1,size:100}) | |||
| if(res.code == 200){ | |||
| res.data.records.map((item) => { | |||
| if(item.channelName == '新闻资讯'){ | |||
| if(item.channelName == '产业政策'){ | |||
| this.getChannelSecond(item.id) | |||
| } | |||
| }) | |||
| @@ -68,7 +68,7 @@ export default { | |||
| let res = await getChannelsRequest({current:1,size:100}) | |||
| if(res.code == 200){ | |||
| res.data.records.map((item) => { | |||
| if(item.channelName == '新闻资讯'){ | |||
| if(item.channelName == '行业动态'){ | |||
| this.getChannelSecond(item.id) | |||
| } | |||
| }) | |||
| @@ -20,7 +20,7 @@ import { ChartBar } from '_c/charts'; | |||
| <el-card shadow="never" style="margin: 0 10px;"> | |||
| <div style="text-align: center"> | |||
| <h2>上海市集成电路行业协会第五届理事会理事名单</h2> | |||
| <div style="margin: 10px"><span style="margin-right: 20px">{{InfoObj.author}}</span><span>发布日期:{{InfoObj.publishTime}}</span></div> | |||
| <div style="margin: 10px"><span style="margin-right: 20px">作者:{{InfoObj.author}}</span><span>发布日期:{{InfoObj.publishTime}}</span></div> | |||
| </div> | |||
| <div style=""> | |||
| <div style="display: inline-table;color: #999999;height:35px;line-height: 35px;" class="sort_info">(按姓氏笔画排列)</div> | |||
| @@ -864,12 +864,12 @@ export default { | |||
| async getChannelInformationsRequest(id){ | |||
| let res = await getChannelInformationsRequest({current:1,size:15,channelId: id}) | |||
| if(res.code == 200){ | |||
| if(this.activeIndex == 1){ | |||
| if(this.activeIndex == 0){ | |||
| this.dataList = res.data.records | |||
| this.InfoObj = {...this.dataList[0]} | |||
| console.log("this.InfoObj"+JSON.stringify(this.InfoObj)) | |||
| this.InfoObj.publishTime = this.$moment(Number(this.InfoObj.publishTime)).format("YYYY年MM月DD日") | |||
| }else if(this.activeIndex == 0){ | |||
| }else if(this.activeIndex == 2){ | |||
| this.titleList = res.data.records | |||
| if(this.titleList){ | |||
| this.fileName = this.titleList[0].aboutAttachment || this.titleList[0].aboutImg | |||