| | |
| | | <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"> |
| | | <el-form-item label="保养负责人单位" size="default" prop="leadingPersonDepartmentId"> |
| | | <el-tree-select v-model="form.leadingPersonDepartmentId" :data="data" check-strictly="true" class="w100" :props="propse" placeholder="请选择" /> |
| | | <el-tree-select |
| | | v-model="form.leadingPersonDepartmentId" |
| | | :data="data" |
| | | check-strictly="true" |
| | | class="w100" |
| | | :props="propse" |
| | | placeholder="请选择" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <span class="dialog-footer"> |
| | | <!-- <el-button type="primary" @click="dialogVisible = false" size="default">继续添加</el-button> --> |
| | | <el-button @click="resetForms(ruleFormRefs)" size="default">关闭</el-button> |
| | | <el-button type="primary" @click="submitForms(ruleFormRefs)" size="default">确定</el-button> |
| | | <el-button type="primary" @click="submitForms(ruleFormRefs)" :disabled="disabled" size="default">确定</el-button> |
| | | </span> |
| | | </template> |
| | | </el-dialog> |
| | |
| | | </template> |
| | | <script lang="ts"> |
| | | import { defineComponent, ref, reactive } from 'vue'; |
| | | import { ElMessage, ElMessageBox} from 'element-plus'; |
| | | import { ElMessage, ElMessageBox } from 'element-plus'; |
| | | import { Search, FullScreen } from '@element-plus/icons-vue'; |
| | | import type { FormInstance, FormRules } from 'element-plus'; |
| | | import DailogSearchUser from '/@/components/DailogSearchUser/index.vue'; |
| | |
| | | const disabled = ref(false); |
| | | const dialogVisible = ref(false); |
| | | const openDailog = (title: string, data: any) => { |
| | | department() |
| | | department(); |
| | | dialogVisible.value = true; |
| | | titles.value = `${title}仪器仪表`; |
| | | if (title == '查看') { |
| | |
| | | }; |
| | | 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', |
| | | }, |
| | | ], |
| | | }); |
| | | // 开启用户弹窗 |
| | |
| | | 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(); |
| | | dialogVisible.value = false; |
| | | formEl.clearValidate(); |
| | | |
| | | disabled.value = false; |
| | | form.value = {}; |
| | | |
| | | dialogVisible.value = false; |
| | | }; |
| | | //全屏 |
| | | const full = ref(false); |
| | |
| | | full.value = false; |
| | | } |
| | | }; |
| | | //部门树 |
| | | //部门树 |
| | | const department = () => { |
| | | goalManagementApi() |
| | | .getTreedepartment() |