更新表单验证

src/views/task_template/edit.vue

@@ -109,6 +109,7 @@
           v-if="formData.type == 32"
           label="起点"
           @click="changeMap(0)"
+          prop="origin"
         >
           <el-input
             placeholder="请选择起点"
@@ -120,6 +121,7 @@
           v-if="formData.type == 32"
           label="中转点"
           @click="changeMap(1)"
+          prop="transfer"
         >
           <el-input
             placeholder="请选择中转点"
@@ -131,6 +133,7 @@
           v-if="formData.type == 32"
           label="终点"
           @click="changeMap(2)"
+          prop="terminus"
         >
           <el-input
             placeholder="请选择终点"
@@ -251,6 +254,34 @@ const formRules = reactive<any>({
       trigger: ["blur"],
     },
   ],
+  types: [
+    {
+      required: true,
+      message: "请输入阶段类型",
+      trigger: ["blur"],
+    },
+  ],
+  origin: [
+    {
+      required: true,
+      message: "请选择起点",
+      trigger: ["blur"],
+    },
+  ],
+  transfer: [
+    {
+      required: true,
+      message: "请选择中转点",
+      trigger: ["blur"],
+    },
+  ],
+  terminus: [
+    {
+      required: true,
+      message: "请选择终点",
+      trigger: ["blur"],
+    },
+  ],
 });
 
 // 获取详情
@@ -312,7 +343,6 @@ const setMap = (e: any) => {
 // 提交按钮
 const handleSubmit = async () => {
   await formRef.value?.validate();
-  if (formData.extend.length < 3) return ElMessage.error("请先选择三个地点");
   const data = { ...formData };
   mode.value == "edit"
     ? await apiTaskTemplateEdit(data)