|
@@ -3,7 +3,7 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
<el-col :span="24">
|
|
|
- <top></top>
|
|
|
+ <top :infoMes="infoMes"></top>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<menus></menus>
|
|
@@ -20,11 +20,11 @@
|
|
|
<img src="../../assets/more.png" />
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="con" v-for="(item, index) in kjpx" :key="index">
|
|
|
- <el-col :span="5" class="time">{{ item.time }}</el-col>
|
|
|
+ <el-col :span="24" class="con" v-for="(item, index) in sphy" :key="index">
|
|
|
+ <el-col :span="5" class="time"> {{ getdate(item.create_time) }}</el-col>
|
|
|
<el-col :span="19" class="list">
|
|
|
<el-col :span="24" class="title1">{{ item.title }}</el-col>
|
|
|
- <el-col :span="24" class="con1">{{ item.text }}</el-col>
|
|
|
+ <el-col :span="24" class="con1" v-html="item.content"></el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -35,49 +35,49 @@
|
|
|
<el-col :span="24" class="list1" v-for="(item, index) in ztyt" :key="index">
|
|
|
<el-col :span="20">
|
|
|
<span class="circle"></span>
|
|
|
- <span class="text">{{ item.text }}</span>
|
|
|
+ <span class="text">{{ item.title }}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="4" class="time">
|
|
|
- {{ item.time }}
|
|
|
+ {{ item.create_time }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="技术问答" name="second"
|
|
|
><el-col :span="24" class="ztyt">
|
|
|
- <el-col :span="24" class="list1" v-for="(item, index) in ztyt" :key="index">
|
|
|
+ <el-col :span="24" class="list1" v-for="(item, index) in jswd" :key="index">
|
|
|
<el-col :span="20">
|
|
|
<span class="circle"></span>
|
|
|
- <span class="text">{{ item.text }}</span>
|
|
|
+ <span class="text">{{ item.title }}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="4" class="time">
|
|
|
- {{ item.time }}
|
|
|
+ {{ item.create_time }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col></el-tab-pane
|
|
|
>
|
|
|
<el-tab-pane label="行业研究" name="third"
|
|
|
><el-col :span="24" class="ztyt">
|
|
|
- <el-col :span="24" class="list1" v-for="(item, index) in ztyt" :key="index">
|
|
|
+ <el-col :span="24" class="list1" v-for="(item, index) in hyyj" :key="index">
|
|
|
<el-col :span="20">
|
|
|
<span class="circle"></span>
|
|
|
- <span class="text">{{ item.text }}</span>
|
|
|
+ <span class="text">{{ item.title }}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="4" class="time">
|
|
|
- {{ item.time }}
|
|
|
+ {{ item.create_time }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col></el-tab-pane
|
|
|
>
|
|
|
<el-tab-pane label="教育培训" name="fourth"
|
|
|
><el-col :span="24" class="ztyt">
|
|
|
- <el-col :span="24" class="list1" v-for="(item, index) in ztyt" :key="index">
|
|
|
+ <el-col :span="24" class="list1" v-for="(item, index) in jypx" :key="index">
|
|
|
<el-col :span="20">
|
|
|
<span class="circle"></span>
|
|
|
- <span class="text">{{ item.text }}</span>
|
|
|
+ <span class="text">{{ item.title }}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="4" class="time">
|
|
|
- {{ item.time }}
|
|
|
+ {{ item.create_time }}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col></el-tab-pane
|
|
@@ -87,7 +87,7 @@
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <foot></foot>
|
|
|
+ <foot :infoMes="infoMes"></foot>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -99,6 +99,12 @@ import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
import top from '../../components/common/top.vue';
|
|
|
import menus from '../../components/common/menus.vue';
|
|
|
import foot from '../../components/common/foot1.vue';
|
|
|
+const { mapActions: kjpxColumn } = createNamespacedHelpers('kjpxColumn');
|
|
|
+const { mapActions: kjpxInfo } = createNamespacedHelpers('kjpxInfo');
|
|
|
+const { mapActions: video } = createNamespacedHelpers('video');
|
|
|
+const { mapActions: siteInfo } = createNamespacedHelpers('siteInfo');
|
|
|
+var moment = require('moment');
|
|
|
+
|
|
|
export default {
|
|
|
metaInfo() {
|
|
|
return { title: this.$route.meta.title };
|
|
@@ -166,29 +172,74 @@ export default {
|
|
|
},
|
|
|
],
|
|
|
activeName: 'first',
|
|
|
- ztyt: [
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士中国工程院新增两名吉林省院士中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士中国工程院新增两名吉林省院士中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士中国工程院新增两名吉林省院士中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- { text: '2019年中国科学院、中国工程院新增两名吉林省院士', time: '2019-12-05' },
|
|
|
- ],
|
|
|
+ //科技培训
|
|
|
+ kjpxColumn: [],
|
|
|
+ //专题研讨
|
|
|
+ ztyt: [],
|
|
|
+ //技术问答
|
|
|
+ jswd: [],
|
|
|
+ //行业研究
|
|
|
+ hyyj: [],
|
|
|
+ //教育培训
|
|
|
+ jypx: [],
|
|
|
+ //视频会议中心
|
|
|
+ sphy: [],
|
|
|
+ //头尾信息
|
|
|
+ infoMes: {},
|
|
|
};
|
|
|
},
|
|
|
- created() {},
|
|
|
- methods: {},
|
|
|
+ created() {
|
|
|
+ this.searchColumn();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...kjpxColumn({ columnquery: 'query', columncreate: 'create', columnfetch: 'fetch', columnupdate: 'update', columndelete: 'delete' }),
|
|
|
+ ...kjpxInfo({ kjpxquery: 'query', kjpxcreate: 'create', kjpxfetch: 'fetch', kjpxupdate: 'update', kjpxdelete: 'delete' }),
|
|
|
+ ...video({ videoquery: 'query', videocreate: 'create', videofetch: 'fetch', videoupdate: 'update', videodelete: 'delete' }),
|
|
|
+ ...siteInfo({ sitequery: 'query' }),
|
|
|
+ //查询栏目
|
|
|
+ async searchColumn() {
|
|
|
+ const res = await this.columnquery();
|
|
|
+ if (res.errcode === 0) {
|
|
|
+ this.$set(this, `kjpxColumn`, res.data);
|
|
|
+ this.search();
|
|
|
+ }
|
|
|
+ const res1 = await this.sitequery();
|
|
|
+ if (this.$checkRes(res1)) {
|
|
|
+ this.$set(this, `infoMes`, res1.data[0]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async search() {
|
|
|
+ let col = this.kjpxColumn;
|
|
|
+ let ztyt = col.find(i => i.site == 'ztyt');
|
|
|
+ const res = await this.kjpxquery({ column_id: ztyt.id, limit: 16 });
|
|
|
+ if (res.errcode === 0) {
|
|
|
+ this.$set(this, `ztyt`, res.data);
|
|
|
+ }
|
|
|
+ let jswd = col.find(i => i.site == 'jswd');
|
|
|
+ const res1 = await this.kjpxquery({ column_id: jswd.id, limit: 16 });
|
|
|
+ if (res1.errcode === 0) {
|
|
|
+ this.$set(this, `jswd`, res1.data);
|
|
|
+ }
|
|
|
+ let hyyj = col.find(i => i.site == 'hyyj');
|
|
|
+ const res2 = await this.kjpxquery({ column_id: hyyj.id, limit: 16 });
|
|
|
+ if (res2.errcode === 0) {
|
|
|
+ this.$set(this, `hyyj`, res2.data);
|
|
|
+ }
|
|
|
+ let jypx = col.find(i => i.site == 'jypx');
|
|
|
+ const res3 = await this.kjpxquery({ column_id: jypx.id, limit: 16 });
|
|
|
+ if (res3.errcode === 0) {
|
|
|
+ this.$set(this, `jypx`, res3.data);
|
|
|
+ }
|
|
|
+ const res4 = await this.videoquery({ limit: 6 });
|
|
|
+ if (res4.errcode === 0) {
|
|
|
+ this.$set(this, `sphy`, res4.data);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getdate(value) {
|
|
|
+ let date = moment(value).format('MM-DD');
|
|
|
+ return date;
|
|
|
+ },
|
|
|
+ },
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
},
|