From 4277989def1f1af06a66eb168ddd36451b6df665 Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Mon, 27 Jul 2026 11:26:48 +0800
Subject: [PATCH] =?UTF-8?q?CRM=5F26-07-21#story#9039,=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E5=95=86=E5=9C=A8=E8=B0=83=E5=BA=A6=E7=AB=AFApp=E4=B8=8E?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E4=B8=AD=E8=83=BD=E5=8F=98=E6=9B=B4=E5=9F=BA?=
 =?UTF-8?q?=E7=A1=80=E4=BF=A1=E6=81=AF=E5=8F=8A=E5=AF=B9=E5=BA=94=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E7=BB=8F=E7=90=86=E5=AE=A1=E6=A0=B8=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index/supplierTimePhoneEdit.vue | 48 +++++++++++++++++++++--
 1 file changed, 44 insertions(+), 4 deletions(-)

diff --git a/src/views/index/supplierTimePhoneEdit.vue b/src/views/index/supplierTimePhoneEdit.vue
index 4ae4a971..7712d0d2 100644
--- a/src/views/index/supplierTimePhoneEdit.vue
+++ b/src/views/index/supplierTimePhoneEdit.vue
@@ -13,9 +13,21 @@
       <div class="field">
         <label class="field-label">时段（开始 — 结束，格式 00:00 ~ 23:59）</label>
         <div class="period-row">
-          <input type="time" v-model="form.startTime" />
+          <input
+            type="text"
+            readonly
+            :value="form.startTime"
+            placeholder="开始时间"
+            @click="openTimePicker('startTime')"
+          />
           <span class="sep">—</span>
-          <input type="time" v-model="form.endTime" />
+          <input
+            type="text"
+            readonly
+            :value="form.endTime"
+            placeholder="结束时间"
+            @click="openTimePicker('endTime')"
+          />
         </div>
         <div v-if="periodErr" class="err-msg">{{ periodErr }}</div>
       </div>
@@ -48,6 +60,17 @@
     <div class="footer">
       <button class="btn btn-save" @click="save">保存</button>
     </div>
+
+    <van-popup v-model="showTimePicker" round position="bottom">
+      <van-datetime-picker
+        v-if="showTimePicker"
+        v-model="pickerValue"
+        type="time"
+        :formatter="timeFormatter"
+        @confirm="onTimeConfirm"
+        @cancel="showTimePicker = false"
+      />
+    </van-popup>
   </div>
 </template>
 
@@ -98,7 +121,10 @@ export default {
       index: -1,
       form: emptyRecord(),
       periodErr: '',
-      phoneErr: ['', '', '']
+      phoneErr: ['', '', ''],
+      showTimePicker: false,
+      pickerField: 'startTime',
+      pickerValue: ''
     }
   },
   computed: {
@@ -217,6 +243,18 @@ export default {
         console.error(e)
       }
     },
+    openTimePicker(field) {
+      this.pickerField = field
+      this.pickerValue = this.form[field] || '00:00'
+      this.showTimePicker = true
+    },
+    onTimeConfirm(value) {
+      this.form[this.pickerField] = value
+      this.showTimePicker = false
+    },
+    timeFormatter(type, value) {
+      return value.toString().padStart(2, '0')
+    }
   }
 }
 </script>
@@ -270,7 +308,6 @@ export default {
     color: #999;
   }
 }
-input[type='time'],
 input[type='text'] {
   width: 100%;
   height: 42px;
@@ -286,6 +323,9 @@ input[type='text'] {
     border-color: #2b6cff;
     background: #fff;
   }
+  &[readonly] {
+    cursor: pointer;
+  }
 }
 
 .phone-block {