src/views/storeManagement/addDesignerDetail.vue

@@ -88,6 +88,23 @@
             <span class="van-f-red">*</span>
           </template>
         </van-field>
+        <van-field
+          readonly
+          clickable
+          name="picker"
+          :value="fromData.designerLevel"
+          label="设计师级别"
+          placeholder="请选择设计师级别"
+          :rules="[
+            {
+              required: true,
+              message: '请选择设计师级别',
+            },
+          ]">
+          <template #left-icon>
+            <span class="van-f-red">*</span>
+          </template>
+        </van-field>
         <van-field
           v-model="fromData.designerCompanyName"
           label="设计公司名称"
@@ -172,6 +189,7 @@ export default {
         chainName: '',
         enterTime: '',
         storeCategoryName: '',
+        designerLevel: '',
         storeCategory: '',
         designerCompanyName: '',
         provinceName: '',

src/views/storeManagement/addDesignerEdit.vue

@@ -110,6 +110,24 @@
             <span class="van-f-red">*</span>
           </template>
         </van-field>
+        <van-field
+          readonly
+          clickable
+          name="picker"
+          :value="fromData.designerLevel"
+          label="设计师级别"
+          placeholder="请选择设计师级别"
+          @click="onClickdesignerLevel"
+          :rules="[
+            {
+              required: true,
+              message: '请选择设计师级别',
+            },
+          ]">
+          <template #left-icon>
+            <span class="van-f-red">*</span>
+          </template>
+        </van-field>
         <van-field
           v-model="fromData.designerCompanyName"
           label="设计公司名称"
@@ -243,6 +261,15 @@
         @confirm="onConfirm"
         @cancel="showPicker = false" />
     </van-popup>
+    <!--设计师级别-->
+    <van-popup v-model="showPickerDL" position="bottom">
+      <van-picker
+        show-toolbar
+        :default-index="defaultIndex"
+        :columns="designerLevelList"
+        @confirm="onConfirmDL"
+        @cancel="showPickerDL = false" />
+    </van-popup>
     <!--省、市、区、街道-->
     <van-popup v-model="showProvincePicker" position="bottom">
       <van-picker
@@ -346,6 +373,7 @@ export default {
         enterTime: '',
         storeCategoryName: '',
         storeCategory: '',
+        designerLevel: '',
         designerCompanyName: '',
         provinceName: '',
         cityName: '',
@@ -362,7 +390,10 @@ export default {
       searchChainName: '',
       showCalendar: false,
       showPicker: false,
+      showPickerDL: false,
       storeCategoryList: [],
+      designerLevelList: [ '大咖', '网红', '商务' ],
+      defaultIndex: 0,
       showProvincePicker: false,
       showCityPicker: false,
       showDistrictPicker: false,
@@ -503,6 +534,15 @@ export default {
       this.fromData.storeCategoryName = value.dictLabel;
       this.fromData.storeCategory = value.dictValue;
       this.showPicker = false;
+    },
+     onConfirmDL(value) { 
+      if (!value) return;
+      this.fromData.designerLevel = value;
+      this.showPickerDL = false;
+    },
+    onClickdesignerLevel(){
+      this.defaultIndex = this.designerLevelList.indexOf(this.fromData.designerLevel);
+      this.showPickerDL = true;
     },
     getStoreCategoryList() {
       designerStoreCategory().then((res) => {

src/views/storeManagement/addDesignerPage.vue

@@ -110,6 +110,24 @@
             <span class="van-f-red">*</span>
           </template>
         </van-field>
+        <van-field
+          readonly
+          clickable
+          name="picker"
+          :value="fromData.designerLevel"
+          label="设计师级别"
+          placeholder="请选择设计师级别"
+          @click="onClickdesignerLevel"
+          :rules="[
+            {
+              required: true,
+              message: '请选择设计师级别',
+            },
+          ]">
+          <template #left-icon>
+            <span class="van-f-red">*</span>
+          </template>
+        </van-field>
         <van-field
           v-model="fromData.designerCompanyName"
           label="设计公司名称"
@@ -245,6 +263,14 @@
         :columns="storeCategoryList"
         @confirm="onConfirm"
         @cancel="showPicker = false" />
+    </van-popup>
+     <!--设计师级别-->
+    <van-popup v-model="showPickerDL" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="designerLevelList"
+        @confirm="onConfirmDL"
+        @cancel="showPickerDL = false" />
     </van-popup>
     <!--省、市、区、街道-->
     <van-popup v-model="showProvincePicker" position="bottom">
@@ -348,6 +374,7 @@ export default {
         enterTime: '',
         storeCategoryName: '',
         storeCategory: '',
+        designerLevel: '',
         designerCompanyName: '',
         provinceName: '',
         cityName: '',
@@ -364,7 +391,10 @@ export default {
       searchChainName: '',
       showCalendar: false,
       showPicker: false,
+      showPickerDL: false,
       storeCategoryList: [],
+      designerLevelList: [ '大咖', '网红', '商务' ],
+      defaultIndex: 0,
       showProvincePicker: false,
       showCityPicker: false,
       showDistrictPicker: false,
@@ -393,6 +423,7 @@ export default {
       enterTime: '',
       storeCategoryName: '',
       storeCategory: '',
+      designerLevel: '',
       designerCompanyName: '',
       provinceName: '',
       cityName: '',
@@ -512,6 +543,15 @@ export default {
       this.fromData.storeCategory = value.dictValue;
       this.showPicker = false;
     },
+    onConfirmDL(value) { 
+      if (!value) return;
+      this.fromData.designerLevel = value;
+      this.showPickerDL = false;
+    },
+    onClickdesignerLevel(){
+      this.defaultIndex = this.designerLevelList.indexOf(this.fromData.designerLevel);
+      this.showPickerDL = true;
+    },
     getStoreCategoryList() {
       designerStoreCategory().then((res) => {
         if (res.code == 200) {