fix: 增加必填控制

src/App.vue

@@ -213,11 +213,22 @@
       <div class="section-card">
         <div class="section-title">工作与资质</div>
         <div class="form-item">
-          <div class="item-label">参加工作时间</div>
-          <div class="date-input-box" @click="showWorkStartPicker = true">
-             <span>{{ form.workStartDisplay || '请选择' }}</span>
+          <div class="item-label">参加工作时间 <span style="color: #ee0a24">*</span></div>
+          <van-field
+            v-model="form.workStartDisplay"
+            readonly
+            clickable
+            name="workStartDisplay"
+            class="custom-field"
+            placeholder="请选择"
+            :rules="[{ required: true, message: '请选择参加工作时间' }]"
+            :border="false"
+            @click="showWorkStartPicker = true"
+          >
+            <template #right-icon>
               <van-icon name="calendar-o" color="#969799" />
-          </div>
+            </template>
+          </van-field>
         </div>
         <div class="form-item">
           <div class="item-label">职称情况</div>
@@ -246,55 +257,70 @@
         <div class="form-row-2col">
           <div class="form-col">
             <div class="form-item">
-              <div class="item-label">学历</div>
+              <div class="item-label">学历 <span style="color: #ee0a24">*</span></div>
               <van-field
                 v-model="form.fulltimeEducation"
                 name="fulltimeEducation"
                 class="custom-field"
                 placeholder="请输入学历"
+                :rules="[{ required: true, message: '请输入学历' }]"
                 :border="false"
               />
             </div>
           </div>
           <div class="form-col">
             <div class="form-item">
-              <div class="item-label">学位</div>
+              <div class="item-label">学位 <span style="color: #ee0a24">*</span></div>
               <van-field
                 v-model="form.fulltimeDegree"
                 name="fulltimeDegree"
                 class="custom-field"
                 placeholder="请输入学位"
+                :rules="[{ required: true, message: '请输入学位' }]"
                 :border="false"
               />
             </div>
           </div>
         </div>
         <div class="form-item">
-          <div class="item-label">毕业院校</div>
+          <div class="item-label">毕业院校 <span style="color: #ee0a24">*</span></div>
           <van-field
             v-model="form.fulltimeSchool"
             name="fulltimeSchool"
             class="custom-field"
             placeholder="请输入毕业院校"
+            :rules="[{ required: true, message: '请输入毕业院校' }]"
             :border="false"
           />
         </div>
         <div class="form-item">
-          <div class="item-label">专业</div>
+          <div class="item-label">专业 <span style="color: #ee0a24">*</span></div>
           <van-field
             v-model="form.fulltimeMajor"
             name="fulltimeMajor"
             class="custom-field"
             placeholder="请输入专业"
+            :rules="[{ required: true, message: '请输入专业' }]"
             :border="false"
           />
         </div>
         <div class="form-item">
-          <div class="item-label">毕业时间</div>
-          <div class="date-input-box" @click="showFullGraduatePicker = true">
-             <span>{{ form.fulltimeGraduationDate || '请选择' }}</span>
+          <div class="item-label">毕业时间 <span style="color: #ee0a24">*</span></div>
+          <van-field
+            v-model="form.fulltimeGraduationDate"
+            readonly
+            clickable
+            name="fulltimeGraduationDate"
+            class="custom-field"
+            placeholder="请选择"
+            :rules="[{ required: true, message: '请选择毕业时间' }]"
+            :border="false"
+            @click="showFullGraduatePicker = true"
+          >
+            <template #right-icon>
               <van-icon name="calendar-o" color="#969799" />
-          </div>
+            </template>
+          </van-field>
         </div>
       </div>
 
@@ -659,8 +685,16 @@ const form = reactive({
   nonFulltimeMajor: '',
   nonFulltimeGraduationDate: '',
   nonFulltimeDegree: '',
-  externalResumeItems: [] as Array<ResumeItemModel>,
-  familyMembers: [] as Array<FamilyMemberModel>,
+  externalResumeItems: [{ startDate: '', endDate: '', company: '', position: '' }] as Array<ResumeItemModel>,
+  familyMembers: [
+    {
+      relation: '',
+      name: '',
+      birthDate: '',
+      companyAndJob: '',
+      contact: '',
+    },
+  ] as Array<FamilyMemberModel>,
   familyEmergencyIndex: -1,
   tid: '',
 });
@@ -858,6 +892,10 @@ function addFamilyMember() {
   });
 }
 function removeFamilyMember(i: number) {
+  if (form.familyMembers.length <= 1) {
+    showToast('最少保留一名家庭成员');
+    return;
+  }
   if (i < 0 || i >= form.familyMembers.length) return;
   form.familyMembers.splice(i, 1);
   if (form.familyEmergencyIndex === i) {
@@ -898,6 +936,10 @@ function addResumeItem() {
 }
 
 function removeResumeItem(i: number) {
+  if (form.externalResumeItems.length <= 1) {
+    showToast('最少保留一段履历');
+    return;
+  }
   if (i < 0 || i >= form.externalResumeItems.length) return;
   form.externalResumeItems.splice(i, 1);
 }