From dd2bdb18a8394d2f2a13534a98bcadb8020e3668 Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: 星期三, 23 七月 2025 16:09:33 +0800
Subject: [PATCH] 修改新增

---
 src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableDeptDialog.vue |  163 +++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 143 insertions(+), 20 deletions(-)

diff --git a/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableDeptDialog.vue b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableDeptDialog.vue
index cf2e9ca..3e55bd9 100644
--- a/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableDeptDialog.vue
+++ b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableDeptDialog.vue
@@ -12,12 +12,34 @@
         <el-row :gutter="24">
           <el-col :span="24">
             <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-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.companyList"
                     :key="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="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>
@@ -38,6 +60,7 @@
                     :key="item.id"
                     :label="item.message"
                     :value="item.id"
+                    :title="item.message"
                 />
               </el-select>
             </el-form-item>
@@ -57,38 +80,83 @@
               <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 + ']' + '.method'" :rules="state.rules.method">-->
+<!--                    <el-input style="margin-top: 10px" :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>
+                  <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>
+<!--                <template #default="{row,$index}">-->
+<!--                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.calculate'" :rules="state.rules.calculate">-->
+<!--                    <el-input style="margin-top: 10px" :disabled="title === '查看'"  type="textarea" v-model="row.calculate" placeholder="请输入"></el-input>-->
+<!--                  </el-form-item>-->
+<!--                </template>-->
               </el-table-column>
               <el-table-column label="责任人" align="center"  >
                 <template #default="{row,$index}">
-                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.dutyName'" :rules="state.rules.dutyName">
-                    <el-input :disabled="title === '查看'"  type="textarea" v-model="row.dutyName" placeholder="请输入"></el-input>
-                  </el-form-item>
+                  <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
+                    <el-form-item :prop="'qualityTargets.' + '[' + $index + '].'+'qualityTargetMesses.' + '[' + index + ']' + '.dutyName'" :rules="state.rules.dutyName">
+                      <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.dutyName" placeholder="请输入"></el-input>
+                    </el-form-item>
+                  </div>
                 </template>
+<!--                <template #default="{row,$index}">-->
+<!--                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.dutyName'" :rules="state.rules.dutyName">-->
+<!--                    <el-input style="margin-top: 10px" :disabled="title === '查看'"  type="textarea" v-model="row.dutyName" placeholder="请输入"></el-input>-->
+<!--                  </el-form-item>-->
+<!--                </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>
+                  <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>
+<!--                <template #default="{row,$index}">-->
+<!--                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.frequency'" :rules="state.rules.frequency">-->
+<!--                    <el-input style="margin-top: 10px" :disabled="title === '查看'"  type="textarea" v-model="row.frequency" placeholder="请输入"></el-input>-->
+<!--                  </el-form-item>-->
+<!--                </template>-->
               </el-table-column>
               <el-table-column label="备注" align="center"  >
                 <template #default="{row,$index}">
-                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.remark'">
-                    <el-input :disabled="title === '查看'"  type="textarea" v-model="row.remark" placeholder="请输入"></el-input>
-                  </el-form-item>
+                  <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
+                    <el-form-item :prop="'qualityTargets.' + '[' + $index + '].'+'qualityTargetMesses.' + '[' + index + ']' + '.remark'">
+                      <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.remark"></el-input>
+                    </el-form-item>
+
+                  </div>
+                </template>
+<!--                <template #default="{row,$index}">-->
+<!--                  <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.remark'">-->
+<!--                    <el-input style="margin-top: 10px" :disabled="title === '查看'"  type="textarea" v-model="row.remark" placeholder="请输入"></el-input>-->
+<!--                  </el-form-item>-->
+<!--                </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>
@@ -182,7 +250,7 @@
 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);
@@ -194,6 +262,7 @@
 const state = reactive({
   form: {
     id: '',
+    departId: null,
     qualityId: '',
     number: '',
     serial: '',
@@ -209,6 +278,7 @@
     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' }],
@@ -248,7 +318,8 @@
     state.companyList = companyList
   }
 
-    await getQualityList()
+  await getDeptList()
+    // await getQualityList()
 
   title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ;
   if(type === 'edit' || type === 'review') {
@@ -261,7 +332,7 @@
 
 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 {
@@ -280,8 +351,23 @@
 
 
 }
+const getDeptList = async () => {
+  if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){
+    return
+  }
+  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();
+  console.log('sta',state.form)
   if(valid){
     if(title.value === '新增'){
       console.log('sta',state.form)
@@ -328,6 +414,7 @@
 const reset = () => {
   state.form = {
     id: '',
+    departId: null,
     qualityId: '',
     number: '',
     serial: '',
@@ -389,7 +476,8 @@
     state.form.qualityTargets = res.data.map(item => {
       return {
         id: item.id,
-        message: item.message
+        message: item.message,
+        qualityTargetMesses: [{qualityTargetId: item.id}]
       }
     })
 
@@ -400,6 +488,7 @@
 
 }
 const selectValueCom = (val) => {
+  state.form.departId = null
   state.form.qualityId = null
   state.qualityList = []
   state.form.qualityTargets = []
@@ -414,10 +503,44 @@
       state.form.companyId = item.id
     }
   })
+  getDeptList()
   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 => {
+    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