feat(mobile/promotion/plan): 促销计划移动端：新增编辑门店_选择后显示门店地址和编码

src/mobile/views/promotion/plan/editing/index.vue

@@ -12,14 +12,23 @@
         <van-cell-group inset>
           <van-field v-model="form.storeName"
             is-link
-            readonly
             :disabled="!!planId"
-            name="storeName"
             label="选择门店"
-            placeholder="点击选择门店"
             required
             :rules="[{ required: true, message: '请选择门店' }]"
-            @click="selStoreName" />
+            @click="selStoreName">
+            <template #input>
+              <div class="custom-input">
+                <input type="text"
+                  class="van-field__control"
+                  readonly
+                  :value="form.storeName"
+                  name="storeName"
+                  placeholder="点击选择门店">
+                <p>{{ form.storeAddr }} - {{ form.storeCode }}</p>
+              </div>
+            </template>
+          </van-field>
           <van-field v-model="form.date"
             is-link
             readonly
@@ -114,7 +123,7 @@
         </div>
       </van-form>
     </div>
-    <PickerSearch v-model="showPicker"
+    <PickerSearch v-model:show="showPicker"
       :columns="columns"
       :searchShow="showPickerSearch"
       @search="search"
@@ -217,7 +226,6 @@ const selStoreName = () => {
   showPicker.value = true
   showPickerSearch.value = true
   searchPlaceholder.value = '搜索门店名称'
-  getStoreList()
 }
 // 获取门店列表
 const getStoreList = async (storeName) => {
@@ -226,10 +234,11 @@ const getStoreList = async (storeName) => {
   })
   columns.value = res.data.map(item => ({
     text: item.storeName,
-    value: item.storeCode
+    value: item.storeCode,
+    storeAddr: item.storeAddr
   }))
 }
-
+getStoreList()
 
 // 活动日期
 const showDatePicker = ref(false)
@@ -268,6 +277,7 @@ const selEmployee = () => {
   showPicker.value = true
   showPickerSearch.value = true
   columns.value = allBelongList.value
+  getBelongList()
 }
 const getBelongList = async () => {
   const res = await getChargeListAPI()
@@ -282,7 +292,7 @@ const getBelongList = async () => {
     form.employeeNo = userStore().employeeNo
   }
 }
-getBelongList()
+
 
 // 上班打卡时间
 const showInTimePicker = ref(false)
@@ -357,6 +367,7 @@ const confirm = (value) => {
     const { selectedOptions } = value
     form.storeName = selectedOptions[0]?.text
     form.storeCode = selectedOptions[0]?.value
+    form.storeAddr = selectedOptions[0]?.storeAddr
   } else if (isType.value === '计划') {
     const { selectedOptions } = value
     form.pattern = selectedOptions[0]?.text
@@ -365,11 +376,9 @@ const confirm = (value) => {
     form.employeeName = selectedOptions[0]?.text
     form.employeeNo = selectedOptions[0]?.value
   }
+  showPicker.value = false
 }
 
-
-
-
 </script>
 
 <style scoped
@@ -383,6 +392,18 @@ const confirm = (value) => {
       background: #f5f5f5;
     }
 
+    /* 左侧文字宽度 */
     --van-field-label-width: 100px !important;
+
+    .custom-input {
+      display: flex;
+      flex-direction: column;
+
+      p {
+        font-size: 12px;
+        margin: 0;
+        color: #757474;
+      }
+    }
   }
 </style>
\ No newline at end of file