From cec95f79c0472a1e233960ec8d34efc4c169e32d Mon Sep 17 00:00:00 2001
From: huangchenhao <123673748@qq.com>
Date: Wed, 15 Apr 2026 09:22:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E7=BA=BF=E8=B7=AF?=
 =?UTF-8?q?=E7=BC=96=E5=8F=B7=E9=80=89=E6=8B=A9=E7=BB=84=E4=BB=B6=20?=
 =?UTF-8?q?=E4=BC=A0=E9=80=92=E8=A1=A8=E5=8D=95=E9=AA=8C=E8=AF=81=E8=A7=84?=
 =?UTF-8?q?=E5=88=99=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/DisasterManagement/RoadRoutesPicker.vue | 14 ++++++++++++--
 packages/mobile/src/views/Rebuild/RebuildAdd.vue  | 15 +++++++++++----
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/packages/mobile/src/views/DisasterManagement/RoadRoutesPicker.vue b/packages/mobile/src/views/DisasterManagement/RoadRoutesPicker.vue
index abd323b..07029c5 100644
--- a/packages/mobile/src/views/DisasterManagement/RoadRoutesPicker.vue
+++ b/packages/mobile/src/views/DisasterManagement/RoadRoutesPicker.vue
@@ -7,7 +7,7 @@
       </span>
       <van-icon name="arrow-down" class="selector-icon" />
     </div> -->
-    <van-field :modelValue="modelValue" is-link readonly :label="label" :placeholder="placeholder" @click="showPicker = true" />
+    <van-field :modelValue="modelValue" is-link readonly :label="label" :placeholder="placeholder" :rules="rules" :required="required" @click="showPicker = true" />
 
     <!-- 移动端弹出层（使用 van-action-sheet + 内部列表） -->
     <van-action-sheet v-model:show="showPicker" :title="dialogTitle" :close-on-click-action="false" round :style="{ maxHeight: '80vh' }" @close="handlePickerClose">
@@ -39,7 +39,7 @@ import { ref, computed, watch, onUnmounted } from 'vue'
 import { showToast } from 'vant'
 import { request } from '@shared/utils/request'
 
-// ==================== Props ====================
+  // ==================== Props ====================
 const props = defineProps({
   // v-model 绑定的值（路线编号）
   modelValue: {
@@ -84,6 +84,16 @@ const props = defineProps({
   searchDelay: {
     type: Number,
     default: 500
+  },
+  // 表单验证规则
+  rules: {
+    type: Array,
+    default: () => []
+  },
+  // 左上角是否必填标志
+  required: {
+    type: Boolean,
+    default: false
   }
 })
 
diff --git a/packages/mobile/src/views/Rebuild/RebuildAdd.vue b/packages/mobile/src/views/Rebuild/RebuildAdd.vue
index 09b0923..c2182ef 100644
--- a/packages/mobile/src/views/Rebuild/RebuildAdd.vue
+++ b/packages/mobile/src/views/Rebuild/RebuildAdd.vue
@@ -5,8 +5,8 @@
                 <van-form ref="formRef" label-align="left" colon>
                     <van-field v-model="form.project.districtName" label="区县名称" center placeholder="请填写" required
                         :rules="[{ required: true, message: '请填写区县名称' }]" />
-                    <van-field v-model="form.project.routeNo" label="线路编号" center placeholder="请填写" required
-                        :rules="[{ required: true, message: '请填写线路编号' }]" />
+                    <RoadRoutesPicker v-model="form.project.routeNo" label="线路编号" center placeholder="请选择" required
+                        :rules="[{ required: true, message: '请选择线路编号' }]" @change="handleRouteNoChange" />
                     <van-field v-model="form.project.startStakeNo" label="起点桩号" center placeholder="请填写" required
                         :rules="[{ required: true, message: '请填写起点桩号' }]" />
                     <van-field v-model="form.project.endStakeNo" label="止点桩号" center placeholder="请填写" required
@@ -59,6 +59,7 @@ import PageContainer from '@/components/PageContainer.vue'
 import { showToast, showLoadingToast } from "vant";
 import PanelItem from '@/components/PanelItem.vue'
 import { request } from "../../../../shared/utils/request";
+import RoadRoutesPicker from '../DisasterManagement/RoadRoutesPicker.vue'
 
 const router = useRouter()
 const route = useRoute()
@@ -180,10 +181,10 @@ const handleAdd = async () => {
             data: form
         })
         toast.close();
-        if(res.code === '00000'){
+        if (res.code === '00000') {
             showToast('提交成功');
             handleClickBack();
-        }else{
+        } else {
             showToast('提交失败, 请稍后重试或联系管理员');
         }
     } catch (error) {
@@ -193,6 +194,12 @@ const handleAdd = async () => {
 }
 
 
+const handleRouteNoChange = (item) => {
+    form.project.startStakeNo = item.startStakeNo
+    form.project.endStakeNo = item.endStakeNo
+}
+
+
 
 </script>