From 62e11a2df58bf214aa568740f081c3754227f924 Mon Sep 17 00:00:00 2001
From: niedongsheng <605973111@qq.com>
Date: Fri, 24 Apr 2026 16:51:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=81=BE=E6=AF=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mobile/src/components/BaseDatePicker.vue  |  7 ++-
 packages/mobile/src/components/BasePicker.vue |  7 ++-
 .../IceDisaster/IceDisaster.vue               | 12 ++--
 .../WaterDisaster/WaterDisaster.vue           | 55 ++++++++++---------
 4 files changed, 48 insertions(+), 33 deletions(-)

diff --git a/packages/mobile/src/components/BaseDatePicker.vue b/packages/mobile/src/components/BaseDatePicker.vue
index 5cdaeaf..7ff82a6 100644
--- a/packages/mobile/src/components/BaseDatePicker.vue
+++ b/packages/mobile/src/components/BaseDatePicker.vue
@@ -4,6 +4,7 @@
     <van-field
       v-model="displayValue"
       :label="label"
+      :required="required"
       :placeholder="placeholder"
       :disabled="disabled"
       :readonly="true"
@@ -69,6 +70,10 @@ const props = defineProps({
     type: String,
     default: ''
   },
+  required: {
+    type: Boolean,
+    default: false
+  },
   // 占位符
   placeholder: {
     type: String,
@@ -438,4 +443,4 @@ watch(() => props.modelValue, () => {
 .picker-wrapper.has-time .van-time-picker {
   flex: 1;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/mobile/src/components/BasePicker.vue b/packages/mobile/src/components/BasePicker.vue
index c8af136..6d4a7fe 100644
--- a/packages/mobile/src/components/BasePicker.vue
+++ b/packages/mobile/src/components/BasePicker.vue
@@ -4,6 +4,7 @@
     <van-field
       :modelValue="displayValue"
       :label="label"
+      :required="required"
       :placeholder="placeholder"
       :disabled="disabled"
       :readonly="true"
@@ -49,6 +50,10 @@ const props = defineProps({
     type: String,
     default: ''
   },
+  required: {
+    type: Boolean,
+    default: false
+  },
   // 占位符
   placeholder: {
     type: String,
@@ -161,4 +166,4 @@ const onConfirm = ({ selectedValues, selectedOptions }) => {
 :deep(.van-field__control--readonly) {
   cursor: pointer;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/mobile/src/views/DisasterManagement/IceDisaster/IceDisaster.vue b/packages/mobile/src/views/DisasterManagement/IceDisaster/IceDisaster.vue
index dee7365..5aeddf0 100644
--- a/packages/mobile/src/views/DisasterManagement/IceDisaster/IceDisaster.vue
+++ b/packages/mobile/src/views/DisasterManagement/IceDisaster/IceDisaster.vue
@@ -6,6 +6,7 @@
       <BaseDatePicker
         v-model="formData.event.occurTime"
         label="发生时间"
+        required
         placeholder="请选择时间"
         :columnsType="['year', 'month', 'day', 'hour', 'minute']"
       />
@@ -21,13 +22,14 @@
         label="线路编号"
         placeholder="请线路"
         @change="handleRouteNoChange"
+        required
       />
 
       <!-- 发生地点 (occurLocation) -->
-      <van-field v-model="formData.event.occurLocation" label="发生地点" placeholder="请填写" />
+      <van-field v-model="formData.event.occurLocation" label="发生地点" placeholder="请填写" required />
 
       <!-- 起点桩号 (event.startStakeNo) -->
-      <van-field v-model="formData.event.startStakeNo" label="起点桩号(K)" placeholder="请填写" />
+      <van-field v-model="formData.event.startStakeNo" label="起点桩号(K)" placeholder="请填写" required />
 
       <!-- 起点桩经度 -->
       <van-field v-model="formData.event.startStakeLng" label="起点桩经度" placeholder="请填写" type="digit" />
@@ -36,7 +38,7 @@
       <van-field v-model="formData.event.startStakeLat" label="起点桩纬度" placeholder="请填写" type="digit" />
 
       <!-- 止点桩号 (event.endStakeNo) -->
-      <van-field v-model="formData.event.endStakeNo" label="止点桩号(K)" placeholder="请填写" />
+      <van-field v-model="formData.event.endStakeNo" label="止点桩号(K)" placeholder="请填写" required />
 
       <!-- 止点桩经度 -->
       <van-field v-model="formData.event.endStakeLng" label="止点桩经度" placeholder="请填写" type="digit" />
@@ -50,6 +52,7 @@
         label="受灾里程"
         placeholder="请填写"
         type="digit"
+        required
       >
         <template #button>
           <span class="field-unit">公里</span>
@@ -58,7 +61,7 @@
     </PanelItem>
 
     <PanelItem title="处置情况">
-      <van-field label="处置措施" label-align="top">
+      <van-field label="处置措施" label-align="top" required>
         <template #input>
           <van-row :gutter="5">
             <van-col
@@ -86,6 +89,7 @@
         :min-date="minDate"
         :max-date="maxDate"
         type="datetime"
+        required
       />
     </PanelItem>
 
diff --git a/packages/mobile/src/views/DisasterManagement/WaterDisaster/WaterDisaster.vue b/packages/mobile/src/views/DisasterManagement/WaterDisaster/WaterDisaster.vue
index 0d3a9a4..52db2ad 100644
--- a/packages/mobile/src/views/DisasterManagement/WaterDisaster/WaterDisaster.vue
+++ b/packages/mobile/src/views/DisasterManagement/WaterDisaster/WaterDisaster.vue
@@ -4,36 +4,36 @@
     <PanelItem title="基本信息" v-if="!isContinue">
       <van-form >
         <!-- 路况类别 -->
-        <BasePicker v-model="formData.event.roadConditionType" :options="options['waterRoadConditionType']" label="路况类别" placeholder="请选择" />
+        <BasePicker v-model="formData.event.roadConditionType" :options="options['waterRoadConditionType']" label="路况类别" placeholder="请选择" required />
 
         <!-- 是否阻断 (event.isBlocked) -->
-        <BasePicker v-model="formData.event.isBlocked" :options="options['yesOrNoBool']" label="是否阻断" placeholder="请选择" />
+        <BasePicker v-model="formData.event.isBlocked" :options="options['yesOrNoBool']" label="是否阻断" placeholder="请选择" required />
 
         <!-- 抢险进度 (event.repairProgress) -->
-        <BasePicker v-model="formData.event.repairProgress" :options="options['repairProgress']" label="抢险进度" placeholder="请选择" />
+        <BasePicker v-model="formData.event.repairProgress" :options="options['repairProgress']" label="抢险进度" placeholder="请选择" required />
 
         <!-- 水毁处数 (event.damageCount) -->
-        <van-field v-model="formData.event.damageCount" label="水毁处数" placeholder="请填写" type="number" />
+        <van-field v-model="formData.event.damageCount" label="水毁处数" placeholder="请填写" type="number" required />
 
         <!-- 阻断里程 (event.blockedMileage) -->
-        <van-field v-model="formData.event.blockedMileage" label="阻断里程" placeholder="请填写" type="digit">
+        <van-field v-model="formData.event.blockedMileage" label="阻断里程" placeholder="请填写" type="digit" required>
           <template #button>
             <span class="field-unit">公里</span>
           </template>
         </van-field>
 
         <!-- 发生时间 (顶层 occurTime) -->
-        <BaseDatePicker v-model="formData.event.occurTime" label="发生时间" placeholder="请选择时间" :columnsType="['year', 'month', 'day', 'hour', 'minute']" />
+        <BaseDatePicker v-model="formData.event.occurTime" label="发生时间" placeholder="请选择时间" :columnsType="['year', 'month', 'day', 'hour', 'minute']" required />
         <div class="calibrate-time-btn" @click="calibrateTime">
           <van-icon name="replay" />
           <span>校准时间</span>
         </div>
 
         <!-- 线路编号 (顶层 routeNo) -->
-        <RoadRoutesPicker v-model="formData.event.routeNo" label="线路编号" placeholder="请线路" @change="handleRouteNoChange" />
+        <RoadRoutesPicker v-model="formData.event.routeNo" label="线路编号" placeholder="请线路" @change="handleRouteNoChange" required />
 
         <!-- 起点桩号 (event.startStakeNo) -->
-        <van-field v-model="formData.event.startStakeNo" label="起点桩号(K)" placeholder="请填写" />
+        <van-field v-model="formData.event.startStakeNo" label="起点桩号(K)" placeholder="请填写" required />
 
         <!-- 起点桩经度 -->
         <van-field v-model="formData.event.startStakeLng" label="起点桩经度" placeholder="请填写" type="digit" />
@@ -42,7 +42,7 @@
         <van-field v-model="formData.event.startStakeLat" label="起点桩纬度" placeholder="请填写" type="digit" />
 
         <!-- 止点桩号 (event.endStakeNo) -->
-        <van-field v-model="formData.event.endStakeNo" label="止点桩号(K)" placeholder="请填写" />
+        <van-field v-model="formData.event.endStakeNo" label="止点桩号(K)" placeholder="请填写" required />
 
         <!-- 止点桩经度 -->
         <van-field v-model="formData.event.endStakeLng" label="止点桩经度" placeholder="请填写" type="digit" />
@@ -51,30 +51,31 @@
         <van-field v-model="formData.event.endStakeLat" label="止点桩纬度" placeholder="请填写" type="digit" />
 
         <!-- 路况位置 (occurLocation) -->
-        <van-field v-model="formData.event.occurLocation" label="路况位置" placeholder="请填写" />
+        <van-field v-model="formData.event.occurLocation" label="路况位置" placeholder="请填写" required />
 
         <!-- 阻断点小地名 (event.blockedPointName) -->
-        <van-field v-model="formData.event.blockedPointName" label="阻断点小地名" placeholder="请填写" />
+        <van-field v-model="formData.event.blockedPointName" label="阻断点小地名" placeholder="请填写" required />
       </van-form>
     </PanelItem>
 
     <!-- 处置情况 (report) -->
     <PanelItem title="处置情况">
-      <div class="disposal-measures">
-        <span class="measures-label">处置措施</span>
-        <div class="measures-options">
-          <van-row gutter="10">
-            <van-col v-for="(item, index) in options['disposalMeasures']" :span="24 / options['disposalMeasures'].length" :key="index">
-              <van-button block plain :type="item.value === formData.report.disposalMeasures ? 'primary' : 'default'" @click="formData.report.disposalMeasures = item.value">
-                {{ item.label }}
-              </van-button>
-            </van-col>
-          </van-row>
-        </div>
-      </div>
+      <van-field label="处置措施" label-align="top">
+        <template #input>
+          <div class="measures-options">
+            <van-row gutter="10">
+              <van-col v-for="(item, index) in options['disposalMeasures']" :span="24 / options['disposalMeasures'].length" :key="index">
+                <van-button block plain :type="item.value === formData.report.disposalMeasures ? 'primary' : 'default'" @click="formData.report.disposalMeasures = item.value">
+                  {{ item.label }}
+                </van-button>
+              </van-col>
+            </van-row>
+          </div>
+        </template>
+      </van-field>
 
       <!-- 预计恢复时间 (report.expectRecoverTime) -->
-      <BaseDatePicker v-model="formData.report.expectRecoverTime" label="预计恢复时间" placeholder="请选择时间" :min-date="minDate" :max-date="maxDate" type="datetime" />
+      <BaseDatePicker v-model="formData.report.expectRecoverTime" label="预计恢复时间" placeholder="请选择时间" :min-date="minDate" :max-date="maxDate" type="datetime" required />
 
       <!-- 实际恢复时间 (report.actualRecoverTime) -->
       <BaseDatePicker v-model="formData.report.actualRecoverTime" label="实际恢复时间" placeholder="请选择时间" :min-date="minDate" :max-date="maxDate" type="datetime" />
@@ -145,9 +146,9 @@
     </PanelItem>
     <PanelItem v-if="!isContinue || (isContinue && !detail?.event.needsRecovery)">
       <!-- 是否需要恢复重建 (event.needsRecovery) -->
-      <BasePicker v-model="formData.event.needsRecovery" :options="options['yesOrNoBool']" label="是否需要恢复重建" placeholder="请选择" />
+      <BasePicker v-model="formData.event.needsRecovery" :options="options['yesOrNoBool']" label="是否需要恢复重建" placeholder="请选择" required />
       <!-- 恢复重建预估费用 (event.estimatedRecoveryCost) -->
-      <van-field v-model="formData.event.estimatedRecoveryCost" v-if="formData?.event.needsRecovery" label="恢复重建预估费用" placeholder="请填写" type="digit">
+      <van-field v-model="formData.event.estimatedRecoveryCost" v-if="formData?.event.needsRecovery" label="恢复重建预估费用" placeholder="请填写" type="digit" required>
         <template #button>
           <span class="field-unit">万元</span>
         </template>
@@ -533,7 +534,7 @@ defineExpose({
     margin-top: 12px;
   }
 
-  :deep(.van-field__label) {
+  :deep(.van-field__label):not(.van-field__label--top) {
     width: 110px;
   }
 }