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