企业详情

src/views/enterprise/enterprise-detail.vue

@@ -15,23 +15,29 @@
       </el-form-item>
       <el-form-item label="企业ID">{{ enterpriseDetail.corpId || '--' }}</el-form-item>
       <el-form-item label="行业类型">{{ enterpriseDetail.corpIndustry || '--' }}</el-form-item>
-      <el-form-item label="应用可见范围"></el-form-item>
+      <el-form-item label="应用可见范围">
+        {{ Array.isArray(enterpriseDetail.displayRange) && enterpriseDetail.displayRange.length > 0 ? enterpriseDetail.displayRange.map(el => el.name).join('，') : '--' }}
+      </el-form-item>
     </el-form>
-    <h3 class="model-title">好办自建应用</h3>
-    <div class="hb-app">
-      <div class="hb-app-name">好办助手</div>
-      <el-form label-width="150px" class="hb-app-info">
-        <el-form-item class="hb-app-info-item" label="Agentld">133546431</el-form-item>
-        <el-form-item class="hb-app-info-item" label="Secret">R8RSrhQsjXBe8U0dffgmKMksLw6GT_KDX3w1XzbSzaM</el-form-item>
-        <el-form-item class="hb-app-info-item" label="应用可见范围">阿飞门店;直营标签;阿飞</el-form-item>
-      </el-form>
-    </div>
+    <template v-if="Array.isArray(enterpriseDetail.secret) && enterpriseDetail.secret.length > 0">
+      <h3 class="model-title">好办自建应用</h3>
+      <div class="hb-app" v-for="el in enterpriseDetail.secret" :key="el.agentId">
+        <div class="hb-app-name">{{ el.secretName }}</div>
+        <el-form label-width="150px" class="hb-app-info">
+          <el-form-item class="hb-app-info-item" label="Agentld">{{ el.agentId }}</el-form-item>
+          <el-form-item class="hb-app-info-item" label="Secret">{{ el.secretVal }}</el-form-item>
+          <el-form-item class="hb-app-info-item" label="应用可见范围">
+            {{ Array.isArray(el.displayRange) && el.displayRange.length > 0 ? el.displayRange.map(item => item.name).join('，') : '--' }}
+          </el-form-item>
+        </el-form>
+      </div>
+    </template>
     <h3 class="model-title">授权信息</h3>
     <el-table :data="enterpriseDetail.enterpriseList">
       <el-table-column label="授权商户">
         <div slot-scope="{ row }" class="store-info">
-          <div class="store-logo">
-            <img src="" alt="">
+          <div class="store-logo" v-if="row.enterpriseLogo">
+            <img :src="row.enterpriseLogo" alt="">
           </div>
           <span class="store-name">{{ row.enterpriseName }}</span>
         </div>
@@ -94,34 +100,13 @@ export default {
       return this.$router.go(-1);
     }
     this.enterpriseId = enterpriseId;
-    this.getEnterpriseDetail();
+    // this.getEnterpriseDetail();
     this.$emit('updateBread', this.bread);
   },
   methods: {
     getEnterpriseDetail() {
-      this.enterpriseDetail = {
-        wxEnterpriseName: '企业名称',
-        corpId: '企业id',
-        corpSubIndustry: '',
-        corpIndustry: '',
-        corpScale: '',
-        location: '',
-        verifiedEndTime: Date.now(),
-        corpType: 'verified',
-        enterpriseList: [
-          {
-            enterpriseId: '',
-            enterpriseName: '测试商户测试商户测试商户测试商户测试商户测试商户测试商户测试商户测试商户测试商户测试商户测试商户测试商户测试商户测试商户',
-            bindStoreMode: 0, // 门店分享类型 0 全部 1部分分组 2 部分门店
-            bindCount: 10,
-            shareStoreMode: 0, // 门店分享类型 0 全部 1部分分组 2 部分门店
-            shareCount: 20
-          }
-        ]
-      }
-      return console.log(this.enterpriseId);
       getEnterpriseDetail({ wxEnterpriseId: this.enterpriseId }).then(res => {
-        console.log(res)
+        this.getEnterpriseDetail = res.result || {};
       })
     },
     onRefresh() {
@@ -158,6 +143,9 @@ export default {
   width: 789px;
   height: 115px;
   border: 1px solid #E4E7ED;
+  +.hb-app {
+    margin-top: 10px;
+  }
   .hb-app-name {
     display: flex;
     justify-content: center;