|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div id="technical">
|
|
|
<el-col :span="24" class="main">
|
|
|
- <el-col :span="12" class="left">
|
|
|
+ <!-- <el-col :span="12" class="left">
|
|
|
<el-col :span="24" class="downLeftTop">
|
|
|
<el-image :src="downLeftTopImage"></el-image>
|
|
|
<span class="topText">
|
|
@@ -24,20 +24,20 @@
|
|
|
</p>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="right">
|
|
|
+ </el-col> -->
|
|
|
+ <el-col :span="12" class="left">
|
|
|
<el-col :span="24" class="downLeftTop">
|
|
|
<el-image :src="downLeftTopImage"></el-image>
|
|
|
<span class="topText">
|
|
|
<span>专家问诊</span>
|
|
|
<span
|
|
|
- ><p>I</p>
|
|
|
- <p>nquiry</p></span
|
|
|
+ ><p>E</p>
|
|
|
+ <p>xpert</p></span
|
|
|
>
|
|
|
<span @click="turnToList('专家问诊')">更多</span>
|
|
|
</span>
|
|
|
</el-col>
|
|
|
- <el-col :span="23" class="infoRight">
|
|
|
+ <el-col :span="24" class="infoLeft">
|
|
|
<el-col class="infoRightList" :span="24" v-for="(item, index) in jishuList" :key="index">
|
|
|
<p>
|
|
|
<span class="textOver" @click="$router.push({ path: '/technical/list', query: { id: item.id, display: 3, column_name: '专家问诊' } })">{{
|
|
@@ -48,10 +48,7 @@
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-image :src="jishuImage" class="jishuImage"></el-image>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="left">
|
|
|
+ <el-col :span="12" class="right">
|
|
|
<el-col :span="24" class="downLeftTop">
|
|
|
<el-image :src="downLeftTopImage"></el-image>
|
|
|
<span class="topText">
|
|
@@ -63,7 +60,7 @@
|
|
|
<span @click="turnToList('行业研究')">更多</span>
|
|
|
</span>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="infoLeft">
|
|
|
+ <el-col :span="23" class="infoRight">
|
|
|
<el-col class="infoRightList" :span="24" v-for="(item, index) in hangyeList" :key="index">
|
|
|
<p>
|
|
|
<span class="textOver" @click="$router.push({ path: '/technical/list', query: { id: item.id, display: 3, column_name: '行业研究' } })">{{
|
|
@@ -74,23 +71,49 @@
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-image :src="jishuImage" class="jishuImage"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="left">
|
|
|
+ <el-col :span="24" class="downLeftTop">
|
|
|
+ <el-image :src="downLeftTopImage"></el-image>
|
|
|
+ <span class="topText">
|
|
|
+ <span>在线指导</span>
|
|
|
+ <span
|
|
|
+ ><p>G</p>
|
|
|
+ <p>uidance</p></span
|
|
|
+ >
|
|
|
+ <span @click="turnToList('在线指导')">更多</span>
|
|
|
+ </span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="infoLeft">
|
|
|
+ <el-col class="infoRightList" :span="24" v-for="(item, index) in zhidaolist" :key="index">
|
|
|
+ <p>
|
|
|
+ <span class="textOver" @click="$router.push({ path: '/technical/list', query: { id: item.id, display: 4, column_name: '在线指导' } })">{{
|
|
|
+ item.title
|
|
|
+ }}</span
|
|
|
+ ><span class="textOver">{{ item.publish_time }}</span>
|
|
|
+ </p>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
<el-col :span="12" class="right">
|
|
|
<el-col :span="24" class="downLeftTop">
|
|
|
<el-image :src="downLeftTopImage"></el-image>
|
|
|
<span class="topText">
|
|
|
- <span>教育培训</span>
|
|
|
+ <span>项目路演</span>
|
|
|
<span
|
|
|
- ><p>T</p>
|
|
|
- <p>raining</p></span
|
|
|
+ ><p>R</p>
|
|
|
+ <p>oadshow</p></span
|
|
|
>
|
|
|
- <span @click="turnToList('教育培训')">更多</span>
|
|
|
+ <span @click="turnToList('项目路演')">更多</span>
|
|
|
</span>
|
|
|
</el-col>
|
|
|
<el-col :span="23" class="infoRight">
|
|
|
- <el-col class="infoLeftList" :span="24" v-for="(item, index) in jiaoyuList" :key="index">
|
|
|
+ <el-col class="infoLeftList" :span="24" v-for="(item, index) in luyanlist" :key="index">
|
|
|
<p>{{ item.publish_time }}</p>
|
|
|
<p>
|
|
|
- <span class="textOver" @click="$router.push({ path: '/technical/list', query: { id: item.id, display: 4, column_name: '教育培训' } })">{{
|
|
|
+ <span class="textOver" @click="$router.push({ path: '/technical/list', query: { id: item.id, display: 3, column_name: '项目路演' } })">{{
|
|
|
item.title
|
|
|
}}</span>
|
|
|
<span>{{ item.titlejj }}</span>
|
|
@@ -118,6 +141,8 @@ export default {
|
|
|
jishuList: [],
|
|
|
hangyeList: [],
|
|
|
jiaoyuList: [],
|
|
|
+ zhidaolist: [],
|
|
|
+ luyanlist: [],
|
|
|
}),
|
|
|
created() {
|
|
|
this.searchInfo();
|
|
@@ -150,9 +175,12 @@ export default {
|
|
|
} else if (column_name == '行业研究') {
|
|
|
const res = await this.newsList({ skip: 0, limit: 8, column_id: column_id });
|
|
|
if (this.$checkRes(res)) this.$set(this, `hangyeList`, res.data);
|
|
|
- } else if (column_name == '教育培训') {
|
|
|
+ } else if (column_name == '在线指导') {
|
|
|
+ const res = await this.newsList({ skip: 0, limit: 8, column_id: column_id });
|
|
|
+ if (this.$checkRes(res)) this.$set(this, `zhidaolist`, res.data);
|
|
|
+ } else if (column_name == '项目路演') {
|
|
|
const res = await this.newsList({ skip: 0, limit: 5, column_id: column_id });
|
|
|
- if (this.$checkRes(res)) this.$set(this, `jiaoyuList`, res.data);
|
|
|
+ if (this.$checkRes(res)) this.$set(this, `luyanlist`, res.data);
|
|
|
}
|
|
|
},
|
|
|
turnToList(column_name) {
|