接口对接

src/project/xicheng/AppMerchantManage/AppMerchantManage.vue

@@ -4,25 +4,26 @@
       <u-search placeholder="请输入姓名、手机号、店面" :show-action="false" v-model="keyword" @search="current=1,getList()"/>
     </AiTopFixed>
     <div class="list">
-      <div class="item">
+      <div class="item" v-for="item in list" :key="item.id" @click="linkTo('./detail?id=' + item.id)">
         <div class="title">
-          <img src="./img/down-icon.png" alt="">
-          <p>采苓岩茶烟酒专营店</p>
-          <span>店员 (4) </span>
+          <img :src="$cdn + 'xincheng/icon.png'" alt="">
+          <p>{{ item.businessName }}</p>
+          <span>店员 ({{ item.detailList ? item.detailList.length : 0 }}) </span>
         </div>
         <div class="info">
-          <img src="./img/down-icon.png" alt="">
-          <div>林轶峰 18600882921</div>
+          <img :src="$cdn + 'xincheng/dh.png'" alt="">
+          <div>{{ item.bossName }} {{ item.telephone }}</div>
         </div>
         <div class="info">
-          <img src="./img/down-icon.png" alt="">
-          <div>陕西省西安市新城区中山门街道168号陕西省西安市新城区中山门街道168号</div>
+          <img :src="$cdn + 'xincheng/dz@2x.png'" alt="">
+          <div>{{ item.businessAddress }}</div>
         </div>
-        <div class="info">
-          <img src="./img/down-icon.png" alt="">
+        <div class="info" style="margin-bottom: 0;">
+          <img :src="$cdn + 'xincheng/wgz@2x.png'" alt="">
           <div>李毅-网格长</div>
         </div>
       </div>
+      <AiEmpty v-if="!list.length"></AiEmpty>
     </div>
     <div class="btn" @click="linkTo('./add')">新增商户</div>
   </div>
@@ -46,6 +47,7 @@
     computed: {...mapState(['user'])},
 
     onLoad () {
+      this.$loading()
       this.getList()
       uni.$on('update', () => {
         this.current = 1
@@ -59,7 +61,8 @@
 
     methods: {
       getList() {
-        if(this.current > this.pages) return
+        if (this.current > this.pages) return
+
         this.$http.post('/app/appcompany/list', null, {
           params: {
             size: 10,
@@ -80,6 +83,7 @@
         })
       }
     },
+
     onReachBottom() {
       this.current ++
       this.getList()
@@ -98,7 +102,12 @@
       padding: 32px 24px 32px 32px;
       box-sizing: border-box;
       margin-bottom: 30px;
+
+      &:active {
+        background: #eee;
+      }
       .title{
+        margin-bottom: 38px;
         img{
           width: 72px;
           height: 72px;
@@ -125,6 +134,8 @@
         }
       }
       .info{
+        line-height: 1;
+        margin-bottom: 20px;
         img{
           width: 28px;
           height: 28px;