From 5b5c6374749159db03a14ee645760327930bbb28 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期一, 13 十月 2025 14:46:41 +0800
Subject: [PATCH] 修改
---
src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue | 334 ++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 230 insertions(+), 104 deletions(-)
diff --git a/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue
index bb6f51d..b8add55 100644
--- a/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue
+++ b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue
@@ -3,7 +3,7 @@
<el-dialog
v-model="dialogVisible"
:title="title"
- width="50%"
+ width="900px"
:before-close="handleClose"
:close-on-press-escape="false"
:close-on-click-modal="false"
@@ -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){
@@ -398,7 +458,9 @@
if(res.code == 200){
state.form.qualityTargets = res.data.map(item => {
return {
- message: item.message
+ id: item.id,
+ message: item.message,
+ qualityTargetMesses: [{qualityTargetId: item.id}]
}
})
@@ -408,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