科技超市首页接口

src/views/market/index.vue

@@ -78,7 +78,7 @@
             <el-col :span="24">
               <el-col :span="24" class="downRightList" v-for="(item, index) in serviceList" :key="index">
                 <span></span>
-                <span>{{ item.title }}</span>
+                <span>{{ item.name }}</span>
               </el-col>
             </el-col>
           </el-col>
@@ -89,6 +89,11 @@
 </template>
 
 <script>
+import _ from 'lodash';
+import { mapActions, mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: product } = createNamespacedHelpers('marketproduct');
+const { mapActions: talentExperts } = createNamespacedHelpers('talentExperts');
+var moment = require('moment');
 export default {
   name: 'index',
   props: {},
@@ -170,7 +175,9 @@ export default {
       { title: '测试型数据测试型数测试型数测试型数据测试型数据测试型数测试型数测试型数据' },
     ],
   }),
-  created() {},
+  created() {
+    this.search();
+  },
   filters: {
     getDate(meta) {
       let createdAt = _.get(meta, `createdAt`);
@@ -182,7 +189,22 @@ export default {
     },
   },
   computed: {},
-  methods: {},
+  methods: {
+    ...product(['query']),
+    ...talentExperts({ expertQuery: 'query' }),
+    async search() {
+      let res = await this.query({ skip: 0, limit: 4, totaltype: '0' });
+      if (this.$checkRes(res)) this.$set(this, `tecList`, res.data);
+      res = await this.query({ skip: 0, limit: 4, totaltype: '1' });
+      if (this.$checkRes(res)) this.$set(this, `productList`, res.data);
+      res = await this.query({ skip: 0, limit: 4, totaltype: '2' });
+      console.log(res);
+
+      if (this.$checkRes(res)) this.$set(this, `serviceList`, res.data);
+      res = await this.expertQuery({ skip: 0, limit: 4 });
+      if (this.$checkRes(res)) this.$set(this, `expertsList`, res.data);
+    },
+  },
 };
 </script>
 

src/views/technical/list.vue

@@ -16,7 +16,7 @@
           <el-col class="infoLeftList" :span="24" v-for="(item, index) in zhuantiList" :key="index">
             <p>{{ item.publish_time }}</p>
             <p>
-              <span class="textOver">{{ item.title }}</span>
+              <span class="textOver" @click="clickzhuanti(item.id)">{{ item.title }}</span>
               <span>{{ item.content }}</span>
             </p>
           </el-col>
@@ -27,7 +27,7 @@
           </el-col>
           <el-col class="infoRightList" :span="24" v-for="(item, index) in hangyeList" :key="index">
             <p>
-              <span class="textOver">{{ item.title }}</span
+              <span class="textOver" @click="clickjishu(item.id)">{{ item.title }}</span
               ><span class="textOver">{{ item.publish_time }}</span>
             </p>
           </el-col>
@@ -38,7 +38,7 @@
           </el-col>
           <el-col class="infoRightList" :span="24" v-for="(item, index) in hangyeList" :key="index">
             <p>
-              <span class="textOver">{{ item.title }}</span
+              <span class="textOver" @click="clickhangye(item.id)">{{ item.title }}</span
               ><span class="textOver">{{ item.publish_time }}</span>
             </p>
           </el-col>
@@ -50,7 +50,7 @@
           <el-col class="infoLeftList" :span="24" v-for="(item, index) in zhuantiList" :key="index">
             <p>{{ item.publish_time }}</p>
             <p>
-              <span class="textOver">{{ item.title }}</span>
+              <span class="textOver" @click="clickjiaoyu(item.id)">{{ item.title }}</span>
               <span>{{ item.content }}</span>
             </p>
           </el-col>
@@ -58,7 +58,6 @@
         <el-col class="page">
           <el-pagination
             background
-            @size-change="handleSizeChange"
             @current-change="handleCurrentChange"
             :current-page.sync="currentPage"
             :page-size="pageSize"
@@ -87,59 +86,13 @@ export default {
     menuName: '专题研讨',
     menuColor: 'rgb(254, 149, 14)',
     currentPage: 1,
-    pageSize: 0,
     pageTotal: 0,
-    zhuantiList: [
-      {
-        publish_time: '2020-05-01',
-        title: '第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束',
-        content:
-          '第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束',
-      },
-      { publish_time: '2020-05-01', title: '五条数据', content: '五条数据' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束', content: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束', content: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束', content: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束', content: '第六届创新创业大赛总决赛圆满结束' },
-    ],
-    jishuList: [
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '十条数据' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第十条创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-    ],
-    hangyeList: [
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '十条数据' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束' },
-    ],
-    jiaoyuList: [
-      {
-        publish_time: '2020-05-01',
-        title: '第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束',
-        content: '第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束第六届创新创业大赛总决赛圆满结束',
-      },
-      { publish_time: '2020-05-01', title: '五条数据', content: '五条数据' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束', content: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束', content: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束', content: '第六届创新创业大赛总决赛圆满结束' },
-      { publish_time: '2020-05-01', title: '第六届创新创业大赛总决赛圆满结束', content: '第六届创新创业大赛总决赛圆满结束' },
-    ],
+    pageSize: 10,
+    limit: 10,
+    zhuantiList: [],
+    jishuList: [],
+    hangyeList: [],
+    jiaoyuList: [],
   }),
   created() {
     this.searchList();
@@ -169,6 +122,7 @@ export default {
       let res = [];
       console.log(name);
       if (name == '专题研讨') {
+        this.pageSize = 5;
         res = await this.query({ skip, limit, column_name: '专题研讨', ...info });
         this.$set(this, `zhuantiList`, res.data);
       } else if (name == '技术问答') {
@@ -178,6 +132,7 @@ export default {
         res = await this.query({ skip, limit, column_name: '行业研究', ...info });
         this.$set(this, `hangyeList`, res.data);
       } else if (name == '教育培训') {
+        this.pageSize = 5;
         res = await this.query({ skip, limit, column_name: '教育培训', ...info });
         this.$set(this, `jiaoyuList`, res.data);
       }
@@ -185,11 +140,31 @@ export default {
 
       this.$set(this, `pageTotal`, res.total);
     },
-    handleSizeChange(val) {
-      console.log(`每页 ${val} 条`);
-    },
     handleCurrentChange(val) {
       console.log(`当前页: ${val}`);
+      console.log(this.menuName);
+      const name = this.menuName;
+      if (name == '专题研讨' || name == '教育培训') {
+        this.limit = 5;
+      }
+      this.initList({ name: name, skip: (val - 1) * this.limit, limit: this.limit });
+    },
+    clickzhuanti(id) {
+      this.$router.push({ path: '/live/detail', query: { id: id } });
+      console.log(id);
+    },
+    clickjishu(id) {
+      this.$router.push({ path: '/live/detail', query: { id: id } });
+      console.log(id);
+    },
+    clickhangye(id) {
+      this.$router.push({ path: '/live/detail', query: { id: id } });
+      console.log(id);
+    },
+
+    clickjiaoyu(id) {
+      this.$router.push({ path: '/live/detail', query: { id: id } });
+      console.log(id);
     },
   },
 };