接口对接

src/project/xicheng/AppMerchantManage/detail.vue

@@ -1,12 +1,12 @@
 <template>
-  <div class="detail">
+  <div class="detail" v-if="pageShow">
     <div class="header">
-      <img src="./img/down-icon.png" alt="" class="logo-img">
+      <img :src="$cdn + 'xincheng/icon.png'" alt="" class="logo-img">
       <div class="text-info">
-        <p>薇诺娜服饰专营店</p>
+        <p>{{ info.bossName }}</p>
         <div>
-          <img src="./img/down-icon.png" alt="" class="local-icon">
-          <span>陕西省西安市新城区中山门街道168号陕西省西安市新城区中山门街道168号</span>
+          <img :src="$cdn + 'xincheng/dw.png'" alt="" class="local-icon">
+          <span>{{ info.businessAddress }}</span>
         </div>
       </div>
     </div>
@@ -14,64 +14,85 @@
       <div class="title">基础信息</div>
       <div class="info">
         <span>店主</span>
-        <span class="color-333">林轶峰</span>
+        <span class="color-333">{{ info.businessName }}</span>
       </div>
       <div class="info">
         <span>电话</span>
-        <span class="color-3D94FB">17214317899</span>
+        <span class="color-3D94FB">{{ info.telephone }}</span>
       </div>
       <div class="info">
         <span>身份证</span>
-        <span class="color-333">42080134140193413</span>
+        <span class="color-333">{{ info.cardId }}</span>
       </div>
       <div class="img-list">
         <div class="info">
           <span>门店照片</span>
         </div>
-        <img src="./img/down-icon.png" alt="">
+        <image v-if="info.storePicUrl" :src="info.storePicUrl" mode="widthFix" />
       </div>
       <div class="info">
         <span>地图</span>
         <span class="color-3D94FB">定位</span>
       </div>
     </div>
-    <div class="content">
+    <div class="content" v-if="info.detailList.length">
       <div class="title">店员信息</div>
-      <div class="info">
-        <span>林轶峰</span>
-        <span class="color-3D94FB">17214317899</span>
-      </div>
-      <div class="info">
-        <span>林轶峰</span>
-        <span class="color-3D94FB">17214317899</span>
+      <div class="info" v-for="(item, index) in info.detailList" :key="index">
+        <span>{{ item.userName }}</span>
+        <span class="color-3D94FB">{{ item.userPhone }}</span>
       </div>
     </div>
     <AiGap h="112"/>
-    <div class="btn">新增店员</div>
+    <div class="btn" @click="linkTo('./addClerk?id=' + id)">新增店员</div>
   </div>
 </template>
 
 <script>
-import {mapState} from 'vuex'
+  import {mapState} from 'vuex'
 
-export default {
-  name: 'detail',
-  data() {
-    return {
-      
+  export default {
+    name: 'detail',
+
+    appName: '商户详情',
+
+    data () {
+      return {
+        info: {},
+        pageShow: false
+      }
+    },
+
+    computed: {...mapState(['user'])},
+
+    onLoad (query) {
+      this.id = query.id
+
+      this.getInfo()
+
+      uni.$on('updateUser', () => {
+        this.getInfo()
+      })
+    },
+
+    methods: {
+      getInfo () {
+        this.$loading()
+        this.$http.post(`/app/appcompany/getDetailById?id=${this.id}`).then(res => {
+          if (res.code === 0) {
+            this.info = res.data
+
+            this.pageShow = true
+          }
+        })
+      },
+
+      linkTo (url) {
+        uni.navigateTo({
+          url
+        })
+      }
     }
-  },
-  computed: {...mapState(['user'])},
-  created() {
-
-  },
-  onShow() {
-    document.title = "商户详情"
-  },
-  methods: {
-    
   }
-}
 </script>
 
 <style lang="scss" scoped>
@@ -101,7 +122,7 @@ export default {
         word-break: break-all;
       }
       .local-icon{
-        width: 26px;
+        width: 20px;
         height: 26px;
         margin-right: 6px;
       }
@@ -118,7 +139,7 @@ export default {
   }
   .content{
     background-color: #fff;
-    padding: 0 32px;
+    padding: 0 32px 20px;
     margin-bottom: 8px;
     .title{
       font-size: 32px;
@@ -145,9 +166,8 @@ export default {
       }
     }
     .img-list{
-      img{
+      image {
         width: 100%;
-        height: 320px;
       }
     }
   }