| | |
| | | <el-row> |
| | | <el-col :span="11"> |
| | | <el-form-item label="保养日期" size="default" prop="takecareDate"> |
| | | <el-date-picker v-model="form.takecareDate" format="YYYY-MM-DD HH:mm:ss" type="datetime" style="width: 100%" /> |
| | | <el-date-picker v-model="form.takecareDate" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" type="datetime" style="width: 100%" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11" :offset="2"> |
| | |
| | | }; |
| | | const rules = reactive<FormRules>({ |
| | | takecareMemo: [ |
| | | // { |
| | | // required: true, |
| | | // message: '保养情况不能为空', |
| | | // trigger: 'change', |
| | | // }, |
| | | { |
| | | required: true, |
| | | message: '保养情况不能为空', |
| | | trigger: 'blur', |
| | | }, |
| | | ], |
| | | leadingPersonName: [ |
| | | // { |
| | | // required: true, |
| | | // message: '保养负责人不能为空', |
| | | // trigger: 'change', |
| | | // }, |
| | | { |
| | | required: true, |
| | | message: '保养负责人不能为空', |
| | | trigger: 'blur', |
| | | }, |
| | | ], |
| | | takecareDate: [ |
| | | // { |
| | | // required: true, |
| | | // message: '保养日期不能为空', |
| | | // trigger: 'change', |
| | | // }, |
| | | { |
| | | required: true, |
| | | message: '保养日期不能为空', |
| | | trigger: 'blur', |
| | | }, |
| | | ], |
| | | leadingPersonDepartmentId: [ |
| | | // { |
| | | // required: true, |
| | | // message: '保养负责人单位不能为空', |
| | | // trigger: 'change', |
| | | // }, |
| | | { |
| | | required: true, |
| | | message: '保养负责人单位不能为空', |
| | | trigger: 'blur', |
| | | }, |
| | | ], |
| | | }); |
| | | // 开启用户弹窗 |
| | |
| | | await formEl.validate((valid, fields) => { |
| | | if (valid) { |
| | | dialogVisible.value = false; |
| | | emit('onMain', form.value); |
| | | emit('onMain',form.value); |
| | | } else { |
| | | console.log('error submit!', fields); |
| | | } |
| | | }); |
| | | form.value = { |
| | | takecareMemo: '', |
| | | leadingPersonId: '', |
| | | leadingPersonName: '', |
| | | takecareDate: '', |
| | | leadingPersonDepartmentId: '', |
| | | }; |
| | | disabled.value = false; |
| | | // formEl.resetFields(); |
| | | }; |
| | | // 取消 |
| | | const resetForms = (formEl: FormInstance | undefined) => { |
| | | if (!formEl) return; |
| | | form.value = { |
| | | takecareMemo: '', |
| | | leadingPersonId: '', |
| | | leadingPersonName: '', |
| | | takecareDate: '', |
| | | leadingPersonDepartmentId: '', |
| | | }; |
| | | // formEl.resetFields(); |
| | | formEl.resetFields(); |
| | | dialogVisible.value = false; |
| | | disabled.value = false; |
| | | form.value={} |
| | | }; |
| | | //全屏 |
| | | const full = ref(false); |