科技超市首页

src/views/market/index.vue

@@ -40,22 +40,22 @@
             <el-col :span="24" class="downLeftTop">
               <el-image :src="downLeftTopImage"></el-image>
               <span class="topText">
-                <span>金融供求</span>
+                <span>服务供求</span>
                 <span
-                  ><p>B</p>
-                  <p>anking</p></span
+                  ><p>S</p>
+                  <p>ervice</p></span
                 >
                 <span>更多</span>
               </span>
             </el-col>
             <el-col :span="24" class="downLeftInfo">
-              <el-col :span="24" class="bankingList" v-for="(item, index) in bankingList" :key="index">
+              <el-col :span="24" class="bankingList" v-for="(item, index) in serviceList" :key="index">
                 <el-col :span="10">
-                  <el-image :src="item.image"></el-image>
+                  <el-image :src="item.image[0].url"></el-image>
                 </el-col>
                 <el-col :span="14">
-                  <span class="textOver">{{ item.title }}</span>
-                  <span>{{ item.content }}</span>
+                  <span class="textOver">{{ item.name }}</span>
+                  <span>{{ item.introduction }}</span>
                 </el-col>
               </el-col>
             </el-col>
@@ -64,10 +64,10 @@
             <el-col :span="24" class="downLeftTop">
               <el-image :src="downLeftTopImage"></el-image>
               <span class="topText">
-                <span>服务供求</span>
+                <span>金融供求</span>
                 <span
-                  ><p>S</p>
-                  <p>ervice</p></span
+                  ><p>B</p>
+                  <p>anking</p></span
                 >
                 <span>更多</span>
               </span>
@@ -76,9 +76,9 @@
               <el-image src="http://img2.imgtn.bdimg.com/it/u=1300722955,3173826431&fm=26&gp=0.jpg"></el-image>
             </el-col>
             <el-col :span="24">
-              <el-col :span="24" class="downRightList" v-for="(item, index) in serviceList" :key="index">
+              <el-col :span="24" class="downRightList" v-for="(item, index) in bankingList" :key="index">
                 <span></span>
-                <span>{{ item.name }}</span>
+                <span>{{ item.title }}</span>
               </el-col>
             </el-col>
           </el-col>
@@ -101,42 +101,8 @@ export default {
   data: () => ({
     gongqiuImage: require('@/assets/live/main2.png'),
     downLeftTopImage: require('@/assets/live/square_big.png'),
-    productList: [
-      { name: '浮台式水质监测系统浮台式水质监测系统', image: [{ url: 'http://img4.imgtn.bdimg.com/it/u=401434628,1454377580&fm=26&gp=0.jpg' }] },
-      { name: '浮台式水质监测系统', image: [{ url: 'http://img4.imgtn.bdimg.com/it/u=401434628,1454377580&fm=26&gp=0.jpg' }] },
-      { name: '浮台式水质监测系统', image: [{ url: 'http://img4.imgtn.bdimg.com/it/u=401434628,1454377580&fm=26&gp=0.jpg' }] },
-      { name: '浮台式水质监测系统', image: [{ url: 'http://img4.imgtn.bdimg.com/it/u=401434628,1454377580&fm=26&gp=0.jpg' }] },
-    ],
-    tecList: [
-      {
-        name: '测试型数据测试型数测试型数测试型数据测试型数据测试型数测试型数测试型数据',
-        meta: { state: 0, createdAt: '2020-03-20T07:45:47.673Z', updatedAt: '2020-03-20T07:46:15.585Z' },
-      },
-      {
-        name: '测试型数据测试型数测试型数测试型数据',
-        meta: { state: 0, createdAt: '2020-03-20T07:45:47.673Z', updatedAt: '2020-03-20T07:46:15.585Z' },
-      },
-      {
-        name: '测试型数据测试型数测试型数测试型数据',
-        meta: { state: 0, createdAt: '2020-03-20T07:45:47.673Z', updatedAt: '2020-03-20T07:46:15.585Z' },
-      },
-      {
-        name: '测试型数据测试型数测试型数测试型数据',
-        meta: { state: 0, createdAt: '2020-03-20T07:45:47.673Z', updatedAt: '2020-03-20T07:46:15.585Z' },
-      },
-      {
-        name: '测试型数据测试型数测试型数测试型数据',
-        meta: { state: 0, createdAt: '2020-03-20T07:45:47.673Z', updatedAt: '2020-03-20T07:46:15.585Z' },
-      },
-      {
-        name: '测试型数据测试型数测试型数测试型数据',
-        meta: { state: 0, createdAt: '2020-03-20T07:45:47.673Z', updatedAt: '2020-03-20T07:46:15.585Z' },
-      },
-      {
-        name: '测试型数据测试型数测试型数测试型数据',
-        meta: { state: 0, createdAt: '2020-03-20T07:45:47.673Z', updatedAt: '2020-03-20T07:46:15.585Z' },
-      },
-    ],
+    productList: [],
+    tecList: [],
     bankingList: [
       {
         image:
@@ -167,13 +133,7 @@ export default {
           '测试型数据测试型数测试型数测试型数据测试型数据测试型数测试型数测试型数据测试型数据测试型数测试型数测试型数据测试型数据测试型数测试型数测试型数据',
       },
     ],
-    serviceList: [
-      { title: '测试型数据测试型数测试型数测试型数据测试型数据测试型数测试型数测试型数据' },
-      { title: '测试型数据测试型数测试型数测试型数据测试型数据测试型数测试型数测试型数据' },
-      { title: '测试型数据测试型数测试型数测试型数据测试型数据测试型数测试型数测试型数据' },
-      { title: '测试型数据测试型数测试型数测试型数据测试型数据测试型数测试型数测试型数据' },
-      { title: '测试型数据测试型数测试型数测试型数据测试型数据测试型数测试型数测试型数据' },
-    ],
+    serviceList: [],
   }),
   created() {
     this.search();
@@ -198,11 +158,9 @@ export default {
       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);
+      // res = await this.expertQuery({ skip: 0, limit: 4 });
+      // if (this.$checkRes(res)) this.$set(this, `expertsList`, res.data);
     },
   },
 };