fix：修改综合查询页面表格查询条件字段，新增子任务详情弹窗组件，修改点击tab页面请求接口问题

src/views/EntDeclaration/auditTaskManagement/components/DynamicTableDialog.vue

@@ -1520,7 +1520,7 @@
   }
 
   .dialog-footer {
-    text-align: center;
+    text-align: right;
     margin-top: 20px;
     .el-button {
       margin: 0 10px;

src/views/EntDeclaration/auditTaskManagement/components/FixedTableDialog.vue

@@ -789,7 +789,6 @@
           // 不再默认使用最近3年，保持为空
           this.yearColumns = []
         }
-        console.log('initYearColumns fallback years:', this.yearColumns)
       },
       // 通过接口自动获取立项信息监审期间
       async fetchProjectPeriodsFromApi() {
@@ -2015,7 +2014,7 @@
 
 <style scoped lang="scss">
   .dialog-footer {
-    text-align: center;
+    text-align: right;
     margin-top: 20px;
     .el-button {
       margin: 0 10px;

src/views/EntDeclaration/auditTaskManagement/components/SurveyFormDialog.vue

@@ -1257,7 +1257,7 @@
 
 <style scoped lang="scss">
   .dialog-footer {
-    text-align: center;
+    text-align: right;
     .el-button {
       margin: 0 10px;
     }

src/views/costAudit/baseInfo/statistics/components/TaskCustomizedReleaseDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <el-dialog
     :visible.sync="visible"
-    title="成本监审任务制定"
+    title="监审任务"
     width="80%"
     top="5vh"
     :close-on-click-modal="false"
@@ -106,7 +106,7 @@
 
           <!-- 成本调查表 -->
           <el-tab-pane label="成本调查表" name="survey">
-            <surveyTab :project="project" :is-view="isView" />
+            <surveyTab ref="surveyTab" :project="project" :is-view="isView" />
           </el-tab-pane>
 
           <!-- 监审工作流程 -->
@@ -138,7 +138,7 @@
 <script>
   import UploadComponent from '@/components/costAudit/UploadComponent.vue'
   import basicInfoTab from './BasicInfoTab.vue'
-  import materialTab from './materialTab.vue'
+  import materialTab from './MaterialTab.vue'
   import surveyTab from './surveyTab.vue'
   import workflowTab from './workflowTab.vue'
   import auditNoticeTab from './auditNoticeTab.vue'
@@ -184,12 +184,11 @@
       visible(newVal) {
         if (newVal) {
           this.activeTab = 'basicInfo'
+          this.handleTabClick()
         }
       },
     },
-    mounted() {
-      this.handleTabClick()
-    },
+    mounted() {},
     methods: {
       // 保存
       handleSave() {

src/views/costAudit/baseInfo/statistics/components/auditNoticeTab.vue

@@ -640,8 +640,8 @@
             showOverflowTooltip: true,
             align: 'center',
             width: 120,
-            formatter: (row) =>
-              this.getDictName('whGenerateType', row.generateType),
+            // formatter: (row) =>
+            //   this.getDictName('whGenerateType', row.generateType),
           },
         ]
       },
@@ -674,7 +674,7 @@
       },
     },
     mounted() {
-      this.loadOpts()
+      //this.loadOpts()
     },
     methods: {
       // 查看监审文书

src/views/costAudit/baseInfo/statistics/components/auditOpinion.vue

@@ -0,0 +1,511 @@
+<template>
+  <div class="opinions-content">
+    <!-- 初步审核意见 -->
+    <div class="opinion-section">
+      <div class="opinion-header">
+        <h3>成本审核初步意见</h3>
+        <!-- <el-button
+          class="ml10"
+          type="primary"
+          size="small"
+          :disabled="isPreliminaryDisabled || disabled"
+          @click="handleSavePreliminaryOpinion"
+        >
+          保存
+        </el-button> -->
+      </div>
+
+      <el-form
+        :model="preliminaryOpinionForm"
+        label-width="180px"
+        :class="{ 'disabled-section': isPreliminaryDisabled }"
+      >
+        <el-form-item label="被审核单位基本情况及主要财务数据：">
+          <el-input
+            v-model="preliminaryOpinionForm.basicSituation"
+            type="textarea"
+            :disabled="isPreliminaryDisabled || disabled"
+            :autosize="{ minRows: 2, maxRows: 10 }"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="成本费用核算情况及问题：">
+          <el-input
+            v-model="preliminaryOpinionForm.currentPriceStandard"
+            type="textarea"
+            :disabled="isPreliminaryDisabled || disabled"
+            :autosize="{ minRows: 2, maxRows: 10 }"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="成本费用控制措施及建议：">
+          <el-input
+            v-model="preliminaryOpinionForm.costComposition"
+            type="textarea"
+            :disabled="isPreliminaryDisabled || disabled"
+            :autosize="{ minRows: 2, maxRows: 10 }"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="成本审核初步意见：">
+          <el-input
+            v-model="preliminaryOpinionForm.preliminaryOpinion"
+            type="textarea"
+            :disabled="isPreliminaryDisabled || disabled"
+            :autosize="{ minRows: 2, maxRows: 10 }"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <!-- 被审核单位反馈意见 -->
+    <div class="opinion-section">
+      <div class="opinion-header">
+        <h3>监审单位反馈意见：</h3>
+      </div>
+
+      <el-form :model="feedbackForm" label-width="180px">
+        <el-form-item label="被审核单位反馈意见：">
+          <el-input
+            v-model="feedbackForm.feedbackOpinion"
+            disabled
+            type="textarea"
+            :autosize="{ minRows: 2, maxRows: 10 }"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="被审核单位反馈附件：">
+          <div v-if="feedbackForm.feedbackMaterial" class="file-item">
+            <i class="el-icon-document"></i>
+            <span
+              class="file-link"
+              @click="handleFileView(feedbackForm.feedbackMaterial)"
+            >
+              {{ getFileName(feedbackForm.feedbackMaterial) }}
+            </span>
+          </div>
+          <div v-else class="no-file">
+            <span style="color: #909399">暂无附件</span>
+          </div>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <!-- 成本审核结论意见 -->
+    <div class="opinion-section">
+      <div class="opinion-header">
+        <h3>成本审核结论意见</h3>
+        <!-- <el-button
+          class="ml10"
+          type="primary"
+          size="small"
+          :disabled="!isConclusionEditable || disabled"
+          @click="handleSaveConclusionOpinion"
+        >
+          保存
+        </el-button> -->
+      </div>
+
+      <el-form :model="conclusionOpinionForm" label-width="180px">
+        <el-form-item label="成本审核结论意见：">
+          <el-input
+            v-model="conclusionOpinionForm.conclusionOpinion"
+            type="textarea"
+            :disabled="!isConclusionEditable || disabled"
+            :autosize="{ minRows: 2, maxRows: 10 }"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="整改要求及时间：">
+          <el-input
+            v-model="conclusionOpinionForm.rectificationRequirements"
+            type="textarea"
+            :disabled="!isConclusionEditable || disabled"
+            :autosize="{ minRows: 2, maxRows: 10 }"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="备注：">
+          <el-input
+            v-model="conclusionOpinionForm.remark"
+            type="textarea"
+            :disabled="!isConclusionEditable || disabled"
+            :autosize="{ minRows: 2, maxRows: 10 }"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {
+    getPreliminaryOpinion,
+    addPreliminaryOpinion,
+  } from '@/api/audit/preliminaryOpinion'
+  export default {
+    name: 'AuditOpinion',
+    props: {
+      id: {
+        type: [String, Number],
+        default: null,
+      },
+      currentNode: {
+        type: String,
+        default: '',
+      },
+      status: {
+        type: String,
+        default: '',
+      },
+      disabled: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    data() {
+      return {
+        // 审核意见表单数据
+        preliminaryOpinionForm: {
+          id: '',
+          basicSituation: '',
+          currentPriceStandard: '',
+          costComposition: '',
+          preliminaryOpinion: '',
+        },
+
+        feedbackForm: {
+          feedbackOpinion: '',
+          feedbackMaterial: '', // 反馈附件（单个URL字符串）
+        },
+
+        conclusionOpinionForm: {
+          id: '',
+          conclusionOpinion: '',
+          rectificationRequirements: '',
+          remark: '',
+        },
+      }
+    },
+    computed: {
+      // 判断初步意见是否需要置灰（currentNode === 'yjfk' && status === '已反馈'）
+      isPreliminaryDisabled() {
+        return this.currentNode === 'yjfk' && this.status === '已反馈'
+      },
+      // 判断结论意见是否可编辑（currentNode === 'yjfk' && status === '已反馈'）
+      isConclusionEditable() {
+        return this.currentNode === 'yjfk' && this.status === '已反馈'
+      },
+    },
+    watch: {
+      id(newVal) {
+        // 当 id 变化时，重新获取数据
+        if (newVal) {
+          this.getPreliminaryOpinionData()
+        }
+      },
+    },
+    mounted() {
+      // 组件挂载时，如果有 id，获取数据
+      if (this.id) {
+        this.getPreliminaryOpinionData()
+      }
+    },
+    methods: {
+      // 获取初步审核意见数据
+      async getPreliminaryOpinionData() {
+        if (!this.id) {
+          return
+        }
+        try {
+          const res = await getPreliminaryOpinion({ taskId: this.id })
+          if (res && res.value) {
+            const data = res.value
+            // 回显初步审核意见数据
+            if (data.id) {
+              this.preliminaryOpinionForm = {
+                id: data.id,
+                basicSituation: data.basicSituation || '',
+                currentPriceStandard: data.currentPriceStandard || '',
+                costComposition: data.costComposition || '',
+                preliminaryOpinion: data.preliminaryOpinion || '',
+              }
+            }
+            // 回显结论意见数据（如果接口返回了结论意见）
+            if (
+              data.conclusionOpinion !== undefined ||
+              data.rectificationRequirements !== undefined ||
+              data.remark !== undefined
+            ) {
+              this.conclusionOpinionForm = {
+                id: data.conclusionId || data.id || '',
+                conclusionOpinion: data.conclusionOpinion || '',
+                rectificationRequirements: data.rectificationRequirements || '',
+                remark: data.remark || '',
+              }
+            }
+            // 回显反馈意见数据（如果接口返回了反馈意见）
+            if (
+              data.feedbackOpinion !== undefined ||
+              data.feedbackMaterials !== undefined
+            ) {
+              // 处理单个附件（可能是字符串或数组的第一个元素）
+              let feedbackMaterial = ''
+              if (data.feedbackMaterials) {
+                if (typeof data.feedbackMaterials === 'string') {
+                  // 如果是字符串，直接使用
+                  feedbackMaterial = data.feedbackMaterials
+                } else if (
+                  Array.isArray(data.feedbackMaterials) &&
+                  data.feedbackMaterials.length > 0
+                ) {
+                  // 如果是数组，取第一个元素
+                  const firstItem = data.feedbackMaterials[0]
+                  if (typeof firstItem === 'string') {
+                    feedbackMaterial = firstItem
+                  } else if (firstItem && firstItem.url) {
+                    feedbackMaterial = firstItem.url
+                  } else if (
+                    firstItem &&
+                    firstItem.response &&
+                    firstItem.response.savePath
+                  ) {
+                    feedbackMaterial = firstItem.response.savePath
+                  }
+                }
+              }
+
+              this.feedbackForm = {
+                feedbackOpinion: data.feedbackOpinion || '',
+                feedbackMaterial: feedbackMaterial,
+              }
+            }
+          }
+        } catch (error) {
+          console.error('获取初步审核意见失败:', error)
+          // 获取失败不影响页面显示，静默处理
+        }
+      },
+      // 成本审核意见操作
+      handleSavePreliminaryOpinion() {
+        if (!this.id) {
+          this.$message.error('缺少任务ID')
+          return
+        }
+
+        // 判断是新增还是编辑（根据是否有 id）
+        const formData = {
+          basicSituation: this.preliminaryOpinionForm.basicSituation || '',
+          currentPriceStandard:
+            this.preliminaryOpinionForm.currentPriceStandard || '',
+          costComposition: this.preliminaryOpinionForm.costComposition || '',
+          preliminaryOpinion:
+            this.preliminaryOpinionForm.preliminaryOpinion || '',
+          taskId: this.id,
+        }
+
+        // 如果有 id，则是编辑，需要添加 id 字段
+        if (this.preliminaryOpinionForm.id) {
+          formData.id = this.preliminaryOpinionForm.id
+        }
+
+        addPreliminaryOpinion(formData)
+          .then((res) => {
+            if (res.code === 200) {
+              this.$message({ type: 'success', message: '初步审核意见已保存' })
+              // 保存成功后，如果有返回 id，更新表单中的 id
+              if (res.value && res.value.id) {
+                this.preliminaryOpinionForm.id = res.value.id
+              }
+              // 通知父组件刷新列表
+              this.$emit('refresh')
+            } else {
+              this.$message({ type: 'error', message: res.message })
+            }
+          })
+          .catch((error) => {
+            // this.$message({ type: 'error', message: '保存失败，请稍后重试' })
+            console.error('保存初步审核意见失败:', error)
+          })
+      },
+
+      handleSaveConclusionOpinion() {
+        if (!this.id) {
+          this.$message.error('缺少任务ID')
+          return
+        }
+
+        // 判断是新增还是编辑（根据是否有 id）
+        // 传递所有字段（包括初步意见、结论意见和反馈意见）
+        const formData = {
+          // 成本监审意见数据（初步意见）
+          basicSituation: this.preliminaryOpinionForm.basicSituation || '',
+          currentPriceStandard:
+            this.preliminaryOpinionForm.currentPriceStandard || '',
+          costComposition: this.preliminaryOpinionForm.costComposition || '',
+          preliminaryOpinion:
+            this.preliminaryOpinionForm.preliminaryOpinion || '',
+          // 成本审核结论意见数据
+          conclusionOpinion: this.conclusionOpinionForm.conclusionOpinion || '',
+          rectificationRequirements:
+            this.conclusionOpinionForm.rectificationRequirements || '',
+          remark: this.conclusionOpinionForm.remark || '',
+          // 监审单位反馈意见数据
+          feedbackOpinion: this.feedbackForm.feedbackOpinion || '',
+          feedbackMaterials: this.feedbackForm.feedbackMaterial || '', // 反馈附件（单个URL字符串）
+          taskId: this.id,
+        }
+
+        // 如果有初步意见的 id，则添加 id 字段（用于编辑）
+        if (this.preliminaryOpinionForm.id) {
+          formData.id = this.preliminaryOpinionForm.id
+        }
+        // 如果有结论意见的 id，也添加（可能是 conclusionId）
+        if (
+          this.conclusionOpinionForm.id &&
+          this.conclusionOpinionForm.id !== this.preliminaryOpinionForm.id
+        ) {
+          formData.conclusionId = this.conclusionOpinionForm.id
+        }
+
+        addPreliminaryOpinion(formData)
+          .then((res) => {
+            if (res.code === 200) {
+              this.$message({ type: 'success', message: '审核结论意见已保存' })
+              // 保存成功后，如果有返回 id，更新表单中的 id
+              if (res.value && res.value.id) {
+                this.preliminaryOpinionForm.id = res.value.id
+              }
+              if (res.value && res.value.conclusionId) {
+                this.conclusionOpinionForm.id = res.value.conclusionId
+              }
+              // 通知父组件刷新列表并关闭弹窗
+              this.$emit('refresh')
+              this.$emit('close')
+            } else {
+              this.$message({ type: 'error', message: res.message })
+            }
+          })
+          .catch((error) => {
+            // this.$message({ type: 'error', message: '保存失败，请稍后重试' })
+            console.error('保存审核结论意见失败:', error)
+          })
+      },
+      // 从URL获取文件名
+      getFileNameFromUrl(url) {
+        if (!url) return '未知文件'
+        try {
+          const urlParts = url.split('/')
+          const fileName = urlParts[urlParts.length - 1]
+          // 如果有查询参数，去除
+          return fileName.split('?')[0] || '未知文件'
+        } catch (e) {
+          return '未知文件'
+        }
+      },
+      // 获取文件名（支持对象和字符串）
+      getFileName(file) {
+        if (typeof file === 'string') {
+          return this.getFileNameFromUrl(file)
+        }
+        if (file && file.name) {
+          return file.name
+        }
+        if (file && file.url) {
+          return this.getFileNameFromUrl(file.url)
+        }
+        return '未知文件'
+      },
+      // 查看文件
+      handleFileView(fileUrl) {
+        if (!fileUrl) {
+          this.$message.error('暂无文件！')
+          return
+        }
+        let _fileUrl = ''
+        if (fileUrl.startsWith('http')) {
+          _fileUrl = fileUrl
+        } else {
+          _fileUrl = window.context.form + fileUrl
+        }
+        // 对文件URL进行Base64编码
+        const encodedUrl = encodeURIComponent(Base64.encode(_fileUrl))
+
+        // 构建 kkFileView 预览URL
+        // onlinePreview - 在线预览
+        // onlinePreview?type=pdf - 强制使用PDF模式预览
+        window.open(`${host}:8012/onlinePreview?url=${encodedUrl}&type=pdf`)
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  .opinions-content {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    padding: 0;
+  }
+
+  .opinion-section {
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    padding: 20px;
+    margin-top: 20px;
+  }
+
+  .disabled-section {
+    opacity: 0.7;
+    background-color: #f5f5f5;
+  }
+
+  .opinion-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+
+  .opinion-header h3 {
+    margin: 0;
+    font-size: 14px;
+    font-weight: 500;
+  }
+
+  .opinion-section .el-form-item {
+    margin-bottom: 15px;
+  }
+
+  .ml10 {
+    margin-left: 10px;
+  }
+
+  .file-item {
+    display: flex;
+    align-items: center;
+    padding: 8px 12px;
+    background-color: #f5f7fa;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+  }
+
+  .file-item:hover {
+    background-color: #e4e7ed;
+  }
+
+  .file-item i {
+    margin-right: 8px;
+    color: #409eff;
+    font-size: 16px;
+  }
+
+  .file-link {
+    color: #409eff;
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  .file-link:hover {
+    text-decoration: underline;
+  }
+
+  .no-file {
+    color: #909399;
+    padding: 8px 0;
+  }
+</style>

src/views/costAudit/baseInfo/statistics/components/cbjsInfo.vue

@@ -1,11 +1,12 @@
 <template>
   <div class="cbjs-info-container">
     <el-dialog
-      :visible.sync="visible"
+      :visible="visible"
       :title="dialogTitle"
       width="90%"
       :close-on-click-modal="false"
       @close="handleClose"
+      @update:visible="$emit('update:visible', $event)"
     >
       <!-- 标签页面 -->
       <el-tabs
@@ -32,7 +33,7 @@
             :audited-unit-id="auditedUnitId"
             :catalog-id="catalogId"
             :task-id="taskId"
-            :project-id="selectedProject.projectId"
+            :project-id="projectId"
           />
         </el-tab-pane>
         <el-tab-pane
@@ -42,6 +43,7 @@
         >
           <cost-audit
             :id="id"
+            ref="costAudit"
             :disabled="true"
             :selected-project="selectedProject"
           />
@@ -73,7 +75,7 @@
           />
         </el-tab-pane>
         <el-tab-pane label="消息通知" name="messageNotify">
-          <message-notify :id="id" :disabled="true" />
+          <message-notify :id="id" ref="messageNotifyRef" :disabled="true" />
         </el-tab-pane>
       </el-tabs>
     </el-dialog>
@@ -81,13 +83,13 @@
 </template>
 
 <script>
-  import costAudit from '@/components/task/components/costAudit.vue'
-  import costSurvey from '@/components/task/components/costSurvey.vue'
-  import submitData from '@/components/task/components/submitData.vue'
-  import workDraft from '@/components/task/components/workDraft.vue'
-  import extractMaterial from '@/components/task/components/extractMaterial.vue'
-  import auditOpinion from '@/components/task/components/auditOpinion.vue'
-  import messageNotify from '@/components/task/components/messageNotify.vue'
+  import costAudit from './costAudit.vue'
+  import costSurvey from './costSurvey.vue'
+  import submitData from './submitData.vue'
+  import workDraft from './workDraft.vue'
+  import extractMaterial from './extractMaterial.vue'
+  import auditOpinion from './auditOpinion.vue'
+  import messageNotify from './messageNotify.vue'
 
   export default {
     name: 'CbjsInfo',
@@ -171,6 +173,9 @@
           ''
         )
       },
+      projectId() {
+        return (this.selectedProject && this.selectedProject.projectId) || ''
+      },
     },
     watch: {
       visible(newVal) {
@@ -218,14 +223,14 @@
       },
     },
     mounted() {
-      // 设置标签页
-      this.setActiveTab()
-      // 如果默认即为报送资料，首次打开立即加载
-      this.$nextTick(() => {
-        if (this.activeTab === 'submitData') {
-          this.triggerSubmitDataLoad()
-        }
-      })
+      // // 设置标签页
+      // this.setActiveTab()
+      // // 如果默认即为报送资料，首次打开立即加载
+      // this.$nextTick(() => {
+      //   if (this.activeTab === 'submitData') {
+      //     this.triggerSubmitDataLoad()
+      //   }
+      // })
     },
     methods: {
       // 根据 currentNode 和 currentStatus 设置活动标签页
@@ -264,6 +269,20 @@
           this.$nextTick(() => {
             this.triggerSubmitDataLoad()
           })
+        } else if (tab && tab.name === 'messageNotify') {
+          // 切到消息通知时，调用子组件刷新
+          this.$nextTick(() => {
+            if (this.$refs && this.$refs.messageNotifyRef) {
+              this.$refs.messageNotifyRef.getNoticeList()
+            }
+          })
+        } else if (tab && tab.name === 'costAudit') {
+          // 切到成本审核时，调用子组件刷新
+          this.$nextTick(() => {
+            if (this.$refs && this.$refs.costAudit) {
+              this.$refs.costAudit.getDetail()
+            }
+          })
         }
       },
       // 触发报送资料子组件加载

src/views/costAudit/baseInfo/statistics/components/costAudit.vue

@@ -0,0 +1,1274 @@
+<template>
+  <div class="app-container">
+    <div class="audit-controls">
+      <el-form
+        ref="auditForm"
+        :model="auditForm"
+        :rules="rules"
+        :disabled="disabled"
+      >
+        <!-- <el-row>
+          <el-col :span="6">
+            <el-form-item label="" prop="catalogId">
+              <div
+                style="display: flex; justify-self: start; align-items: center"
+              >
+                <div style="width: 120px">监审类别:</div>
+                <el-cascader
+                  v-model="auditForm.catalogId"
+                  :options="catalogListOptions"
+                  v-bind="props"
+                  style="width: 200px"
+                  clearable
+                ></el-cascader>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="核定模板名称:" prop="surveyTemplateName">
+              <el-input
+                v-model="auditForm.surveyTemplateName"
+                style="width: 200px"
+                clearable
+                placeholder="请输入核定模板名称"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row> -->
+        <el-row :gutter="20">
+          <el-col :span="6">
+            <el-form-item label="" prop="templateType">
+              <div
+                style="display: flex; justify-self: start; align-items: center"
+              >
+                <el-radio
+                  v-model="auditForm.templateType"
+                  label="1"
+                  @change="handleTemplateTypeChange"
+                >
+                  选择调查表修改核定表
+                </el-radio>
+                <el-select
+                  v-model="auditForm.dataTable"
+                  placeholder="请选择"
+                  :disabled="auditForm.templateType !== '1'"
+                >
+                  <el-option
+                    v-for="item in surveyFormList"
+                    :key="item.id"
+                    :label="item.surveyTemplateName"
+                    :value="item.surveyTemplateId"
+                  ></el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="" prop="">
+              <div
+                style="display: flex; justify-self: start; align-items: center"
+              >
+                <el-radio
+                  v-model="auditForm.templateType"
+                  label="2"
+                  @change="handleTemplateTypeChange"
+                >
+                  选择核定表历史版本
+                </el-radio>
+                <el-select
+                  v-model="auditForm.historyTemplate"
+                  placeholder="请选择"
+                  :disabled="auditForm.templateType !== '2'"
+                >
+                  <el-option
+                    v-for="item in auditFormList"
+                    :key="item.id"
+                    :label="item.surveyTemplateName"
+                    :value="item.surveyTemplateId"
+                  ></el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+
+    <el-table :data="costAuditData" style="width: 100%" border>
+      <el-table-column
+        v-for="item in costAuditcolumn"
+        :key="item.prop"
+        :prop="item.prop"
+        :label="item.label"
+        :width="item.width"
+        :align="item.align"
+        :fixed="item.fixed"
+        show-overflow-tooltip
+      >
+        <!-- <template slot-scope="scope"> 
+        <el-input
+          v-model="scope.row[item.prop]"
+          :placeholder="item.label"
+          :disabled="item.disabled"
+          style="width: 80%;"
+        ></el-input>
+      </template> -->
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+  import {
+    generateCostVerifyForm,
+    generateCostVerifyFormData,
+    getActiveCostVerifyFormList,
+    getActiveCostVerifyFormListByType,
+    getCostFormVersionsByTemplateId,
+    batchSaveOrUpdate,
+  } from '@/api/costFormManage'
+  import {
+    getlistBySurveyTemplateId,
+    getVerifyTemplateDetail,
+    importExcel,
+    exportExcel,
+  } from '@/api/costVerifyManage'
+  import { getDetail } from '@/api/auditInitiation'
+  import { catalogMixin } from '@/mixins/useDict'
+  export default {
+    name: 'CostAudit',
+    mixins: [catalogMixin],
+    props: {
+      id: {
+        type: [String, Number],
+        default: null,
+      },
+      selectedProject: {
+        type: Object,
+        default: () => {
+          return {}
+        },
+      },
+      currentNode: {
+        type: String,
+        default: '',
+      },
+      currentStatus: {
+        type: String,
+        default: '',
+      },
+      disabled: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    data() {
+      return {
+        props: {
+          filterable: true,
+          placeholder: '请选择监审类别',
+          style: 'width: 100%',
+          showAllLevels: false,
+          props: {
+            multiple: false,
+            children: 'children',
+            checkStrictly: false,
+            label: 'catalogName',
+            value: 'id',
+            emitPath: false,
+          },
+        },
+        // 成本核定表模板列表
+        auditFormList: [],
+        // 成本调查表模板列表
+        surveyFormList: [],
+        auditForm: {
+          surveyTemplateName: '',
+          surveyTemplateId: '',
+          templateType: '',
+          dataTable: '',
+          historyTemplate: '',
+          catalogId: '',
+        },
+        rules: {
+          catalogId: [
+            { required: true, message: '请输选择监审类别', trigger: 'change' },
+          ],
+          surveyTemplateName: [
+            { required: true, message: '请输入模版名称', trigger: 'blur' },
+          ],
+        },
+        tableHeadersRes: [],
+        tableDataRes: [],
+        // 成本审核表格列配置
+        costAuditcolumn: [
+          // {
+          //   prop: 'id',
+          //   label: '序号',
+          //   width: 80,
+          //   align: 'center',
+          // },
+          // {
+          //   prop: 'itemName',
+          //   label: '项目',
+          //   width: 180,
+          // },
+          // {
+          //   prop: 'unit',
+          //   label: '单位',
+          //   width: 100,
+          //   align: 'center',
+          // },
+          // {
+          //   prop: 'year2022BookValue',
+          //   label: '2022年账面值',
+          //   width: 120,
+          //   align: 'right',
+          // },
+          // {
+          //   prop: 'year2022Audit',
+          //   label: '2022年审核',
+          //   width: 120,
+          //   align: 'center',
+          // },
+          // {
+          //   prop: 'year2022ApprovedValue',
+          //   label: '2022年核定值',
+          //   width: 120,
+          //   align: 'right',
+          // },
+          // {
+          //   prop: 'year2023BookValue',
+          //   label: '2023年账面值',
+          //   width: 120,
+          //   align: 'right',
+          // },
+          // {
+          //   prop: 'year2023Audit',
+          //   label: '2023年审核',
+          //   width: 120,
+          //   align: 'center',
+          // },
+          // {
+          //   prop: 'year2023ApprovedValue',
+          //   label: '2023年核定值',
+          //   width: 120,
+          //   align: 'right',
+          // },
+          // {
+          //   prop: 'year2024BookValue',
+          //   label: '2024年账面值',
+          //   width: 120,
+          //   align: 'right',
+          // },
+          // {
+          //   prop: 'year2024Audit',
+          //   label: '2024年审核',
+          //   width: 120,
+          //   align: 'center',
+          // },
+          // {
+          //   prop: 'year2024ApprovedValue',
+          //   label: '2024年核定值',
+          //   width: 120,
+          //   align: 'right',
+          // },
+          // {
+          //   prop: 'action',
+          //   label: '操作',
+          //   width: 150,
+          //   align: 'center',
+          //   fixed: 'right',
+          // },
+        ],
+        // 成本审核数据
+        costAuditData: [
+          // {
+          //   id: '一',
+          //   itemName: '人员费用小计',
+          //   unit: '元',
+          // },
+          // {
+          //   id: 1,
+          //   itemName: '基本工资',
+          //   unit: '元',
+          // },
+        ],
+        project: {},
+      }
+    },
+    watch: {
+      // 监听id变化
+      // id(newVal) {
+      //   if (newVal) {
+      //     this.$nextTick(() => {
+      //     })
+      //   }
+      // },
+      // selectedProject(newVal) {
+      //   if (newVal) {
+      //     this.$nextTick(() => {
+      //       // 获取项目的成本审核表数据
+      //       this.getDetail()
+      //     })
+      //   }
+      // },
+    },
+    created() {
+      // if (this.selectedProject && this.selectedProject.projectId) {
+      //   // 获取项目的详情数据
+      //   this.getDetail()
+      // }
+    },
+    methods: {
+      getDetail() {
+        this.getActiveCostVerifyFormListByType()
+        this.getActiveCostVerifyFormList()
+        // 获取项目的详情数据
+        getDetail({ id: this.selectedProject.projectId }).then((res) => {
+          if (res.code === 200) {
+            this.project = res.value
+            this.auditForm.catalogId = res.value.catalogId
+            // this.auditForm.surveyTemplateId = '9368f1cf-77e7-49fe-8502-4a7a2da99668'
+            this.loadTemplateData()
+          }
+        })
+      },
+      // 获取所有模板类型为固定表的所有启用成本调查表数据
+      getActiveCostVerifyFormListByType() {
+        getActiveCostVerifyFormListByType().then((res) => {
+          if (res.code === 200) {
+            this.surveyFormList = res.value
+          }
+        })
+      },
+      // 获取所有状态为启用的成本核定表模板数据
+      getActiveCostVerifyFormList() {
+        getActiveCostVerifyFormList().then((res) => {
+          if (res.code === 200) {
+            this.auditFormList = res.value
+          }
+        })
+      },
+      // TemplateTypeChange
+      handleTemplateTypeChange(val) {
+        if (this.auditForm.templateType == '1') {
+          this.historyTemplate = ''
+        } else if (this.auditForm.templateType == '2') {
+          this.dataTable = ''
+        }
+      },
+
+      // 模板生成操作
+      handleGenerateTemplate() {
+        // 提示生成后不能修改
+        this.$confirm(
+          '生成后不能修改根据调查表生成还是根据历史核定模板生成，确定生成模板吗？',
+          '提示',
+          {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+          }
+        ).then(() => {
+          // 校验表单
+          this.$refs['auditForm'].validate((valid) => {
+            if (valid) {
+              if (this.auditForm.templateType == '1') {
+                if (!this.auditForm.dataTable) {
+                  this.$message.error('请选择成本调查表模板')
+                  return
+                }
+                this.generateFromSurveyTemplate()
+              } else if (this.auditForm.templateType == '2') {
+                if (!this.auditForm.historyTemplate) {
+                  this.$message.error('请选择历史核定模板')
+                  return
+                }
+                this.generateFromHistoryTemplate()
+              }
+              // this.$message({ type: 'success', message: '模板生成成功' })
+            } else {
+              this.$message.error('请填写表单数据')
+              return
+            }
+          })
+        })
+      },
+      // 根据调查表生成模板
+      async generateFromSurveyTemplate() {
+        try {
+          // 保存模板基本信息
+          let data = await generateCostVerifyForm({
+            catalogId: this.auditForm.catalogId,
+            templatename: this.auditForm.surveyTemplateName,
+            templateId: this.auditForm.dataTable,
+            taskId: this.selectedProject.taskId,
+          })
+          this.auditForm.surveyTemplateId = data.value
+            ? data.value.surveyTemplateId
+            : ''
+          this.loadTemplateDataForEdit(this.auditForm.surveyTemplateId)
+        } catch (error) {
+          console.error('生成模板失败：', error)
+        } finally {
+        }
+      },
+      // 根据历史核定模板生成
+      async generateFromHistoryTemplate() {
+        // 保存模板基本信息
+        let data = await generateCostVerifyFormData({
+          catalogId: this.auditForm.catalogId,
+          templatename: this.auditForm.surveyTemplateName,
+          templateId: this.auditForm.historyTemplate,
+          taskId: this.selectedProject.taskId,
+        })
+        this.auditForm.surveyTemplateId = data.value
+          ? data.value.surveyTemplateId
+          : ''
+        this.loadTemplateDataForEdit(this.auditForm.surveyTemplateId)
+      },
+      // 回显数据用
+      async loadTemplateData(surveyTemplateId) {
+        // 先获取表格数据
+        const tableDataRes = await getCostFormVersionsByTemplateId({
+          taskId: this.selectedProject.taskId,
+          // surveyTemplateId: '',
+        })
+
+        // 处理表格数据
+        if (tableDataRes.code == 200) {
+          this.auditForm.surveyTemplateId =
+            tableDataRes.value.itemlist[0].surveyTemplateId
+          // 有数据后再获取表头数据
+          const tableHeadersRes = await getlistBySurveyTemplateId({
+            // taskId: this.selectedProject.taskId,
+            surveyTemplateId: this.auditForm.surveyTemplateId,
+          })
+          getVerifyTemplateDetail({
+            id: this.auditForm.surveyTemplateId,
+          }).then((res) => {
+            this.auditForm.surveyTemplateName = res.value.surveyTemplateName
+            this.auditForm.catalogId = res.value.catalogId
+            this.auditForm.templateType = res.value.createmode
+            if (res.value.createmode == '1') {
+              this.auditForm.dataTable = res.value.createtemplateid
+            } else if (res.value.createmode == '2') {
+              this.auditForm.historyTemplate = res.value.createtemplateid
+            }
+          })
+
+          // 处理表头数据
+          if (tableHeadersRes.code == 200) {
+            this.parseAndDisplayTableHeaders(tableHeadersRes)
+            this.parseAndDisplayTableData(tableDataRes)
+            await this.tryEchoUploadData()
+          }
+        }
+      },
+      async loadTemplateDataForEdit(surveyTemplateId) {
+        // 并行获取表头和表格数据
+        const [tableHeadersRes, tableDataRes] = await Promise.all([
+          getlistBySurveyTemplateId({
+            surveyTemplateId: this.auditForm.surveyTemplateId,
+            taskId: this.selectedProject.taskId,
+          }),
+          getCostFormVersionsByTemplateId({
+            surveyTemplateId: this.auditForm.surveyTemplateId,
+            taskId: this.selectedProject.taskId,
+          }),
+        ])
+        // 处理表头数据
+        if (tableHeadersRes.code == 200) {
+          this.parseAndDisplayTableHeaders(tableHeadersRes)
+        }
+        // 处理表格数据
+        if (tableDataRes.code == 200) {
+          this.parseAndDisplayTableData(tableDataRes)
+          await this.tryEchoUploadData()
+        }
+      },
+      // 根据已存在的上传数据进行回显（若有）
+      async tryEchoUploadData() {
+        try {
+          const uploadId = (this.auditForm && this.auditForm.uploadId) || ''
+          const auditedUnitId = this.auditedUnitId || ''
+          const taskId =
+            (this.selectedProject && this.selectedProject.taskId) || ''
+          // if (!uploadId || !auditedUnitId) return
+          const params = {
+            // uploadId,
+            // auditedUnitId,
+            type: '3',
+            taskId: taskId,
+          }
+          const res = await getSurveyDetail(params)
+          if (res && res.code === 200 && res.value) {
+            const triplets = Array.isArray(res.value)
+              ? res.value
+              : res.value.items || res.value.records || []
+            if (!Array.isArray(triplets) || triplets.length === 0) return
+            // 建立字段名映射：rkey(中文列名) -> fieldEname(表格prop)
+            const headerMap = {}
+            ;(this.tableHeadersRes || []).forEach((h) => {
+              if (h && h.fieldName && h.fieldEname)
+                headerMap[h.fieldName] = h.fieldEname
+            })
+            // 行索引：rowid -> 行对象
+            const rowMap = new Map()
+            ;(this.costAuditData || []).forEach((row) => {
+              if (row && row.rowid !== undefined && row.rowid !== null) {
+                rowMap.set(String(row.rowid), row)
+              }
+            })
+            // 应用回显
+            triplets.forEach((item) => {
+              const rowid = item.rowid || item.rowId || item.ROWID
+              const rkey = item.rkey || item.rKey || item.RKEY
+              const rvalue = item.rvalue || item.rValue || item.RVALUE
+              if (!rowid || !rkey) return
+              const row = rowMap.get(String(rowid))
+              const prop = headerMap[rkey]
+              if (row && prop) {
+                row[prop] = rvalue != null ? String(rvalue) : ''
+              }
+            })
+            // 强制刷新
+            this.costAuditData = [...this.costAuditData]
+          }
+        } catch (e) {
+          // 静默失败即可
+          console.warn('回显上传数据失败: ', e)
+        }
+      },
+      parseAndDisplayTableHeaders(res) {
+        this.tableHeadersRes = Array.isArray(res.value) ? res.value : []
+        if (this.tableHeadersRes.length > 0) {
+          this.auditForm.surveyTemplateId = res.value[0].surveyTemplateId
+          if (!this.auditForm.surveyTemplateId) {
+            getVerifyTemplateDetail({
+              id: this.auditForm.surveyTemplateId,
+            }).then((res) => {
+              this.auditForm.surveyTemplateName = res.value.surveyTemplateName
+              this.auditForm.catalogId = res.value.catalogId
+            })
+          }
+
+          // 表头按照orderNum重新排序
+          this.tableHeadersRes.sort((a, b) => a.orderNum - b.orderNum)
+          this.costAuditcolumn = [] // 清空现有列配置
+          this.tableHeadersRes.forEach((item) => {
+            let column = {
+              ...item,
+              prop: item.fieldEname,
+              label: item.fieldName,
+              width: '150px',
+              align: 'center',
+            }
+            this.costAuditcolumn.push(column)
+          })
+          this.costAuditcolumn.push({
+            prop: 'unit',
+            label: '单位',
+            width: '80px',
+          })
+          // 检查tableHeadersRes数组是否包含年账面值
+          const hasBookValueColumn = this.checkHasBookValueColumn()
+
+          if (!hasBookValueColumn && this.selectedProject.auditPeriod) {
+            // 获取审计期间并按年份排序
+            let auditPeriod = this.selectedProject.auditPeriod
+              .split(',')
+              .map((year) => parseInt(year))
+              .sort((a, b) => a - b)
+              .map((year) => year.toString())
+            let num = this.tableHeadersRes.length
+            // 按年份顺序生成三个字段
+            auditPeriod.forEach((item) => {
+              // 账面价值字段
+              let bookValueColumn = {
+                prop: 'year' + item + 'BookValue',
+                label: item + '年账面值',
+                width: '120px',
+                align: 'right',
+                fieldName: item + '年账面值',
+                fieldType: 'integer',
+                format: '',
+                fieldTypelen: '255',
+                fieldTypenointlen: '',
+                isAuditPeriod: 'true',
+                isRequired: 'true',
+                showVisible: '1',
+                isDict: 'false',
+                dictid: '',
+                dictValue: '',
+                tabtype: this.tableHeadersRes[0].tabtype,
+                surveyTemplateId: this.tableHeadersRes[0].surveyTemplateId,
+                versionId: this.tableHeadersRes[0].versionId,
+                orderNum: this.getMaxOrderNum() + 1,
+              }
+              this.costAuditcolumn.push(bookValueColumn)
+              this.tableHeadersRes.push(bookValueColumn)
+              // 审核字段
+              let auditColumn = {
+                prop: 'year' + item + 'Audit',
+                label: item + '年审核调整值',
+                width: '150px',
+                align: 'center',
+                fieldName: item + '年审核调整值',
+                fieldType: 'integer',
+                format: '',
+                fieldTypelen: '255',
+                fieldTypenointlen: '',
+                isRequired: 'true',
+                isAuditPeriod: 'true',
+                showVisible: '1',
+                isDict: 'false',
+                dictid: '',
+                dictValue: '',
+                tabtype: this.tableHeadersRes[0].tabtype,
+                surveyTemplateId: this.tableHeadersRes[0].surveyTemplateId,
+                versionId: this.tableHeadersRes[0].versionId,
+                orderNum: this.getMaxOrderNum() + num + 1,
+              }
+              this.costAuditcolumn.push(auditColumn)
+              this.tableHeadersRes.push(auditColumn)
+              // 核定值字段
+              let approvedValueColumn = {
+                prop: 'year' + item + 'ApprovedValue',
+                label: item + '年核定值',
+                width: '120px',
+                align: 'right',
+                fieldName: item + '年核定值',
+                fieldType: 'integer',
+                format: '',
+                fieldTypelen: '255',
+                fieldTypenointlen: '',
+                isRequired: 'true',
+                isAuditPeriod: 'true',
+                showVisible: '1',
+                isDict: 'false',
+                dictid: '',
+                dictValue: '',
+                tabtype: this.tableHeadersRes[0].tabtype,
+                surveyTemplateId: this.tableHeadersRes[0].surveyTemplateId,
+                versionId: this.tableHeadersRes[0].versionId,
+                orderNum: this.getMaxOrderNum() + num + 1,
+              }
+              this.costAuditcolumn.push(approvedValueColumn)
+              this.tableHeadersRes.push(approvedValueColumn)
+            })
+          }
+        }
+      },
+      getMaxOrderNum() {
+        if (!this.tableHeadersRes || this.tableHeadersRes.length === 0) {
+          return 0
+        }
+        const maxOrderNum = Math.max(
+          ...this.tableHeadersRes.map((item) => item.orderNum || 0)
+        )
+        return maxOrderNum
+      },
+      // 检查tableHeadersRes数组是否包含年账面值列
+      checkHasBookValueColumn() {
+        if (!this.tableHeadersRes || this.tableHeadersRes.length === 0) {
+          return false
+        }
+        // 检查是否有列的label或fieldName包含'年账面值'字样
+        return this.tableHeadersRes.some((item) => {
+          return (
+            (item.label && item.label.includes('年账面值')) ||
+            (item.fieldName && item.fieldName.includes('年账面值'))
+          )
+        })
+      },
+      parseAndDisplayTableData(res) {
+        // 清空现有数据
+        this.costAuditData = []
+
+        if (
+          res &&
+          res.value &&
+          res.value.itemlist &&
+          res.value.itemlist.length > 0
+        ) {
+          let headers = this.tableHeadersRes
+          let itemlist = res.value.itemlist
+
+          // 遍历每个数据项
+          itemlist.forEach((item, index) => {
+            // 为每个数据项创建一个完整的对象
+            // 判断是否为子项（parentid不为-1且不为"-1"）
+            const isSubItem =
+              item.parentid && item.parentid !== -1 && item.parentid !== '-1'
+            let rowData = {
+              ...item,
+              isChild: isSubItem,
+              isSubItem: isSubItem,
+            }
+
+            // 遍历表头，将字段值映射到对应的列
+            headers.forEach((header) => {
+              if (header && header.fieldEname && header.fieldName) {
+                let fieldEname = header.fieldEname
+                let fieldName = header.fieldName
+                let fieldValue = item[fieldName] || ''
+
+                // 将字段值添加到行数据中
+                rowData[fieldEname] = fieldValue
+                rowData.rkey = fieldName
+                rowData.rvalue = fieldValue
+              }
+            })
+
+            // if (this.selectedProject && this.selectedProject.auditPeriod) {
+            //   // 为审计期间的三个字段添加初始值
+            //   // 获取审计期间并按年份排序
+            //   let auditPeriod = this.selectedProject.auditPeriod
+            //     .split(',')
+            //     .map((year) => parseInt(year))
+            //     .sort((a, b) => a - b)
+            //     .map((year) => year.toString())
+
+            //   // 为每个年份添加三个字段的初始值，使用与表头定义一致的属性名
+            //   auditPeriod.forEach((year) => {
+            //     rowData[`year${year}BookValue`] = '' // 账面值
+            //     rowData[`year${year}Audit`] = '' // 审核调整值
+            //     rowData[`year${year}ApprovedValue`] = '' // 核定值
+            //   })
+            // }
+
+            // 添加完整的行数据到表格数据中
+            this.costAuditData.push(rowData)
+          })
+
+          // 平铺顺序：父项在前、子项紧随其后
+          const sortFn = (a, b) =>
+            Number(a.orderNum || 0) - Number(b.orderNum || 0)
+          const byRowId = new Map()
+          const parents = []
+          const childGroups = new Map()
+          this.costAuditData.forEach((row) => {
+            if (row && row.children) delete row.children
+            const key = row.rowid != null ? String(row.rowid) : ''
+            if (key) byRowId.set(key, row)
+            const pid = row.parentid
+            const isParent =
+              pid === -1 || pid === '-1' || pid === null || pid === undefined
+            if (isParent) {
+              parents.push(row)
+            } else {
+              const pKey = pid != null ? String(pid) : ''
+              if (!childGroups.has(pKey)) childGroups.set(pKey, [])
+              childGroups.get(pKey).push(row)
+            }
+          })
+          parents.sort(sortFn)
+          const flat = []
+          const seen = new Set()
+          parents.forEach((p) => {
+            flat.push(p)
+            seen.add(p)
+            const group = childGroups.get(String(p.rowid)) || []
+            group.sort(sortFn).forEach((c) => {
+              flat.push(c)
+              seen.add(c)
+            })
+          })
+          // 处理找不到父项的子项：放在末尾
+          this.costAuditData.forEach((row) => {
+            if (!seen.has(row)) flat.push(row)
+          })
+          this.costAuditData = flat
+        }
+      },
+      handleSaveTemplate() {
+        let headersList = this.tableHeadersRes
+        let splitData = this.splitFixedTableDataForSave(this.costAuditData)
+
+        let data = {
+          costVerifyTemplateId: this.auditForm.surveyTemplateId,
+          headersList: headersList,
+          itemsList: splitData,
+        }
+        batchSaveOrUpdate(data)
+          .then((data) => {
+            this.$message.success('保存成功')
+          })
+          .catch((err) => {
+            console.log(err)
+          })
+        // this.$message({ type: 'success', message: '保存成功' })
+      },
+      //分割字符串
+      stringToObjects(str) {
+        const items = str.split(',')
+        return items.map((item) => ({
+          rkey: item,
+          rvalue: '',
+        }))
+      },
+      splitFixedTableDataForSave() {
+        let headersList = this.tableHeadersRes
+        let fixedTables = this.costAuditData
+        let fixedFields = headersList
+          .map((header) => header.fieldName)
+          .join(',')
+        let fixedTitles = this.stringToObjects(fixedFields || '')
+        // 结果数组
+        const result = []
+        console.log(fixedTables)
+        // 为每个固定列创建一条记录
+        fixedTables.forEach((row) => {
+          fixedTitles.forEach((item) => {
+            // 找到对应的表头信息
+            const correspondingHeader = headersList.find(
+              (header) => header.fieldName === item.rkey
+            )
+            const newItem = {
+              id: row.itemId || null,
+              rkey: correspondingHeader.fieldName,
+              rvalue: row[correspondingHeader.fieldName],
+              surveyTemplateId:
+                row.surveyTemplateId || correspondingHeader.surveyTemplateId,
+              versionId: row.versionId || correspondingHeader.versionId,
+              tabtype: row.tabtype || correspondingHeader.tabtype,
+              // 添加 headersId 字段（表头的id）
+              headersId: correspondingHeader ? correspondingHeader.id : null,
+              // 添加记录的id（itemlist中每条记录的id）
+              id: row.itemId || null,
+              // 添加父子关系字段
+              parentid: row.parentid || -1, // 父项ID，默认为-1表示无父项
+              isChild: row.isChild || false, // 是否为子项
+              // 添加 rowid 字段
+              rowid: row.rowid || null,
+              // 添加计算公式相关字段
+              calculationFormula: row.calculationFormula || null,
+              jsonstr: row.jsonstr || null,
+              orderNum:
+                typeof row.orderNum === 'number'
+                  ? row.orderNum
+                  : parseInt(row.orderNum, 10) || 0,
+            }
+            // 添加其他固定表特有的字段
+            if (!row.isSubItem) {
+              newItem.cellCode = row.cellCode || ''
+              newItem.unit = row.unit || ''
+            }
+
+            // 添加其他可能需要的字段，但排除特定字段
+            Object.keys(row).forEach((key) => {
+              if (
+                !(key in newItem) &&
+                key !== 'fixedValues' &&
+                key !== 'itemId' &&
+                key !== 'id' &&
+                key !== 'parentid' &&
+                key !== 'isChild' &&
+                key !== 'isSubItem' &&
+                key !== 'rowid' &&
+                key !== 'jsonstr' &&
+                key !== 'calculationFormula' &&
+                key !== 'children' // 排除children字段
+              ) {
+                newItem[key] = row[key]
+              }
+            })
+
+            result.push(newItem)
+          })
+
+          // 首先收集所有父节点的orderNum，确保不与子节点冲突
+          const parentOrderNums = new Set()
+
+          // 第一次遍历：识别父节点并收集它们的orderNum
+          result.forEach((item) => {
+            // 假设isChild为false或parentid为-1的是父节点
+            if (!item.isChild || item.parentid === -1) {
+              parentOrderNums.add(item.orderNum)
+            }
+          })
+
+          // 创建映射来跟踪已使用的orderNum
+          const usedOrderNums = new Set([...parentOrderNums])
+          let nextAvailableOrderNum = 1
+
+          // 找到当前最大的orderNum，作为新orderNum的起点
+          const allOrderNums = result
+            .map((item) => item.orderNum)
+            .filter((num) => typeof num === 'number' && !isNaN(num))
+          if (allOrderNums.length > 0) {
+            nextAvailableOrderNum = Math.max(...allOrderNums) + 1
+          }
+
+          // 第二次遍历：为子节点分配唯一的orderNum
+          result.forEach((item) => {
+            // 只为子节点重新分配orderNum
+            if (item.isChild && item.parentid !== -1) {
+              // 找到下一个未使用的orderNum
+              while (usedOrderNums.has(nextAvailableOrderNum)) {
+                nextAvailableOrderNum++
+              }
+
+              // 分配新的orderNum并标记为已使用
+              item.orderNum = nextAvailableOrderNum
+              usedOrderNums.add(nextAvailableOrderNum)
+              nextAvailableOrderNum++
+            }
+          })
+        })
+
+        return result
+      },
+
+      //
+      handleImportData() {
+        return
+        let loading = null
+        // 第一步：创建文件选择器
+        const input = document.createElement('input')
+        input.type = 'file'
+        input.accept = '.xls,.xlsx,.csv' // 允许的文件类型
+
+        input.onchange = async (event) => {
+          const file = event.target.files[0]
+          if (!file) return
+
+          try {
+            // 校验文件大小（50MB）
+            const maxSize = 50 * 1024 * 1024 // 50MB
+            if (file.size > maxSize) {
+              this.$message.error('文件大小不能超过50MB！')
+              return
+            }
+
+            // 校验文件格式
+            const allowedFormats = ['.xls', '.xlsx', 'csv']
+            const fileName = file.name.toLowerCase()
+            const isValidFormat = allowedFormats.some((format) =>
+              fileName.endsWith(format)
+            )
+
+            if (!isValidFormat) {
+              this.$message.error('只允许上传.xls,.xlsx,.csv格式的文件！')
+              return
+            }
+
+            // 显示遮罩层
+            loading = this.$baseLoading(1, '文件上传中...')
+
+            // 第三步：创建FormData并上传文件
+            const formData = new FormData()
+            formData.append('file', file)
+
+            // 先调用上传API
+            // const uploadRes = await uploadFile('/api/file/v1/upload', formData)
+
+            // 第四步：检查上传结果
+            // if (!uploadRes || !uploadRes.value) {
+            //   // this.$message.error('文件上传失败！');
+            //   return
+            // }
+
+            // 第五步：文件上传成功后，再更新数据
+            const fileInfo = uploadRes.value
+            // 创建更新数据对象
+            // const updateData = {
+            //   id: row.id,
+            //   scanDocumentUrl: fileInfo?.savePath, // 更新扫描件URL
+            // }
+
+            // 第六步：调用更新API
+            // await updateScan(updateData)
+
+            // 第七步：更新成功，显示提示并刷新
+            // this.$message.success('文件上传成功并更新数据！')
+            // this.$emit('refresh', this.project.projectId) // 通知父组件刷新
+          } catch (error) {
+            // 错误处理
+            // this.$message.error('操作失败：' + (error.message || '未知错误'))
+          } finally {
+            // 关闭遮罩层
+            loading.close()
+          }
+        }
+        // 触发文件选择
+        input.click()
+      },
+      handleExportTemplate() {
+        return
+
+        // this.$message({ type: 'info', message: '导出数据' })
+        // 显示加载状态
+        this.$loading({
+          lock: true,
+          text: '文件下载中...',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)',
+        })
+
+        // 从API中获取文件URL
+        downDocument({
+          id: row.id,
+        })
+          .then((res) => {
+            // 关闭加载状态
+            this.$loading().close()
+
+            // 检查返回结果是否成功
+            if (!res || !res.state) {
+              this.$message.error(
+                `下载失败：${res?.message || '未获取到文件数据'}`
+              )
+              return
+            }
+
+            // 获取文件URL
+            const fileUrl = res.value
+            if (!fileUrl) {
+              this.$message.error('下载失败：未获取到文件URL')
+              return
+            }
+
+            // 优先从URL中提取文件名
+            let fileName = ''
+
+            // 从URL中提取文件名
+            const urlParts = fileUrl.split('/')
+            let urlFileName = urlParts[urlParts.length - 1]
+
+            // 处理URL可能包含查询参数的情况
+            if (urlFileName.includes('?')) {
+              urlFileName = urlFileName.split('?')[0]
+            }
+
+            // 检查从URL提取的文件名是否有效
+            if (urlFileName && /\.[a-zA-Z0-9]+$/.test(urlFileName)) {
+              fileName = urlFileName
+            } else {
+              // URL中无法提取有效文件名时，使用row.documentName作为备选
+              fileName =
+                row.documentName || `成本核定表审核_${new Date().getTime()}`
+
+              // 确保备选文件名有扩展名
+              if (!/\.[a-zA-Z0-9]+$/.test(fileName)) {
+                fileName += '.pdf'
+              }
+            }
+            // 创建隐藏的a标签进行下载
+            const link = document.createElement('a')
+            link.style.display = 'none'
+            link.href = fileUrl
+            // link.href = window.context.form + row.electronicDocumentUrl
+            // 设置下载文件名
+            link.download = fileName
+            document.body.appendChild(link)
+            link.click()
+            document.body.removeChild(link)
+          })
+          .catch((error) => {
+            // 关闭加载状态
+            this.$loading().close()
+            console.error('获取文件URL失败:', error)
+          })
+      },
+
+      handleExportData() {
+        this.$message({ type: 'info', message: '导出数据' })
+      },
+
+      handleSaveData() {
+        this.$message({ type: 'success', message: '成本审核数据已保存' })
+      },
+
+      handleRemark(row, field) {
+        this.$prompt('请输入说明', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          inputValue: row[field],
+        })
+          .then(({ value }) => {
+            row[field] = value
+            this.$message({ type: 'success', message: '说明已保存' })
+          })
+          .catch(() => {
+            this.$message({ type: 'info', message: '已取消' })
+          })
+      },
+      // 按层级关系排序表格数据，子项排在父项后面
+      sortItemsByHierarchy() {
+        if (!this.costAuditData || this.costAuditData.length === 0) {
+          return
+        }
+
+        // 构建父子关系映射
+        const itemMap = new Map()
+        const rootItems = []
+        const childrenMap = new Map()
+        const processedItems = new Set() // 用于避免循环引用
+
+        // 初始化映射和找出根节点
+        this.costAuditData.forEach((item) => {
+          const currentId = item.id || item.itemId
+          if (currentId !== undefined) {
+            itemMap.set(currentId, item)
+          }
+
+          // 检查是否有有效父ID
+          const parentId = item.parentId || item.parentItemId
+          const hasValidParent =
+            parentId !== undefined &&
+            parentId !== null &&
+            parentId !== '' &&
+            parentId !== -1
+
+          if (!hasValidParent) {
+            // 没有有效父ID的是根节点
+            rootItems.push(item)
+          } else {
+            // 有父ID的添加到子节点映射中
+            if (!childrenMap.has(parentId)) {
+              childrenMap.set(parentId, [])
+            }
+            childrenMap.get(parentId).push(item)
+          }
+        })
+
+        // 深度优先遍历生成排序后的数据
+        const sortedData = []
+
+        function traverse(item) {
+          const currentId = item.id || item.itemId
+
+          // 避免循环引用
+          if (processedItems.has(currentId)) {
+            return
+          }
+
+          // 标记为已处理
+          processedItems.add(currentId)
+
+          // 添加当前项
+          sortedData.push(item)
+
+          // 获取当前项的子项并递归遍历
+          const children = childrenMap.get(currentId) || []
+
+          // 对子项按照orderNum或id进行排序
+          children.sort((a, b) => {
+            if (a.orderNum !== undefined && b.orderNum !== undefined) {
+              return a.orderNum - b.orderNum
+            }
+            const aId = a.id || a.itemId || 0
+            const bId = b.id || b.itemId || 0
+            return aId - bId
+          })
+
+          // 递归处理每个子项
+          children.forEach((child) => {
+            traverse(child)
+          })
+        }
+
+        // 对根节点按照orderNum或id进行排序
+        rootItems.sort((a, b) => {
+          if (a.orderNum !== undefined && b.orderNum !== undefined) {
+            return a.orderNum - b.orderNum
+          }
+          const aId = a.id || a.itemId || 0
+          const bId = b.id || b.itemId || 0
+          return aId - bId
+        })
+
+        // 从根节点开始遍历
+        rootItems.forEach((root) => {
+          traverse(root)
+        })
+
+        // 如果有未被包含的项目（可能没有正确的父子关系），直接添加到末尾
+        if (sortedData.length < this.costAuditData.length) {
+          this.costAuditData.forEach((item) => {
+            const currentId = item.id || item.itemId
+            if (currentId !== undefined && !processedItems.has(currentId)) {
+              sortedData.push(item)
+              processedItems.add(currentId)
+            }
+          })
+        }
+
+        // 更新表格数据为排序后的数据
+        this.costAuditData = sortedData
+
+        // 更新序号字段而非覆盖原始ID
+        // this.costAuditData.forEach((item, index) => {
+        //   // 创建或更新序号字段，保留原始ID不变
+        //   item.index = index + 1
+        // })
+      },
+      handleAddItem(row) {
+        // 判断parentId是否为空，是就添加父项，否则添加子项
+        let parentId = ''
+        let orderNum = ''
+        if (row.parentId && row.parentId !== '-1') {
+          parentId = row.parentId
+          orderNum = row.orderNum + 1
+        } else {
+          parentId = '-1'
+          // 获取当前最大orderNum
+          const maxOrderNum = Math.max(
+            ...this.costAuditData.map((item) => item.orderNum)
+          )
+          orderNum = maxOrderNum + 1
+        }
+        const newItem = {
+          // 新行的数据结构
+          ...row,
+          parentId,
+          orderNum,
+          rowId: this.generateUUID(),
+          id: null,
+          rvalue: '',
+        }
+        this.costAuditData.push(newItem)
+      },
+      handleDeleteItem(row) {
+        // 删除行的逻辑
+        const index = this.costAuditData.indexOf(row)
+        if (index !== -1) {
+          this.costAuditData.splice(index, 1)
+        }
+      },
+      // 生成唯一ID
+      generateUUID() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(
+          /[xy]/g,
+          function (c) {
+            const r = (Math.random() * 16) | 0,
+              v = c === 'x' ? r : (r & 0x3) | 0x8
+            return v.toString(16)
+          }
+        )
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  /* .app-container {
+    padding: 20px;
+  } */
+
+  .audit-controls {
+    margin-bottom: 20px;
+  }
+
+  .audit-controls .el-select {
+    margin-right: 10px;
+    width: 150px;
+  }
+
+  .el-icon {
+    font-size: 24px;
+  }
+</style>

src/views/costAudit/baseInfo/statistics/components/costSurvey.vue

@@ -0,0 +1,469 @@
+<template>
+  <div>
+    <!-- 成本调查表（只读） -->
+    <el-table border :data="rows" style="width: 100%">
+      <el-table-column
+        prop="index"
+        label="序号"
+        width="80"
+        align="center"
+        header-align="center"
+      />
+      <el-table-column
+        prop="name"
+        label="成本调查表"
+        min-width="200"
+        align="center"
+        header-align="center"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        prop="dataType"
+        label="资料类型"
+        width="120"
+        align="center"
+        header-align="center"
+      />
+      <!-- 表格类型 -->
+      <el-table-column
+        prop="tableType"
+        label="表格类型"
+        width="120"
+        align="center"
+      />
+      <el-table-column
+        prop="isRequired"
+        label="是否必填"
+        width="100"
+        align="center"
+        header-align="center"
+      />
+      <!-- 是否上传（只读显示） -->
+      <el-table-column label="是否上传" width="100" align="center">
+        <template slot-scope="scope">
+          <span
+            :style="{
+              color: scope.row.isUploaded === true ? '#67c23a' : '#f56c6c',
+            }"
+          >
+            {{ scope.row.isUploaded === true ? '已上传' : '未上传' }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        width="120"
+        align="center"
+        header-align="center"
+      >
+        <template slot-scope="scope">
+          <el-button type="text" @click="handleViewTemplate(scope.row)">
+            查看
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 单记录弹窗（查看） -->
+    <survey-form-dialog
+      :visible.sync="singleDialogVisible"
+      :survey-data="{ ...currentSurveyRow, ...surveyDetailData }"
+      :is-view-mode="true"
+      :request-type="1"
+      :audited-unit-id="
+        (currentTemplateRow && currentTemplateRow.auditedUnitId) || ''
+      "
+      :upload-id="(currentTemplateRow && currentTemplateRow.uploadId) || ''"
+      :survey-template-id="
+        (currentTemplateRow &&
+          (currentTemplateRow.templateId ||
+            currentTemplateRow.surveyTemplateId)) ||
+        ''
+      "
+      :catalog-id="(currentTemplateRow && currentTemplateRow.catalogId) || ''"
+    />
+
+    <!-- 固定表弹窗（查看） -->
+    <fixed-table-dialog
+      :visible.sync="fixedDialogVisible"
+      :survey-data="surveyDetailData"
+      :fixed-fields="fixedFields || ''"
+      :fixed-fieldids="fixedFieldids || ''"
+      :is-view-mode="true"
+      :request-type="1"
+      :audited-unit-id="
+        (currentTemplateRow && currentTemplateRow.auditedUnitId) || ''
+      "
+      :upload-id="(currentTemplateRow && currentTemplateRow.uploadId) || ''"
+      :survey-template-id="
+        (currentTemplateRow &&
+          (currentTemplateRow.templateId ||
+            currentTemplateRow.surveyTemplateId)) ||
+        ''
+      "
+      :catalog-id="(currentTemplateRow && currentTemplateRow.catalogId) || ''"
+      :table-items="tableItems"
+      :audit-periods="auditPeriods"
+      :project-audit-periods="projectAuditPeriods"
+      :project-audit-period="projectAuditPeriod"
+    />
+
+    <!-- 动态表弹窗（查看） -->
+    <dynamic-table-dialog
+      :visible.sync="dynamicDialogVisible"
+      :table-data="dynamicTableData"
+      :is-view-mode="true"
+      :request-type="1"
+      :audited-unit-id="
+        (currentTemplateRow && currentTemplateRow.auditedUnitId) || ''
+      "
+      :upload-id="(currentTemplateRow && currentTemplateRow.uploadId) || ''"
+      :survey-template-id="
+        (currentTemplateRow &&
+          (currentTemplateRow.templateId ||
+            currentTemplateRow.surveyTemplateId)) ||
+        ''
+      "
+      :catalog-id="(currentTemplateRow && currentTemplateRow.catalogId) || ''"
+    />
+  </div>
+</template>
+<script>
+  import taskMixins from './taskMixins.js'
+  import {
+    getSurveyList,
+    getSurveyDetail,
+    getSingleRecordSurveyList,
+    getDynamicTableData,
+  } from '@/api/audit/survey'
+  import { getProjectInformationInfo } from '@/api/auditTaskProcessing'
+  import SurveyFormDialog from '@/views/EntDeclaration/auditTaskManagement/components/SurveyFormDialog.vue'
+  import FixedTableDialog from '@/views/EntDeclaration/auditTaskManagement/components/FixedTableDialog.vue'
+  import DynamicTableDialog from '@/views/EntDeclaration/auditTaskManagement/components/DynamicTableDialog.vue'
+  export default {
+    components: { SurveyFormDialog, FixedTableDialog, DynamicTableDialog },
+    mixins: [taskMixins],
+    props: {
+      auditedUnitId: { type: String, default: '' },
+      catalogId: { type: String, default: '' },
+      taskId: { type: String, default: '' },
+      // 立项项目ID（用于拉取立项信息中的监审期间）
+      projectId: { type: String, default: '' },
+      // 父级可直接传入监审期间（可选，字符串或数组）
+      auditPeriod: { type: [String, Array], default: '' },
+    },
+    data() {
+      return {
+        loading: false,
+        rows: [],
+        currentTemplateRow: null,
+        currentSurveyRow: null,
+        surveyDetailData: {},
+        tableItems: [],
+        auditPeriods: [],
+        // 立项信息中的监审期间（原样与数组形式）
+        projectAuditPeriod: '',
+        projectAuditPeriods: [],
+        dynamicTableData: [],
+        singleDialogVisible: false,
+        fixedDialogVisible: false,
+        dynamicDialogVisible: false,
+        fixedFields: '',
+        fixedFieldids: '',
+      }
+    },
+    watch: {
+      taskId(newVal, oldVal) {
+        if (newVal && newVal !== oldVal) {
+          this.loadList()
+        }
+      },
+      auditedUnitId(newVal, oldVal) {
+        if (this.taskId && newVal !== oldVal) {
+          this.loadList()
+        }
+      },
+      // 父组件若更新了监审期间，立即解析至本地（作为兜底）
+      auditPeriod: {
+        handler(val) {
+          if (!val) return
+          if (Array.isArray(val)) {
+            this.auditPeriods = val.map((p) => String(p))
+          } else {
+            this.auditPeriods = this.parseAuditPeriod(val)
+          }
+        },
+        immediate: true,
+      },
+    },
+    created() {
+      // console.log('auditedUnitId', this.auditedUnitId)
+      // console.log('taskId', this.taskId)
+      // if (this.taskId) {
+      //   this.loadList()
+      // }
+    },
+    methods: {
+      // 预取单记录详情作为回显
+      async loadSingleRecordDetail() {
+        this.surveyDetailData = {}
+        const row = this.currentTemplateRow || {}
+        const uploadId = row.uploadId || row.id || ''
+        const auditedUnitId = row.auditedUnitId || this.auditedUnitId || ''
+        if (!uploadId || !auditedUnitId) return
+        try {
+          const params = { uploadId, auditedUnitId, type: 1 }
+          const res = await getSurveyDetail(params)
+          if (res && res.code === 200 && res.value) {
+            const detail = {}
+            const val = res.value
+            if (Array.isArray(val)) {
+              val.forEach((item) => {
+                if (!item || typeof item !== 'object') return
+                const key =
+                  item.rowid !== undefined
+                    ? item.rowid
+                    : item.rowId !== undefined
+                    ? item.rowId
+                    : item.id !== undefined
+                    ? item.id
+                    : undefined
+                const value =
+                  item.rvalue !== undefined
+                    ? item.rvalue
+                    : item.rValue !== undefined
+                    ? item.rValue
+                    : item.value !== undefined
+                    ? item.value
+                    : item.val !== undefined
+                    ? item.val
+                    : ''
+                if (key !== undefined) {
+                  detail[key] = value
+                }
+              })
+            } else if (val && typeof val === 'object') {
+              // 兼容对象结构，直接合并
+              Object.assign(detail, val)
+            }
+            this.surveyDetailData = detail
+          }
+        } catch (e) {
+          this.surveyDetailData = {}
+        }
+      },
+      async loadList() {
+        try {
+          const params = {
+            taskId: this.taskId,
+            pageNum: 1,
+            pageSize: 100,
+            type: 1,
+          }
+
+          if (this.auditedUnitId) params.auditedUnitId = this.auditedUnitId
+          const resp = await getSurveyList(params)
+          console.log(resp, 'resp')
+          const raw =
+            (resp &&
+              ((resp.value && (resp.value.records || resp.value)) ||
+                resp.data ||
+                resp)) ||
+            []
+          const list = Array.isArray(raw)
+            ? raw
+            : Array.isArray(raw.records)
+            ? raw.records
+            : []
+          this.rows = list.map((it, idx) => {
+            const t = String(it.templateType || it.templatetype || '')
+            const tableType =
+              t === '1'
+                ? '单记录'
+                : t === '2'
+                ? '固定表'
+                : t === '3'
+                ? '动态表'
+                : ''
+            return {
+              index: idx + 1,
+              id: it.uploadId || it.id || '',
+              name:
+                it.surveyTemplateName || it.informationName || it.name || '',
+              dataType: it.dataType || '预置模板',
+              tableType,
+              isRequired: String(it.isRequired) === '1' ? '是' : '否',
+              isUploaded: String(it.isUpload) === '1' || it.isUpload === true,
+              uploadId: it.uploadId || it.id || '',
+              surveyTemplateId: it.templateId || it.surveyTemplateId || '',
+              catalogId: it.catalogId || this.catalogId || '',
+              auditedUnitId: it.auditedUnitId || this.auditedUnitId || '',
+              templateType: t,
+            }
+          })
+        } catch (e) {
+          this.rows = []
+        }
+      },
+      async handleViewTemplate(row) {
+        this.currentTemplateRow = row || null
+        this.currentSurveyRow = row || null
+        const t = String(
+          (row && (row.templateType || row.templatetype)) || ''
+        ).trim()
+        if (t === '1') {
+          // 单记录：清理并预取详情
+          this.surveyDetailData = {}
+          await this.loadSingleRecordDetail()
+          this.singleDialogVisible = true
+        } else if (t === '2') {
+          // 预加载固定表配置（tableItems）并推断监审期间
+          this.tableItems = []
+          this.auditPeriods = []
+          await this.initFixedTableData()
+          this.fixedDialogVisible = true
+        } else if (t === '3') {
+          // 预加载动态表列表数据
+          this.dynamicTableData = []
+          await this.initDynamicTableData()
+          this.dynamicDialogVisible = true
+        } else {
+          this.$message &&
+            this.$message.warning &&
+            this.$message.warning('未知的模板类型，无法打开预置模板')
+        }
+      },
+      async initFixedTableData() {
+        this.tableItems = []
+        this.auditPeriods = []
+        this.projectAuditPeriod = ''
+        this.projectAuditPeriods = []
+        const row = this.currentTemplateRow || {}
+        const surveyTemplateId = row.templateId || row.surveyTemplateId || ''
+        if (!surveyTemplateId) return
+        try {
+          const params = { surveyTemplateId, type: 1 }
+          const res = await getSingleRecordSurveyList(params)
+          if (res && res.code === 200 && res.value) {
+            const { itemlist } = res.value || {}
+            if (Array.isArray(itemlist) && itemlist.length > 0) {
+              this.tableItems = itemlist.map((item) => ({
+                id: item.id || item.itemId || '',
+                rowid: item.rowid || item.id || item.itemId || '',
+                seq: item.序号,
+                itemName: item.项目 || item.itemName || '',
+                unit: item.unit || '',
+                isCategory: item.isCategory || false,
+                categorySeq: item.categorySeq || '',
+                categoryId: item.categoryId || '',
+                parentid:
+                  item.parentid !== undefined
+                    ? item.parentid
+                    : item.parentId !== undefined
+                    ? item.parentId
+                    : '-1',
+                validateRules: item.validateRules || {},
+                linkageRules: item.linkageRules || {},
+                children: item.children || [],
+                ...item,
+              }))
+            }
+            // 透传固定表头（与 DataRequirementsTab 对齐）
+            if (res.value && res.value.fixedFields && res.value.fixedFieldids) {
+              this.fixedFields = res.value.fixedFields
+              this.fixedFieldids = res.value.fixedFieldids
+            } else {
+              this.fixedFields = ''
+              this.fixedFieldids = ''
+            }
+            // 尝试从当前行或配置中解析监审期间
+            const periodStr =
+              row.auditPeriod || (res.value && res.value.auditPeriod) || ''
+            this.auditPeriods = this.parseAuditPeriod(periodStr)
+            // 优先从立项信息中获取监审期间并覆盖（按需求回显年份）
+            try {
+              if (this.projectId) {
+                const projRes = await getProjectInformationInfo(this.projectId)
+                const projVal = projRes && projRes.value
+                if (projVal) {
+                  // 记录原始与数组两种形式，供弹窗优先使用
+                  if (projVal.auditPeriod) {
+                    this.projectAuditPeriod = projVal.auditPeriod
+                    this.projectAuditPeriods = Array.isArray(
+                      projVal.auditPeriod
+                    )
+                      ? projVal.auditPeriod.map((p) => String(p))
+                      : this.parseAuditPeriod(projVal.auditPeriod)
+                  } else if (
+                    Array.isArray(projVal.auditPeriodArray) &&
+                    projVal.auditPeriodArray.length
+                  ) {
+                    this.projectAuditPeriods = projVal.auditPeriodArray
+                      .map((it) => it && (it.value || it))
+                      .map((p) => String(p))
+                      .filter((s) => s && s.trim())
+                    this.projectAuditPeriod = this.projectAuditPeriods.join(',')
+                  }
+                  // 同步覆盖父级传入/配置解析的 auditPeriods
+                  if (this.projectAuditPeriods.length > 0) {
+                    this.projectAuditPeriod = this.projectAuditPeriods.slice()
+                    console.log(this.projectAuditPeriod, '监审期间')
+                  }
+                }
+              }
+            } catch (e) {
+              // 忽略立项信息拉取失败，保留已有解析结果
+            }
+          }
+        } catch (e) {
+          this.tableItems = []
+          this.auditPeriods = []
+        }
+      },
+      parseAuditPeriod(periodStr) {
+        if (!periodStr) return []
+        const str = String(periodStr)
+        if (str.includes(',')) {
+          return str.split(',').map((p) => String(p).trim())
+        }
+        if (str.includes('-')) {
+          const parts = str.split('-')
+          if (parts.length === 2) {
+            const start = parseInt(parts[0].trim())
+            const end = parseInt(parts[1].trim())
+            const years = []
+            for (let y = start; y <= end; y++) years.push(String(y))
+            return years
+          }
+        }
+        return [String(str)]
+      },
+      async initDynamicTableData() {
+        this.dynamicTableData = []
+        const row = this.currentTemplateRow || {}
+        const uploadId = row.uploadId || row.id || ''
+        const auditedUnitId = row.auditedUnitId || this.auditedUnitId || ''
+        const catalogId = row.catalogId || this.catalogId || ''
+        const surveyTemplateId = row.templateId || row.surveyTemplateId || ''
+        // 动态表列表以 uploadId 为主键查询，auditedUnitId 可选
+        if (!uploadId) return
+        try {
+          const params = {
+            uploadId,
+            ...(auditedUnitId ? { auditedUnitId } : {}),
+            catalogId,
+            surveyTemplateId,
+            type: 1,
+          }
+          const res = await getDynamicTableData(params)
+          if (res && res.code === 200) {
+            const records = res.value?.records || res.value || []
+            this.dynamicTableData = Array.isArray(records) ? records : []
+          }
+        } catch (e) {
+          this.dynamicTableData = []
+        }
+      },
+    },
+  }
+</script>

src/views/costAudit/baseInfo/statistics/components/extractMaterial.vue

@@ -0,0 +1,687 @@
+<template>
+  <div class="extract-material-container">
+    <!-- <div class="extract-controls">
+       <el-button type="primary" @click="handleAddExtract">添加资料</el-button>
+       <el-button
+        type="danger"
+        :disabled="selectedRows.length === 0"
+        @click="handleBatchDelete"
+      >
+        批量删除
+      </el-button> 
+    </div> -->
+
+    <el-table
+      v-loading="loading"
+      :data="extractMaterials"
+      style="width: 100%"
+      stripe
+      border
+      size="small"
+    >
+      <!-- <el-table-column
+        type="selection"
+        width="55"
+        align="center"
+      ></el-table-column> -->
+      <el-table-column prop="id" label="编号" width="80" align="center">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="materialName"
+        label="材料名称"
+        width="200"
+        header-align="center"
+        show-overflow-tooltip
+      ></el-table-column>
+      <el-table-column
+        prop="pages"
+        label="页数"
+        width="100"
+        header-align="center"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        prop="remark"
+        label="备注"
+        min-width="200"
+        header-align="center"
+        align="left"
+        show-overflow-tooltip
+      ></el-table-column>
+      <el-table-column
+        prop="createTime"
+        label="提取时间"
+        width="100"
+        :formatter="formatDate"
+        align="center"
+        header-align="center"
+      ></el-table-column>
+      <!-- <el-table-column label="操作" width="180" fixed="right">
+        <template slot-scope="scope">
+          <el-button
+            type="primary"
+            size="small"
+            :disabled="disabled"
+            @click="handleEditExtract(scope.row)"
+          >
+            修改
+          </el-button>
+          <el-button
+            type="danger"
+            size="small"
+            :disabled="disabled"
+            @click="handleDeleteExtract(scope.row)"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column> -->
+    </el-table>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogTitle"
+      width="500px"
+      :close-on-click-modal="false"
+      :modal="false"
+      append-to-body
+    >
+      <el-form
+        ref="extractForm"
+        :model="extractForm"
+        :rules="rules"
+        label-width="100px"
+      >
+        <el-form-item label="材料名称" prop="materialName">
+          <el-input
+            v-model="extractForm.materialName"
+            placeholder="请输入材料名称"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="页数" prop="pageCount">
+          <el-input-number
+            v-model.number="extractForm.pageCount"
+            placeholder="请输入页数"
+            :min="1"
+            :step="1"
+          ></el-input-number>
+        </el-form-item>
+        <el-form-item label="序号" prop="orderNum">
+          <el-input-number
+            v-model.number="extractForm.orderNum"
+            placeholder="请输入序号"
+            :min="1"
+            :step="1"
+          ></el-input-number>
+        </el-form-item>
+        <el-form-item label="上传附件" prop="fileList">
+          <el-upload
+            class="upload-demo"
+            :action="''"
+            :http-request="handleFileUpload"
+            :on-remove="handleFileRemove"
+            :before-upload="beforeFileUpload"
+            :on-success="handleFileUploadSuccess"
+            :on-error="handleFileUploadError"
+            :on-progress="handleFileUploadProgress"
+            :file-list="extractForm.fileList"
+            :limit="1"
+            :on-exceed="handleFileExceed"
+          >
+            <el-button
+              v-show="
+                !extractForm.fileList || extractForm.fileList.length === 0
+              "
+              size="small"
+              type="primary"
+            >
+              选择文件
+            </el-button>
+            <div slot="tip" class="el-upload__tip">
+              支持 pdf, doc, docx, xls, xlsx, csv 格式，单个文件不超过50MB
+            </div>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input
+            v-model="extractForm.remark"
+            type="textarea"
+            placeholder="请输入备注"
+            :rows="4"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="dialog-footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  // 暂时使用mock数据，后续根据实际API调整
+  import {
+    getExtractMaterialList,
+    addTaskEvidence,
+    updateTaskEvidence,
+    deleteTaskEvidence,
+  } from '@/api/audit/taskEvidence'
+  import { uploadFile } from '@/api/file'
+
+  export default {
+    name: 'ExtractMaterial',
+    props: {
+      id: {
+        type: [String, Number],
+        default: null,
+      },
+      disabled: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    data() {
+      return {
+        loading: false,
+        extractMaterials: [],
+        selectedRows: [],
+        dialogVisible: false,
+        dialogTitle: '添加提取材料',
+        isEdit: false,
+        extractForm: {
+          id: '',
+          materialName: '',
+          pageCount: null,
+          orderNum: null,
+          remark: '',
+          fileList: [],
+          attachmentUrl: '',
+        },
+        rules: {
+          materialName: [
+            { required: true, message: '请输入材料名称', trigger: 'blur' },
+            {
+              min: 1,
+              max: 100,
+              message: '材料名称长度应在1-100个字符之间',
+              trigger: 'blur',
+            },
+          ],
+          pageCount: [
+            {
+              required: true,
+              message: '请输入页数',
+              trigger: ['blur', 'change'],
+            },
+            {
+              type: 'number',
+              message: '页数必须为数字',
+              trigger: ['blur', 'change'],
+            },
+            {
+              validator: (rule, value, callback) => {
+                if (value === null || value === undefined || value === '') {
+                  callback()
+                  return
+                }
+                if (typeof value !== 'number' || isNaN(value)) {
+                  callback(new Error('页数必须为数字'))
+                  return
+                }
+                if (value < 1) {
+                  callback(new Error('页数必须大于0'))
+                  return
+                }
+                callback()
+              },
+              trigger: ['blur', 'change'],
+            },
+          ],
+          orderNum: [
+            {
+              required: true,
+              message: '请输入序号',
+              trigger: ['blur', 'change'],
+            },
+            {
+              type: 'number',
+              message: '序号必须为数字',
+              trigger: ['blur', 'change'],
+            },
+            {
+              validator: (rule, value, callback) => {
+                if (value === null || value === undefined || value === '') {
+                  callback()
+                  return
+                }
+                if (typeof value !== 'number' || isNaN(value)) {
+                  callback(new Error('序号必须为数字'))
+                  return
+                }
+                if (value < 1) {
+                  callback(new Error('序号必须大于0'))
+                  return
+                }
+                callback()
+              },
+              trigger: ['blur', 'change'],
+            },
+          ],
+        },
+      }
+    },
+    mounted() {
+      this.getExtractMaterials()
+    },
+    beforeDestroy() {
+      // 清理定时器等资源
+      this.loading = false
+    },
+    methods: {
+      // 处理选中行变化
+      handleSelectionChange(selection) {
+        this.selectedRows = selection
+      },
+
+      // 获取提取材料列表
+      async getExtractMaterials() {
+        if (!this.id) {
+          return
+        }
+
+        try {
+          this.loading = true
+          const res = await getExtractMaterialList({
+            taskId: this.id,
+          })
+
+          if (res && res.value) {
+            // 统一字段名：如果后端返回的是 pageCount，映射为 pages
+            this.extractMaterials = (res.value || []).map((item) => ({
+              ...item,
+              pages: item.pages !== undefined ? item.pages : item.pageCount,
+            }))
+          } else {
+            this.extractMaterials = []
+          }
+        } catch (error) {
+          // this.$message.error('获取提取材料列表失败')
+          console.error('获取提取材料列表失败:', error)
+          this.extractMaterials = []
+        } finally {
+          this.loading = false
+        }
+      },
+
+      // 添加资料
+      handleAddExtract() {
+        this.isEdit = false
+        this.dialogTitle = '添加提取材料'
+        this.extractForm = {
+          id: '',
+          materialName: '',
+          pageCount: null,
+          orderNum: null,
+          remark: '',
+          fileList: [],
+          attachmentUrl: '',
+        }
+        // 重置表单验证状态
+        if (this.$refs.extractForm) {
+          this.$refs.extractForm.resetFields()
+        }
+        this.dialogVisible = true
+      },
+
+      // 编辑资料
+      handleEditExtract(row) {
+        this.isEdit = true
+        this.dialogTitle = '编辑提取材料'
+        // 确保字段名统一，如果后端返回的是 pages，映射为 pageCount
+        // 处理文件列表
+        let fileList = []
+        if (row.attachmentUrl) {
+          fileList = [
+            {
+              name: row.fileName || '附件',
+              url: row.attachmentUrl,
+              response: { savePath: row.attachmentUrl },
+            },
+          ]
+        }
+        this.extractForm = {
+          ...row,
+          pageCount: row.pageCount !== undefined ? row.pageCount : row.pages,
+          orderNum: row.orderNum !== undefined ? row.orderNum : row.orderNumber,
+          fileList: fileList,
+          attachmentUrl: row.attachmentUrl || '',
+        }
+        this.dialogVisible = true
+      },
+
+      // 删除资料
+      async handleDeleteExtract(row) {
+        try {
+          await this.$confirm('确定要删除该提取材料吗？', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+          })
+
+          const res = await deleteTaskEvidence({ id: row.id })
+
+          if (res.code === 200) {
+            this.$message.success('删除成功')
+            // 重新获取列表
+            this.getExtractMaterials()
+          } else {
+            this.$message.error(res.message || '删除失败')
+          }
+        } catch (error) {
+          if (error !== 'cancel') {
+            // this.$message.error('删除失败')
+            console.error('删除提取材料失败:', error)
+          }
+        }
+      },
+
+      // 批量删除
+      async handleBatchDelete() {
+        if (this.selectedRows.length === 0) {
+          this.$message.warning('请选择要删除的提取材料')
+          return
+        }
+
+        try {
+          await this.$confirm(
+            `确定要删除选中的 ${this.selectedRows.length} 条提取材料吗？`,
+            '提示',
+            {
+              confirmButtonText: '确定',
+              cancelButtonText: '取消',
+              type: 'warning',
+            }
+          )
+
+          // 批量删除，逐条调用删除接口
+          const deletePromises = this.selectedRows.map((row) =>
+            deleteTaskEvidence({ id: row.id })
+          )
+          const results = await Promise.all(deletePromises)
+
+          // 检查是否有失败的
+          const failedCount = results.filter((res) => res.code !== 200).length
+          if (failedCount === 0) {
+            this.$message.success('批量删除成功')
+            this.selectedRows = [] // 清空选择
+            // 重新获取列表
+            this.getExtractMaterials()
+          } else {
+            this.$message.warning(
+              `批量删除完成，${
+                results.length - failedCount
+              } 条成功，${failedCount} 条失败`
+            )
+            // 即使有失败的，也刷新列表以获取最新数据
+            this.selectedRows = []
+            this.getExtractMaterials()
+          }
+        } catch (error) {
+          if (error !== 'cancel') {
+            // this.$message.error('批量删除失败')
+            console.error('批量删除提取材料失败:', error)
+          }
+        }
+      },
+
+      // 提交表单
+      async handleSubmit() {
+        try {
+          await this.$refs.extractForm.validate()
+
+          const formData = {
+            id: this.extractForm.id,
+            materialName: this.extractForm.materialName,
+            pageCount: this.extractForm.pageCount,
+            orderNum: this.extractForm.orderNum,
+            remark: this.extractForm.remark,
+            attachmentUrl: this.extractForm.attachmentUrl,
+            taskId: this.id,
+          }
+
+          let res
+          if (this.isEdit) {
+            // 编辑模式，调用更新接口
+            res = await updateTaskEvidence(formData)
+          } else {
+            // 添加模式，调用新增接口
+            res = await addTaskEvidence(formData)
+          }
+
+          if (res.code === 200) {
+            this.$message.success(this.isEdit ? '更新成功' : '添加成功')
+            this.dialogVisible = false
+            this.getExtractMaterials()
+          } else {
+            this.$message.error(
+              res.message || (this.isEdit ? '更新失败' : '添加失败')
+            )
+          }
+        } catch (error) {
+          if (error !== 'cancel') {
+            // this.$message.error(this.isEdit ? '更新失败' : '添加失败')
+            console.error(
+              this.isEdit ? '更新提取材料失败:' : '添加提取材料失败:',
+              error
+            )
+          }
+        }
+      },
+
+      // 文件上传前验证
+      beforeFileUpload(file) {
+        const allowedTypes = [
+          'application/pdf',
+          'application/msword',
+          'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+          'application/vnd.ms-excel',
+          'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+          'text/csv',
+        ]
+
+        const allowedExtensions = [
+          '.pdf',
+          '.doc',
+          '.docx',
+          '.xls',
+          '.xlsx',
+          '.csv',
+        ]
+        const fileExtension = '.' + file.name.split('.').pop().toLowerCase()
+
+        // 检查文件格式
+        const isCorrectType = allowedTypes.includes(file.type)
+        const isCorrectExtension = allowedExtensions.includes(fileExtension)
+
+        if (!isCorrectType && !isCorrectExtension) {
+          this.$message.error(
+            '只允许上传 pdf, doc, docx, xls, xlsx, csv 格式的文件！'
+          )
+          return false
+        }
+
+        // 检查文件大小 (50MB)
+        const isLt50M = file.size / 1024 / 1024 < 50
+        if (!isLt50M) {
+          this.$message.error('文件大小不能超过 50MB!')
+          return false
+        }
+
+        return true
+      },
+
+      // 自定义上传方法
+      async handleFileUpload(options) {
+        const { file, onProgress, onSuccess, onError } = options
+
+        // 检查是否已经上传了文件
+        if (
+          this.extractForm.fileList &&
+          this.extractForm.fileList.length >= 1
+        ) {
+          this.$message.warning('只能上传一个文件，请先删除已上传的文件')
+          if (onError) {
+            onError(new Error('只能上传一个文件'))
+          }
+          return
+        }
+
+        const formData = new FormData()
+        formData.append('file', file)
+
+        try {
+          // 显示上传进度
+          if (onProgress) {
+            onProgress({ percent: 0 })
+          }
+
+          // 调用上传API
+          const uploadRes = await uploadFile('/api/file/v1/upload', formData, {
+            onUploadProgress: (progressEvent) => {
+              // 计算上传进度
+              if (progressEvent.total) {
+                const percent = Math.round(
+                  (progressEvent.loaded * 100) / progressEvent.total
+                )
+                if (onProgress) {
+                  onProgress({ percent })
+                }
+              }
+            },
+          })
+
+          // 检查上传结果
+          if (uploadRes && uploadRes.code === 200 && uploadRes.value) {
+            const fileInfo = uploadRes.value
+            // 构造文件信息对象，符合element-ui upload组件的格式
+            const fileObj = {
+              uid: file.uid,
+              name: file.name,
+              status: 'success',
+              size: file.size,
+              response: fileInfo,
+              url: fileInfo.savePath || fileInfo.url,
+            }
+
+            if (onSuccess) {
+              onSuccess(fileInfo, fileObj)
+              this.extractForm.attachmentUrl = fileInfo.savePath || fileInfo.url
+            }
+
+            this.$message.success(`${file.name} 上传成功`)
+          } else {
+            throw new Error(uploadRes?.message || '上传失败，请稍后重试')
+          }
+        } catch (error) {
+          console.error('文件上传失败:', error)
+          // this.$message.error(`文件上传失败：${error.message || '未知错误'}`)
+          if (onError) {
+            onError(error)
+          }
+        }
+      },
+
+      // 上传成功回调
+      handleFileUploadSuccess(response, file, fileList) {
+        // 更新文件列表，添加文件URL信息
+        this.extractForm.fileList = fileList.map((item) => {
+          if (item.uid === file.uid && response) {
+            return {
+              ...item,
+              url: response.savePath || response.url || item.url,
+              response: response,
+            }
+          }
+          return item
+        })
+      },
+
+      // 上传进度回调
+      handleFileUploadProgress(event, file, fileList) {
+        // element-ui 会自动处理上传进度显示
+      },
+
+      // 上传失败回调
+      handleFileUploadError(err, file, fileList) {
+        console.error('文件上传错误:', err)
+        this.$message.error(`${file.name} 上传失败`)
+        // 从文件列表中移除失败的文件
+        this.extractForm.fileList = fileList.filter(
+          (item) => item.uid !== file.uid
+        )
+      },
+
+      // 超出文件数量限制
+      handleFileExceed(files, fileList) {
+        this.$message.warning(
+          `当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${fileList.length} 个文件`
+        )
+      },
+
+      // 移除文件
+      handleFileRemove(file, fileList) {
+        this.extractForm.fileList = fileList
+        this.extractForm.attachmentUrl = ''
+        this.$message.info(`${file.name} 已移除`)
+      },
+
+      // 格式化日期
+      formatDate(row, column, cellValue) {
+        if (!cellValue) return ''
+        try {
+          const date = new Date(cellValue)
+          if (isNaN(date.getTime())) return ''
+          return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(
+            2,
+            '0'
+          )}-${String(date.getDate()).padStart(2, '0')} ${String(
+            date.getHours()
+          ).padStart(2, '0')}:${String(date.getMinutes()).padStart(
+            2,
+            '0'
+          )}:${String(date.getSeconds()).padStart(2, '0')}`
+        } catch (error) {
+          return cellValue
+        }
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  /* .extract-material-container {
+    padding: 20px;
+  } */
+
+  .extract-controls {
+    margin-bottom: 20px;
+    text-align: right;
+  }
+
+  .dialog-footer {
+    text-align: center;
+  }
+
+  /* 操作按钮样式优化 */
+  .el-button--small {
+    margin-right: 8px;
+  }
+
+  /* 表格行悬停效果 */
+  .el-table--enable-row-hover .el-table__body tr:hover > td {
+    background-color: #f5f7fa;
+  }
+</style>

src/views/costAudit/baseInfo/statistics/components/index.js

@@ -13,13 +13,12 @@ import { getWhCateList, getDocList } from '@/api/auditReviewDocManage.js'
 // 引入地区选择混入
 import {
   // dictMixin,
-  regionMixin,
-  catalogMixin,
+  // regionMixin,
   commonMixin,
 } from '@/mixins/useDict'
 
 export const taskMixin = {
-  mixins: [regionMixin, catalogMixin, commonMixin],
+  mixins: [commonMixin],
   data() {
     return {
       dictData: {
@@ -150,13 +149,13 @@ export const taskMixin = {
             align: 'center',
           },
           {
-            prop: 'nodeType',
+            prop: 'nodeTypeName',
             label: '环节类型',
             width: 100,
             align: 'center',
-            formatter: (row) => {
-              return this.getDictName('processNodeType', row.nodeType)
-            },
+            // formatter: (row) => {
+            //   return this.getDictName('processNodeType', row.nodeType)
+            // },
           },
           {
             prop: 'mainUserName',
@@ -171,13 +170,13 @@ export const taskMixin = {
             align: 'left',
           },
           {
-            prop: 'status',
+            prop: 'statusName',
             label: '预置流转操作',
             minWidth: 150,
             align: 'left',
-            formatter: (row) => {
-              return this.getDictName('processStatus', row.status)
-            },
+            // formatter: (row) => {
+            //   return this.getDictName('processStatus', row.status)
+            // },
           },
           {
             prop: 'endTime',
@@ -205,9 +204,9 @@ export const taskMixin = {
             label: '环节类型',
             width: 100,
             align: 'center',
-            formatter: (row) => {
-              return this.getDictName('processNodeType', row.nodeType)
-            },
+            // formatter: (row) => {
+            //   return this.getDictName('processNodeType', row.nodeType)
+            // },
           },
           {
             prop: 'mainUserId',
@@ -373,9 +372,9 @@ export const taskMixin = {
             label: '材料分类',
             width: 120,
             align: 'center',
-            formatter: (row) => {
-              return this.getDictName('materialType', row.informationType)
-            },
+            // formatter: (row) => {
+            //   return this.getDictName('materialType', row.informationType)
+            // },
           },
           {
             prop: 'informationName',
@@ -394,9 +393,9 @@ export const taskMixin = {
             label: '格式要求',
             width: 120,
             align: 'center',
-            formatter: (row) => {
-              return this.getDictName('formatAsk', row.formatRequired)
-            },
+            // formatter: (row) => {
+            //   return this.getDictName('formatAsk', row.formatRequired)
+            // },
           },
           {
             prop: 'orderNum',
@@ -436,12 +435,12 @@ export const taskMixin = {
     },
   },
   watch: {
-    activeTab: {
-      handler(newVal) {
-        this.handleTabClick()
-      },
-      immediate: false, // 可选：如果需要在组件初始化时就执行，可以设置为true
-    },
+    // activeTab: {
+    //   handler(newVal) {
+    //     this.handleTabClick()
+    //   },
+    //   immediate: false, // 可选：如果需要在组件初始化时就执行，可以设置为true
+    // },
   },
   methods: {
     async handleTabClick() {
@@ -457,6 +456,7 @@ export const taskMixin = {
           break
         case 'survey':
           // this.getSurveyData()
+          this.$refs.surveyTab.loadSurveyData()
           break
         case 'auditNotice':
           // const res = await getWhCateList()
@@ -485,13 +485,15 @@ export const taskMixin = {
       if (!pid) return
       getCostProjectDetail({ id: pid })
         .then((res) => {
+          // 先使用API返回的数据，然后用project中的关键属性覆盖，确保必要属性不丢失
           this.formData.basicInfo = {
-            ...this.project,
             ...res.value,
+            areaName: this.project.areaName,
           }
+          console.log('this.formData.basicInfo', this.project)
         })
         .catch(() => {
-          this.formData.basicInfo = this.project
+          this.formData.basicInfo = this.project || {}
         })
     },
     // 获取监审工作方案数据

src/views/costAudit/baseInfo/statistics/components/materialTab.vue

@@ -156,13 +156,10 @@
       getMaterialColumns() {
         return [
           {
-            prop: 'informationType',
+            prop: 'informationTypeName',
             label: '材料分类',
             width: 120,
             align: 'center',
-            formatter: (row) => {
-              return this.getDictName('materialType', row.informationType)
-            },
           },
           {
             prop: 'informationName',
@@ -177,13 +174,13 @@
             align: 'left',
           },
           {
-            prop: 'formatRequired',
+            prop: 'formatRequiredName',
             label: '格式要求',
             width: 120,
             align: 'center',
-            formatter: (row) => {
-              return this.getDictName('formatAsk', row.formatRequired)
-            },
+            // formatter: (row) => {
+            //   return this.getDictName('formatAsk', row.formatRequired)
+            // },
           },
           {
             prop: 'orderNum',

src/views/costAudit/baseInfo/statistics/components/messageNotify.vue

@@ -0,0 +1,197 @@
+<template>
+  <div class="message-notify-container">
+    <el-table
+      style="width: 100%; margin-top: 20px"
+      border
+      :data="localFormData"
+    >
+      <el-table-column prop="id" label="序号" width="120" align="center">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="noticeTitle"
+        label="消息主题"
+        width="200"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        prop="noticeSource"
+        label="消息来源"
+        width="220"
+        align="center"
+        show-overflow-tooltip
+      ></el-table-column>
+      <el-table-column
+        prop="noticeContent"
+        label="消息内容"
+        min-width="350"
+        header-align="center"
+        align="left"
+        show-overflow-tooltip
+      ></el-table-column>
+      <el-table-column
+        prop="createTime"
+        label="发送时间"
+        width="100"
+        align="center"
+      ></el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      layout="total, sizes, prev, pager, next"
+      :current-page="internalPagination.currentPage"
+      :page-sizes="[10, 20, 30, 50]"
+      :page-size="internalPagination.pageSize"
+      :total="internalPagination.total"
+      style="margin-top: 20px; text-align: right"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+  </div>
+</template>
+<script>
+  import { sendMessage } from '@/api/auditTaskProcessing'
+  export default {
+    name: 'MessageNoticeTab',
+    props: {
+      id: {
+        type: String,
+        default: '',
+      },
+      formData: {
+        type: Array,
+        default: () => [],
+      },
+      pagination: {
+        type: Object,
+        default: () => ({ currentPage: 1, pageSize: 10, total: 0 }),
+      },
+    },
+    data() {
+      return {
+        internalPagination: {
+          currentPage: 1,
+          pageSize: 10,
+          total: 0,
+        },
+        localFormData: [],
+      }
+    },
+    watch: {
+      pagination: {
+        handler(newVal) {
+          if (newVal) {
+            this.internalPagination = {
+              currentPage: newVal.currentPage || 1,
+              pageSize: newVal.pageSize || 10,
+              total: newVal.total || 0,
+            }
+          }
+        },
+        immediate: true,
+        deep: true,
+      },
+      formData: {
+        handler(newVal) {
+          this.localFormData = newVal || []
+        },
+        immediate: true,
+        deep: true,
+      },
+      // id: {
+      //   handler(newVal) {
+      //     if (newVal) {
+      //       // 重置到第一页并重新加载
+      //       this.internalPagination.currentPage = 1
+      //       this.getNoticeList()
+      //     }
+      //   },
+      //   immediate: false,
+      // },
+    },
+    mounted() {
+      // 初始化分页数据
+      // if (this.pagination) {
+      //   this.internalPagination = {
+      //     currentPage: this.pagination.currentPage || 1,
+      //     pageSize: this.pagination.pageSize || 10,
+      //     total: this.pagination.total || 0,
+      //   }
+      // }
+      // if (this.formData) {
+      //   this.localFormData = this.formData
+      // }
+      // this.getNoticeList()
+    },
+    methods: {
+      // 处理页码变化
+      handleCurrentChange(page) {
+        this.internalPagination.currentPage = page
+        this.getNoticeList()
+      },
+      // 处理每页条数变化
+      handleSizeChange(size) {
+        this.internalPagination.pageSize = size
+        this.internalPagination.currentPage = 1 // 重置到第一页
+        this.getNoticeList()
+      },
+      // 获取消息通知列表
+      async getNoticeList() {
+        if (!this.id) {
+          return
+        }
+        this.$emit('update:loading', true)
+        const params = {
+          taskId: this.id,
+          pageNum: this.internalPagination.currentPage,
+          pageSize: this.internalPagination.pageSize,
+        }
+        try {
+          const res = await sendMessage(params)
+          console.log('消息通知123', res)
+          if (res && res.code === 200 && res.value) {
+            this.localFormData = res.value.records || []
+            this.internalPagination.total = res.value.total || 0
+            // 同步更新到父组件
+            this.$emit('update:formData', res.value.records || [])
+            this.$emit('update:pagination', {
+              currentPage: this.internalPagination.currentPage,
+              pageSize: this.internalPagination.pageSize,
+              total: this.internalPagination.total,
+            })
+          } else {
+            this.localFormData = []
+            this.internalPagination.total = 0
+            this.$emit('update:formData', [])
+            this.$emit('update:pagination', {
+              currentPage: this.internalPagination.currentPage,
+              pageSize: this.internalPagination.pageSize,
+              total: 0,
+            })
+          }
+        } catch (err) {
+          console.error('获取消息通知失败', err)
+          this.localFormData = []
+          this.internalPagination.total = 0
+          this.$emit('update:formData', [])
+          this.$emit('update:pagination', {
+            currentPage: this.internalPagination.currentPage,
+            pageSize: this.internalPagination.pageSize,
+            total: 0,
+          })
+        } finally {
+          this.$emit('update:loading', false)
+        }
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  /* 移除最外层容器的 padding */
+  div {
+    padding: 0;
+  }
+</style>

src/views/costAudit/baseInfo/statistics/components/submitData.vue

@@ -0,0 +1,697 @@
+<template>
+  <div class="audit-review">
+    <div
+      v-for="category in materialCategories"
+      :key="category.type"
+      class="material-category"
+    >
+      <h3 class="category-title">{{ category.typeName }}</h3>
+      <el-table
+        v-loading="loading"
+        :data="category.items"
+        stripe
+        style="width: 100%"
+      >
+        <el-table-column
+          prop="orderNum"
+          label="序号"
+          width="80"
+          align="center"
+        />
+
+        <el-table-column
+          prop="informationName"
+          label="报送资料"
+          min-width="200"
+          header-align="center"
+          align="left"
+        />
+
+        <el-table-column label="资料类型" width="200" align="center">
+          <template slot-scope="scope">
+            <span
+              v-if="
+                Number(scope.row.formatRequired) === 3 && scope.row.templateId
+              "
+              :title="'点击查看模板'"
+              style="cursor: pointer"
+            >
+              {{ `预置模板(${getTemplateTypeName(scope.row.templateType)})` }}
+            </span>
+            <span v-else>
+              {{ getFormatType(scope.row.formatRequired) }}
+            </span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="是否必项" width="100" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.isRequired === '1' ? '是' : '否' }}
+          </template>
+        </el-table-column>
+
+        <el-table-column label="是否上传" width="100" align="center">
+          <template slot-scope="scope">
+            <span
+              :style="{
+                color: scope.row.isUpload === '1' ? '#67C23A' : '#F56C6C',
+              }"
+            >
+              {{ scope.row.isUpload === '1' ? '已上传' : '未上传' }}
+            </span>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          prop="uploadTime"
+          label="上传时间"
+          width="100"
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.uploadTime ? scope.row.uploadTime : '--' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="初审结果" width="100" align="center">
+          <template slot-scope="scope">
+            <span
+              :class="{
+                'result-pending':
+                  !scope.row.auditedStatus || scope.row.auditedStatus === '0',
+                'result-pass': scope.row.auditedStatus === '1',
+                'result-fail': scope.row.auditedStatus === '2',
+              }"
+            >
+              {{
+                !scope.row.auditedStatus || scope.row.auditedStatus === '0'
+                  ? '未审核'
+                  : scope.row.auditedStatus === '1'
+                  ? '通过'
+                  : '不通过'
+              }}
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="200" align="center">
+          <template slot-scope="scope">
+            <template v-if="scope.row.isUpload === '1'">
+              <el-button
+                v-if="
+                  scope.row.auditedStatus === '0' &&
+                  scope.row.currentNode === 'clcs'
+                "
+                type="text"
+                size="small"
+                @click="handleAuditMaterial(scope.row)"
+              >
+                审核
+              </el-button>
+              <el-button
+                type="text"
+                size="small"
+                @click="handleViewDownload(scope.row)"
+              >
+                查看
+              </el-button>
+            </template>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 资料审核弹窗 -->
+    <el-dialog
+      title="资料审核"
+      :visible.sync="showAuditDialog"
+      width="400px"
+      center
+      :modal="false"
+      append-to-body
+    >
+      <div class="audit-material-info">
+        <p>
+          <strong>资料名称：</strong>
+          {{
+            (currentAuditMaterial && currentAuditMaterial.informationName) || ''
+          }}
+        </p>
+      </div>
+      <el-form ref="auditForm" :model="auditForm" label-width="80px">
+        <el-form-item label="审核结果" prop="auditedStatus">
+          <el-radio-group v-model="auditForm.auditedStatus">
+            <el-radio label="1">审核通过</el-radio>
+            <el-radio label="2">不通过</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="showAuditDialog = false">取消</el-button>
+        <el-button type="primary" @click="handleAuditSubmit">提交</el-button>
+      </div>
+    </el-dialog>
+
+    <survey-form-dialog
+      :visible.sync="singleDialogVisible"
+      :survey-data="{ ...(currentTemplateRow || {}), ...surveyDetailData }"
+      :is-view-mode="true"
+      :request-type="2"
+      :audited-unit-id="
+        auditedUnitId ||
+        (currentTemplateRow && currentTemplateRow.auditedUnitId) ||
+        ''
+      "
+      :upload-id="
+        (currentTemplateRow &&
+          (currentTemplateRow.uploadId || currentTemplateRow.id)) ||
+        ''
+      "
+      :survey-template-id="
+        (currentTemplateRow &&
+          (currentTemplateRow.templateId ||
+            currentTemplateRow.surveyTemplateId)) ||
+        ''
+      "
+      :catalog-id="
+        catalogId || (currentTemplateRow && currentTemplateRow.catalogId) || ''
+      "
+    />
+
+    <fixed-table-dialog
+      :visible.sync="fixedDialogVisible"
+      :is-view-mode="true"
+      :request-type="2"
+      :audited-unit-id="
+        auditedUnitId ||
+        (currentTemplateRow && currentTemplateRow.auditedUnitId) ||
+        ''
+      "
+      :upload-id="
+        (currentTemplateRow &&
+          (currentTemplateRow.uploadId || currentTemplateRow.id)) ||
+        ''
+      "
+      :survey-template-id="
+        (currentTemplateRow &&
+          (currentTemplateRow.templateId ||
+            currentTemplateRow.surveyTemplateId)) ||
+        ''
+      "
+      :catalog-id="
+        catalogId || (currentTemplateRow && currentTemplateRow.catalogId) || ''
+      "
+      :fixed-fields="fixedFields || ''"
+      :fixed-fieldids="fixedFieldids || ''"
+      :table-items="tableItems"
+    />
+
+    <dynamic-table-dialog
+      :visible.sync="dynamicDialogVisible"
+      :is-view-mode="true"
+      :request-type="2"
+      :audited-unit-id="
+        auditedUnitId ||
+        (currentTemplateRow && currentTemplateRow.auditedUnitId) ||
+        ''
+      "
+      :upload-id="
+        (currentTemplateRow &&
+          (currentTemplateRow.uploadId || currentTemplateRow.id)) ||
+        ''
+      "
+      :survey-template-id="
+        (currentTemplateRow &&
+          (currentTemplateRow.templateId ||
+            currentTemplateRow.surveyTemplateId)) ||
+        ''
+      "
+      :catalog-id="
+        catalogId || (currentTemplateRow && currentTemplateRow.catalogId) || ''
+      "
+      :table-data="dynamicTableData"
+      :table-items="tableItems"
+    />
+  </div>
+</template>
+
+<script>
+  import {
+    getTaskRequirementList,
+    addOrUpdateTaskRequirement,
+  } from '@/api/audit/auditIndex'
+  import {
+    getDataPreliminaryReviewButton,
+    doProcessBtn,
+  } from '@/api/dataPreliminaryReview'
+  import SurveyFormDialog from '@/views/EntDeclaration/auditTaskManagement/components/SurveyFormDialog.vue'
+  import FixedTableDialog from '@/views/EntDeclaration/auditTaskManagement/components/FixedTableDialog.vue'
+  import DynamicTableDialog from '@/views/EntDeclaration/auditTaskManagement/components/DynamicTableDialog.vue'
+  import {
+    getSingleRecordSurveyList,
+    getSurveyDetail,
+    getDynamicTableData,
+  } from '@/api/audit/survey'
+
+  export default {
+    name: 'AuditReview',
+    components: {
+      SurveyFormDialog,
+      FixedTableDialog,
+      DynamicTableDialog,
+    },
+    props: {
+      id: {
+        type: [String, Number],
+        default: null,
+      },
+      currentNode: {
+        type: String,
+        default: '',
+      },
+      auditedUnitId: {
+        type: [String, Number],
+        default: '',
+      },
+      catalogId: {
+        type: [String, Number],
+        default: '',
+      },
+      taskId: {
+        type: [String, Number],
+        default: '',
+      },
+    },
+    data() {
+      return {
+        buttonData: [], //资料初审按钮数据
+        activeTab: 'materials', // 当前激活的标签页
+        showRejectDialog: false, // 初审退回弹窗显示状态
+        showAbortDialog: false, // 中止监审弹窗显示状态
+        loading: false, // 加载状态
+        // 初审退回表单数据
+        rejectForm: {
+          opinion: '在初审阶段，需补充完善相关材料。',
+          sendMethods: ['站内消息', '短信通知'],
+        },
+        // 中止监审表单数据
+        abortForm: {
+          opinion:
+            '在初审阶段，该企业资料不符合审查要求，中止该单位成本监审资格。',
+          sendMethods: ['站内消息', '短信通知'],
+        },
+
+        // 资料审核弹窗状态
+        showAuditDialog: false,
+        // 当前审核的资料
+        currentAuditMaterial: null,
+        // 资料审核表单数据
+        auditForm: {
+          auditedStatus: '通过', // 默认审核通过
+        },
+        // 报送资料表格数据
+        materialData: [],
+        // 按类型分组的材料数据
+        materialCategories: [],
+        currentTemplateRow: null,
+        singleDialogVisible: false,
+        fixedDialogVisible: false,
+        dynamicDialogVisible: false,
+        fixedFields: '',
+        fixedFieldids: '',
+        surveyDetailData: {},
+        dynamicTableData: [],
+        tableItems: [],
+      }
+    },
+    watch: {
+      // 监听标签页切换事件
+      // activeTab(newTab) {
+      //   // 当切换到成本调查表标签页时，模拟加载过程
+      //   if (newTab === 'costSurvey') {
+      //     this.loadCostSurveyData()
+      //   }
+      // },
+    },
+    created() {
+      // this.loadMaterialData()
+    },
+    mounted() {},
+    methods: {
+      // 加载报送资料数据
+      async loadMaterialData() {
+        try {
+          this.loading = true
+          const response = await getTaskRequirementList(this.id)
+          // 尝试多种可能的数据结构
+          this.materialData = response.value || response.data || response || []
+          // 确保 materialData 是数组
+          if (!Array.isArray(this.materialData)) {
+            this.materialData = []
+          }
+          this.processMaterialData()
+        } catch (error) {
+          console.error('获取报送资料数据失败:', error)
+          // this.$message.error('获取报送资料数据失败')
+        } finally {
+          this.loading = false
+        }
+      },
+      // 处理材料数据按类型分组
+      processMaterialData() {
+        // 确保 materialData 存在且为数组
+        if (!this.materialData || !Array.isArray(this.materialData)) {
+          this.materialCategories = []
+          return
+        }
+        const typeMap = {
+          1: '综合性资料',
+          2: '财务会计资料',
+          3: '其他资料',
+        }
+        const groupedData = {}
+        this.materialData.forEach((item) => {
+          const type = item.informationType
+          if (!groupedData[type]) {
+            groupedData[type] = {
+              type: type,
+              typeName: typeMap[type] || '其他资料',
+              items: [],
+            }
+          }
+          groupedData[type].items.push(item)
+        })
+        // 按指定顺序排列并为每个分类下的材料重新分配序号
+        this.materialCategories = []
+        ;['1', '2', '3'].forEach((type) => {
+          if (groupedData[type]) {
+            // 为当前分类下的材料重新分配序号，从1开始递增
+            groupedData[type].items.forEach((item, index) => {
+              item.orderNum = index + 1
+            })
+            this.materialCategories.push(groupedData[type])
+          }
+        })
+      },
+      // 获取格式类型
+      getFormatType(formatRequired) {
+        const map = {
+          1: '文档文件',
+          2: 'excel',
+          3: '预置模板',
+        }
+        const k = Number(formatRequired)
+        return map[k] || '文档文件'
+      },
+      getTemplateTypeName(t) {
+        const map = {
+          1: '单记录',
+          2: '固定表',
+          3: '动态表',
+        }
+        const k = String(t || '').trim()
+        return map[k] || map[Number(k)] || ''
+      },
+      // 资料初审按钮点击事件
+      handleAuditPass(row) {
+        this.$confirm(`确定要${row.value}吗？`, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        })
+          .then(() => {
+            // 这里可以添加初审通过的API调用逻辑
+            doProcessBtn({
+              taskId: this.id,
+              key: row.key,
+            })
+              .then((res) => {
+                console.log('接口返回数据:', res)
+                if (res.code === 200 && res.value) {
+                  this.$message({ type: 'success', message: res.value })
+                } else {
+                  this.$message({ type: 'error', message: res.message })
+                }
+              })
+              .catch((err) => {
+                this.$message({ type: 'error', message: err.message })
+              })
+          })
+          .catch(() => {
+            this.$message({ type: 'info', message: '已取消操作' })
+          })
+      },
+      // 查看下载文件（与 taskInfo.vue 一致的 kkFileView 预览）
+      handleViewDownload(row) {
+        console.log(row, '这一行')
+        try {
+          const filePath =
+            row?.filePath ||
+            row?.filepath ||
+            row?.fileUrl ||
+            row?.url ||
+            row?.path ||
+            ''
+          if (!filePath) {
+            this.handleViewTemplate(row)
+            return
+          }
+          const encodedUrl = encodeURIComponent(
+            Base64.encode((window.context && window.context.form) + filePath)
+          )
+          window.open(`${host}:8012/onlinePreview?url=${encodedUrl}`)
+        } catch (e) {
+          console.error('文件预览失败: ', e)
+          // this.$message &&
+          //   this.$message.error &&
+          //   this.$message.error('文件预览失败')
+        }
+      },
+      async handleViewTemplate(row) {
+        this.currentTemplateRow = row || null
+        const t = String(
+          (row && (row.templateType || row.templatetype)) || ''
+        ).trim()
+        if (t === '1') {
+          // 单记录：打开前回显数据（type=2）
+          try {
+            this.surveyDetailData = {}
+            const uploadId = (row && (row.uploadId || row.id)) || ''
+            if (uploadId) {
+              const params = {
+                uploadId,
+                auditedUnitId:
+                  this.auditedUnitId || (row && row.auditedUnitId) || '',
+                type: 2,
+              }
+              const res = await getSurveyDetail(params)
+              if (res && res.code === 200 && res.value) {
+                const detailData = {}
+                if (Array.isArray(res.value)) {
+                  res.value.forEach((item) => {
+                    if (item.rowid && item.rvalue !== undefined) {
+                      detailData[item.rowid] = item.rvalue
+                    }
+                  })
+                } else if (res.value && typeof res.value === 'object') {
+                  Object.assign(detailData, res.value)
+                }
+                this.surveyDetailData = detailData
+              }
+            }
+          } catch (e) {
+            console.error('获取单记录详情失败', e)
+          }
+          this.singleDialogVisible = true
+        } else if (t === '2') {
+          // 固定表：先加载固定表配置（表头），参考 CostSurveyTab
+          const surveyTemplateId =
+            (row && (row.surveyTemplateId || row.templateId)) || ''
+          await this.initFixedTableData(surveyTemplateId)
+          this.fixedDialogVisible = true
+        } else if (t === '3') {
+          await this.initDynamicTableData()
+          this.dynamicDialogVisible = true
+        } else {
+          this.$message &&
+            this.$message.warning &&
+            this.$message.warning('未知的模板类型，无法打开预置模板')
+        }
+      },
+      async initDynamicTableData() {
+        try {
+          const row = this.currentTemplateRow || {}
+          const uploadId = (row && (row.uploadId || row.id)) || ''
+          const auditedUnitId = this.auditedUnitId || row.auditedUnitId || ''
+          const catalogId = this.catalogId || row.catalogId || ''
+          const surveyTemplateId =
+            (row && (row.surveyTemplateId || row.templateId)) || ''
+          const params = {
+            uploadId,
+            auditedUnitId,
+            catalogId,
+            surveyTemplateId,
+            type: 2,
+          }
+          const res = await getDynamicTableData(params)
+          if (res && res.code === 200) {
+            const records = res.value?.records || res.value || []
+            this.dynamicTableData = Array.isArray(records) ? records : []
+          } else {
+            this.dynamicTableData = []
+          }
+          // 若当前行自带列配置则透传，否则传空数组
+          this.tableItems = (row && row.tableItems) || []
+        } catch (e) {
+          console.error('获取动态表数据失败:', e)
+          this.dynamicTableData = []
+          this.tableItems = []
+        }
+      },
+      async initFixedTableData(surveyTemplateId) {
+        try {
+          this.fixedFields = ''
+          this.fixedFieldids = ''
+          this.tableItems = []
+          if (!surveyTemplateId) return
+          const params = { surveyTemplateId, type: 2 }
+          const res = await getSingleRecordSurveyList(params)
+          if (res && res.code === 200 && res.value) {
+            this.fixedFields = res.value.fixedFields || ''
+            this.fixedFieldids = res.value.fixedFieldids || ''
+            const { itemlist } = res.value || {}
+            if (Array.isArray(itemlist) && itemlist.length > 0) {
+              this.tableItems = itemlist.map((item) => ({
+                id: item.id || item.itemId || '',
+                rowid: item.rowid || item.id || item.itemId || '',
+                seq: item.序号,
+                itemName: item.项目 || item.itemName || '',
+                unit: item.unit || '',
+                isCategory: item.isCategory || false,
+                categorySeq: item.categorySeq || '',
+                categoryId: item.categoryId || '',
+                parentid:
+                  item.parentid !== undefined
+                    ? item.parentid
+                    : item.parentId !== undefined
+                    ? item.parentId
+                    : '-1',
+                validateRules: item.validateRules || {},
+                linkageRules: item.linkageRules || {},
+                children: item.children || [],
+                ...item,
+              }))
+            }
+          }
+        } catch (e) {
+          console.error('加载固定表配置失败:', e)
+        }
+      },
+      // 查看报表
+      handleViewReport(row) {
+        this.$message.info(`查看报表：${row.name}`)
+        // 这里可以添加查看报表的逻辑
+      },
+      // 处理资料审核点击事件
+      handleAuditMaterial(row) {
+        this.currentAuditMaterial = { ...row } // 复制当前行数据
+        this.auditForm = {
+          auditedStatus:
+            this.currentAuditMaterial.auditStatus === '1' ? '通过' : '不通过',
+          auditOpinion: '',
+        }
+        this.showAuditDialog = true
+      },
+
+      // 提交资料审核结果
+      async handleAuditSubmit() {
+        try {
+          this.loading = true
+          // 更新当前审核材料的审核状态
+          this.currentAuditMaterial.auditedStatus = this.auditForm.auditedStatus
+          this.currentAuditMaterial.auditResult = this.auditForm.auditedStatus
+
+          // 调用接口提交整个对象
+          await addOrUpdateTaskRequirement(this.currentAuditMaterial)
+
+          this.$message({ type: 'success', message: '资料审核操作已提交' })
+
+          // 更新本地数据，使表格显示最新审核结果
+          this.loadMaterialData()
+
+          this.showAuditDialog = false
+        } catch (error) {
+          console.error('资料审核提交失败:', error)
+          // this.$message.error('资料审核提交失败，请重试')
+        } finally {
+          this.loading = false
+        }
+      },
+    },
+  }
+</script>
+<style scoped>
+  .audit-review {
+    padding: 5px;
+    background-color: #ffffff;
+  }
+
+  .btn-group {
+    margin-bottom: 20px;
+  }
+
+  .btn-group .el-button {
+    margin-right: 10px;
+  }
+
+  .material-category {
+    margin-bottom: 30px;
+  }
+
+  .category-title {
+    margin: 0 0 15px 0;
+    padding: 8px 12px;
+    background-color: #f5f7fa;
+    border-left: 4px solid #409eff;
+    font-size: 16px;
+    font-weight: 600;
+    color: #303133;
+  }
+
+  .template-tag {
+    background-color: #e6f7ff;
+    color: #1677ff;
+    padding: 2px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+  }
+
+  .result-pass {
+    color: #67c23a;
+    font-weight: bold;
+  }
+
+  .result-fail {
+    color: #f56c6c;
+    font-weight: bold;
+  }
+
+  /* 表格样式调整 */
+  .el-table th {
+    background-color: #fafafa;
+  }
+
+  /* 弹窗样式调整 */
+  .el-dialog__body {
+    padding: 20px;
+  }
+
+  .audit-material-info {
+    margin-bottom: 15px;
+    padding: 10px;
+    background-color: #f5f7fa;
+    border-radius: 4px;
+  }
+
+  .audit-material-info p {
+    margin: 0;
+  }
+</style>

src/views/costAudit/baseInfo/statistics/components/taskMixins.js

@@ -0,0 +1,168 @@
+export default {
+  data() {
+    return {
+      workflowList: [],
+      // 所有表单数据聚合
+      formData: {
+        // 监审立项信息表单
+        basicInfo: {
+          projectName: '',
+          relatedCatalog: '',
+          province: '',
+          city: '',
+          district: '',
+          auditedUnit: '',
+          auditBody: '',
+          planYear: '',
+          initiationType: '',
+          auditForm: '',
+          costYears: [{ value: '2022' }, { value: '2023' }, { value: '2024' }],
+          needAudit: false,
+          needEvaluation: false,
+          initiationReason: '',
+          // 修改为与图片一致的立项依据文件列表
+          initiationBasisFiles: [
+            { name: '太原市电力公司关于电网输配电价格调整申请表.pdf' },
+            { name: '******依据文件.pdf' },
+          ],
+          // 修改为与图片一致的其他材料文件列表
+          otherFiles: [{ name: '立项审批表.pdf' }],
+          auditLeader: '',
+          auditTeamMembers: '',
+          otherRequirements: '',
+        },
+
+        // 监审工作方案表单
+        workPlan: {
+          basicInfo: '',
+          stepsMethods: '',
+          otherContent: '',
+        },
+
+        // 材料表单（弹窗用）
+        material: {
+          category: '综合性材料',
+          name: '',
+          requirements: '',
+          format: '文档文件',
+          sort: '',
+          required: '否',
+        },
+
+        // 当前流程环节（弹窗用）
+        currentStep: {
+          manager: '',
+          deadline: '',
+        },
+
+        // 监审工作流程表单
+        workflow: {
+          startDate: '2025-01-20',
+          endDate: '2025-03-30',
+        },
+
+        // 文档表单（弹窗用）
+        document: {
+          template: 'costAuditNotice',
+          documentNumber: '晋成审（2025）11号',
+          auditedUnit: 'A公司',
+          auditProject: '',
+          auditMatters: '',
+          auditPeriod: '',
+          auditTeam: '',
+          teamLeader: '',
+          noticeDate: '',
+        },
+      },
+      // 数据列表聚合
+      materialData: {
+        list: [
+          {
+            id: 1,
+            index: 1,
+            category: '综合性材料',
+            name: '企业基本情况介绍',
+            requirements: '包括企业名称、企业地址、企业员工数量、……',
+            format: '文档文件',
+            sort: 1,
+          },
+          {
+            id: 2,
+            index: 2,
+            category: '综合性材料',
+            name: '组织结构图',
+            requirements: '……',
+            format: '文档文件',
+            sort: 2,
+          },
+          {
+            id: 3,
+            index: 3,
+            category: '综合性材料',
+            name: '营业执照',
+            requirements: '……',
+            format: '文档文件',
+            sort: 3,
+          },
+          {
+            id: 4,
+            index: 4,
+            category: '财务会计资料',
+            name: '财务会计报表',
+            requirements: '……',
+            format: 'excel文件',
+            sort: 4,
+          },
+          {
+            id: 5,
+            index: 5,
+            category: '财务会计资料',
+            name: '资产卡片',
+            requirements: '……',
+            format: '预置模板',
+            sort: 5,
+          },
+        ],
+      },
+      surveyData: {
+        list: [
+          {
+            id: 1,
+            index: 1,
+            name: '封面',
+            type: '模板定制',
+            required: '是',
+          },
+          {
+            id: 2,
+            index: 2,
+            name: '企业基本情况调查表',
+            type: '模板定制',
+            required: '是',
+          },
+          {
+            id: 3,
+            index: 3,
+            name: '企业成本费用调查表',
+            type: '模板定制',
+            required: '是',
+          },
+          {
+            id: 4,
+            index: 4,
+            name: '企业期间费用调查表',
+            type: '模板定制',
+            required: '是',
+          },
+          {
+            id: 5,
+            index: 5,
+            name: '企业职工薪酬调查表',
+            type: '模板定制',
+            required: '是',
+          },
+        ],
+      },
+    }
+  },
+}

src/views/costAudit/baseInfo/statistics/components/workDraft.vue

@@ -0,0 +1,782 @@
+<template>
+  <div class="work-draft-container">
+    <div class="editor-header">
+      <span class="editor-title">工作底稿在线编辑：</span>
+    </div>
+    <div class="editor-wrapper">
+      <ht-editor
+        v-model="workingPaperContent"
+        class="working-paper-editor"
+        height="500px"
+        width="100%"
+        :config="editorConfig"
+        :disabled="disabled"
+        @ready="onEditorReady"
+      />
+    </div>
+    <!-- 工作底稿列表 -->
+    <!-- <div>
+      <el-button
+        type="primary"
+        size="small"
+        :disabled="disabled"
+        @click="handleAddWorkingPaper"
+      >
+        核增核减记录
+      </el-button>
+    </div> -->
+    <el-table
+      v-loading="loading"
+      :data="workingPaperRecords"
+      style="width: 100%; margin-top: 20px"
+      border
+    >
+      <!-- <el-table-column type="selection" width="55"></el-table-column> -->
+      <el-table-column prop="id" label="序号" width="80" align="center">
+        <template slot-scope="scope">
+          {{ scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="auditSubject"
+        label="核增核减科目"
+        width="180"
+        show-overflow-tooltip
+        header-align="center"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        prop="basicInfo"
+        label="基本情况"
+        width="200"
+        show-overflow-tooltip
+        header-align="center"
+        align="left"
+      ></el-table-column>
+      <el-table-column
+        prop="auditDesc"
+        label="核增核减说明"
+        show-overflow-tooltip
+        header-align="center"
+        align="left"
+      ></el-table-column>
+      <el-table-column
+        prop="auditTime"
+        label="时间"
+        width="100"
+        header-align="center"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        label="附件"
+        width="150"
+        header-align="center"
+        align="center"
+      >
+        <template slot-scope="scope">
+          <el-button
+            v-if="scope.row.attachments && scope.row.attachments.length > 0"
+            type="text"
+            size="small"
+            @click="handlePreviewWorkingPaperAttachment(scope.row)"
+          >
+            查看
+          </el-button>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column label="操作" width="150">
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            :disabled="disabled"
+            @click="handleEditWorkingPaper(scope.row)"
+          >
+            修改
+          </el-button>
+          <el-button
+            type="text"
+            size="small"
+            :disabled="disabled"
+            @click="handleDeleteWorkingPaper(scope.row)"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column> -->
+    </el-table>
+
+    <!-- 工作底稿编辑弹窗 -->
+    <el-dialog
+      :title="workingPaperDialogTitle"
+      :visible.sync="workingPaperDialogVisible"
+      width="70%"
+      :modal="false"
+      append-to-body
+    >
+      <el-form
+        ref="workingPaperForm"
+        :model="workingPaperForm"
+        :rules="workingPaperRules"
+        label-width="120px"
+      >
+        <el-form-item label="被审核科目" prop="subject">
+          <el-input
+            v-model="workingPaperForm.subject"
+            placeholder="请输入被审核科目"
+          />
+        </el-form-item>
+        <el-form-item label="基本情况" prop="basicSituation">
+          <el-input
+            v-model="workingPaperForm.basicSituation"
+            type="textarea"
+            :rows="4"
+            placeholder="请输入基本情况"
+          />
+        </el-form-item>
+        <el-form-item label="核增核减说明" prop="description">
+          <el-input
+            v-model="workingPaperForm.description"
+            type="textarea"
+            :rows="4"
+            placeholder="请输入核增核减说明"
+          />
+        </el-form-item>
+        <el-form-item label="日期">
+          <el-date-picker
+            v-model="workingPaperForm.auditDate"
+            type="date"
+            placeholder="选择日期"
+            style="width: 100%"
+          />
+        </el-form-item>
+        <el-form-item label="时间范围">
+          <div style="display: flex; gap: 10px">
+            <el-time-picker
+              v-model="workingPaperForm.startTime"
+              format="HH:mm"
+              placeholder="开始时间"
+              style="flex: 1"
+            />
+            <span>-</span>
+            <el-time-picker
+              v-model="workingPaperForm.endTime"
+              format="HH:mm"
+              placeholder="结束时间"
+              style="flex: 1"
+            />
+          </div>
+        </el-form-item>
+        <el-form-item label="上传附件" prop="fileList">
+          <el-upload
+            class="upload-demo"
+            :action="''"
+            :http-request="handleFileUpload"
+            :on-remove="handleFileRemove"
+            :before-upload="beforeFileUpload"
+            :on-success="handleFileUploadSuccess"
+            :on-error="handleFileUploadError"
+            :on-progress="handleFileUploadProgress"
+            :file-list="workingPaperForm.fileList"
+            :limit="1"
+            :on-exceed="handleFileExceed"
+          >
+            <el-button
+              v-show="
+                !workingPaperForm.fileList ||
+                workingPaperForm.fileList.length === 0
+              "
+              size="small"
+              type="primary"
+            >
+              选择文件
+            </el-button>
+            <div slot="tip" class="el-upload__tip">
+              支持 pdf, doc, docx, xls, xlsx, csv 格式，单个文件不超过50MB
+            </div>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="workingPaperDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleWorkingPaperSubmit">
+          确定
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import {
+    getTaskDraftList,
+    addTaskDraft,
+    deleteTaskDraft,
+    getTaskDraftOnlineEdit,
+  } from '@/api/audit/taskDraft'
+  import { uploadFile } from '@/api/file'
+  export default {
+    name: 'WorkDraft',
+    props: {
+      id: {
+        type: [String, Number],
+        default: null,
+      },
+      disabled: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    data() {
+      return {
+        loading: false,
+        editorConfig: {
+          // 可以在这里覆盖全局配置的选项
+          height: '300px',
+          placeholder: '请输入内容...',
+          excludeMenus: ['image', 'video'],
+        },
+        // 工作底稿数据
+        workingPaperContent: '',
+        // 工作底稿记录列表
+        workingPaperRecords: [],
+        // 工作底稿弹窗
+        workingPaperDialogVisible: false,
+        workingPaperDialogTitle: '添加工作底稿',
+        isEditWorkingPaper: false,
+        workingPaperForm: {
+          id: '',
+          subject: '',
+          basicSituation: '',
+          description: '',
+          auditDate: '',
+          startTime: '',
+          endTime: '',
+          attachments: [],
+          fileList: [],
+          attachmentUrl: '',
+        },
+        workingPaperRules: {
+          subject: [
+            { required: true, message: '请输入被审核科目', trigger: 'blur' },
+          ],
+          basicSituation: [
+            { required: true, message: '请输入基本情况', trigger: 'blur' },
+          ],
+          description: [
+            { required: true, message: '请输入核增核减说明', trigger: 'blur' },
+          ],
+        },
+      }
+    },
+    watch: {
+      id: {
+        handler(newVal) {
+          if (newVal) {
+            this.getWorkingPaperRecords()
+            this.getWorkingPaperContent()
+          }
+        },
+        immediate: true,
+      },
+    },
+    mounted() {
+      if (this.id) {
+        this.getWorkingPaperRecords()
+        this.getWorkingPaperContent()
+      }
+    },
+    methods: {
+      // 获取工作底稿列表
+      async getWorkingPaperRecords() {
+        if (!this.id) {
+          return
+        }
+        try {
+          this.loading = true
+          const res = await getTaskDraftList({ taskId: this.id })
+          if (res && res.value) {
+            // 处理数据，格式化时间显示
+            this.workingPaperRecords = (res.value || []).map((item) => {
+              // 格式化时间显示，如果后端返回的是 time 字段，直接使用
+              let auditTime = ''
+              if (item.time) {
+                auditTime = item.time
+              } else if (item.auditTime) {
+                auditTime = item.auditTime
+              } else if (item.auditDate) {
+                const date = new Date(item.auditDate)
+                const formattedDate = `${date.getFullYear()}-${String(
+                  date.getMonth() + 1
+                ).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`
+                const startTime = item.startTime || '00:00'
+                const endTime = item.endTime || '23:59'
+                auditTime = `${formattedDate} ${startTime}-${endTime}`
+              }
+              // 字段名映射
+              return {
+                ...item,
+                auditSubject: item.subject || item.auditSubject,
+                basicInfo: item.basicSituation || item.basicInfo,
+                auditDesc: item.description || item.auditDesc,
+                auditTime: auditTime,
+              }
+            })
+          } else {
+            this.workingPaperRecords = []
+          }
+        } catch (error) {
+          // this.$message.error('获取工作底稿列表失败')
+          console.error('获取工作底稿列表失败:', error)
+          this.workingPaperRecords = []
+        } finally {
+          this.loading = false
+        }
+      },
+      onEditorReady(editor) {
+        // 编辑器初始化完成后的回调
+        console.log('编辑器已就绪', editor)
+        // 可以在这里获取编辑器实例，进行更多操作
+      },
+      // 获取工作底稿在线编辑内容
+      async getWorkingPaperContent() {
+        if (!this.id) {
+          return
+        }
+        try {
+          const res = await getTaskDraftOnlineEdit({ taskId: this.id })
+          if (res && res.code === 200 && res.value) {
+            // 回显内容到编辑器
+            this.workingPaperContent = res.value.content || ''
+          } else {
+            // 如果没有数据，初始化为空
+            this.workingPaperContent = ''
+          }
+        } catch (error) {
+          console.error('获取工作底稿在线编辑内容失败:', error)
+          this.workingPaperContent = ''
+        }
+      },
+      // 工作底稿操作
+      handleAddWorkingPaper() {
+        this.isEditWorkingPaper = false
+        this.workingPaperDialogTitle = '添加工作底稿'
+        this.workingPaperForm = {
+          id: '',
+          subject: '',
+          basicSituation: '',
+          description: '',
+          auditDate: new Date(),
+          startTime: '',
+          endTime: '',
+          attachments: [],
+          fileList: [],
+          attachmentUrl: '',
+        }
+        // 重置表单验证状态
+        if (this.$refs.workingPaperForm) {
+          this.$refs.workingPaperForm.resetFields()
+        }
+        this.workingPaperDialogVisible = true
+      },
+
+      handleEditWorkingPaper(row) {
+        this.isEditWorkingPaper = true
+        this.workingPaperDialogTitle = '修改工作底稿'
+        // 解析时间字符串
+        let auditDate = new Date()
+        let startTime = null
+        let endTime = null
+
+        // 优先使用 time 字段，如果没有则使用 auditTime，再没有则使用分开的日期时间
+        const timeStr = row.time || row.auditTime || ''
+        if (timeStr) {
+          const timeParts = timeStr.split(' ')
+          if (timeParts.length >= 2) {
+            const date = timeParts[0]
+            const timeRange = timeParts[1].split('-')
+            auditDate = new Date(date)
+            // 将时间字符串转换为 Date 对象
+            if (timeRange[0]) {
+              const [hours, minutes] = timeRange[0].split(':')
+              startTime = new Date()
+              startTime.setHours(
+                parseInt(hours) || 0,
+                parseInt(minutes) || 0,
+                0,
+                0
+              )
+            }
+            if (timeRange[1]) {
+              const [hours, minutes] = timeRange[1].split(':')
+              endTime = new Date()
+              endTime.setHours(
+                parseInt(hours) || 0,
+                parseInt(minutes) || 0,
+                0,
+                0
+              )
+            }
+          }
+        } else if (row.auditDate) {
+          auditDate = new Date(row.auditDate)
+          // 将时间字符串转换为 Date 对象
+          if (row.startTime) {
+            const [hours, minutes] = row.startTime.split(':')
+            startTime = new Date()
+            startTime.setHours(
+              parseInt(hours) || 0,
+              parseInt(minutes) || 0,
+              0,
+              0
+            )
+          }
+          if (row.endTime) {
+            const [hours, minutes] = row.endTime.split(':')
+            endTime = new Date()
+            endTime.setHours(parseInt(hours) || 0, parseInt(minutes) || 0, 0, 0)
+          }
+        }
+
+        // 处理文件列表
+        let fileList = []
+        if (row.attachmentUrl) {
+          fileList = [
+            {
+              name: row.fileName || '附件',
+              url: row.attachmentUrl,
+              response: { savePath: row.attachmentUrl },
+            },
+          ]
+        }
+
+        // 字段名映射
+        this.workingPaperForm = {
+          ...row,
+          subject: row.subject || row.auditSubject || '',
+          basicSituation: row.basicSituation || row.basicInfo || '',
+          description: row.description || row.auditDesc || '',
+          auditDate: auditDate,
+          startTime: startTime,
+          endTime: endTime,
+          fileList: fileList,
+          attachmentUrl: row.attachmentUrl || '',
+        }
+        this.workingPaperDialogVisible = true
+      },
+
+      async handleDeleteWorkingPaper(row) {
+        try {
+          await this.$confirm('确定要删除这条工作底稿吗？', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+          })
+
+          const res = await deleteTaskDraft({ id: row.id })
+          if (res.code === 200) {
+            this.$message.success('工作底稿已删除')
+            // 重新获取列表
+            this.getWorkingPaperRecords()
+          } else {
+            this.$message.error(res.message || '删除失败')
+          }
+        } catch (error) {
+          if (error !== 'cancel') {
+            // this.$message.error('删除失败')
+            console.error('删除工作底稿失败:', error)
+          }
+        }
+      },
+
+      async handleWorkingPaperSubmit() {
+        try {
+          await this.$refs.workingPaperForm.validate()
+
+          // 格式化日期
+          const auditDate = new Date(this.workingPaperForm.auditDate)
+          const formattedDate = `${auditDate.getFullYear()}-${String(
+            auditDate.getMonth() + 1
+          ).padStart(2, '0')}-${String(auditDate.getDate()).padStart(2, '0')}`
+
+          // 格式化时间（如果没有选择时间，使用默认值）
+          const startTime = this.workingPaperForm.startTime
+            ? this.formatTime(this.workingPaperForm.startTime)
+            : '00:00'
+          const endTime = this.workingPaperForm.endTime
+            ? this.formatTime(this.workingPaperForm.endTime)
+            : '23:59'
+
+          // 合并日期和时间范围为 time 字段
+          const time = `${formattedDate} ${startTime}-${endTime}`
+
+          // 构造提交数据
+          const formData = {
+            taskId: this.id,
+            subject: this.workingPaperForm.subject,
+            basicSituation: this.workingPaperForm.basicSituation,
+            description: this.workingPaperForm.description,
+            time: time,
+            attachmentUrl: this.workingPaperForm.attachmentUrl,
+          }
+
+          // 如果是编辑模式，添加 id
+          if (this.isEditWorkingPaper && this.workingPaperForm.id) {
+            formData.id = this.workingPaperForm.id
+          }
+
+          const res = await addTaskDraft(formData)
+          if (res.code === 200) {
+            this.$message.success(
+              this.isEditWorkingPaper ? '工作底稿修改成功' : '工作底稿添加成功'
+            )
+            this.workingPaperDialogVisible = false
+            // 重新获取列表
+            this.getWorkingPaperRecords()
+          } else {
+            this.$message.error(
+              res.message || (this.isEditWorkingPaper ? '修改失败' : '添加失败')
+            )
+          }
+        } catch (error) {
+          if (error !== 'cancel') {
+            // this.$message.error(
+            //   this.isEditWorkingPaper ? '修改失败' : '添加失败'
+            // )
+            console.error('提交工作底稿失败:', error)
+          }
+        }
+      },
+
+      // 格式化时间为 HH:mm 格式
+      formatTime(time) {
+        if (!time) return ''
+        if (typeof time === 'string') {
+          // 如果已经是字符串格式 HH:mm，直接返回
+          if (/^\d{2}:\d{2}$/.test(time)) {
+            return time
+          }
+        }
+        // 如果是 Date 对象
+        if (time instanceof Date) {
+          const hours = String(time.getHours()).padStart(2, '0')
+          const minutes = String(time.getMinutes()).padStart(2, '0')
+          return `${hours}:${minutes}`
+        }
+        return ''
+      },
+
+      handlePreviewWorkingPaperAttachment(row) {
+        const attachments =
+          row.attachments && Array.isArray(row.attachments)
+            ? row.attachments
+            : []
+        if (attachments.length === 0) {
+          this.$message.info('暂无附件')
+          return
+        }
+        this.$message({
+          type: 'info',
+          message: `预览附件：${attachments.join(', ')}`,
+        })
+      },
+
+      // 文件上传前验证
+      beforeFileUpload(file) {
+        const allowedTypes = [
+          'application/pdf',
+          'application/msword',
+          'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+          'application/vnd.ms-excel',
+          'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+          'text/csv',
+        ]
+
+        const allowedExtensions = [
+          '.pdf',
+          '.doc',
+          '.docx',
+          '.xls',
+          '.xlsx',
+          '.csv',
+        ]
+        const fileExtension = '.' + file.name.split('.').pop().toLowerCase()
+
+        // 检查文件格式
+        const isCorrectType = allowedTypes.includes(file.type)
+        const isCorrectExtension = allowedExtensions.includes(fileExtension)
+
+        if (!isCorrectType && !isCorrectExtension) {
+          this.$message.error(
+            '只允许上传 pdf, doc, docx, xls, xlsx, csv 格式的文件！'
+          )
+          return false
+        }
+
+        // 检查文件大小 (50MB)
+        const isLt50M = file.size / 1024 / 1024 < 50
+        if (!isLt50M) {
+          this.$message.error('文件大小不能超过 50MB!')
+          return false
+        }
+
+        return true
+      },
+
+      // 自定义上传方法
+      async handleFileUpload(options) {
+        const { file, onProgress, onSuccess, onError } = options
+
+        // 检查是否已经上传了文件
+        if (
+          this.workingPaperForm.fileList &&
+          this.workingPaperForm.fileList.length >= 1
+        ) {
+          this.$message.warning('只能上传一个文件，请先删除已上传的文件')
+          if (onError) {
+            onError(new Error('只能上传一个文件'))
+          }
+          return
+        }
+
+        const formData = new FormData()
+        formData.append('file', file)
+
+        try {
+          // 显示上传进度
+          if (onProgress) {
+            onProgress({ percent: 0 })
+          }
+
+          // 调用上传API
+          const uploadRes = await uploadFile('/api/file/v1/upload', formData, {
+            onUploadProgress: (progressEvent) => {
+              // 计算上传进度
+              if (progressEvent.total) {
+                const percent = Math.round(
+                  (progressEvent.loaded * 100) / progressEvent.total
+                )
+                if (onProgress) {
+                  onProgress({ percent })
+                }
+              }
+            },
+          })
+
+          // 检查上传结果
+          if (uploadRes && uploadRes.code === 200 && uploadRes.value) {
+            const fileInfo = uploadRes.value
+            // 构造文件信息对象，符合element-ui upload组件的格式
+            const fileObj = {
+              uid: file.uid,
+              name: file.name,
+              status: 'success',
+              size: file.size,
+              response: fileInfo,
+              url: fileInfo.savePath || fileInfo.url,
+            }
+
+            if (onSuccess) {
+              onSuccess(fileInfo, fileObj)
+              this.workingPaperForm.attachmentUrl =
+                fileInfo.savePath || fileInfo.url
+            }
+
+            this.$message.success(`${file.name} 上传成功`)
+          } else {
+            throw new Error(uploadRes?.message || '上传失败，请稍后重试')
+          }
+        } catch (error) {
+          console.error('文件上传失败:', error)
+          // this.$message.error(`文件上传失败：${error.message || '未知错误'}`)
+          if (onError) {
+            onError(error)
+          }
+        }
+      },
+
+      // 上传成功回调
+      handleFileUploadSuccess(response, file, fileList) {
+        // 更新文件列表，添加文件URL信息
+        this.workingPaperForm.fileList = fileList.map((item) => {
+          if (item.uid === file.uid && response) {
+            return {
+              ...item,
+              url: response.savePath || response.url || item.url,
+              response: response,
+            }
+          }
+          return item
+        })
+      },
+
+      // 上传进度回调
+      handleFileUploadProgress(event, file, fileList) {
+        // element-ui 会自动处理上传进度显示
+      },
+
+      // 上传失败回调
+      handleFileUploadError(err, file, fileList) {
+        console.error('文件上传错误:', err)
+        this.$message.error(`${file.name} 上传失败`)
+        // 从文件列表中移除失败的文件
+        this.workingPaperForm.fileList = fileList.filter(
+          (item) => item.uid !== file.uid
+        )
+      },
+
+      // 超出文件数量限制
+      handleFileExceed(files, fileList) {
+        this.$message.warning(
+          `当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${fileList.length} 个文件`
+        )
+      },
+
+      // 移除文件
+      handleFileRemove(file, fileList) {
+        this.workingPaperForm.fileList = fileList
+        this.workingPaperForm.attachmentUrl = ''
+        this.$message.info(`${file.name} 已移除`)
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .work-draft-container {
+    width: 100%;
+  }
+
+  .editor-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+  }
+
+  .editor-title {
+    font-size: 16px;
+    font-weight: bold;
+  }
+
+  .editor-wrapper {
+    width: 100%;
+    margin-bottom: 20px;
+  }
+
+  .working-paper-editor {
+    width: 100% !important;
+  }
+
+  :deep(.inputs.ht-form-inputs__inline) {
+    width: 100%;
+  }
+
+  :deep(.ht-editor) {
+    width: 100% !important;
+  }
+
+  :deep(.ht-container) {
+    width: 100% !important;
+  }
+</style>

src/views/costAudit/baseInfo/statistics/components/workflowTab.vue

@@ -35,8 +35,8 @@
       </el-button>
     </div>
     <CostAuditTable
-      :table-data="workflowData.list"
-      :columns="workflowData.listColumns"
+      :table-data="localWorkflowData.list"
+      :columns="localWorkflowData.listColumns"
       :show-index="true"
       :show-action-column="true"
     >
@@ -75,15 +75,15 @@
         ></el-date-picker>
       </div>
       <CostAuditTable
-        :table-data="workflowData.stepList"
-        :columns="workflowData.workflowColumns"
+        :table-data="localWorkflowData.stepList"
+        :columns="localWorkflowData.workflowColumns"
         :show-index="true"
         :show-pagination="true"
         :show-action-column="true"
         :table-props="{
           maxHeight: '500',
         }"
-        :pagination="workflowData.pagination"
+        :pagination="localWorkflowData.pagination"
         @pagination-change="handlePaginationChange"
       >
         <template #mainUserId="{ row }">
@@ -275,7 +275,7 @@
   </div>
 </template>
 <script>
-  import { taskMixin } from './index.js'
+  // import { taskMixin } from './index.js'
   import {
     getCostProjectNodeTmpletePageList,
     saveProcess,
@@ -283,7 +283,7 @@
   import CostAuditTable from '@/components/costAudit/CostAuditTable.vue'
   export default {
     components: { CostAuditTable },
-    mixins: [taskMixin],
+    // mixins: [taskMixin],
     props: {
       // 父组件传递的参数
       project: {
@@ -294,13 +294,44 @@
         type: Boolean,
         default: false,
       },
+      workflowData: {
+        type: Object,
+        default: () => ({
+          list: [],
+          listColumns: [],
+          stepList: [],
+          workflowColumns: [],
+          pagination: {
+            currentPage: 1,
+            pageSize: 10,
+            total: 0,
+          },
+          detailInfo: {},
+        }),
+      },
     },
     data() {
       return {
+        // 创建本地workflowData副本，避免直接修改prop
+        localWorkflowData: {
+          list: [],
+          listColumns: [],
+          stepList: [],
+          workflowColumns: [],
+          pagination: {
+            currentPage: 1,
+            pageSize: 10,
+            total: 0,
+          },
+          detailInfo: {},
+        },
         formData: {
+          workflow: {
+            plannedAuditStartDate: '',
+            plannedAuditEndDate: '',
+          },
           currentStepRules: {
             endTime: [
-              { required: true, message: '请选择截止时间', trigger: 'change' },
               {
                 validator: (rule, value, callback) => {
                   if (
@@ -321,6 +352,26 @@
               },
             ],
           },
+          currentStep: {
+            processNodeValue: '',
+            mainUserId: '',
+            userId: [],
+            status: [],
+            endTime: '',
+            nodeType: 1,
+          },
+        },
+        dialogs: {
+          setStepDialogVisible: false,
+          stepDialogVisible: false,
+        },
+        loading: {
+          saveStep: false,
+          save: false,
+        },
+        userList: [],
+        dictData: {
+          processStatus: [],
         },
       }
     },
@@ -334,9 +385,9 @@
         }
 
         const stepList =
-          this.workflowData.list.length > 0
-            ? this.workflowData.list
-            : this.workflowData.stepList
+          this.localWorkflowData.list.length > 0
+            ? this.localWorkflowData.list
+            : this.localWorkflowData.stepList
 
         if (!stepList || stepList.length <= 1) {
           return false
@@ -356,7 +407,14 @@
       },
     },
     watch: {
-      'workflowData.stepList': {
+      // 监听workflowData变化，更新本地副本
+      workflowData: {
+        deep: true,
+        handler(newData) {
+          this.localWorkflowData = JSON.parse(JSON.stringify(newData))
+        },
+      },
+      'localWorkflowData.stepList': {
         handler(newList) {
           if (newList && newList.length > 0) {
             // 需要时可在此添加排序或其他处理
@@ -364,6 +422,21 @@
         },
         deep: true,
       },
+      'workflowData.detailInfo': {
+        handler(newVal) {
+          if (newVal) {
+            this.formData.workflow.plannedAuditStartDate =
+              newVal.plannedAuditStartDate
+            this.formData.workflow.plannedAuditEndDate =
+              newVal.plannedAuditEndDate
+          }
+        },
+        deep: true,
+      },
+    },
+    mounted() {
+      // 初始化本地副本
+      this.localWorkflowData = JSON.parse(JSON.stringify(this.workflowData))
     },
     mounted() {},
 
@@ -397,7 +470,7 @@
         }
       },
       getPickerOptions(row) {
-        const stepList = this.workflowData.stepList
+        const stepList = this.localWorkflowData.stepList
         const rowIndex = stepList.findIndex(
           (item) => item.processNodeKey === row.processNodeKey
         )
@@ -437,29 +510,31 @@
       handleSetWorkflow() {
         this.getUser()
         this.dialogs.setStepDialogVisible = true
-        if (this.workflowData.list.length > 0) {
-          this.workflowData.stepList = this.workflowData.list
-          this.workflowData.stepList = this.workflowData.list.map((item) => {
-            const mapped = {
-              ...item,
-              userId: item.userId ? item.userId.split(',') : [],
-              status: item.status ? item.status.split(',') : [],
-            }
-            if (!mapped.status || mapped.status.length === 0) {
-              const defaultKey = this.isArchiveNode(mapped)
-                ? this.getProcessStatusKeyByName('归档')
-                : this.getProcessStatusKeyByName('通过')
-              mapped.status = defaultKey ? [defaultKey] : []
+        if (this.localWorkflowData.list.length > 0) {
+          this.localWorkflowData.stepList = this.localWorkflowData.list
+          this.localWorkflowData.stepList = this.localWorkflowData.list.map(
+            (item) => {
+              const mapped = {
+                ...item,
+                userId: item.userId ? item.userId.split(',') : [],
+                status: item.status ? item.status.split(',') : [],
+              }
+              if (!mapped.status || mapped.status.length === 0) {
+                const defaultKey = this.isArchiveNode(mapped)
+                  ? this.getProcessStatusKeyByName('归档')
+                  : this.getProcessStatusKeyByName('通过')
+                mapped.status = defaultKey ? [defaultKey] : []
+              }
+              return mapped
             }
-            return mapped
-          })
+          )
         } else {
           getCostProjectNodeTmpletePageList({
-            pageNum: this.workflowData.pagination.currentPage,
-            pageSize: this.workflowData.pagination.pageSize,
+            pageNum: this.localWorkflowData.pagination.currentPage,
+            pageSize: this.localWorkflowData.pagination.pageSize,
             processId: '1',
           }).then((res) => {
-            this.workflowData.stepList = res.value.records.map((item) => {
+            this.localWorkflowData.stepList = res.value.records.map((item) => {
               const mapped = {
                 ...item,
                 userId: item.userId ? item.userId.split(',') : [],
@@ -473,7 +548,7 @@
               }
               return mapped
             })
-            this.workflowData.pagination.total = res.value.total
+            this.localWorkflowData.pagination.total = res.value.total
           })
         }
       },
@@ -524,21 +599,24 @@
               return
             }
             if (type == 'list') {
-              this.workflowData.list = this.workflowData.list.map((item) => {
-                if (
-                  item.processNodeKey ==
-                  this.formData.currentStep.processNodeKey
-                ) {
-                  return {
-                    ...item,
-                    ...this.formData.currentStep,
-                    userId: this.formData.currentStep.userId.join(','),
-                    status: this.formData.currentStep.status.join(','),
+              this.localWorkflowData.list = this.localWorkflowData.list.map(
+                (item) => {
+                  if (
+                    item.processNodeKey ==
+                    this.formData.currentStep.processNodeKey
+                  ) {
+                    return {
+                      ...item,
+                      ...this.formData.currentStep,
+                      userId: this.formData.currentStep.userId.join(','),
+                      status: this.formData.currentStep.status.join(','),
+                    }
                   }
+                  return item
                 }
-                return item
-              })
-              this.$emit('update:workflowData', { ...this.workflowData })
+              )
+              // 通知父组件数据变化
+              this.$emit('update:workflowData', this.localWorkflowData)
               this.handleSaveSetStep('list')
             }
           } else {
@@ -557,7 +635,9 @@
         }
 
         let stepList =
-          type === 'list' ? this.workflowData.list : this.workflowData.stepList
+          type === 'list'
+            ? this.localWorkflowData.list
+            : this.localWorkflowData.stepList
         if (stepList && stepList.length > 1) {
           const sortedSteps = [...stepList].sort((a, b) => {
             return stepList.indexOf(a) - stepList.indexOf(b)
@@ -586,7 +666,7 @@
 
         const listToCheck =
           type === 'list'
-            ? this.workflowData.list.map((it) => ({
+            ? this.localWorkflowData.list.map((it) => ({
                 ...it,
                 statusArr:
                   typeof it.status === 'string' && it.status
@@ -595,7 +675,7 @@
                     ? it.status
                     : [],
               }))
-            : this.workflowData.stepList.map((it) => ({
+            : this.localWorkflowData.stepList.map((it) => ({
                 ...it,
                 statusArr: Array.isArray(it.status) ? it.status : [],
               }))
@@ -627,13 +707,13 @@
           ],
           plannedAuditEndDate: this.formData.workflow.plannedAuditEndDate,
           plannedAuditStartDate: this.formData.workflow.plannedAuditStartDate,
-          processId: this.workflowData.detailInfo.processId || '1',
+          processId: this.localWorkflowData.detailInfo.processId || '1',
           projectId: this.project.projectId,
         }
         if (type == 'list') {
-          data.nodeReqList = this.workflowData.list
+          data.nodeReqList = this.localWorkflowData.list
         } else {
-          data.nodeReqList = this.workflowData.stepList.map((item) => {
+          data.nodeReqList = this.localWorkflowData.stepList.map((item) => {
             return {
               ...item,
               userId: item.userId.join(','),

src/views/costAudit/baseInfo/statistics/comprehensiveQuery.vue

@@ -18,6 +18,7 @@
             placeholder="选择开始年份"
             style="width: 150px"
             clearable
+            value-format="yyyy"
           ></el-date-picker>
           <span style="margin: 0 5px">~</span>
           <el-date-picker
@@ -26,11 +27,12 @@
             placeholder="选择结束年份"
             style="width: 150px"
             clearable
+            value-format="yyyy"
           ></el-date-picker>
         </el-form-item>
         <el-form-item label="被监审单位：">
           <el-input
-            v-model="searchForm.auditedUnit"
+            v-model="searchForm.auditedUnitName"
             placeholder="请输入被监审单位"
             style="width: 200px"
             clearable
@@ -43,6 +45,7 @@
             placeholder="选择立项年度"
             style="width: 150px"
             clearable
+            value-format="yyyy"
           ></el-date-picker>
         </el-form-item>
         <el-form-item>
@@ -138,7 +141,7 @@
 
         <!-- 监审形式 -->
         <el-table-column
-          prop="auditType"
+          prop="auditTypeName"
           label="监审形式"
           width="120"
           header-align="center"
@@ -197,7 +200,7 @@
       </div>
     </div>
 
-    <!-- 成本监审任务制定弹窗（用于“任务详情”只读查看） -->
+    <!-- 成本监审任务制定弹窗（用于“主任务”查看） -->
     <task-customized-release-dialog
       :visible.sync="taskReleaseDialogVisible"
       :project="project"
@@ -205,7 +208,7 @@
       @backToList="taskReleaseDialogVisible = false"
       @close="taskReleaseDialogVisible = false"
     />
-    <!-- 成本监审信息弹窗（用于“查看”按钮） -->
+    <!-- 成本监审信息弹窗（用于“子任务”按钮） -->
     <cbjs-info
       :id="cbjsInfoData && cbjsInfoData.id"
       :selected-project="cbjsInfoData"
@@ -240,7 +243,7 @@
           projectName: '',
           startYear: '',
           endYear: '',
-          auditedUnit: '',
+          auditedUnitName: '',
           year: '',
         },
         // 表格数据
@@ -370,7 +373,7 @@
           projectName: '',
           startYear: '',
           endYear: '',
-          auditedUnit: '',
+          auditedUnitName: '',
           year: '',
         }
         this.pagination.currentPage = 1 // 重置页码
@@ -415,22 +418,25 @@
           this.$message.warning('缺少项目ID，无法查看详情')
           return
         }
+        this.project = row
         this.isView = true
-        getCostProjectDetail({ id: projectId })
-          .then((res) => {
-            this.project = (res && res.value) || {}
-            this.taskReleaseDialogVisible = true
-          })
-          .catch(() => {
-            this.project = row || {}
-            this.taskReleaseDialogVisible = true
-          })
+        this.taskReleaseDialogVisible = true
+        // getCostProjectDetail({ id: projectId })
+        //   .then((res) => {
+        //     this.project = (res && res.value) || {}
+        //     this.taskReleaseDialogVisible = true
+        //   })
+        //   .catch(() => {
+        //     this.project = row || {}
+        //     this.taskReleaseDialogVisible = true
+        //   })
       },
 
       // 查看成本监审信息
       handleMessage(row, type) {
         if (type === 'chengben') {
           this.cbjsInfoData = row
+          this.cbjsInfoData.taskId = row.id || {}
           this.cbjsInfoVisible = true
         }
       },