From f0454e79847d4bb3a09fbbf53c0ea73902908077 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期五, 20 六月 2025 17:12:38 +0800
Subject: [PATCH] 修改

---
 src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableDeptDialog.vue                |  412 +++++++++
 public/objectCompanyExample.docx                                                                             |    0 
 public/tableDeptExample.docx                                                                                 |    0 
 src/api/qualityObjectives/reportsituation.js                                                                 |   37 
 public/tableCompanyExample.docx                                                                              |    0 
 src/api/qualityObjectives/table.js                                                                           |   43 +
 src/api/qualityObjectives/object.js                                                                          |   51 +
 src/views/build/conpanyFunctionConsult/qualityObjectives/reportsituation/components/stationCompanyDialog.vue |  344 ++++++++
 src/views/build/conpanyFunctionConsult/qualityObjectives/reportsituation/index.vue                           |  419 +++++++++
 src/views/build/conpanyFunctionConsult/qualityObjectives/objective/components/objectiveDialog.vue            |  232 +++-
 src/views/build/conpanyFunctionConsult/qualityObjectives/table/index.vue                                     |  379 ++++++++
 public/stationDeptExample.docx                                                                               |    0 
 public/objectDeptExample.docx                                                                                |    0 
 src/utils/exportWord.js                                                                                      |    1 
 src/views/build/conpanyFunctionConsult/qualityObjectives/objective/index.vue                                 |  167 ++-
 public/stationCompanyExample.docx                                                                            |    0 
 src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue             |  424 ++++++++++
 17 files changed, 2,358 insertions(+), 151 deletions(-)

diff --git a/public/objectCompanyExample.docx b/public/objectCompanyExample.docx
index 51785de..9ff0234 100644
--- a/public/objectCompanyExample.docx
+++ b/public/objectCompanyExample.docx
Binary files differ
diff --git a/public/objectDeptExample.docx b/public/objectDeptExample.docx
index 1066bc1..237c980 100644
--- a/public/objectDeptExample.docx
+++ b/public/objectDeptExample.docx
Binary files differ
diff --git a/public/stationCompanyExample.docx b/public/stationCompanyExample.docx
new file mode 100644
index 0000000..c845c03
--- /dev/null
+++ b/public/stationCompanyExample.docx
Binary files differ
diff --git a/public/stationDeptExample.docx b/public/stationDeptExample.docx
new file mode 100644
index 0000000..abd5436
--- /dev/null
+++ b/public/stationDeptExample.docx
Binary files differ
diff --git a/public/tableCompanyExample.docx b/public/tableCompanyExample.docx
new file mode 100644
index 0000000..32d7ab7
--- /dev/null
+++ b/public/tableCompanyExample.docx
Binary files differ
diff --git a/public/tableDeptExample.docx b/public/tableDeptExample.docx
new file mode 100644
index 0000000..e93c8d4
--- /dev/null
+++ b/public/tableDeptExample.docx
Binary files differ
diff --git a/src/api/qualityObjectives/object.js b/src/api/qualityObjectives/object.js
new file mode 100644
index 0000000..53cffa4
--- /dev/null
+++ b/src/api/qualityObjectives/object.js
@@ -0,0 +1,51 @@
+import request from '@/utils/request'
+
+
+export function getObjectPage(params) {
+    return request({
+        url: '/quality-target/policy/list',
+        method: 'get',
+        params: params
+    })
+}
+
+export function getObject(params) {
+    return request({
+        url: '/quality-target/policy/listAll',
+        method: 'get',
+        params: params
+    })
+}
+
+export function getDept(params) {
+    return request({
+        url: '/system/dept/list',
+        method: 'get',
+        params: params
+    })
+}
+
+export function addObjective(data) {
+    return request({
+        url: '/quality-target/policy/insert',
+        method: 'post',
+        data: data
+    })
+}
+
+export function editObject(params) {
+    return request({
+        url: `/quality-target/policy/update`,
+        method: 'post',
+        data: params
+    })
+}
+
+export function delObject(data) {
+    return request({
+        url: `/quality-target/policy/deleted?qualityId=${data}`,
+        method: 'get'
+    })
+}
+
+
diff --git a/src/api/qualityObjectives/reportsituation.js b/src/api/qualityObjectives/reportsituation.js
new file mode 100644
index 0000000..0c21a62
--- /dev/null
+++ b/src/api/qualityObjectives/reportsituation.js
@@ -0,0 +1,37 @@
+import request from '@/utils/request'
+
+
+export function getReport(params) {
+    return request({
+        url: '/quality-target/accomplish/list',
+        method: 'get',
+        params: params
+    })
+}
+
+
+
+export function addReport(data) {
+    return request({
+        url: '/quality-target/accomplish/insert',
+        method: 'post',
+        data: data
+    })
+}
+
+export function editReport(params) {
+    return request({
+        url: `/quality-target/accomplish/update`,
+        method: 'post',
+        data: params
+    })
+}
+
+export function delReport(data) {
+    return request({
+        url: `/quality-target/accomplish/deleted?qualityAccomplishId=${data}`,
+        method: 'get'
+    })
+}
+
+
diff --git a/src/api/qualityObjectives/table.js b/src/api/qualityObjectives/table.js
new file mode 100644
index 0000000..2f5b41f
--- /dev/null
+++ b/src/api/qualityObjectives/table.js
@@ -0,0 +1,43 @@
+import request from '@/utils/request'
+
+
+export function getTable(params) {
+    return request({
+        url: '/quality-target/decompose/list',
+        method: 'get',
+        params: params
+    })
+}
+export function getTargetById(params) {
+    return request({
+        url: '/quality-target/target/list',
+        method: 'get',
+        params: params
+    })
+}
+
+
+export function addTable(data) {
+    return request({
+        url: '/quality-target/decompose/insert',
+        method: 'post',
+        data: data
+    })
+}
+
+export function editTable(params) {
+    return request({
+        url: `/quality-target/decompose/update`,
+        method: 'post',
+        data: params
+    })
+}
+
+export function delTable(data) {
+    return request({
+        url: `/quality-target/decompose/deleted?qualityDecomposeId=${data}`,
+        method: 'get'
+    })
+}
+
+
diff --git a/src/utils/exportWord.js b/src/utils/exportWord.js
index 3ba3d7b..e0ee5c1 100644
--- a/src/utils/exportWord.js
+++ b/src/utils/exportWord.js
@@ -30,6 +30,7 @@
                     linebreaks: true,
                 });
 
+
                 // 设置模板中的占位符数据
                 doc.setData(data);
 
diff --git a/src/views/build/conpanyFunctionConsult/qualityObjectives/objective/components/objectiveDialog.vue b/src/views/build/conpanyFunctionConsult/qualityObjectives/objective/components/objectiveDialog.vue
index e8d2b7d..9b37946 100644
--- a/src/views/build/conpanyFunctionConsult/qualityObjectives/objective/components/objectiveDialog.vue
+++ b/src/views/build/conpanyFunctionConsult/qualityObjectives/objective/components/objectiveDialog.vue
@@ -8,35 +8,43 @@
         :close-on-press-escape="false"
         :close-on-click-modal="false"
     >
-      <el-form :model="state.form" size="default" ref="busRef" :rules="state.formRules"  label-width="120px" >
+      <el-form :model="state.form" size="default" ref="busRef" :rules="state.rules"  label-width="120px" >
         <el-row :gutter="24">
           <el-col :span="12">
-            <el-form-item label="年份:" prop="creditCode" >
+            <el-form-item label="年份:" prop="year" >
+<!--              <el-input v-model="state.form.year" placeholder="请输入年份"></el-input>-->
               <el-select
+                  :disabled="title === '查看'"
                   v-model="state.form.year"
+                  filterable
+                  allow-create
+                  default-first-option
+                  :reserve-keyword="false"
                   placeholder="请选择年份"
+                  @change="handleChangeNum"
                   style="width: 100%"
               >
                 <el-option
                     v-for="item in state.yearList"
                     :key="item.value"
                     :label="item.label"
-                    :value="item.value"
+                    :value="item.label"
                 />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="序号:" prop="creditCode" >
-              <el-input v-model="state.form.code" placeholder="请输入序号" style="width: 100%"></el-input>
+            <el-form-item label="序号:" prop="num" >
+              <el-input :disabled="title === '查看'" v-model="state.form.num" placeholder="请输入序号" style="width: 100%"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="24">
           <el-col :span="12">
-            <el-form-item label="质量目标级别:" prop="creditCode" >
+            <el-form-item label="质量目标级别:" prop="type" >
               <el-select
-                  v-model="state.form.level"
+                  :disabled="title === '查看'"
+                  v-model="state.form.type"
                   placeholder="请选择质量目标级别"
                   style="width: 100%"
               >
@@ -50,20 +58,22 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="公司名称:" prop="creditCode" v-if="state.form.level == 1">
-              <el-input v-model="state.form.companyName" disabled></el-input>
+            <el-form-item label="公司名称:" prop="creditCode" v-if="state.form.type == 1">
+              <el-input  v-model="state.form.companyName" disabled></el-input>
             </el-form-item>
-            <el-form-item label="部门名称:" prop="creditCode" v-else-if="state.form.level == 2">
+            <el-form-item  label="部门名称:" prop="departId" v-else-if="state.form.type == 2">
+<!--              <el-cascader v-model="state.form.departId" :options="state.deptList"  />-->
               <el-select
-                  v-model="state.form.dept"
+                  :disabled="title === '查看'"
+                  v-model="state.form.departId"
                   placeholder="请选择部门"
                   style="width: 240px"
               >
                 <el-option
                     v-for="item in state.deptList"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
+                    :key="item.deptId"
+                    :label="item.deptName"
+                    :value="item.deptId"
                 />
               </el-select>
             </el-form-item>
@@ -71,24 +81,25 @@
         </el-row>
         <el-row :gutter="24">
           <el-col :span="24">
-            <el-form-item :label= "state.form.level==1 ? '公司质量目标' :state.form.level==2 ?'部门质量目标':'质量目标'" >
-              <div style="display: flex;width: 100%">
-                <el-table :data="state.form.objectList" :border="true">
+            <el-form-item required :label= "state.form.type==1 ? '公司质量目标' :state.form.type==2 ?'部门质量目标':'质量目标'" >
+              <div style="display: flex;width: 100%;margin-top: 5px">
+                <el-table :data="state.form.qualityTargets" :border="true">
                   <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
                   <el-table-column label="目标" align="center"  >
                     <template #default="{row,$index}">
-                      <el-form-item :prop="'objectList.' + '[' + $index + ']' + '.objName'" :rules="state.rules.objName">
-                        <el-input  v-model.number="row.objName" placeholder="请输入质量目标"></el-input>
+                      <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.message'" :rules="state.rules.message">
+                        <el-input :disabled="title === '查看'" type="textarea" v-model="row.message" placeholder="请输入质量目标"></el-input>
                       </el-form-item>
                     </template>
                   </el-table-column>
-                  <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
+                  <el-table-column label="操作" align="center" class-name="small-padding fixed-width" v-if="title !== '查看'" >
                     <template #default="scope" >
                       <el-button link type="danger"  @click="handleDelete(scope.row)" >删除</el-button>
                     </template>
                   </el-table-column>
                 </el-table>
                 <el-button
+                    :disabled="title === '查看'"
                     style="margin-left: 20px"
                     type="primary"
                     @click="addObject"
@@ -100,15 +111,16 @@
         <el-row :gutter="24">
           <el-col :span="24">
             <el-form-item label="目标测量方法:" prop="method" >
-              <el-input v-model="state.form.method" :rows="4" type="textarea" placeholder="请输入目标测量方法"/>
+              <el-input :disabled="title === '查看'" v-model="state.form.method" :rows="4" type="textarea" placeholder="请输入目标测量方法"/>
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row :gutter="24" v-if="state.form.level == 2">
+        <el-row :gutter="24" v-if="state.form.type == 2">
           <el-col :span="12">
-            <el-form-item label="编制:" prop="creditCode" >
+            <el-form-item label="编制:" prop="compilationName" >
               <el-select
-                  v-model="state.form.peopleName"
+                  :disabled="title === '查看'"
+                  v-model="state.form.compilationName"
                   filterable
                   remote
                   @change="selectValue"
@@ -128,9 +140,10 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="日期:" prop="creditCode" >
+            <el-form-item label="日期:" prop="compilationTime" >
               <el-date-picker
-                  v-model="value1"
+                  :disabled="title === '查看'"
+                  v-model="state.form.compilationTime"
                   type="date"
                   placeholder="请选择日期"
               />
@@ -139,12 +152,13 @@
         </el-row>
         <el-row :gutter="24" >
           <el-col :span="12">
-            <el-form-item label="质量管理部:" prop="creditCode" >
+            <el-form-item label="质量管理部:" prop="qualityName" >
               <el-select
-                  v-model="state.form.peopleName2"
+                  :disabled="title === '查看'"
+                  v-model="state.form.qualityName"
                   filterable
                   remote
-                  @change="selectValue"
+                  @change="selectValue1"
                   reserve-keyword
                   placeholder="请输入人员名称"
                   remote-show-suffix
@@ -161,9 +175,10 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="日期:" prop="creditCode" >
+            <el-form-item label="日期:" prop="qualityTime" >
               <el-date-picker
-                  v-model="value1"
+                  :disabled="title === '查看'"
+                  v-model="state.form.qualityTime"
                   type="date"
                   placeholder="请选择日期"
               />
@@ -172,12 +187,13 @@
         </el-row>
         <el-row :gutter="24">
           <el-col :span="12">
-            <el-form-item label="公司分管领导:" prop="creditCode" >
+            <el-form-item label="公司分管领导:" prop="leadName" >
               <el-select
-                  v-model="state.form.peopleName3"
+                  :disabled="title === '查看'"
+                  v-model="state.form.leadName"
                   filterable
                   remote
-                  @change="selectValue"
+                  @change="selectValue2"
                   reserve-keyword
                   placeholder="请输入人员名称"
                   remote-show-suffix
@@ -194,9 +210,10 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="日期:" prop="creditCode" >
+            <el-form-item label="日期:" prop="leadTime" >
               <el-date-picker
-                  v-model="value1"
+                  :disabled="title === '查看'"
+                  v-model="state.form.leadTime"
                   type="date"
                   placeholder="请选择日期"
               />
@@ -204,7 +221,7 @@
           </el-col>
         </el-row>
       </el-form>
-      <template #footer>
+      <template #footer v-if="title !== '查看'">
         <span class="dialog-footer">
             <el-button @click="handleClose" size="default">取 消</el-button>
             <el-button type="primary"  @click="onSubmit" size="default" v-preReClick>确认</el-button>
@@ -219,6 +236,7 @@
 import {getCompany} from "@/api/onlineEducation/company";
 import {ElMessage} from "element-plus";
 import {getUser} from "@/api/onlineEducation/user";
+import {addObjective, editObject, getDept} from "@/api/qualityObjectives/object";
 
 const dialogVisible = ref(false);
 const title = ref("");
@@ -229,28 +247,56 @@
 const state = reactive({
   form: {
     id: '',
-    objectList:[],
+    year: '',
+    num: '',
+    type: '',
+    departId: '',
+    method: '',
+    compilationBy:'',
+    compilationTime:'',
+    qualityBy: '',
+    qualityTime:'',
+    leadBy:'',
+    leadTime: '',
+    qualityTargets:[],
 
   },
   rules: {
-    objName: [
-      {required: true, message: "质量目标不能为空", trigger: "blur"}
-    ],
+    year: [{ required: true, message: '请输入年份', trigger: 'blur' }],
+    num: [{ required: true, message: '请输入序号', trigger: 'blur' }],
+    type: [{ required: true, message: '请选择级别', trigger: 'blur' }],
+    method: [{ required: true, message: '请输入目标测量方法', trigger: 'blur' }],
+    compilationName: [{ required: true, message: '请选择编制人员', trigger: 'blur' }],
+    compilationTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
+    qualityName: [{ required: true, message: '请选择质量管理部人员', trigger: 'blur' }],
+    qualityTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
+    leadName: [{ required: true, message: '请选择公司分管领导', trigger: 'blur' }],
+    leadTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
+    departId: [{ required: true, message: '请选择部门', trigger: 'blur' }],
+    objName: [{required: true, message: "质量目标不能为空", trigger: "blur"}],
   },
   deptList: [],
   peopleList: [],
   yearList: [
     {
       value: 1,
-      label: '2025年'
+      label: '2025'
     },
     {
       value: 2,
-      label: '2024年'
+      label: '2024'
     },
     {
       value: 3,
-      label: '2023年'
+      label: '2023'
+    },
+    {
+      value: 4,
+      label: '2022'
+    },
+    {
+      value: 5,
+      label: '2021'
     },
   ],
   levelList: [
@@ -265,52 +311,56 @@
   ]
 })
 
-onMounted(() => {
+const openDialog = async (type, value) => {
   const userInfo = JSON.parse(Cookies.get('userInfo'))
   state.form.companyName = userInfo.companyName
   state.form.companyId = userInfo.companyId
-
-});
-const openDialog = async (type, value) => {
+  await getDeptList()
   title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ;
-  if(type === 'edit' || type === 'view') {
+  if(type === 'edit' || type === 'review') {
     state.form = JSON.parse(JSON.stringify(value));
   }
   dialogVisible.value = true;
 }
 const addObject = () => {
-  state.form.objectList.push({})
+  state.form.qualityTargets.push({})
+}
+const getDeptList = async () => {
+  const res = await getDept()
+  if(res.code === 200){
+    state.deptList = res.data
+  }
 }
 const onSubmit = async () => {
   const valid = await busRef.value.validate();
   if(valid){
     if(title.value === '新增'){
       console.log('sta',state.form)
-      // const {id, ...data} = JSON.parse(JSON.stringify(state.form))
-      // const res = await addCompany(data)
-      // if(res.code === 200){
-      //   ElMessage({
-      //     type: 'success',
-      //     message: '新增成功'
-      //   });
-      // }else{
-      //   ElMessage.warning(res.message)
-      // }
+      const {id, ...data} = JSON.parse(JSON.stringify(state.form))
+      const res = await addObjective(data)
+      if(res.code === 200){
+        ElMessage({
+          type: 'success',
+          message: '新增成功'
+        });
+      }else{
+        ElMessage.warning(res.message)
+      }
       emit("getList")
       busRef.value.clearValidate();
       reset();
       dialogVisible.value = false;
     }else if(title.value === '编辑'){
-      // const {...data} = JSON.parse(JSON.stringify(state.form))
-      // const res = await editCompany(data)
-      // if(res.code === 200){
-      //   ElMessage({
-      //     type: 'success',
-      //     message: '编辑成功'
-      //   });
-      // }else{
-      //   ElMessage.warning(res.message)
-      // }
+      const {...data} = JSON.parse(JSON.stringify(state.form))
+      const res = await editObject(data)
+      if(res.code === 200){
+        ElMessage({
+          type: 'success',
+          message: '编辑成功'
+        });
+      }else{
+        ElMessage.warning(res.message)
+      }
       emit("getList")
       busRef.value.clearValidate();
       reset();
@@ -329,12 +379,24 @@
 const reset = () => {
   state.form = {
     id: '',
-
+    year: '',
+    num: '',
+    type: '',
+    departId: '',
+    method: '',
+    compilationBy:'',
+    compilationTime:'',
+    qualityBy: '',
+    qualityTime:'',
+    leadBy:'',
+    leadTime: '',
+    qualityTargets:[],
   }
-  state.form.objectList=[]
+  state.peopleList = []
+
 }
 const handleDelete = (val) => {
-  state.form.objectList = state.form.objectList.filter(item=> item != val)
+  state.form.qualityTargets = state.form.qualityTargets.filter(item=> item != val)
 }
 const getPeopleList = async (val)=>{
   if(val != ""){
@@ -353,10 +415,32 @@
 const selectValue = (val) => {
   state.peopleList.forEach(item => {
     if(item.name === val){
-      state.form.peopleId = item.id
+      state.form.compilationBy = item.id
     }
   })
 }
+const selectValue1 = (val) => {
+  state.peopleList.forEach(item => {
+    if(item.name === val){
+      state.form.qualityBy = item.id
+    }
+  })
+}
+const selectValue2 = (val) => {
+  state.peopleList.forEach(item => {
+    if(item.name === val){
+      state.form.leadBy = item.id
+    }
+  })
+}
+const handleChangeNum = (value) => {
+  if (!/^\d+$/.test(value)) { // 验证是否为数字
+    ElMessage.warning('只能输入数字')
+    state.form.year = '' // 重置选择，避免非法值被添加到options中
+  } else if (!state.yearList.some(option => option.value === value)) { // 确保不是已存在的选项
+    state.yearList.push({ value, label: value }); // 添加新选项（这里简单地将值和标签设为相同）
+  }
+}
 
 defineExpose({
   openDialog
diff --git a/src/views/build/conpanyFunctionConsult/qualityObjectives/objective/index.vue b/src/views/build/conpanyFunctionConsult/qualityObjectives/objective/index.vue
index a4f69ec..f663890 100644
--- a/src/views/build/conpanyFunctionConsult/qualityObjectives/objective/index.vue
+++ b/src/views/build/conpanyFunctionConsult/qualityObjectives/objective/index.vue
@@ -2,8 +2,7 @@
   <div class="app-container">
     <div style="margin-bottom: 10px">
       <el-form style="display: flex;flex-wrap: wrap;">
-<!--        v-if="!data.isAdmin"-->
-          <el-form-item >
+          <el-form-item v-if="!data.isAdmin">
             <el-button
                 type="primary"
                 plain
@@ -33,22 +32,28 @@
             </el-select>
           </el-form-item>
           <el-form-item label="年份:" style="margin-left: 20px">
+<!--            <el-input v-model="data.queryParams.year" placeholder="请输入年份"></el-input>-->
             <el-select
                 v-model="data.queryParams.year"
                 placeholder="请选择年份"
                 style="width: 240px"
+                filterable
+                allow-create
+                default-first-option
+                :reserve-keyword="false"
+                @change="handleChangeNum"
             >
               <el-option
                   v-for="item in data.yearList"
                   :key="item.value"
                   :label="item.label"
-                  :value="item.value"
+                  :value="item.label"
               />
             </el-select>
           </el-form-item>
           <el-form-item label="目标级别:" style="margin-left: 20px">
             <el-select
-                v-model="data.queryParams.level"
+                v-model="data.queryParams.type"
                 placeholder="请选择目标级别"
                 style="width: 240px"
             >
@@ -60,7 +65,7 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item v-if="data.isAdmin">
+          <el-form-item>
             <el-button type="primary" style="margin-left: 30px" @click="searchClick">查询</el-button>
             <el-button plain @click="reset">重置</el-button>
           </el-form-item>
@@ -79,11 +84,26 @@
       <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
       <el-table-column label="企业名称" prop="companyName" align="center"  />
       <el-table-column label="年份" prop="year" align="center"  />
-      <el-table-column label="质量目标级别" prop="level" align="center"  />
-      <el-table-column label="部门名称" prop="name" align="center"  />
-      <el-table-column label="质量目标" prop="name" align="center"  />
-      <el-table-column label="目标测量方法" prop="name" align="center"  />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
+      <el-table-column label="质量目标级别" prop="type" align="center"  >
+        <template #default="scope">
+          {{scope.row.type == 1 ? '公司级' : '部门级'}}
+        </template>
+      </el-table-column>
+      <el-table-column label="部门名称" prop="name" align="center"  >
+        <template #default="scope">
+          <div v-if="scope.row.type == 1">{{scope.row.companyName}}</div>
+          <div v-else>{{scope.row.departName}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="质量目标" prop="name" align="center">
+        <template #default="scope">
+          <div v-for="(item,index) in scope.row.qualityTargets">
+            <span>{{index + 1}}、{{item.message}}</span>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="目标测量方法" prop="method" align="center"  />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160" >
         <template #default="scope">
           <el-button link type="primary"  @click="openDialog('review',scope.row)" >查看</el-button>
           <el-button link type="primary"  @click="openDialog('edit',scope.row)" >编辑</el-button>
@@ -114,6 +134,7 @@
 import {getCompany} from "@/api/onlineEducation/company";
 import Cookies from "js-cookie";
 import {generateWordDocument} from "@/utils/exportWord";
+import {delObject, getObjectPage} from "@/api/qualityObjectives/object";
 const { proxy } = getCurrentInstance();
 const loading = ref(false);
 const noticeRef = ref();
@@ -125,22 +146,30 @@
     pageSize: 10,
     companyId: null,
     year: '',
-    level: ''
+    type: ''
   },
   companyList: [],
   isAdmin: false,
   yearList: [
     {
       value: 1,
-      label: '2025年'
+      label: '2025'
     },
     {
       value: 2,
-      label: '2024年'
+      label: '2024'
     },
     {
       value: 3,
-      label: '2023年'
+      label: '2023'
+    },
+    {
+      value: 4,
+      label: '2022'
+    },
+    {
+      value: 5,
+      label: '2021'
     },
   ],
   levelList: [
@@ -163,43 +192,19 @@
   const userInfo = JSON.parse(Cookies.get('userInfo'))
   console.log("userInfo",userInfo)
   data.isAdmin = userInfo.userType === 0;
+  data.queryParams.companyId = userInfo.companyId
   getList();
 });
 const getList = async () => {
-  dataList.value = [
-    {
-      id: 1,
-      level: 1,
-      object: 'xxxx',
-      method:'方法',
-      people2: '秦',
-      date2:'2015-8-1',
-      people3: '秦',
-      date3:'2015-8-1'
-    },
-    {
-      id: 2,
-      level: 2,
-      object: 'xxxxfg ',
-      deptName: '质量管理部',
-      method:'方法',
-      people1: '秦',
-      date1:'2015-8-1',
-      people2: '秦',
-      date2:'2015-8-1',
-      people3: '秦',
-      date3:'2015-8-1'
-    },
-  ]
-  // loading.value = true;
-  // const res = await getCom(data.queryParams);
-  // if(res.code === 200){
-  //   dataList.value = res.data.list
-  //   total.value = res.data.total
-  // }else{
-  //   ElMessage.warning(res.message)
-  // }
-  // loading.value = false;
+  loading.value = true;
+  const res = await getObjectPage(data.queryParams);
+  if(res.code === 200){
+    dataList.value = res.data.list
+    total.value = res.data.total
+  }else{
+    ElMessage.warning(res.message)
+  }
+  loading.value = false;
 
 }
 
@@ -245,13 +250,25 @@
 
 /** 重置新增的表单以及其他数据  */
 function reset() {
-  data.queryParams = {
-    companyId: '',
-    pageNum: 1,
-    pageSize: 10,
+  if(data.isAdmin){
+    data.queryParams = {
+      companyId: '',
+      pageNum: 1,
+      pageSize: 10,
+      year: '',
+      type: ''
+    }
+    choosedData.value = []
+    data.companyList = [];
+  }else {
+    data.queryParams = {
+      companyId: data.queryParams.companyId,
+      pageNum: 1,
+      pageSize: 10,
+      year: '',
+      type: ''
+    }
   }
-  choosedData.value = []
-  data.companyList = [];
   getList();
 }
 const exportData = () => {
@@ -263,18 +280,27 @@
 }
 const templatePath = ref('')
 const startGeneration = async () => {
+  let name = ''
   choosedData.value.forEach(item => {
-    if(item.level == 1){
+    console.log('111',item)
+    name = ''
+    item.message = ''
+    if(item.type == 1){
       templatePath.value = '/objectCompanyExample.docx'
+      name = item.companyName
     }else {
       templatePath.value = '/objectDeptExample.docx'
+      name = item.departName
     }
     const now = new Date()
     const year = now.getFullYear()
     const month = (now.getMonth() +1).toString().padStart(2, '0');
     item.nowDate = year + '-' + month
+    item.qualityTargets.forEach((i,index) => {
+      item.message += index+1 +'、' + i.message + '\n'
+    })
     try {
-      generateWordDocument(templatePath.value, item, '质量目标.docx');
+      generateWordDocument(templatePath.value, item, name+'_质量目标.docx');
     } catch (error){
       ElMessage({
         type: 'warning',
@@ -297,19 +323,26 @@
         type: 'warning',
       })
       .then( async() => {
-        // const res = await delNotice(val);
-        // if(res.code === 200){
-        //   ElMessage({
-        //     type: 'success',
-        //     message: '删除成功'
-        //   });
-        //   getList();
-        // }else{
-        //   ElMessage.warning(res.message)
-        // }
+        const res = await delObject(val.id);
+        if(res.code === 200){
+          ElMessage({
+            type: 'success',
+            message: '删除成功'
+          });
+          getList();
+        }else{
+          ElMessage.warning(res.message)
+        }
       })
 }
-
+const handleChangeNum = (value) => {
+  if (!/^\d+$/.test(value)) { // 验证是否为数字
+    ElMessage.warning('只能输入数字')
+    data.queryParams.year = '' // 重置选择，避免非法值被添加到options中
+  } else if (!data.yearList.some(option => option.value === value)) { // 确保不是已存在的选项
+    data.yearList.push({ value, label: value }); // 添加新选项（这里简单地将值和标签设为相同）
+  }
+}
 </script>
 <style lang="scss">
 .pag-container{
diff --git a/src/views/build/conpanyFunctionConsult/qualityObjectives/reportsituation/components/stationCompanyDialog.vue b/src/views/build/conpanyFunctionConsult/qualityObjectives/reportsituation/components/stationCompanyDialog.vue
new file mode 100644
index 0000000..c941030
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/qualityObjectives/reportsituation/components/stationCompanyDialog.vue
@@ -0,0 +1,344 @@
+<template>
+  <div class="notice">
+    <el-dialog
+        v-model="dialogVisible"
+        :title="title"
+        width="50%"
+        :before-close="handleClose"
+        :close-on-press-escape="false"
+        :close-on-click-modal="false"
+    >
+      <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="qualityId" >
+              <el-select
+                  :disabled="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"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="12">
+            <el-form-item label="序号:" prop="serial" >
+              <el-input :disabled="title === '查看'" v-model="state.form.serial" placeholder="请输入序号" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="考核时机:" prop="frequency" >
+              <el-select
+                  :disabled="title === '查看'"
+                  v-model="state.form.frequency"
+                  placeholder="请选择年份"
+                  style="width: 240px"
+              >
+                <el-option
+                    v-for="item in state.frequencyList"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.label"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="24">
+            <el-form-item :label="state.type == 1 ? '公司质量目标:' : '部门质量目标:'" required>
+              <el-input disabled type="textarea" v-model="state.message" :rows="4"  style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="24">
+            <el-form-item :label="state.type == 1 ? '公司质量目标完成情况:' : '部门质量目标完成情况:'" prop="accomplish" >
+              <el-input :disabled="title === '查看'" type="textarea" v-model="state.form.accomplish" :rows="4"  style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="24">
+            <el-form-item label="未完成质量目标的原因分析及制定的纠正措施：" prop="measure" >
+              <el-input :disabled="title === '查看'" type="textarea" v-model="state.form.measure" :rows="4"  style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="24">
+            <el-form-item label="对质量管理体系的改进建议：" prop="opinion" >
+              <el-input :disabled="title === '查看'" type="textarea" v-model="state.form.opinion" :rows="4"  style="width: 100%"></el-input>
+            </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-option
+                    v-for="item in state.peopleList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.name"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="日期:" prop="chargeTime" >
+              <el-date-picker
+                  :disabled="title === '查看'"
+                  v-model="state.form.chargeTime"
+                  type="date"
+                  placeholder="请选择日期"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer v-if="title !== '查看'">
+        <span class="dialog-footer">
+            <el-button @click="handleClose" size="default">取 消</el-button>
+            <el-button type="primary"  @click="onSubmit" size="default" v-preReClick>确认</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script setup>
+import {onMounted, reactive, ref, toRefs} from 'vue'
+import Cookies from "js-cookie";
+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 {addTable, editTable, getTargetById} from "@/api/qualityObjectives/table";
+import {addReport, editReport} from "@/api/qualityObjectives/reportsituation";
+
+const dialogVisible = ref(false);
+const title = ref("");
+const busRef = ref();
+const length = ref()
+const emit = defineEmits(["getList"]);
+const dataRef = ref();
+const state = reactive({
+  form: {
+    id: '',
+    qualityId: '',
+    serial: '',
+    frequency: '',
+    accomplish : '',
+    measure: '',
+    opinion:'',
+    chargeId :'',
+    chargeName: '',
+    chargeTime:'',
+    qualityTargets:[],
+  },
+  rules: {
+    qualityId: [{ required: true, message: '请选择质量目标', trigger: 'blur' }],
+    serial: [{ required: true, message: '请输入序号', trigger: 'blur' }],
+    chargeName: [{ required: true, message: '请选择负责人', trigger: 'blur' }],
+    chargeTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
+    accomplish:[{ required: true, message: '请输入质量目标完成情况', trigger: 'blur' }],
+    frequency:[{ required: true, message: '请选择考核时机', trigger: 'blur' }],
+  },
+  objectList: [],
+  qualityList: [],
+  peopleList: [],
+  type: null,
+  frequencyList: [
+    {
+      value: 1,
+      label: '月'
+    },
+    {
+      value: 2,
+      label: '季度'
+    },
+    {
+      value: 3,
+      label: '年终'
+    },
+    {
+      value: 4,
+      label: '年底'
+    },
+  ],
+  message: ''
+})
+
+onMounted(() => {
+
+
+});
+const openDialog = async (type, isCom, value) => {
+
+  const userInfo = JSON.parse(Cookies.get('userInfo'))
+  state.form.companyName = userInfo.companyName
+  state.form.companyId = userInfo.companyId
+  state.type = isCom == 'company' ? 1 : 2
+  await getQualityList()
+  title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ;
+  if(type === 'edit' || type === 'review') {
+    state.form = JSON.parse(JSON.stringify(value));
+    chooseQuality(state.form.qualityId)
+  }
+  dialogVisible.value = true;
+}
+
+const getQualityList = async () => {
+  const res = await getObject({companyId:state.form.companyId,type: state.type });
+  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)
+  }
+
+}
+const onSubmit = async () => {
+  const valid = await busRef.value.validate();
+  if(valid){
+    if(title.value === '新增'){
+      console.log('sta',state.form)
+      const {id, ...data} = JSON.parse(JSON.stringify(state.form))
+      const res = await addReport(data)
+      if(res.code === 200){
+        ElMessage({
+          type: 'success',
+          message: '新增成功'
+        });
+      }else{
+        ElMessage.warning(res.message)
+      }
+      emit("getList")
+      busRef.value.clearValidate();
+      reset();
+      dialogVisible.value = false;
+    }else if(title.value === '编辑'){
+      const {...data} = JSON.parse(JSON.stringify(state.form))
+      const res = await editReport(data)
+      if(res.code === 200){
+        ElMessage({
+          type: 'success',
+          message: '编辑成功'
+        });
+      }else{
+        ElMessage.warning(res.message)
+      }
+      emit("getList")
+      busRef.value.clearValidate();
+      reset();
+      dialogVisible.value = false;
+    }
+  }
+}
+
+const handleClose = () => {
+  busRef.value.clearValidate();
+  reset();
+  dialogVisible.value = false;
+  emit("getList")
+
+}
+const reset = () => {
+  state.form = {
+    id: '',
+    qualityId: '',
+    serial: '',
+    accomplish : '',
+    measure: '',
+    opinion:'',
+    chargeId :'',
+    chargeName: '',
+    chargeTime:'',
+    frequency:'',
+    qualityTargets:[],
+  }
+  state.peopleList = []
+  state.message = ''
+}
+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 selectValue = (val) => {
+  state.peopleList.forEach(item => {
+    if(item.name === val){
+      state.form.chargeId = item.id
+    }
+  })
+}
+
+const chooseQuality = async (val) => {
+  state.message = ''
+  const res = await getTargetById({qualityId: val})
+  if(res.code == 200){
+    state.form.qualityTargets = res.data
+    res.data.forEach((i,index) => {
+      state.message += index+1 +'、' + i.message + '\n'
+    })
+
+  }else {
+    ElMessage.warning(res.message)
+  }
+  console.log('val',val)
+
+}
+defineExpose({
+  openDialog
+});
+
+</script>
+
+<style scoped lang="scss">
+.notice{
+  :deep(.el-form .el-form-item__label) {
+    font-size: 15px;
+  }
+  .file {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+</style>
diff --git a/src/views/build/conpanyFunctionConsult/qualityObjectives/reportsituation/index.vue b/src/views/build/conpanyFunctionConsult/qualityObjectives/reportsituation/index.vue
index 762e8b7..1d6162e 100644
--- a/src/views/build/conpanyFunctionConsult/qualityObjectives/reportsituation/index.vue
+++ b/src/views/build/conpanyFunctionConsult/qualityObjectives/reportsituation/index.vue
@@ -1,11 +1,420 @@
-<script setup>
-
-</script>
-
 <template>
+  <div class="app-container">
+    <div style="margin-bottom: 10px">
+      <el-form style="display: flex;flex-wrap: wrap;">
+        <el-form-item v-if="!data.isAdmin">
+          <el-button
+              type="primary"
+              plain
+              icon="Plus"
+              @click="openAddDialog"
+          >新增</el-button>
+        </el-form-item>
+        <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px">
+          <el-select
+              v-model="data.queryParams.companyName"
+              filterable
+              remote
+              @change="selectValue"
+              reserve-keyword
+              placeholder="请输入企业名称"
+              remote-show-suffix
+              :remote-method="getCompanyList"
+              :loading="loadingCompany"
+              style="width: 240px"
+          >
+            <el-option
+                v-for="item in data.companyList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.name"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="年份:" style="margin-left: 20px">
+          <el-select
+              v-model="data.queryParams.year"
+              placeholder="请选择年份"
+              style="width: 240px"
+              filterable
+              allow-create
+              default-first-option
+              :reserve-keyword="false"
+              @change="handleChangeNum"
+          >
+            <el-option
+                v-for="item in data.yearList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.label"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="目标级别:" style="margin-left: 20px">
+          <el-select
+              v-model="data.queryParams.type"
+              placeholder="请选择目标级别"
+              style="width: 240px"
+          >
+            <el-option
+                v-for="item in data.levelList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" style="margin-left: 30px" @click="searchClick">查询</el-button>
+          <el-button plain @click="reset">重置</el-button>
+        </el-form-item>
+        <el-form-item style="margin-left: 15px">
+          <el-button
+              type="primary"
+              @click="exportData"
+          >导出</el-button>
+        </el-form-item>
 
+      </el-form>
+    </div>
+    <!-- 表格数据 -->
+    <el-table v-loading="loading" :data="dataList" :border="true"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" />
+      <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
+      <el-table-column label="企业名称" prop="companyName" align="center"  />
+      <el-table-column label="年份" prop="year" align="center"  />
+      <el-table-column label="质量目标级别" prop="type" align="center"  >
+        <template #default="scope">
+          {{scope.row.type == 1 ? '公司级' : '部门级'}}
+        </template>
+      </el-table-column>
+      <el-table-column label="部门名称" prop="name" align="center"  >
+        <template #default="scope">
+          <div v-if="scope.row.type == 1">{{scope.row.companyName}}</div>
+          <div v-else>{{scope.row.departName}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="质量目标"  align="center"  >
+        <template #default="scope">
+          <div v-for="i in scope.row.message">{{i}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="质量目标完成情况" align="center"  >
+        <template #default="scope">
+          <div v-html="scope.row.accomplishMessage"></div>
+        </template>
+
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160">
+        <template #default="scope">
+          <el-button link type="primary"  @click="scope.row.type == 1?openDialog('review','company',scope.row):openDialog('review','dept',scope.row) " >查看</el-button>
+          <el-button link type="primary"  @click="scope.row.type == 1?openDialog('edit','company',scope.row):openDialog('edit','dept',scope.row)  " >编辑</el-button>
+          <el-button link type="danger"  @click="handleDelete(scope.row)" >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pag-container">
+      <el-pagination
+          v-model:current-page="data.queryParams.pageNum"
+          v-model:page-size="data.queryParams.pageSize"
+          :page-sizes="[10,15,20,25]"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+      />
+    </div>
+    <el-dialog
+        v-model="data.dialogVisible"
+        width="500px"
+        :before-close="handleClose"
+        :close-on-press-escape="false"
+        :close-on-click-modal="false"
+    >
+      <div style="margin: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center">
+        <span style="font-size: 24px;font-weight: 600">新增质量目标完成情况</span>
+        <div style="display: flex;align-items: center;justify-content: space-between;margin-top: 30px;width: 80%">
+          <el-button type="primary" @click="openDialog('add','company',{})">公司级质量目标完成情况</el-button>
+          <el-button type="primary" @click="openDialog('add','dept',{})">部门级质量目标完成情况</el-button>
+        </div>
+      </div>
+
+    </el-dialog>
+    <stationCompanyDialog ref="noticeRef" @getList = "getList"></stationCompanyDialog>
+  </div>
 </template>
 
-<style scoped lang="scss">
+<script setup>
+import {getCurrentInstance, onMounted, reactive, ref, toRefs} from "vue";
+import stationCompanyDialog from "./components/stationCompanyDialog.vue"
+import {ElMessage, ElMessageBox} from "element-plus";
+import {getCompany} from "@/api/onlineEducation/company";
+import Cookies from "js-cookie";
+import {generateWordDocument} from "@/utils/exportWord";
+import {delTable, getTable} from "@/api/qualityObjectives/table";
+import {delReport, getReport} from "@/api/qualityObjectives/reportsituation";
+const { proxy } = getCurrentInstance();
+const loading = ref(false);
+const noticeRef = ref();
+const deptRef = ref()
+const loadingCompany = ref(false)
+const choosedData = ref([])
+const data = reactive({
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    companyId: null,
+    year: '',
+    type: ''
+  },
+  companyList: [],
+  isAdmin: false,
+  dialogVisible: false,
+  yearList: [
+    {
+      value: 1,
+      label: '2025'
+    },
+    {
+      value: 2,
+      label: '2024'
+    },
+    {
+      value: 3,
+      label: '2023'
+    },
+    {
+      value: 4,
+      label: '2022'
+    },
+    {
+      value: 5,
+      label: '2021'
+    },
+  ],
+  levelList: [
+    {
+      value: 1,
+      label: '公司级'
+    },
+    {
+      value: 2,
+      label: '部门级'
+    },
+  ],
+  frequencyList: [
+    {
+      value: 1,
+      label: '月'
+    },
+    {
+      value: 2,
+      label: '季度'
+    },
+    {
+      value: 3,
+      label: '年终'
+    },
+    {
+      value: 4,
+      label: '年底'
+    },
+  ],
+});
+const dataList = ref([]);
+const total = ref(0);
 
+const { queryParams } = toRefs(data);
+
+onMounted(() => {
+  const userInfo = JSON.parse(Cookies.get('userInfo'))
+  console.log("userInfo",userInfo)
+  data.isAdmin = userInfo.userType === 0;
+  data.queryParams.companyId = userInfo.companyId
+  getList();
+});
+const getList = async () => {
+  loading.value = true;
+  const res = await getReport(data.queryParams);
+  if(res.code === 200){
+    dataList.value = res.data.list.map(item =>{
+      return {
+        ...item,
+        message: item.qualityTargets.map((i,index) => {
+          return index+1 +'、' + i.message + '\n'
+        }),
+        accomplishMessage:item.accomplish.replace(/\n/g, '<br>')
+      }
+    })
+    total.value = res.data.total
+  }else{
+    ElMessage.warning(res.message)
+  }
+  loading.value = false;
+
+}
+
+const searchClick = () => {
+  getList();
+}
+
+const openAddDialog = () => {
+  data.dialogVisible = true
+}
+const openDialog = (type,isCom, value) => {
+  noticeRef.value.openDialog(type, isCom,value);
+}
+const openDeptDialog = (type, value) => {
+  deptRef.value.openDialog(type, value);
+}
+
+const selectValue = (val) => {
+  data.companyList.forEach(item => {
+    if(item.name === val){
+      data.queryParams.companyId = item.id
+    }
+  })
+}
+
+const getCompanyList = async (val)=>{
+  if(val != ""){
+    loadingCompany.value = true;
+    const queryParams = {
+      name: val
+    }
+    const res = await getCompany(queryParams)
+    if (res.code == 200) {
+      loadingCompany.value = false;
+      data.companyList = res.data.list
+
+    } else {
+      ElMessage.warning(res.message)
+    }
+  }
+}
+
+const handleSizeChange = (val) => {
+  data.queryParams.pageSize = val
+  getList()
+}
+const handleCurrentChange = (val) => {
+  data.queryParams.pageNum = val
+  getList()
+}
+const handleClose = () => {
+  data.dialogVisible = false
+}
+
+/** 重置新增的表单以及其他数据  */
+function reset() {
+  if(data.isAdmin){
+    data.queryParams = {
+      companyId: '',
+      pageNum: 1,
+      pageSize: 10,
+      year: '',
+      type: ''
+    }
+    choosedData.value = []
+    data.companyList = [];
+  }else {
+    data.queryParams = {
+      companyId: data.queryParams.companyId,
+      pageNum: 1,
+      pageSize: 10,
+      year: '',
+      type: ''
+    }
+  }
+  getList();
+}
+const exportData = () => {
+  if(choosedData.value && choosedData.value.length === 0){
+    ElMessage.warning('请选择需要导出的数据')
+  }else {
+    startGeneration()
+  }
+}
+const templatePath = ref('')
+const startGeneration = async () => {
+  const frequencyList =   JSON.parse(JSON.stringify(data.frequencyList))
+  const dataList = JSON.parse(JSON.stringify(choosedData.value))
+  let name = ''
+  let message = ''
+  dataList.forEach(item => {
+    name = ''
+    message = ''
+    console.log('item',item)
+    if(item.type == 1){
+      templatePath.value = '/stationCompanyExample.docx'
+      name = item.companyName
+    }else {
+      templatePath.value = '/stationDeptExample.docx'
+      name = item.departName
+    }
+    const now = new Date()
+    const year = now.getFullYear()
+    const month = (now.getMonth() +1).toString().padStart(2, '0');
+    item.nowDate = year + '-' + month
+    item.year = year
+    item.qualityTargets.forEach((i,index) => {
+      message += index+1 +'、' + i.message + '\n'
+    })
+    item.message = message
+    frequencyList.forEach(i => {
+      i.checked = i.label !== item.frequency
+    })
+    item.typeList = frequencyList
+    try {
+      generateWordDocument(templatePath.value, item, name+'_质量目标完成情况报告.docx');
+    } catch (error){
+      ElMessage({
+        type: 'warning',
+        message: '导出失败'
+      });
+    }
+  })
+}
+
+const handleSelectionChange = (val) => {
+  choosedData.value = val
+}
+const handleDelete = (val) => {
+  ElMessageBox.confirm(
+      '确定删除此条数据？',
+      '提示',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+      .then( async() => {
+        const res = await delReport(val.id);
+        if(res.code === 200){
+          ElMessage({
+            type: 'success',
+            message: '删除成功'
+          });
+          getList();
+        }else{
+          ElMessage.warning(res.message)
+        }
+      })
+}
+const handleChangeNum = (value) => {
+  if (!/^\d+$/.test(value)) { // 验证是否为数字
+    ElMessage.warning('只能输入数字')
+    data.queryParams.year = '' // 重置选择，避免非法值被添加到options中
+  } else if (!data.yearList.some(option => option.value === value)) { // 确保不是已存在的选项
+    data.yearList.push({ value, label: value }); // 添加新选项（这里简单地将值和标签设为相同）
+  }
+}
+
+</script>
+<style lang="scss">
+.pag-container{
+  float: right;
+  margin-top: 10px;
+}
 </style>
diff --git a/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue
new file mode 100644
index 0000000..761114b
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue
@@ -0,0 +1,424 @@
+<template>
+  <div class="notice">
+    <el-dialog
+        v-model="dialogVisible"
+        :title="title"
+        width="50%"
+        :before-close="handleClose"
+        :close-on-press-escape="false"
+        :close-on-click-modal="false"
+    >
+      <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-option
+                    v-for="item in state.qualityList"
+                    :key="item.id"
+                    :label="item.message"
+                    :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="12">
+            <el-form-item label="编号:" prop="number" >
+              <el-input :disabled="title === '查看'" v-model="state.form.number" placeholder="请输入编号" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="序号:" prop="serial" >
+              <el-input :disabled="title === '查看'" v-model="state.form.serial" placeholder="请输入序号" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="24">
+            <span style="font-size: 15px;font-weight: 700;" >公司级质量目标分解表:</span>
+              <el-table style="margin-top: 10px;margin-bottom: 20px" :data="state.form.qualityTargets" :border="true">
+                <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>
+                </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>
+                </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>
+                </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>
+                </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>
+                </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>
+                </el-table-column>
+              </el-table>
+          </el-col>
+        </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-option
+                    v-for="item in state.peopleList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.name"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="日期:" prop="fictionTime" >
+              <el-date-picker
+                  :disabled="title === '查看'"
+                  v-model="state.form.fictionTime"
+                  type="date"
+                  placeholder="请选择日期"
+              />
+            </el-form-item>
+          </el-col>
+        </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-option
+                    v-for="item in state.peopleList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.name"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="日期:" prop="checkTime" >
+              <el-date-picker
+                  :disabled="title === '查看'"
+                  v-model="state.form.checkTime"
+                  type="date"
+                  placeholder="请选择日期"
+              />
+            </el-form-item>
+          </el-col>
+        </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-option
+                    v-for="item in state.peopleList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.name"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="日期:" prop="ratifyTime" >
+              <el-date-picker
+                  :disabled="title === '查看'"
+                  v-model="state.form.ratifyTime"
+                  type="date"
+                  placeholder="请选择日期"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer v-if="title !== '查看'">
+        <span class="dialog-footer">
+            <el-button @click="handleClose" size="default">取 消</el-button>
+            <el-button type="primary"  @click="onSubmit" size="default" v-preReClick>确认</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script setup>
+import {onMounted, reactive, ref, toRefs} from 'vue'
+import Cookies from "js-cookie";
+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 {addTable, editTable, getTargetById} from "@/api/qualityObjectives/table";
+
+const dialogVisible = ref(false);
+const title = ref("");
+const busRef = ref();
+const length = ref()
+const emit = defineEmits(["getList"]);
+const dataRef = ref();
+const state = reactive({
+  form: {
+    id: '',
+    qualityId: '',
+    number: '',
+    serial: '',
+    fictionId : '',
+    fictionName: '',
+    fictionTime:'',
+    checkId :'',
+    checkName: '',
+    checkTime:'',
+    ratifyId:'',
+    ratifyName: '',
+    ratifyTime: '',
+    qualityTargets:[],
+  },
+  rules: {
+    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' }],
+    checkTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
+    ratifyTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
+    fictionTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
+    num: [{required: true, message: "", trigger: "blur"}],
+    method: [{required: true, message: "", trigger: "blur"}],
+    calculate: [{required: true, message: "", trigger: "blur"}],
+    dataSource: [{required: true, message: "", trigger: "blur"}],
+    departName: [{required: true, message: "", trigger: "blur"}],
+    frequency: [{required: true, message: "", trigger: "blur"}],
+  },
+  objectList: [],
+  qualityList: [],
+  peopleList: [],
+})
+
+onMounted(() => {
+
+
+});
+const openDialog = async (type, value) => {
+  const userInfo = JSON.parse(Cookies.get('userInfo'))
+  state.form.companyName = userInfo.companyName
+  state.form.companyId = userInfo.companyId
+  await getQualityList()
+  title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ;
+  if(type === 'edit' || type === 'review') {
+    state.form = JSON.parse(JSON.stringify(value));
+  }
+  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)
+  }
+
+}
+const onSubmit = async () => {
+  const valid = await busRef.value.validate();
+  if(valid){
+    if(title.value === '新增'){
+      console.log('sta',state.form)
+      const {id, ...data} = JSON.parse(JSON.stringify(state.form))
+      const res = await addTable(data)
+      if(res.code === 200){
+        ElMessage({
+          type: 'success',
+          message: '新增成功'
+        });
+      }else{
+        ElMessage.warning(res.message)
+      }
+      emit("getList")
+      busRef.value.clearValidate();
+      reset();
+      dialogVisible.value = false;
+    }else if(title.value === '编辑'){
+      const {...data} = JSON.parse(JSON.stringify(state.form))
+      const res = await editTable(data)
+      if(res.code === 200){
+        ElMessage({
+          type: 'success',
+          message: '编辑成功'
+        });
+      }else{
+        ElMessage.warning(res.message)
+      }
+      emit("getList")
+      busRef.value.clearValidate();
+      reset();
+      dialogVisible.value = false;
+    }
+  }
+}
+
+const handleClose = () => {
+  busRef.value.clearValidate();
+  reset();
+  dialogVisible.value = false;
+  emit("getList")
+
+}
+const reset = () => {
+  state.form = {
+    id: '',
+    qualityId: '',
+    number: '',
+    serial: '',
+    fictionId : '',
+    fictionName: '',
+    fictionTime:'',
+    checkId :'',
+    checkName: '',
+    checkTime:'',
+    ratifyId:'',
+    ratifyName: '',
+    ratifyTime: '',
+    qualityTargets:[],
+  }
+  state.peopleList = []
+}
+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 selectValue = (val) => {
+  state.peopleList.forEach(item => {
+    if(item.name === val){
+      state.form.fictionId = item.id
+    }
+  })
+}
+const selectValue1 = (val) => {
+  state.peopleList.forEach(item => {
+    if(item.name === val){
+      state.form.checkId  = item.id
+    }
+  })
+}
+const selectValue2 = (val) => {
+  state.peopleList.forEach(item => {
+    if(item.name === val){
+      state.form.ratifyId = item.id
+    }
+  })
+}
+
+const chooseQuality = async (val) => {
+  const res = await getTargetById({qualityId: val})
+  if(res.code == 200){
+    state.form.qualityTargets = res.data
+
+  }else {
+    ElMessage.warning(res.message)
+  }
+  console.log('val',val)
+
+}
+defineExpose({
+  openDialog
+});
+
+</script>
+
+<style scoped lang="scss">
+.notice{
+  :deep(.el-form .el-form-item__label) {
+    font-size: 15px;
+  }
+  .file {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+</style>
diff --git a/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableDeptDialog.vue b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableDeptDialog.vue
new file mode 100644
index 0000000..971aab0
--- /dev/null
+++ b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableDeptDialog.vue
@@ -0,0 +1,412 @@
+<template>
+  <div class="notice">
+    <el-dialog
+        v-model="dialogVisible"
+        :title="title"
+        width="50%"
+        :before-close="handleClose"
+        :close-on-press-escape="false"
+        :close-on-click-modal="false"
+    >
+      <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-option
+                    v-for="item in state.qualityList"
+                    :key="item.id"
+                    :label="item.message"
+                    :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="12">
+            <el-form-item label="编号:" prop="number" >
+              <el-input :disabled="title === '查看'" v-model="state.form.number" placeholder="请输入编号" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="24">
+            <span style="font-size: 15px;font-weight: 700;" >公司级质量目标分解表:</span>
+            <el-table style="margin-top: 10px;margin-bottom: 20px" :data="state.form.qualityTargets" :border="true">
+              <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 :disabled="title === '查看'" type="textarea" v-model="row.method" 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 + ']' + '.calculate'" :rules="state.rules.calculate">
+                    <el-input :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>
+                </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>
+              </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>
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-col>
+        </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-option
+                    v-for="item in state.peopleList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.name"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="日期:" prop="fictionTime" >
+              <el-date-picker
+                  :disabled="title === '查看'"
+                  v-model="state.form.fictionTime"
+                  type="date"
+                  placeholder="请选择日期"
+              />
+            </el-form-item>
+          </el-col>
+        </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-option
+                    v-for="item in state.peopleList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.name"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="日期:" prop="checkTime" >
+              <el-date-picker
+                  :disabled="title === '查看'"
+                  v-model="state.form.checkTime"
+                  type="date"
+                  placeholder="请选择日期"
+              />
+            </el-form-item>
+          </el-col>
+        </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-option
+                    v-for="item in state.peopleList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.name"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="日期:" prop="ratifyTime" >
+              <el-date-picker
+                  :disabled="title === '查看'"
+                  v-model="state.form.ratifyTime"
+                  type="date"
+                  placeholder="请选择日期"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer v-if="title !== '查看'">
+        <span class="dialog-footer">
+            <el-button @click="handleClose" size="default">取 消</el-button>
+            <el-button type="primary"  @click="onSubmit" size="default" v-preReClick>确认</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script setup>
+import {onMounted, reactive, ref, toRefs} from 'vue'
+import Cookies from "js-cookie";
+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 {addTable, editTable, getTargetById} from "@/api/qualityObjectives/table";
+
+const dialogVisible = ref(false);
+const title = ref("");
+const busRef = ref();
+const length = ref()
+const emit = defineEmits(["getList"]);
+const dataRef = ref();
+const state = reactive({
+  form: {
+    id: '',
+    qualityId: '',
+    number: '',
+    serial: '',
+    fictionId : '',
+    fictionName: '',
+    fictionTime:'',
+    checkId :'',
+    checkName: '',
+    checkTime:'',
+    ratifyId:'',
+    ratifyName: '',
+    ratifyTime: '',
+    qualityTargets:[],
+  },
+  rules: {
+    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' }],
+    checkTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
+    ratifyTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
+    fictionTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
+    dutyName: [{required: true, message: "", trigger: "blur"}],
+    method: [{required: true, message: "", trigger: "blur"}],
+    calculate: [{required: true, message: "", trigger: "blur"}],
+    dataSource: [{required: true, message: "", trigger: "blur"}],
+    departName: [{required: true, message: "", trigger: "blur"}],
+    frequency: [{required: true, message: "", trigger: "blur"}],
+  },
+  objectList: [],
+  qualityList: [],
+  peopleList: [],
+})
+
+onMounted(() => {
+
+
+});
+const openDialog = async (type, value) => {
+  const userInfo = JSON.parse(Cookies.get('userInfo'))
+  state.form.companyName = userInfo.companyName
+  state.form.companyId = userInfo.companyId
+  await getQualityList()
+  title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ;
+  if(type === 'edit' || type === 'review') {
+    state.form = JSON.parse(JSON.stringify(value));
+  }
+  dialogVisible.value = true;
+}
+
+const getQualityList = async () => {
+  const res = await getObject({companyId:state.form.companyId,type: 2 });
+  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)
+  }
+
+}
+const onSubmit = async () => {
+  const valid = await busRef.value.validate();
+  if(valid){
+    if(title.value === '新增'){
+      console.log('sta',state.form)
+      const {id, ...data} = JSON.parse(JSON.stringify(state.form))
+      const res = await addTable(data)
+      if(res.code === 200){
+        ElMessage({
+          type: 'success',
+          message: '新增成功'
+        });
+      }else{
+        ElMessage.warning(res.message)
+      }
+      emit("getList")
+      busRef.value.clearValidate();
+      reset();
+      dialogVisible.value = false;
+    }else if(title.value === '编辑'){
+      const {...data} = JSON.parse(JSON.stringify(state.form))
+      const res = await editTable(data)
+      if(res.code === 200){
+        ElMessage({
+          type: 'success',
+          message: '编辑成功'
+        });
+      }else{
+        ElMessage.warning(res.message)
+      }
+      emit("getList")
+      busRef.value.clearValidate();
+      reset();
+      dialogVisible.value = false;
+    }
+  }
+}
+
+const handleClose = () => {
+  busRef.value.clearValidate();
+  reset();
+  dialogVisible.value = false;
+  emit("getList")
+
+}
+const reset = () => {
+  state.form = {
+    id: '',
+    qualityId: '',
+    number: '',
+    serial: '',
+    fictionId : '',
+    fictionName: '',
+    fictionTime:'',
+    checkId :'',
+    checkName: '',
+    checkTime:'',
+    ratifyId:'',
+    ratifyName: '',
+    ratifyTime: '',
+    qualityTargets:[],
+  }
+  state.peopleList = []
+}
+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 selectValue = (val) => {
+  state.peopleList.forEach(item => {
+    if(item.name === val){
+      state.form.fictionId = item.id
+    }
+  })
+}
+const selectValue1 = (val) => {
+  state.peopleList.forEach(item => {
+    if(item.name === val){
+      state.form.checkId  = item.id
+    }
+  })
+}
+const selectValue2 = (val) => {
+  state.peopleList.forEach(item => {
+    if(item.name === val){
+      state.form.ratifyId = item.id
+    }
+  })
+}
+
+const chooseQuality = async (val) => {
+  const res = await getTargetById({qualityId: val})
+  if(res.code == 200){
+    state.form.qualityTargets = res.data
+
+  }else {
+    ElMessage.warning(res.message)
+  }
+  console.log('val',val)
+
+}
+defineExpose({
+  openDialog
+});
+
+</script>
+
+<style scoped lang="scss">
+.notice{
+  :deep(.el-form .el-form-item__label) {
+    font-size: 15px;
+  }
+  .file {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+</style>
diff --git a/src/views/build/conpanyFunctionConsult/qualityObjectives/table/index.vue b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/index.vue
index 762e8b7..5ea28e2 100644
--- a/src/views/build/conpanyFunctionConsult/qualityObjectives/table/index.vue
+++ b/src/views/build/conpanyFunctionConsult/qualityObjectives/table/index.vue
@@ -1,11 +1,380 @@
-<script setup>
-
-</script>
-
 <template>
+  <div class="app-container">
+    <div style="margin-bottom: 10px">
+      <el-form style="display: flex;flex-wrap: wrap;">
+        <el-form-item v-if="!data.isAdmin">
+          <el-button
+              type="primary"
+              plain
+              icon="Plus"
+              @click="openAddDialog"
+          >新增</el-button>
+        </el-form-item>
+        <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px">
+          <el-select
+              v-model="data.queryParams.companyName"
+              filterable
+              remote
+              @change="selectValue"
+              reserve-keyword
+              placeholder="请输入企业名称"
+              remote-show-suffix
+              :remote-method="getCompanyList"
+              :loading="loadingCompany"
+              style="width: 240px"
+          >
+            <el-option
+                v-for="item in data.companyList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.name"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="年份:" style="margin-left: 20px">
+          <el-select
+              v-model="data.queryParams.year"
+              placeholder="请选择年份"
+              style="width: 240px"
+              filterable
+              allow-create
+              default-first-option
+              :reserve-keyword="false"
+              @change="handleChangeNum"
+          >
+            <el-option
+                v-for="item in data.yearList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.label"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="目标级别:" style="margin-left: 20px">
+          <el-select
+              v-model="data.queryParams.type"
+              placeholder="请选择目标级别"
+              style="width: 240px"
+          >
+            <el-option
+                v-for="item in data.levelList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" style="margin-left: 30px" @click="searchClick">查询</el-button>
+          <el-button plain @click="reset">重置</el-button>
+        </el-form-item>
+        <el-form-item style="margin-left: 15px">
+          <el-button
+              type="primary"
+              @click="exportData"
+          >导出</el-button>
+        </el-form-item>
 
+      </el-form>
+    </div>
+    <!-- 表格数据 -->
+    <el-table v-loading="loading" :data="dataList" :border="true"  @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" />
+      <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
+      <el-table-column label="企业名称" prop="companyName" align="center"  />
+      <el-table-column label="年份" prop="year" align="center"  />
+      <el-table-column label="质量目标级别" prop="type" align="center"  >
+        <template #default="scope">
+          {{scope.row.type == 1 ? '公司级' : '部门级'}}
+        </template>
+      </el-table-column>
+      <el-table-column label="部门名称" prop="name" align="center"  >
+        <template #default="scope">
+          <div v-if="scope.row.type == 1">{{scope.row.companyName}}</div>
+          <div v-else>{{scope.row.departName}}</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="目标分解表" prop="name" align="center"  >
+        <template #default="scope">
+          <div v-if="scope.row.type == 1">{{scope.row.year}}公司级质量目标分解表</div>
+          <div v-else>{{scope.row.year}}{{scope.row.departName}}质量目标分解表</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160">
+        <template #default="scope">
+          <el-button link type="primary"  @click="scope.row.type == 1?openDialog('review',scope.row):openDeptDialog('review',scope.row) " >查看</el-button>
+          <el-button link type="primary"  @click="scope.row.type == 1?openDialog('edit',scope.row):openDeptDialog('edit',scope.row)  " >编辑</el-button>
+          <el-button link type="danger"  @click="handleDelete(scope.row)" >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pag-container">
+      <el-pagination
+          v-model:current-page="data.queryParams.pageNum"
+          v-model:page-size="data.queryParams.pageSize"
+          :page-sizes="[10,15,20,25]"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+      />
+    </div>
+    <el-dialog
+        v-model="data.dialogVisible"
+        width="500px"
+        :before-close="handleClose"
+        :close-on-press-escape="false"
+        :close-on-click-modal="false"
+    >
+      <div style="margin: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center">
+        <span style="font-size: 24px;font-weight: 600">新增质量目标分解表</span>
+        <div style="display: flex;align-items: center;justify-content: space-between;margin-top: 30px;width: 80%">
+          <el-button type="primary" @click="openDialog('add',{})">公司级质量目标分解表</el-button>
+          <el-button type="primary" @click="openDeptDialog('add',{})">部门级质量目标分解表</el-button>
+        </div>
+      </div>
+
+    </el-dialog>
+    <tableCompanyDialog ref="noticeRef" @getList = "getList"></tableCompanyDialog>
+    <tableDeptDialog ref="deptRef" @getList = "getList"></tableDeptDialog>
+  </div>
 </template>
 
-<style scoped lang="scss">
+<script setup>
+import {getCurrentInstance, onMounted, reactive, ref, toRefs} from "vue";
+import tableCompanyDialog from "./components/tableCompanyDialog.vue"
+import tableDeptDialog from "./components/tableDeptDialog.vue"
+import {ElMessage, ElMessageBox} from "element-plus";
+import {getCompany} from "@/api/onlineEducation/company";
+import Cookies from "js-cookie";
+import {generateWordDocument} from "@/utils/exportWord";
+import {delTable, getTable} from "@/api/qualityObjectives/table";
+const { proxy } = getCurrentInstance();
+const loading = ref(false);
+const noticeRef = ref();
+const deptRef = ref()
+const loadingCompany = ref(false)
+const choosedData = ref([])
+const data = reactive({
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    companyId: null,
+    year: '',
+    type: ''
+  },
+  companyList: [],
+  isAdmin: false,
+  dialogVisible: false,
+  yearList: [
+    {
+      value: 1,
+      label: '2025'
+    },
+    {
+      value: 2,
+      label: '2024'
+    },
+    {
+      value: 3,
+      label: '2023'
+    },
+    {
+      value: 4,
+      label: '2022'
+    },
+    {
+      value: 5,
+      label: '2021'
+    },
+  ],
+  levelList: [
+    {
+      value: 1,
+      label: '公司级'
+    },
+    {
+      value: 2,
+      label: '部门级'
+    },
+  ]
+});
+const dataList = ref([]);
+const total = ref(0);
 
+const { queryParams } = toRefs(data);
+
+onMounted(() => {
+  const userInfo = JSON.parse(Cookies.get('userInfo'))
+  console.log("userInfo",userInfo)
+  data.isAdmin = userInfo.userType === 0;
+  data.queryParams.companyId = userInfo.companyId
+  getList();
+});
+const getList = async () => {
+  loading.value = true;
+  const res = await getTable(data.queryParams);
+  if(res.code === 200){
+    dataList.value = res.data.list
+    total.value = res.data.total
+  }else{
+    ElMessage.warning(res.message)
+  }
+  loading.value = false;
+
+}
+
+const searchClick = () => {
+  getList();
+}
+
+const openAddDialog = () => {
+  data.dialogVisible = true
+}
+const openDialog = (type, value) => {
+  noticeRef.value.openDialog(type, value);
+}
+const openDeptDialog = (type, value) => {
+  deptRef.value.openDialog(type, value);
+}
+
+const selectValue = (val) => {
+  data.companyList.forEach(item => {
+    if(item.name === val){
+      data.queryParams.companyId = item.id
+    }
+  })
+}
+
+const getCompanyList = async (val)=>{
+  if(val != ""){
+    loadingCompany.value = true;
+    const queryParams = {
+      name: val
+    }
+    const res = await getCompany(queryParams)
+    if (res.code == 200) {
+      loadingCompany.value = false;
+      data.companyList = res.data.list
+
+    } else {
+      ElMessage.warning(res.message)
+    }
+  }
+}
+
+const handleSizeChange = (val) => {
+  data.queryParams.pageSize = val
+  getList()
+}
+const handleCurrentChange = (val) => {
+  data.queryParams.pageNum = val
+  getList()
+}
+const handleClose = () => {
+  data.dialogVisible = false
+}
+
+/** 重置新增的表单以及其他数据  */
+function reset() {
+  if(data.isAdmin){
+    data.queryParams = {
+      companyId: '',
+      pageNum: 1,
+      pageSize: 10,
+      year: '',
+      type: ''
+    }
+    choosedData.value = []
+    data.companyList = [];
+  }else {
+    data.queryParams = {
+      companyId: data.queryParams.companyId,
+      pageNum: 1,
+      pageSize: 10,
+      year: '',
+      type: ''
+    }
+  }
+  getList();
+}
+const exportData = () => {
+  if(choosedData.value && choosedData.value.length === 0){
+    ElMessage.warning('请选择需要导出的数据')
+  }else {
+    startGeneration()
+  }
+}
+const templatePath = ref('')
+const startGeneration = async () => {
+  const data = JSON.parse(JSON.stringify(choosedData.value))
+  let name = ''
+  data.forEach(item => {
+    name = ''
+    console.log('item',item)
+    if(item.type == 1){
+      templatePath.value = '/tableCompanyExample.docx'
+      name = item.companyName
+    }else {
+      templatePath.value = '/tableDeptExample.docx'
+      name = item.departName
+    }
+    const now = new Date()
+    const year = now.getFullYear()
+    const month = (now.getMonth() +1).toString().padStart(2, '0');
+    item.nowDate = year + '-' + month
+    item.year = year
+    item.tableData = item.qualityTargets
+    try {
+      generateWordDocument(templatePath.value, item, name+'_质量目标分解表.docx');
+    } catch (error){
+      ElMessage({
+        type: 'warning',
+        message: '导出失败'
+      });
+    }
+  })
+}
+
+const handleSelectionChange = (val) => {
+  choosedData.value = val
+}
+const handleDelete = (val) => {
+  ElMessageBox.confirm(
+      '确定删除此条数据？',
+      '提示',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+      .then( async() => {
+        const res = await delTable(val.id);
+        if(res.code === 200){
+          ElMessage({
+            type: 'success',
+            message: '删除成功'
+          });
+          getList();
+        }else{
+          ElMessage.warning(res.message)
+        }
+      })
+}
+const handleChangeNum = (value) => {
+  if (!/^\d+$/.test(value)) { // 验证是否为数字
+    ElMessage.warning('只能输入数字')
+    data.queryParams.year = '' // 重置选择，避免非法值被添加到options中
+  } else if (!data.yearList.some(option => option.value === value)) { // 确保不是已存在的选项
+    data.yearList.push({ value, label: value }); // 添加新选项（这里简单地将值和标签设为相同）
+  }
+}
+
+</script>
+<style lang="scss">
+.pag-container{
+  float: right;
+  margin-top: 10px;
+}
 </style>

--
Gitblit v1.9.2