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

src/components/uploadImgVStorec.vue

@@ -45,7 +45,7 @@ export default {
       default: 1,
     },
     imgArr: {
-      type: String,
+      type: [String, Array],
       default: '',
     },
   },

src/views/deviceOutside/index.vue

@@ -261,7 +261,8 @@
                       placement="bottom-start"
                       trigger="click">
                       <div>
-                        {{ item.chainName }}
+                        <div>{{ item.chainCode }}</div>
+                        <div>{{ item.chainName }}</div>
                       </div>
                       <div slot="reference" :key="index">
                         {{ item.categoryDescribe }}

src/views/deviceOutside/rangeStore.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="rangeStore">
     <div id="container"></div>
     <div class="navBarTOP">
       <van-nav-bar class="navBar" title="附近客户信息" left-arrow @click-left="onClickLeft">
@@ -374,9 +374,20 @@
               ">
               <div class="text">
                 经销商：
-                <template v-for="(item, index) in info.sfaStoreChainsContactList">
-                  <span :key="index"><span v-if="index > 0">，</span>{{ item.chainName }}</span>
-                </template>
+                <div class="TCFXListItem" v-for="(item, index) in info.sfaStoreChainsContactList">
+                  <el-popover
+                    popper-class="zpover zpoverStoreztype"
+                    placement="bottom-start"
+                    trigger="click">
+                    <div>
+                      <div>{{ item.chainCode }}</div>
+                      <div>{{ item.chainName }}</div>
+                    </div>
+                    <div slot="reference" :key="index">
+                      {{ item.categoryDescribe }}
+                    </div>
+                  </el-popover>
+                </div>
               </div>
             </template>
             <template v-else>
@@ -2133,7 +2144,7 @@ export default {
   height: 26px;
 }
 </style>
-<style>
+<style lang="scss">
 .van-tabs__nav--card .van-tab.van-tab--active {
   background-color: #0057ba !important;
 }
@@ -2242,4 +2253,13 @@ export default {
 .textsize {
   font-size: 14px;
 }
+.rangeStore {
+  .TCFXListItem {
+    display: inline-block;
+    border: 1px solid #ccc;
+    padding: 3px 5px;
+    margin: 0 5px;
+    border-radius: 6px;
+  }
+}
 </style>

src/views/deviceOutside/topStore.vue

@@ -287,7 +287,8 @@
                         placement="bottom-start"
                         trigger="click">
                         <div>
-                          {{ item.chainName }}
+                          <div>{{ item.chainCode }}</div>
+                          <div>{{ item.chainName }}</div>
                         </div>
                         <div slot="reference" :key="index">
                           {{ item.categoryDescribe }}

src/views/deviceWithin/index.vue

@@ -265,7 +265,8 @@
                     placement="bottom-start"
                     trigger="click">
                     <div>
-                      {{ item.chainName }}
+                      <div>{{ item.chainCode }}</div>
+                      <div>{{ item.chainName }}</div>
                     </div>
                     <div slot="reference" :key="index">
                       {{ item.categoryDescribe }}

src/views/historicalVisit/historAllVisit.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bgcolor">
+  <div class="bgcolor historAllVisit">
     <div class="navBarTOP">
       <!--        顶部条-->
       <van-nav-bar class="navBar" title="历史拜访" left-arrow @click-left="onClickLeft" />
@@ -109,9 +109,22 @@
                   ">
                   <div class="info">
                     经销商：
-                    <template v-for="(item, index) in item.sfaStoreChainsContactList">
-                      <span :key="index"><span v-if="index > 0">，</span>{{ item.chainName }}</span>
-                    </template>
+                    <div
+                      class="TCFXListItem"
+                      v-for="(item, index) in item.sfaStoreChainsContactList">
+                      <el-popover
+                        popper-class="zpover zpoverStoreztype"
+                        placement="bottom-start"
+                        trigger="click">
+                        <div>
+                          <div>{{ item.chainCode }}</div>
+                          <div>{{ item.chainName }}</div>
+                        </div>
+                        <div slot="reference" :key="index">
+                          {{ item.categoryDescribe }}
+                        </div>
+                      </el-popover>
+                    </div>
                   </div>
                 </template>
                 <template v-else>
@@ -602,6 +615,15 @@ export default {
     }
   }
 }
+.historAllVisit {
+  .TCFXListItem {
+    display: inline-block;
+    border: 1px solid #ccc;
+    padding: 3px 5px;
+    margin: 0 5px;
+    border-radius: 6px;
+  }
+}
 </style>
 <style lang="scss" scoped>
 .bgcolor {

src/views/storeManagement/index.vue

@@ -276,9 +276,20 @@
                 ">
                 <div class="info" v-if="addShow1">
                   经销商：
-                  <template v-for="(item, index) in item.sfaStoreChainsContactList">
-                    <span :key="index"><span v-if="index > 0">，</span>{{ item.chainName }}</span>
-                  </template>
+                  <div class="TCFXListItem" v-for="(item, index) in item.sfaStoreChainsContactList">
+                    <el-popover
+                      popper-class="zpover zpoverStoreztype"
+                      placement="bottom-start"
+                      trigger="click">
+                      <div>
+                        <div>{{ item.chainCode }}</div>
+                        <div>{{ item.chainName }}</div>
+                      </div>
+                      <div slot="reference" :key="index">
+                        {{ item.categoryDescribe }}
+                      </div>
+                    </el-popover>
+                  </div>
                 </div>
               </template>
               <template v-else>
@@ -1022,6 +1033,13 @@ export default {
       }
     }
   }
+  .TCFXListItem {
+    display: inline-block;
+    border: 1px solid #ccc;
+    padding: 3px 5px;
+    margin: 0 5px;
+    border-radius: 6px;
+  }
 }
 </style>
 <style lang="scss" scoped>