| | |
| | | </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"> |
| | |
| | | contractStartTime: "", |
| | | contractEndTime: "", |
| | | staffState: "", |
| | | leaveDate: "", |
| | | leaveReason: "", |
| | | handoverInfo: "", |
| | | }, |
| | | rules: { |
| | | staffNo: [{ required: true, message: "请输入", trigger: "blur" },], |
| | |
| | | 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); |