1

src/views/market/detail/techDetail.vue

@@ -105,10 +105,14 @@
             </el-col>
             <el-col :span="12">
               <el-col :span="8" class="otherInfo textOver">
-                电子邮箱
+                联系方式
               </el-col>
               <el-col :span="16" class="otherInfo textOver">
-                {{ detailInfo.email || '暂无' }}
+                <!-- {{ detailInfo.qqwx || '暂无' }} -->
+                <el-tooltip class="item" effect="dark" placement="top">
+                  <div slot="content">{{ detailInfo.qqwx || '暂无' }}</div>
+                  <p class="textOver">{{ detailInfo.qqwx || '暂无' }}</p>
+                </el-tooltip>
               </el-col>
             </el-col>
           </el-col>

src/views/market/list/achieve.vue

@@ -49,7 +49,7 @@ export default {
   data: function() {
     return {
       currentPage: 1, //默认数据1
-      pageSize: 5, //每页显示数据数量
+      pageSize: 6, //每页显示数据数量
       origin: [], //分割数据
       list: [], //显示数据列表
       infoName: '',
@@ -77,8 +77,12 @@ export default {
       immediate: true,
       deep: true,
       handler(val) {
-        if (val && val.length > 0) this.$set(this, `origin`, _.chunk(val, this.pageSize));
-        this.searchPage();
+        if (val && val.length > 0) {
+          this.$set(this, `origin`, _.chunk(val, this.pageSize));
+          this.searchPage();
+        } else {
+          this.$set(this, `list`, []);
+        }
       },
     },
   },
@@ -108,10 +112,12 @@ export default {
 <style lang="less" scoped>
 .main {
   padding: 0 10px;
+  min-height: 620px;
   .list {
     padding: 10px 0;
     .name {
       font-size: 18px;
+      font-weight: bold;
     }
     .date {
       font-size: 16px;

src/views/market/list/business.vue

@@ -49,7 +49,7 @@ export default {
   data: function() {
     return {
       currentPage: 1, //默认数据1
-      pageSize: 10, //每页显示数据数量
+      pageSize: 12, //每页显示数据数量
       origin: [], //分割数据
       list: [], //显示数据列表
       infoName: '',
@@ -77,8 +77,12 @@ export default {
       immediate: true,
       deep: true,
       handler(val) {
-        if (val && val.length > 0) this.$set(this, `origin`, _.chunk(val, this.pageSize));
-        this.searchPage();
+        if (val && val.length > 0) {
+          this.$set(this, `origin`, _.chunk(val, this.pageSize));
+          this.searchPage();
+        } else {
+          this.$set(this, `list`, []);
+        }
       },
     },
   },
@@ -108,10 +112,12 @@ export default {
 <style lang="less" scoped>
 .main {
   padding: 0 10px;
+  min-height: 620px;
   .list {
     padding: 12px 0;
     .name {
       font-size: 18px;
+      font-weight: bold;
     }
     .field {
       font-size: 16px;
@@ -121,7 +127,7 @@ export default {
       font-size: 16px;
     }
   }
-  .list:nth-child(5) {
+  .list:nth-child(7) {
     border-bottom: 1px solid #ccc;
   }
   .list:hover {

src/views/market/list/expert.vue

@@ -12,8 +12,28 @@
             </el-input>
           </el-col>
         </el-col>
-        <el-col :span="24" class="list" v-for="(item, index) in list" :key="index">
-          <el-col :span="21" class="name" @click.native="clickDetail(item.id)">
+        <el-col :span="12" class="list" v-for="(item, index) in list" :key="index">
+          <el-col :span="5" class="image">
+            <el-image v-if="item.expertimage != null || undefined" :src="item.expertimage"></el-image>
+            <el-image :src="expertimage" v-else></el-image>
+          </el-col>
+          <el-col :span="19" class="other">
+            <p class="name textOver">{{ item.name }}</p>
+            <p class="textOver">
+              工作单位：{{ item.company || '暂无' }}
+              <!-- <el-tooltip class="item" effect="dark" placement="top">
+                <div slot="content">{{ item.company || '暂无' }}</div>
+                <span class="textOver">工作单位：{{ item.company || '暂无' }}</span>
+              </el-tooltip>
+              <span class="textOver">最高学历：{{ item.education || '暂无' }}</span> -->
+              <!-- <span class="textOver">工作单位：{{ item.company || '暂无' }}</span> -->
+            </p>
+            <p class="textOver">
+              擅长领域：{{ item.expertise || '暂无' }}
+              <!-- <span class="textOver">擅长领域：{{ item.expertise || '暂无' }}</span> -->
+            </p>
+          </el-col>
+          <!-- <el-col :span="21" class="name" @click.native="clickDetail(item.id)">
             {{ item.name }}
           </el-col>
           <el-col :span="3" class="date">
@@ -22,7 +42,7 @@
           <el-col :span="12" class="brief textOver"> 工作单位:{{ item.company || '暂无' }} </el-col>
           <el-col :span="12" class="brief textOver"> 学历:{{ item.education || '暂无' }} </el-col>
           <el-col :span="12" class="brief textOver"> 职务职称:{{ item.zwzc || '暂无' }} </el-col>
-          <el-col :span="12" class="brief textOver"> 擅长领域:{{ item.expertise || '暂无' }} </el-col>
+          <el-col :span="12" class="brief textOver"> 擅长领域:{{ item.expertise || '暂无' }} </el-col> -->
         </el-col>
       </el-col>
       <el-col :span="24" class="page">
@@ -52,10 +72,11 @@ export default {
   data: function() {
     return {
       currentPage: 1, //默认数据1
-      pageSize: 6, //每页显示数据数量
+      pageSize: 10, //每页显示数据数量
       origin: [], //分割数据
       list: [], //显示数据列表
       infoName: '',
+      expertimage: require('@/assets/live/222.png'),
     };
   },
   created() {},
@@ -80,8 +101,12 @@ export default {
       immediate: true,
       deep: true,
       handler(val) {
-        if (val && val.length > 0) this.$set(this, `origin`, _.chunk(val, this.pageSize));
-        this.searchPage();
+        if (val && val.length > 0) {
+          this.$set(this, `origin`, _.chunk(val, this.pageSize));
+          this.searchPage();
+        } else {
+          this.$set(this, `list`, []);
+        }
       },
     },
   },
@@ -111,31 +136,59 @@ export default {
 <style lang="less" scoped>
 .main {
   padding: 0 10px;
+  min-height: 620px;
   .list {
     padding: 10px 0;
-    .name {
-      font-size: 18px;
-    }
-    .date {
-      font-size: 16px;
-      text-align: center;
+    border-bottom: 1px dashed #ccc;
+    .image {
+      .el-image {
+        border-radius: 90px;
+        width: 90px;
+        height: 90px;
+      }
     }
-    .brief {
-      font-size: 15px;
-      padding: 5px 0 0 0;
+    .other {
+      padding: 0 10px;
+      p {
+        font-size: 16px;
+        color: #666;
+        padding: 0 0 5px 0;
+        span {
+          display: inline-block;
+          width: 50%;
+        }
+      }
+      p:nth-child(1) {
+        font-size: 18px;
+        font-weight: bold;
+        color: #000;
+      }
     }
+    // .name {
+    //   font-size: 18px;
+    // }
+    // .date {
+    //   font-size: 16px;
+    //   text-align: center;
+    // }
+    // .brief {
+    //   font-size: 15px;
+    //   padding: 5px 0 0 0;
+    // }
   }
   .list:hover {
     cursor: pointer;
-    .name {
-      -webkit-transform: translateY(-3px);
-      -ms-transform: translateY(-3px);
-      transform: translateY(-3px);
-      -webkit-box-shadow: 0 0 6px #999;
-      box-shadow: 0 0 6px #999;
-      -webkit-transition: all 0.5s ease-out;
-      transition: all 0.5s ease-out;
-      color: #0085d2;
+    .other {
+      .name {
+        -webkit-transform: translateY(-3px);
+        -ms-transform: translateY(-3px);
+        transform: translateY(-3px);
+        -webkit-box-shadow: 0 0 6px #999;
+        box-shadow: 0 0 6px #999;
+        -webkit-transition: all 0.5s ease-out;
+        transition: all 0.5s ease-out;
+        color: #0085d2;
+      }
     }
   }
   .listTop {

src/views/market/list/technology.vue

@@ -49,7 +49,7 @@ export default {
   data: function() {
     return {
       currentPage: 1, //默认数据1
-      pageSize: 10, //每页显示数据数量
+      pageSize: 12, //每页显示数据数量
       origin: [], //分割数据
       list: [], //显示数据列表
       infoName: '',
@@ -77,8 +77,12 @@ export default {
       immediate: true,
       deep: true,
       handler(val) {
-        if (val && val.length > 0) this.$set(this, `origin`, _.chunk(val, this.pageSize));
-        this.searchPage();
+        if (val && val.length > 0) {
+          this.$set(this, `origin`, _.chunk(val, this.pageSize));
+          this.searchPage();
+        } else {
+          this.$set(this, `list`, []);
+        }
       },
     },
   },
@@ -107,11 +111,13 @@ export default {
 
 <style lang="less" scoped>
 .main {
+  min-height: 620px;
   padding: 0 10px;
   .list {
     padding: 12px 0;
     .name {
       font-size: 18px;
+      font-weight: bold;
     }
     .field {
       font-size: 16px;
@@ -121,7 +127,7 @@ export default {
       font-size: 16px;
     }
   }
-  .list:nth-child(5) {
+  .list:nth-child(7) {
     border-bottom: 1px solid #ccc;
   }
   .list:hover {

src/views/market/marketlists.vue

@@ -189,7 +189,6 @@ export default {
     },
     // 查看列表
     async searchInfo({ skip = 0, limit = 10, columnName, name, ...info } = {}) {
-      console.log(columnName, name);
       if (columnName == '科技需求') {
         let res = await this.productList({ skip, type: '0', status: '1', name, ...info });
         if (this.$checkRes(res)) this.$set(this, `technologyList`, res.data);