我咨询的解决方案

assets/css/otherpage/kaifain/viewHistory.scss

@@ -10,15 +10,16 @@
 
 .myKaifainMobile {
   margin: 0 !important;
-
+  width: 100%;
   .listArea {
     height: 100vh;
+    width: 100%;
     .list {
       .cell {
         margin-bottom: pxtovw(10);
         .cellContent {
           background-color: #fff;
-          min-height: pxtovw(180);
+          min-height: pxtovw(140);
           width: 100%;
           padding: 0 pxtovw(10);
           .topInfo {
@@ -80,24 +81,37 @@
               }
             }
           }
-          .companyInfo {
+          .bottomArea {
             display: flex;
-            align-items: center;
-            margin-bottom: pxtovw(12);
-            .companyImg {
-              .company {
-                width: pxtovw(12);
-                height: pxtovw(12);
-                background-image: url("~@/assets/img/icon/icon_company.png");
+            justify-content: space-between;
+            align-self: center;
+            .companyInfo {
+              display: flex;
+              align-items: center;
+              margin-bottom: pxtovw(12);
+              .companyImg {
+                .company {
+                  width: pxtovw(12);
+                  height: pxtovw(12);
+                  background-image: url("~@/assets/img/icon/icon_company.png");
+                }
+              }
+              .companyName {
+                margin-left: pxtovw(5);
+                height:pxtovw(17);
+                font-size:pxtovw(12);
+                font-weight:400;
+                color:rgba(153,153,153,1);
+                line-height:pxtovw(17);
               }
             }
-            .companyName {
-              margin-left: pxtovw(5);
+            .time {
               height:pxtovw(17);
               font-size:pxtovw(12);
               font-weight:400;
               color:rgba(153,153,153,1);
               line-height:pxtovw(17);
+              align-self: flex-end;
             }
           }
         }

pages/otherpage/kaifain/myKaifainData/_type.scss

@@ -1,36 +0,0 @@
-.myKaifainDataMobile {
-  .listArea {
-    .list {
-      .cell {
-        .cellContent {
-          .leftImg {
-            img {
-            }
-          }
-          .rightBody {
-            .userName {
-            }
-            .userTips {
-            }
-          }
-        }
-        .cellContentAsk {
-          .topArea {
-            .leftName {
-            }
-            .status {
-            }
-          }
-          .userInfo {
-            .name {
-            }
-            .phone {
-            }
-          }
-          .time {
-          }
-        }
-      }
-    }
-  }
-}

pages/otherpage/kaifain/viewHistory.vue

@@ -21,21 +21,23 @@
           <div class="cellContent">
             <div class="topInfo">
               <div class="topLeft">
-                <img src="https://inn.proginn.com/useralbum/449101/avatar4491011590931131.jpg" alt="">
+                <img :src="item.provider.images" alt="">
               </div>
               <div class="topRight">
-                <div class="title">YO云服务客服大数据解决方案</div>
+                <div class="title">{{item.provider.title}}</div>
                 <div class="tapList">
-                  <div class="tapCell"><p>软件服务</p></div>
-                  <div class="tapCell"><p>软件1</p></div>
-                  <div class="tapCell"><p>软件2</p></div>
+                  <div class="tapCell"><p>{{item.provider.industryName}}</p></div>
+                  <div class="tapCell"><p>{{item.provider.techTypeName}}</p></div>
                 </div>
-                <div class="desc">60+人核心研发团队，BAT一线大厂研发工程师</div>
+                <div class="desc">{{item.provider.description}}</div>
               </div>
             </div>
-            <div class="companyInfo">
-              <div class="companyImg"><div class="icon company"></div></div>
-              <div class="companyName">湖南无限创新网络科技有限公司</div>
+            <div class="bottomArea">
+              <div class="companyInfo">
+                <div class="companyImg"><div class="icon company"></div></div>
+                <div class="companyName">{{item.provider.companyInfo.name}}</div>
+              </div>
+              <div class="time">{{item.contactCreatedAtFormat}}</div>
             </div>
           </div>
         </div>
@@ -86,7 +88,7 @@
           total: 0,
           size: 20,
         },
-        dataList: [{}, {}, {}],
+        dataList: [],
         error: false,
         finished: false, //移动端列表是否完全加载完成
         loading: false, //web端列表首次加载loading todo true
@@ -99,25 +101,24 @@
     computed: {},
     async created() {
       this.checkLogin()
-      // this.getList()
+      this.getList()
     },
     methods: {
       getList() {
-        const { page, selectedTypeIndex } = this
-        let url = "/api/collection_center/list"
+        const { page } = this
+        let url = "/api/kaifawu/getMyContactList"
         if (this.isLoading) {
           return
         }
         let data = {
           ...page,
-          type: selectedTypeIndex
         }
         this.loading = true
         this.isLoading = true
         this.$axios.post(url, data).then(res => {
           if (Number(res.data.status) === 1) {
             let data = res.data.data
-            let list = data.list || []
+            let list = data.lists || []
             this.page.total = data.total
             if (this.page.page === 1 || !this.mobile) {
               this.dataList = [ ...list ]
@@ -127,7 +128,7 @@
             if (this.mobile) {
               this.page.page += 1
             }
-            if (this.page.total <= this.dataList.length) {
+            if (Number(this.page.total) <= this.dataList.length) {
               this.finished = true
             }
             this.error = false
@@ -149,7 +150,6 @@
       },
       /** 移动端下拉刷新 **/
       onRefresh() {
-        console.log("refresh")
         // 清空列表数据
         this.finished = false;
         this.page.page = 1
@@ -158,7 +158,7 @@
       },
       onLoad() {
         console.log('onLoad')
-        // this.getList()
+        this.getList()
       },
     }
   }