修改考勤数据时备注需设置必填

src/views/business/attendance/attendanceDetails.vue

@@ -230,7 +230,7 @@
       width="500px"
       @close="closeEditDialog"
     >
-      <el-form :model="editForm" label-width="120px" size="small">
+      <el-form  ref="editFormRef" :rules="editFormRules" :model="editForm" label-width="120px" size="small">
         <el-form-item label="上班打卡时间">
           <el-date-picker
             v-model="editForm.daKaShiJian1"
@@ -249,7 +249,7 @@
             style="width: 100%"
           />
         </el-form-item>
-        <el-form-item label="备注">
+        <el-form-item label="备注" prop="beiZhu">
           <el-input
             type="textarea"
             v-model="editForm.beiZhu"
@@ -318,6 +318,12 @@ export default {
       sorts:{
             "ri_qi_": "DESC"
         },
+      editFormRules: {
+        beiZhu: [
+          { required: true, message: '请输入备注信息', trigger: 'blur' }
+          // 可选：还可以增加其他规则，如最小长度等
+        ]
+      },
       daterRange: [],
       searchXinMing: '',
       pickerOptions: {
@@ -589,6 +595,12 @@ export default {
         beiZhu: row.beiZhu || ''
       }
       this.editDialogVisible = true
+       // 清除残留的校验样式和提示
+      this.$nextTick(() => {
+        if (this.$refs.editFormRef) {
+          this.$refs.editFormRef.clearValidate()
+        }
+      })
     },
     closeEditDialog() {
       this.editDialogVisible = false
@@ -596,31 +608,34 @@ export default {
       this.editForm = { id:'',daKaShiJian1: '', daKaShiJian2: '',beiZhu: '' }
     },
     saveEditTime() {
-      if (!this.currentEditRow) return
-      this.saveLoading = true
-      // 调用 gdUpdateAttendce 接口，传递需要更新的字段
-      const postData = {
-        id: this.editForm.id,        // 主键字段名 id_
-        daKaShiJian1: this.editForm.daKaShiJian1,
-        daKaShiJian2: this.editForm.daKaShiJian2,
-        beiZhu: this.editForm.beiZhu
-      }
-      gdUpdateAttendce(postData)
-        .then(() => {
-          this.$message.success('修改成功')
-          this.editDialogVisible = false
-          // 刷新列表以显示最新数据
-          this.loadData()
-        })
-        .catch((err) => {
-          console.error(err)
-          if(!err.cause){
-            this.$message.error('修改异常')
-          }
-        })
-        .finally(() => {
-          this.saveLoading = false
-        })
+      this.$refs.editFormRef.validate((valid) => {
+        if (!valid) return
+        if (!this.currentEditRow) return
+        this.saveLoading = true
+        // 调用 gdUpdateAttendce 接口，传递需要更新的字段
+        const postData = {
+          id: this.editForm.id,        // 主键字段名 id_
+          daKaShiJian1: this.editForm.daKaShiJian1,
+          daKaShiJian2: this.editForm.daKaShiJian2,
+          beiZhu: this.editForm.beiZhu
+        }
+        gdUpdateAttendce(postData)
+          .then(() => {
+            this.$message.success('修改成功')
+            this.editDialogVisible = false
+            // 刷新列表以显示最新数据
+            this.loadData()
+          })
+          .catch((err) => {
+            console.error(err)
+            if(!err.cause){
+              this.$message.error('修改异常')
+            }
+          })
+          .finally(() => {
+            this.saveLoading = false
+          })
+      })
     }
   }
 }