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