| | |
| | | </el-row> |
| | | <el-row :gutter="24"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="部门:" prop="departId" > |
| | | <el-select |
| | | v-model="state.form.departId" |
| | | placeholder="请选择部门" |
| | | filterable |
| | | clearable |
| | | style="width: 100%" |
| | | :disabled="title == '查看' || title == '编辑'" |
| | | @change="selectValueDep" |
| | | > |
| | | <el-option |
| | | v-for="item in state.deptList" |
| | | :key="item.deptId" |
| | | :label="item.deptName" |
| | | :value="item.deptId"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="24"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="质量目标:" prop="qualityId" > |
| | | <el-select |
| | | :disabled="title === '查看' || title == '编辑'" |
| | |
| | | import {getCompany} from "@/api/onlineEducation/company"; |
| | | import {ElMessage} from "element-plus"; |
| | | import {getUser} from "@/api/onlineEducation/user"; |
| | | import {getObject, getObjectPage} from "@/api/qualityObjectives/object"; |
| | | import {getDept, getObject, getObjectPage} from "@/api/qualityObjectives/object"; |
| | | import {addTable, editTable, getTargetById} from "@/api/qualityObjectives/table"; |
| | | |
| | | const dialogVisible = ref(false); |
| | |
| | | const state = reactive({ |
| | | form: { |
| | | id: '', |
| | | departId: null, |
| | | qualityId: '', |
| | | number: '', |
| | | serial: '', |
| | |
| | | qualityTargets:[], |
| | | }, |
| | | rules: { |
| | | departId: [{ required: true, message: '请选择部门', trigger: 'blur' }], |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | qualityId: [{ required: true, message: '请选择质量目标', trigger: 'blur' }], |
| | | number: [{ required: true, message: '请输入编号', trigger: 'blur' }], |
| | |
| | | state.companyList = companyList |
| | | } |
| | | |
| | | await getQualityList() |
| | | await getDeptList() |
| | | // await getQualityList() |
| | | |
| | | title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; |
| | | if(type === 'edit' || type === 'review') { |
| | |
| | | |
| | | const getQualityList = async () => { |
| | | if(state.form.companyId){ |
| | | const res = await getObject({companyId:state.form.companyId,type: 2 }); |
| | | const res = await getObject({departId:state.form.departId ,companyId:state.form.companyId,type: 2 }); |
| | | if(res.code === 200){ |
| | | state.qualityList = res.data.data.map(item => { |
| | | return { |
| | |
| | | } |
| | | |
| | | |
| | | } |
| | | const getDeptList = async () => { |
| | | const param = { |
| | | pageNum: 1, |
| | | pageSize: 999, |
| | | companyId: state.form.companyId |
| | | } |
| | | const res = await getDept(param) |
| | | if(res.code === 200){ |
| | | state.deptList = res.data |
| | | } |
| | | } |
| | | const onSubmit = async () => { |
| | | const valid = await busRef.value.validate(); |
| | |
| | | const reset = () => { |
| | | state.form = { |
| | | id: '', |
| | | departId: null, |
| | | qualityId: '', |
| | | number: '', |
| | | serial: '', |
| | |
| | | getQualityList() |
| | | getPeopleList() |
| | | } |
| | | const selectValueDep = async (val) => { |
| | | state.form.departId = val |
| | | state.form.qualityId = null |
| | | state.qualityList = [] |
| | | state.form.qualityTargets = [] |
| | | state.form.fictionId = null |
| | | state.form.fictionName = '' |
| | | state.form.checkId = null |
| | | state.form.checkName = '' |
| | | state.form.ratifyId = null |
| | | state.form.ratifyName = '' |
| | | await getQualityList() |
| | | } |
| | | const addObject = (val) => { |
| | | console.log('val',state.form.qualityTargets) |
| | | state.form.qualityTargets.forEach(item => { |