fix: 完善校验

auto-imports.d.ts

@@ -4,9 +4,9 @@
 // noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
 // biome-ignore lint: disable
-export {}
+export {};
 declare global {
-  const showFailToast: typeof import('vant/es').showFailToast
-  const showSuccessToast: typeof import('vant/es').showSuccessToast
-  const showToast: typeof import('vant/es').showToast
+  const showFailToast: typeof import('vant/es').showFailToast;
+  const showSuccessToast: typeof import('vant/es').showSuccessToast;
+  const showToast: typeof import('vant/es').showToast;
 }

components.d.ts

@@ -6,20 +6,20 @@
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 
-export {}
+export {};
 
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    VanButton: typeof import('vant/es')['Button']
-    VanCellGroup: typeof import('vant/es')['CellGroup']
-    VanDatePicker: typeof import('vant/es')['DatePicker']
-    VanField: typeof import('vant/es')['Field']
-    VanForm: typeof import('vant/es')['Form']
-    VanPicker: typeof import('vant/es')['Picker']
-    VanPopup: typeof import('vant/es')['Popup']
-    VanRadio: typeof import('vant/es')['Radio']
-    VanRadioGroup: typeof import('vant/es')['RadioGroup']
-    VanUploader: typeof import('vant/es')['Uploader']
+    VanButton: typeof import('vant/es')['Button'];
+    VanCellGroup: typeof import('vant/es')['CellGroup'];
+    VanDatePicker: typeof import('vant/es')['DatePicker'];
+    VanField: typeof import('vant/es')['Field'];
+    VanForm: typeof import('vant/es')['Form'];
+    VanPicker: typeof import('vant/es')['Picker'];
+    VanPopup: typeof import('vant/es')['Popup'];
+    VanRadio: typeof import('vant/es')['Radio'];
+    VanRadioGroup: typeof import('vant/es')['RadioGroup'];
+    VanUploader: typeof import('vant/es')['Uploader'];
   }
 }

src/App.vue

@@ -45,12 +45,14 @@
           name="ethnicity"
           label="民族"
           placeholder="请输入民族"
+          :rules="[{ required: true, message: '请输入民族' }]"
         />
         <van-field
           v-model="form.nativePlace"
           name="nativePlace"
           label="籍贯"
           placeholder="请输入籍贯"
+          :rules="[{ required: true, message: '请输入籍贯' }]"
         />
         <van-field
           v-model="form.maritalStatus"
@@ -73,9 +75,10 @@
           placeholder="请选择政治面貌"
           readonly
           is-link
+          :rules="[{ required: true, message: '请选择政治面貌' }]"
           @click="showPoliticalPicker = true"
         />
-        <van-field name="photo" label="照片">
+        <van-field name="photo" label="照片" :rules="[{ required: true, message: '请上传照片' }]">
           <template #input>
             <van-uploader
               v-model="form.photoList"
@@ -109,6 +112,7 @@
           name="emergencyContact"
           label="紧急联系人"
           placeholder="请输入紧急联系人"
+          :rules="[{ required: true, message: '请输入紧急联系人' }]"
         />
         <van-field
           v-model="form.emergencyContactPhone"
@@ -129,6 +133,7 @@
           rows="2"
           autosize
           placeholder="请输入家庭地址"
+          :rules="[{ required: true, message: '请输入家庭地址' }]"
         />
         <van-field
           v-model="form.householdRegistrationAddress"
@@ -138,6 +143,7 @@
           rows="2"
           autosize
           placeholder="请输入户口所在地"
+          :rules="[{ required: true, message: '请输入户口所在地' }]"
         />
       </van-cell-group>