同城分销店拆分、分销店对应多个经销商

src/views/signApproval/newStoreApprovalDetail.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="newStoreApprovalDetail">
     <div class="navBarTOP">
       <!-- 顶部条 -->
       <van-nav-bar class="navBar" title="门店详情" left-arrow @click-left="onClickLeft" />
@@ -51,16 +51,41 @@
             v-model="list.telephone"
             label="联系电话"
             v-if="list.storeCategory != 'C917'" />
-          <van-field
-            readonly
-            v-model="list.chainCode"
-            label="经销商编号"
-            v-if="list.storeCategory != 'C917'" />
-          <van-field
-            readonly
-            v-model="list.chainName"
-            label="经销商名称"
-            v-if="list.storeCategory != 'C917'" />
+          <template v-if="list.storeCategory != 'C917'">
+            <!-- 分销店 -->
+            <template
+              v-if="
+                verifyStoreType(list.storeCategory) &&
+                verifyStoreType(list.storeCategory).type == 'fxd'
+              ">
+              <van-field label="经销商" readonly class="TCFXList">
+                <template #input>
+                  <template v-if="list.sfaStoreChainsContactList">
+                    <div
+                      class="sfaStoreChainsContactList"
+                      v-for="(item, index) in list.sfaStoreChainsContactList"
+                      :key="index">
+                      {{ item.categoryDescribe }}
+                      {{ item.chainCode }}
+                      {{ item.chainName }}
+                    </div>
+                  </template>
+                </template>
+              </van-field>
+            </template>
+            <template v-else>
+              <van-field
+                readonly
+                v-model="list.chainCode"
+                label="经销商编号"
+                v-if="list.storeCategory != 'C917'" />
+              <van-field
+                readonly
+                v-model="list.chainName"
+                label="经销商名称"
+                v-if="list.storeCategory != 'C917'" />
+            </template>
+          </template>
           <van-field readonly v-model="list.salesmanName" label="销售员" />
           <div v-if="list.storeCategory != 'C917'">
             <van-field
@@ -904,4 +929,15 @@ export default {
     }
   }
 }
+.newStoreApprovalDetail {
+  .TCFXList {
+    .van-field__control--custom {
+      flex-direction: column;
+      align-items: self-start;
+      .TCFXListTreeSelec {
+        padding: 3px;
+      }
+    }
+  }
+}
 </style>

src/views/storeManagement/storeDetail.vue

@@ -290,7 +290,13 @@
           </van-collapse>
         </van-tab>
         <van-tab title="属性信息" name="outsidePlan">
-          <van-field readonly label="属性" v-if="dictTypeFormShow" v-model="list.tcfxName" />
+          <template v-for="(item, index) in TCFXList" v-if="dictTypeFormShow">
+            <van-field
+              readonly
+              label="属性"
+              v-if="item.dictValue == list.tcfxName"
+              v-model="item.text"
+          /></template>
         </van-tab>
       </van-tabs>
       <!--省、市、区、街道-->
@@ -1165,6 +1171,8 @@ export default {
           TCFXList.push({
             text: res.data[t].dictLabel,
             dictCode: res.data[t].dictCode,
+            dictValue: res.data[t].dictValue,
+            remark: res.data[t].remark,
           });
         }
         this.TCFXList = TCFXList;