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

src/views/storeManagement/storeAdd.vue

@@ -59,27 +59,21 @@
                   v-if="fromValue.storeCategory != 'C917'"
                   style="border-bottom: 1px solid #ebedf0">
                   <van-col span="24">
-                    <van-field
-                      rows="1"
-                      autosize
-                      type="textarea"
-                      readonly
-                      clickable
-                      name="picker"
-                      :value="fromValue.chainName"
-                      label="经销商名称"
-                      placeholder="点击选择经销商名称"
-                      @click="showPickerChainsListFn">
+                    <van-field label="经销商名称" @click="showPickerChainsListFn">
                       <template #left-icon>
-                        <span
-                          v-if="
-                            fromValue.ifJzStoreType != 1 &&
-                            fromValue.storeCategory != 'C912' &&
-                            fromValue.storeCategory != 'C917'
-                          "
-                          class="van-f-red"
-                          >*</span
-                        >
+                        <span class="van-f-red">*</span>
+                      </template>
+                      <template #input>
+                        <template v-if="TCFXListTreeSelec.length">
+                          <div
+                            class="TCFXListTreeSelec"
+                            v-for="(item, index) in TCFXListTreeSelec"
+                            :key="index">
+                            {{ item.code }}
+                            {{ item.name }}
+                          </div>
+                        </template>
+                        <template v-else>点击选择经销商名称</template>
                       </template>
                     </van-field>
                   </van-col>
@@ -494,7 +488,7 @@
         ">
         <div class="header_btn">
           <div class="cancel" @click="showPickerChainsList = false">取消</div>
-          <div class="confirm">确定</div>
+          <div class="confirm" @click="treeSelectConfirm">确定</div>
         </div>
         <van-tree-select
           :items="treeSelect"
@@ -832,19 +826,50 @@ export default {
       activeIndex: 0,
       treeSelectItemInd: 0,
       treeSelect: [],
+      TCFXListTreeSelec: [],
       treeSelectchildrenItem: [
-        {
-          code: '0110053190',
-          name: '苏州市宏图商贸有限公司',
-        },
-        {
-          code: '0110044320',
-          name: '苏州市金水涂料商行',
-        },
-        {
-          code: '0110053191',
-          name: '苏州市宏图商贸有限公司1',
-        },
+        [
+          {
+            code: '0110053190',
+            name: '苏州市宏图商贸有限公司',
+          },
+          {
+            code: '0110044320',
+            name: '苏州市金水涂料商行',
+          },
+          {
+            code: '0110053191',
+            name: '苏州市宏图商贸有限公司1',
+          },
+        ],
+        [
+          {
+            code: '10110053190',
+            name: '1苏州市宏图商贸有限公司',
+          },
+          {
+            code: '20110044320',
+            name: '2苏州市金水涂料商行',
+          },
+          {
+            code: '30110053191',
+            name: '3苏州市宏图商贸有限公司1',
+          },
+        ],
+        [
+          {
+            code: '110053190',
+            name: '1苏州市图商贸有限公司',
+          },
+          {
+            code: '110044320',
+            name: '2苏州市水涂料商行',
+          },
+          {
+            code: '110053191',
+            name: '3苏州市商贸有限公司1',
+          },
+        ],
       ],
     };
   },
@@ -1972,7 +1997,7 @@ export default {
     clickNav(index) {
       let children = this.treeSelect[index].children;
       if (!children.length) {
-        this.treeSelect[index].children = this.treeSelectchildrenItem;
+        this.treeSelect[index].children = this.treeSelectchildrenItem[index];
       }
     },
     // 右侧数据点击
@@ -1987,6 +2012,28 @@ export default {
       });
       this.$forceUpdate();
     },
+    // 同城分销 确认
+    treeSelectConfirm() {
+      let required = false;
+      let treeSelectArr = [];
+      this.treeSelect.forEach((item) => {
+        if (item.dot) {
+          required = true;
+          let childrenData = item.children.find((val) => val.Check);
+          treeSelectArr.push({
+            code: childrenData.code,
+            name: childrenData.name,
+          });
+        }
+      });
+      if (!required) {
+        this.$toast('经销商未填写');
+        return false;
+      }
+      console.log(treeSelectArr);
+      this.TCFXListTreeSelec = treeSelectArr;
+      this.showPickerChainsList = false;
+    },
   },
 };
 </script>