| | |
| | | <el-form :model="state.form" size="default" ref="busRef" :rules="state.rules" label-width="120" > |
| | | <el-row :gutter="24"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="企业名称:" prop="companyName" v-if="state.isAdmin"> |
| | | <el-select |
| | | v-model="state.form.companyName" |
| | | filterable |
| | | remote |
| | | :disabled="title == '查看' || title == '编辑' || !state.isAdmin" |
| | | @change="selectValueCom" |
| | | reserve-keyword |
| | | placeholder="请输入企业名称" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | style="width: 100%" |
| | | |
| | | > |
| | | <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin"> |
| | | <el-select v-model="state.form.companyId" placeholder="请选择" clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin" @change="selectValueCom"> |
| | | <el-option |
| | | v-for="item in state.companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-row> |
| | | <el-row :gutter="24"> |
| | | <el-col :span="12"> |
| | | <el-form-item :label="state.type == 1 ? '公司负责人:' : '部门负责人:'" prop="chargeName" > |
| | | <el-select |
| | | :disabled="title === '查看'" |
| | | v-model="state.form.chargeName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="请输入人员名称" |
| | | remote-show-suffix |
| | | :remote-method="getPeopleList" |
| | | style="width: 240px" |
| | | > |
| | | <el-form-item :label="state.type == 1 ? '公司负责人:' : '部门负责人:'" prop="chargeId" > |
| | | <el-select clearable v-model="state.form.chargeId" :disabled="title =='查看'" filterable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in state.peopleList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | :value="item.id" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | qualityTargets:[], |
| | | }, |
| | | rules: { |
| | | companyName: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | qualityId: [{ required: true, message: '请选择质量目标', trigger: 'blur' }], |
| | | serial: [{ required: true, message: '请输入序号', trigger: 'blur' }], |
| | | chargeName: [{ required: true, message: '请选择负责人', trigger: 'blur' }], |
| | | chargeId: [{ required: true, message: '请选择负责人', trigger: 'blur' }], |
| | | chargeTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], |
| | | accomplish:[{ required: true, message: '请输入质量目标完成情况', trigger: 'blur' }], |
| | | frequency:[{ required: true, message: '请选择考核时机', trigger: 'blur' }], |
| | |
| | | |
| | | |
| | | }); |
| | | const openDialog = async (type, isCom, value) => { |
| | | const openDialog = async (type, isCom, value,companyList) => { |
| | | |
| | | const userInfo = JSON.parse(Cookies.get('userInfo')) |
| | | state.isAdmin = userInfo.userType === 0; |
| | |
| | | if(state.isAdmin){ |
| | | state.form.companyId = value.companyId |
| | | state.form.companyName = value.companyName |
| | | state.companyList = companyList |
| | | } |
| | | await getQualityList() |
| | | title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; |
| | |
| | | state.form = JSON.parse(JSON.stringify(value)); |
| | | chooseQuality(state.form.qualityId) |
| | | } |
| | | if(state.isAdmin){ |
| | | await getCompanyList() |
| | | } |
| | | |
| | | await getPeopleList() |
| | | dialogVisible.value = true; |
| | | } |
| | |
| | | state.companyList = [] |
| | | state.qualityList = [] |
| | | } |
| | | const getPeopleList = async (val)=>{ |
| | | if(val){ |
| | | const queryParams = { |
| | | companyId: state.form.companyId == 0 ? null : state.form.companyId, |
| | | name: val |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if (res.code == 200) { |
| | | state.peopleList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | companyId: state.form.companyId == 0 ? null : state.form.companyId |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if (res.code == 200) { |
| | | state.peopleList = res.data.list |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | |
| | | const getPeopleList = async ()=> { |
| | | const queryParams = { |
| | | companyId: state.form.companyId |
| | | } |
| | | } |
| | | const res = await getUser(queryParams) |
| | | if(res.code == 200){ |
| | | state.peopleList = res.data.list?res.data.list:[] |
| | | }else{ |
| | | ElMessage.warning(res.message) |
| | | } |
| | | }; |
| | | const selectValue = (val) => { |
| | | state.peopleList.forEach(item => { |
| | | if(item.name === val){ |
| | |
| | | } |
| | | }else { |
| | | const queryParams = { |
| | | pageSize: 10, |
| | | pageSize: 999, |
| | | pageNum: 1, |
| | | } |
| | | const res = await getCompany(queryParams) |