From fca7a89c2bf084dcd5d83819140cc7eb33fc6199 Mon Sep 17 00:00:00 2001 From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com> Date: 星期二, 22 七月 2025 08:47:48 +0800 Subject: [PATCH] 修改新增 --- src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue | 336 ++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 233 insertions(+), 103 deletions(-) diff --git a/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue index 761114b..e262473 100644 --- a/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue +++ b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue @@ -11,21 +11,36 @@ <el-form :model="state.form" size="default" ref="busRef" :rules="state.rules" > <el-row :gutter="24"> <el-col :span="24"> - <el-form-item label="质量目标:" prop="qualityId" > - <el-select - :disabled="title === '查看'" - v-model="state.form.qualityId" - placeholder="请选择质量目标" - style="width: 100%" - @change="chooseQuality" - > + <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin"> + <el-select v-model="state.form.companyId" placeholder="请选择" filterable clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin" @change="selectValueCom"> <el-option - v-for="item in state.qualityList" + v-for="item in state.companyList" :key="item.id" - :label="item.message" - :value="item.id" - /> + :label="item.name" + :value="item.id"> + </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 == '编辑'" + v-model="state.form.qualityId" + placeholder="请选择质量目标" + style="width: 100%" + @change="chooseQuality" + > + <el-option + v-for="item in state.qualityList" + :key="item.id" + :label="item.message" + :value="item.id" + :title="item.message" + /> + </el-select> </el-form-item> </el-col> </el-row> @@ -48,45 +63,99 @@ <el-table-column type="index" label="序号" align="center"></el-table-column> <el-table-column label="目标项目" prop="message" align="center" /> <el-table-column label="目标值" align="center" > +<!-- <template #default="{row,$index}">--> +<!-- <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.num'" :rules="state.rules.num">--> +<!-- <el-input :disabled="title === '查看'" type="textarea" v-model="row.num" placeholder="请输入"></el-input>--> +<!-- </el-form-item>--> +<!-- </template>--> <template #default="{row,$index}"> - <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.num'" :rules="state.rules.num"> - <el-input :disabled="title === '查看'" type="textarea" v-model="row.num" placeholder="请输入"></el-input> - </el-form-item> + <div v-for="(i,index) in row.qualityTargetMesses" :key="index"> + <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']' + '.num'" :rules="state.rules.num"> + <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input> + </el-form-item> + + </div> </template> </el-table-column> <el-table-column label="实施措施及需要的资源" align="center" width="180"> +<!-- <template #default="{row,$index}">--> +<!-- <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.method'" :rules="state.rules.method">--> +<!-- <el-input :disabled="title === '查看'" type="textarea" v-model="row.method" placeholder="请输入"></el-input>--> +<!-- </el-form-item>--> +<!-- </template>--> <template #default="{row,$index}"> - <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.method'" :rules="state.rules.method"> - <el-input :disabled="title === '查看'" type="textarea" v-model="row.method" placeholder="请输入"></el-input> - </el-form-item> + <div v-for="(i,index) in row.qualityTargetMesses" :key="index"> + <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']' + '.method'" :rules="state.rules.method"> + <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.method" placeholder="请输入"></el-input> + </el-form-item> + + </div> </template> </el-table-column> <el-table-column label="计算/统计方法" align="center" > +<!-- <template #default="{row,$index}">--> +<!-- <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.calculate'" :rules="state.rules.calculate">--> +<!-- <el-input :disabled="title === '查看'" type="textarea" v-model="row.calculate" placeholder="请输入"></el-input>--> +<!-- </el-form-item>--> +<!-- </template>--> <template #default="{row,$index}"> - <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.calculate'" :rules="state.rules.calculate"> - <el-input :disabled="title === '查看'" type="textarea" v-model="row.calculate" placeholder="请输入"></el-input> - </el-form-item> + <div v-for="(i,index) in row.qualityTargetMesses" :key="index"> + <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']' + '.calculate'" :rules="state.rules.calculate"> + <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.calculate" placeholder="请输入"></el-input> + </el-form-item> + + </div> </template> </el-table-column> <el-table-column label="数据源" align="center" > +<!-- <template #default="{row,$index}">--> +<!-- <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.dataSource'" :rules="state.rules.dataSource">--> +<!-- <el-input :disabled="title === '查看'" type="textarea" v-model="row.dataSource" placeholder="请输入"></el-input>--> +<!-- </el-form-item>--> +<!-- </template>--> <template #default="{row,$index}"> - <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.dataSource'" :rules="state.rules.dataSource"> - <el-input :disabled="title === '查看'" type="textarea" v-model="row.dataSource" placeholder="请输入"></el-input> - </el-form-item> + <div v-for="(i,index) in row.qualityTargetMesses" :key="index"> + <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']' + '.dataSource'" :rules="state.rules.dataSource"> + <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.dataSource" placeholder="请输入"></el-input> + </el-form-item> + + </div> </template> </el-table-column> <el-table-column label="提供部门" align="center" > +<!-- <template #default="{row,$index}">--> +<!-- <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.departName'" :rules="state.rules.departName">--> +<!-- <el-input :disabled="title === '查看'" type="textarea" v-model="row.departName" placeholder="请输入"></el-input>--> +<!-- </el-form-item>--> +<!-- </template>--> <template #default="{row,$index}"> - <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.departName'" :rules="state.rules.departName"> - <el-input :disabled="title === '查看'" type="textarea" v-model="row.departName" placeholder="请输入"></el-input> - </el-form-item> + <div v-for="(i,index) in row.qualityTargetMesses" :key="index"> + <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']'+ '.departName'" :rules="state.rules.departName"> + <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.departName" placeholder="请输入"></el-input> + </el-form-item> + + </div> </template> </el-table-column> <el-table-column label="考核频次" align="center" > +<!-- <template #default="{row,$index}">--> +<!-- <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.frequency'" :rules="state.rules.frequency">--> +<!-- <el-input :disabled="title === '查看'" type="textarea" v-model="row.frequency" placeholder="请输入"></el-input>--> +<!-- </el-form-item>--> +<!-- </template>--> <template #default="{row,$index}"> - <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.frequency'" :rules="state.rules.frequency"> - <el-input :disabled="title === '查看'" type="textarea" v-model="row.frequency" placeholder="请输入"></el-input> - </el-form-item> + <div v-for="(i,index) in row.qualityTargetMesses" :key="index"> + <el-form-item :prop="'qualityTargets.' + '[' + $index + '].'+'qualityTargetMesses.' + '[' + index + ']' + '.frequency'" :rules="state.rules.frequency"> + <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.frequency" placeholder="请输入"></el-input> + </el-form-item> + + </div> + </template> + </el-table-column> + <el-table-column label="操作" align="center" width="120" v-if="title !== '查看'" > + <template #default="scope"> + <el-button link type="primary" @click="addObject(scope.row)" >添加</el-button> + <el-button link type="danger" @click="delObject(scope.row)" >删除</el-button> </template> </el-table-column> </el-table> @@ -94,24 +163,13 @@ </el-row> <el-row :gutter="24"> <el-col :span="12"> - <el-form-item label="拟制:" prop="fictionName" > - <el-select - :disabled="title === '查看'" - v-model="state.form.fictionName" - filterable - remote - @change="selectValue" - reserve-keyword - placeholder="请输入人员名称" - remote-show-suffix - :remote-method="getPeopleList" - style="width: 240px" - > + <el-form-item label="拟制:" prop="fictionId" > + <el-select clearable v-model="state.form.fictionId" :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> @@ -129,24 +187,13 @@ </el-row> <el-row :gutter="24" > <el-col :span="12"> - <el-form-item label="审核:" prop="checkName" > - <el-select - :disabled="title === '查看'" - v-model="state.form.checkName" - filterable - remote - @change="selectValue1" - reserve-keyword - placeholder="请输入人员名称" - remote-show-suffix - :remote-method="getPeopleList" - style="width: 240px" - > + <el-form-item label="审核:" prop="checkId" > + <el-select clearable v-model="state.form.checkId" :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> @@ -164,24 +211,13 @@ </el-row> <el-row :gutter="24"> <el-col :span="12"> - <el-form-item label="批准:" prop="ratifyName" > - <el-select - :disabled="title === '查看'" - v-model="state.form.ratifyName" - filterable - remote - @change="selectValue2" - reserve-keyword - placeholder="请输入人员名称" - remote-show-suffix - :remote-method="getPeopleList" - style="width: 240px" - > + <el-form-item label="批准:" prop="ratifyId" > + <el-select clearable v-model="state.form.ratifyId" :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> @@ -220,6 +256,7 @@ const title = ref(""); const busRef = ref(); const length = ref() +const selectPopperClass = "max-width-select"; const emit = defineEmits(["getList"]); const dataRef = ref(); const state = reactive({ @@ -240,12 +277,13 @@ qualityTargets:[], }, rules: { + companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], qualityId: [{ required: true, message: '请选择质量目标', trigger: 'blur' }], number: [{ required: true, message: '请输入编号', trigger: 'blur' }], serial: [{ required: true, message: '请输入序号', trigger: 'blur' }], - fictionName: [{ required: true, message: '请选择拟制', trigger: 'blur' }], - ratifyName: [{ required: true, message: '请选择批准人', trigger: 'blur' }], - checkName: [{ required: true, message: '请选择审核人', trigger: 'blur' }], + fictionId: [{ required: true, message: '请选择拟制', trigger: 'blur' }], + ratifyId: [{ required: true, message: '请选择批准人', trigger: 'blur' }], + checkId: [{ required: true, message: '请选择审核人', trigger: 'blur' }], checkTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], ratifyTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], fictionTime: [{ required: true, message: '请选择日期', trigger: 'blur' }], @@ -259,38 +297,56 @@ objectList: [], qualityList: [], peopleList: [], + isAdmin: false, + companyList: [], }) onMounted(() => { }); -const openDialog = async (type, value) => { +const openDialog = async (type, value,companyList) => { const userInfo = JSON.parse(Cookies.get('userInfo')) + state.isAdmin = userInfo.userType === 0; state.form.companyName = userInfo.companyName state.form.companyId = userInfo.companyId - await getQualityList() + if(state.isAdmin){ + state.form.companyId = value.companyId + state.form.companyName = value.companyName + state.companyList = companyList + } + await getQualityList() title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ; if(type === 'edit' || type === 'review') { state.form = JSON.parse(JSON.stringify(value)); + if(state.isAdmin){ + state.form.companyId = value.companyId + state.form.companyName = value.companyName + } } + await getPeopleList() dialogVisible.value = true; } const getQualityList = async () => { - const res = await getObject({companyId:state.form.companyId,type: 1 }); - if(res.code === 200){ - state.qualityList = res.data.data.map(item => { - return { - ...item, - message: item.qualityTargets.map((i,index) => { - return i.message - }).join(';') - } - }) - }else{ - ElMessage.warning(res.message) + if(state.form.companyId){ + const res = await getObject({companyId:state.form.companyId,type: 1 }); + if(res.code === 200){ + state.qualityList = res.data.data.map(item => { + return { + ...item, + message: item.qualityTargets.map((i,index) => { + return i.message + }).join(';') + } + }) + }else{ + ElMessage.warning(res.message) + } + }else { + state.qualityList = [] } + } const onSubmit = async () => { @@ -356,21 +412,25 @@ qualityTargets:[], } state.peopleList = [] + state.companyList = [] + state.qualityList = [] } -const getPeopleList = async (val)=>{ - if(val != ""){ - const queryParams = { - name: val - } - const res = await getUser(queryParams) - if (res.code == 200) { - state.peopleList = res.data.list - - } else { - ElMessage.warning(res.message) - } +const getPeopleList = async ()=> { + if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){ + return } -} + const queryParams = { + pageNum: 1, + pageSize: 9999, + 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){ @@ -396,7 +456,13 @@ const chooseQuality = async (val) => { const res = await getTargetById({qualityId: val}) if(res.code == 200){ - state.form.qualityTargets = res.data + state.form.qualityTargets = res.data.map(item => { + return { + id: item.id, + message: item.message, + qualityTargetMesses: [{qualityTargetId: item.id}] + } + }) }else { ElMessage.warning(res.message) @@ -404,6 +470,70 @@ console.log('val',val) } +const selectValueCom = (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 = '' + state.companyList.forEach(item => { + if(item.name === val){ + state.form.companyId = item.id + } + }) + getQualityList() + getPeopleList() +} +const getCompanyList = async (val)=>{ + if(val){ + const queryParams = { + name: val + } + const res = await getCompany(queryParams) + if (res.code == 200) { + state.companyList = res.data.list + + } else { + ElMessage.warning(res.message) + } + }else { + const queryParams = { + pageSize: 999, + pageNum: 1, + } + const res = await getCompany(queryParams) + if (res.code == 200) { + state.companyList = res.data.list + } else { + ElMessage.warning(res.message) + } + } +} +const addObject = (val) => { + console.log('val',state.form.qualityTargets) + state.form.qualityTargets.forEach(item => { + if(item.id == val.id){ + item.qualityTargetMesses.push({qualityTargetId: item.id}) + } + }) + +} +const delObject = (val) => { + state.form.qualityTargets.forEach(item => { + if(item.id == val.id){ + if(item.qualityTargetMesses.length == 1){ + ElMessage.warning('至少保留一组数据') + return + } + item.qualityTargetMesses.pop() + + } + }) +} defineExpose({ openDialog }); -- Gitblit v1.9.2