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