no message

src/views/storeManagement/storeAdd.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="storeAdd">
     <div class="navBarTOP">
       <!--        顶部条-->
       <van-nav-bar
@@ -50,7 +50,7 @@
               <van-row
                 v-if="fromValue.storeCategory != 'C917'"
                 style="border-bottom: 1px solid #ebedf0">
-                <van-col span="20">
+                <van-col span="24">
                   <van-field
                     rows="1"
                     autosize
@@ -75,16 +75,16 @@
                     </template>
                   </van-field>
                 </van-col>
-                <van-col span="4"
-                  ><van-button
+                <!-- <van-col span="4">
+                  <van-button
                     size="small"
                     type="info"
                     style="margin-top: 6px"
                     native-type="button"
-                    @click="moreTypeShowfn"
-                    ><van-icon name="list-switching" />更多</van-button
-                  ></van-col
-                >
+                    @click="moreTypeShowfn">
+                    <van-icon name="list-switching" />更多
+                  </van-button>
+                </van-col> -->
               </van-row>
             </div>
             <van-field
@@ -448,13 +448,31 @@
         @cancel="showPicker = false" />
     </van-popup>
     <!--经销商-->
-    <van-popup v-model="showPickerChainsList" position="bottom">
-      <van-picker
+    <van-popup v-model="showPickerChainsList" position="bottom" class="agencyBox">
+      <!-- <van-picker
         show-toolbar
         :columns="ChainsList"
         value-key="chainName"
         @confirm="onConfirmChainsList"
-        @cancel="showPickerChainsList = false" />
+        @cancel="showPickerChainsList = false" /> -->
+      <div class="header_btn">
+        <div class="cancel" @click="showPickerChainsList = false">取消</div>
+        <div class="confirm">确定</div>
+      </div>
+      <van-tree-select :items="treeSelect" :main-active-index.sync="activeIndex">
+        <template #content>
+          <van-checkbox-group
+            v-if="activeIndex == index"
+            v-model="result"
+            :max="1"
+            v-for="(item, index) in treeSelect"
+            :key="index">
+            <van-checkbox name="a">复选框 a{{ activeIndex }}{{ index }}</van-checkbox>
+            <van-checkbox name="b">复选框 b{{ activeIndex }}{{ index }}</van-checkbox>
+            <van-checkbox name="c">复选框 c{{ activeIndex }}{{ index }}</van-checkbox>
+          </van-checkbox-group>
+        </template>
+      </van-tree-select>
     </van-popup>
     <van-popup v-model="moreTypeShow" position="bottom" style="height: 80%; font-size: 14px">
       <van-row style="background-color: #f5f5f5">
@@ -750,6 +768,15 @@ export default {
       marker: undefined,
       pageShow: false,
       map: '',
+      activeIndex: 0,
+      treeSelect: [
+        { text: '浙江', aa: 1, children: [], dot: true },
+        { text: '江苏1', aa: 2, children: [] },
+        { text: '江苏2', children: [] },
+        { text: '江苏3', children: [] },
+        { text: '江苏4', children: [] },
+        { text: '江苏5', children: [] },
+      ],
     };
   },
   created() {
@@ -841,6 +868,7 @@ export default {
     },
   },
   activated() {
+    this.beforeAddFn();
     // 授权
     getTicketFun(['getLocation', 'chooseImage', 'uploadImage']).then(() => {
       this.$nextTick(() => {
@@ -1965,7 +1993,7 @@ export default {
   display: inline-block;
 }
 </style>
-<style>
+<style lang="scss">
 .van-dialog__confirm,
 .van-dialog__confirm:active {
   color: #0057ba;
@@ -2016,4 +2044,19 @@ export default {
 .morelaji .van-cell {
   padding: 10px 0;
 }
+.storeAdd {
+  .agencyBox {
+    .header_btn {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 10px;
+      font-size: 16px;
+      border-bottom: 1px solid #ccc;
+      div {
+        padding: 3px;
+      }
+    }
+  }
+}
 </style>