src/views/personnelManagement/dimission/components/formDia.vue
@@ -132,6 +132,25 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="离职日期:" prop="leaveDate">
              <el-date-picker v-model="form.leaveDate" type="date" placeholder="请选择离职日期" value-format="YYYY-MM-DD" format="YYYY-MM-DD" clearable style="width: 100%" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="离职原因:" prop="leaveReason">
              <el-input v-model="form.leaveReason" placeholder="请输入离职原因" clearable />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30">
          <el-col :span="24">
            <el-form-item label="工作交接情况:" prop="handoverInfo">
              <el-input v-model="form.handoverInfo" type="textarea" :rows="3" placeholder="请输入工作交接情况" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
@@ -170,6 +189,9 @@
    contractStartTime: "",
    contractEndTime: "",
    staffState: "",
    leaveDate: "",
    leaveReason: "",
    handoverInfo: "",
  },
  rules: {
    staffNo: [{ required: true, message: "请输入", trigger: "blur" },],
@@ -188,6 +210,7 @@
    contractTerm: [{ required: true, message: "请输入", trigger: "blur" }],
    contractStartTime: [{ required: true, message: "请输入", trigger: "blur" }],
    contractEndTime: [{ required: true, message: "请输入", trigger: "blur" }],
    leaveDate: [{ required: true, message: "请选择离职日期", trigger: "change" }],
  },
});
const { form, rules } = toRefs(data);