文件编辑问题修复，添加文件预览功能

2025-11-18 14:52:37 +08:00 · 2025-11-18 14:52:37 +08:00 · df332f8138
parent 82bab0ea11
commit df332f8138
12 changed files with 323 additions and 358 deletions
--- a/src/views/enterpriseLibrary/finance/components/child/FinanceReportDetail.vue
+++ b/src/views/enterpriseLibrary/finance/components/child/FinanceReportDetail.vue
@ -105,7 +105,8 @@ export default {
        name: item.fileName || '未知文件',
        filePath: item.filePath || '',
        lsFilePath: item.lsFilePath || '',  // 预览路径
-        fileType: item.fileType || '2'      // 文件类型（默认文档）
+        fileType: item.fileType || '2',     // 文件类型（默认文档）
+        id: item.sourceId + ''
      }))
    },

--- a/src/views/enterpriseLibrary/finance/components/child/FinanceReportUpload.vue
+++ b/src/views/enterpriseLibrary/finance/components/child/FinanceReportUpload.vue
@ -1,5 +1,4 @@
 <template>
-  <!-- 模板部分保持不变 -->
  <div>
    <div class="basic-info-title">
      <img src="@/assets/enterpriseLibrary/basic-info.png" alt="财务报告">
@ -13,12 +12,11 @@
      label-width="110px"
      label-position="top"
    >
-      <!-- 财务报告上传 -->
      <el-row :gutter="24">
        <el-col :span="8">
          <el-form-item label="财务报告附件" prop="fileList">
            <UploadFile
-              :fileList="formatFileList()"
+              :fileList="formData.fileList"
              :fileUploadRule="financeReportUploadRule"
              @file-change="(files, type) => handleFileChange(files, type)"
              @del-file="handleDelFile"
@ -32,7 +30,6 @@
        </el-col>
      </el-row>

-      <!-- 文件名 -->
      <el-row :gutter="24" class="info-row">
        <el-col :span="8" class="info-col">
          <el-form-item label="文件名" prop="fileName">
@ -46,7 +43,6 @@
          </el-form-item>
        </el-col>

-        <!-- 报告年份 -->
        <el-col :span="8" class="info-col">
          <el-form-item label="报告年份" prop="reportYear">
            <el-date-picker
@ -81,10 +77,10 @@ export default {
        "报告年份": "reportYear"
      },
      formData: {
-        fileList: [],  // 存储原始文件数据
+        fileList: [],
        fileName: '',
-        reportYear: '', // 存储年份字符串（如"2023"）
-        delFileList: []  // 记录删除的文件路径
+        reportYear: '',
+        delFileList: []
      },
      rules: {
        fileList: [
@ -96,7 +92,8 @@ export default {
        reportYear: [
          { required: true, message: '请选择报告年份', trigger: 'change' }
        ]
-      }
+      },
+      isReplacingFile: false // 新增：标记是否正在替换文件
    }
  },
  computed: {
@ -115,51 +112,33 @@ export default {
    }
  },
  methods: {
-    // 接收父组件数据并回显
    setFormData(data) {
+      // 财务报告文件：不手动生成uid
      const financeFiles = Array.isArray(data.fileList)
        ? data.fileList.filter(file => file && file.businessType === 'finance_report')
-        : []
+          .map(file => ({
+            name: file.name || file.fileName || '未知文件',
+            filePath: file.filePath,
+            lsFilePath: file.lsFilePath,
+            fileType: file.fileType || '2',
+            businessType: 'finance_report'
+          }))
+        : [];

      this.formData = {
-        ...data,
+        ...(data || {}),
        fileList: financeFiles,
        fileName: financeFiles.length > 0 ? this.getFileName(financeFiles[0]) : '',
        delFileList: []
      }
    },

-    // 格式化文件列表，适配UploadFile组件
-    formatFileList() {
-      return this.formData.fileList.map((file, index) => {
-        const fileExt = this.getFileExt(file)
-        return {
-          ...file,
-          uid: file.uid || file.filePath || `${Date.now()}-${index}`,
-          name: this.getFileName(file),  // 这里会使用去掉后缀的文件名
-          status: file.status || 'success',
-          percentage: file.percentage || 100,
-          fileType: file.fileType || '2'
-        }
-      })
-    },
-
-    // 核心修改：提取文件名并去掉后缀
    getFileName(file) {
-      // 先获取原始文件名（包含后缀）
-      const fullName = file.name || file.fileName || `未命名文件.${this.getFileExt(file)}`
-
-      // 查找最后一个点的位置，用于分割文件名和后缀
+      const fullName = file.name || file.fileName || '未知文件'
      const lastDotIndex = fullName.lastIndexOf('.')
-
-      // 如果存在后缀（且点不是文件名的第一个字符），则去掉后缀；否则返回原文件名
-      if (lastDotIndex > 0) {
-        return fullName.substring(0, lastDotIndex)
-      }
-      return fullName
+      return lastDotIndex > 0 ? fullName.substring(0, lastDotIndex) : fullName
    },

-    // 提取文件后缀（保持不变）
    getFileExt(file) {
      if (!file) return ''
      const fileName = file.name || file.fileName || ''
@ -167,37 +146,53 @@ export default {
      return extMatch ? extMatch[1].toLowerCase() : ''
    },

-    // 处理文件变更（保持不变）
    handleFileChange(files, type) {
-      if (type === 'finance_report') {
-        const markedFiles = files.map(file => ({
-          ...file,
-          businessType: 'finance_report',
-          name: file.name || file.fileName || '未知文件'
-        }))
-        this.formData.fileList = markedFiles
+      if (type === 'finance_report' && files instanceof Array) {
+        // 处理文件替换逻辑
+        if (files.length > 0 && files[0].response) { // 验证上传成功
+          // 标记为已完成替换
+          this.isReplacingFile = false;

-        if (markedFiles.length > 0) {
-          const originalFileName = this.getFileName(markedFiles[0])  // 这里会使用去掉后缀的文件名
-          const safeFileName = originalFileName.replace(/--+/g, '-')
-          this.formData.fileName = safeFileName
-          this.$refs.financeReportForm.validateField('fileName')
-          this.$message.success(`文件名已自动提取：${safeFileName}`)
+          // 处理旧文件删除
+          if (this.formData.fileList.length > 0) {
+            const oldFile = this.formData.fileList[0];
+            const delPath = oldFile?.response?.fileRes?.filePath || oldFile?.filePath || null;
+            if (delPath && !this.formData.delFileList.includes(delPath)) {
+              this.formData.delFileList.push(delPath);
+            }
+          }
+
+          const markedFiles = files.map(file => ({
+            ...file,
+            businessType: 'finance_report'
+          })).slice(-1);
+
+          this.formData.fileList = markedFiles;
+
+          // 提取文件名逻辑不变
+          if (markedFiles.length > 0) {
+            const originalFileName = this.getFileName(markedFiles[0])
+            const safeFileName = originalFileName.replace(/--+/g, '-')
+            this.formData.fileName = safeFileName
+            this.$refs.financeReportForm.validateField('fileName')
+          }
+          this.handleOcrResult(markedFiles)
+        } else if (!this.isReplacingFile) {
+          // 只有非替换操作才清空文件列表
+          this.formData.fileList = [];
+          this.formData.fileName = '';
        }
-
-        this.handleOcrResult(markedFiles)
      }
    },

-    // 其他方法保持不变
    handleDelFile(file) {
-      const filePath = file.filePath || file.response?.fileRes?.uploadPath
-      if (filePath && !this.formData.delFileList.includes(filePath)) {
-        this.formData.delFileList.push(filePath)
+      // 标记为替换操作，保留文件列表结构等待新文件
+      this.isReplacingFile = true;
+
+      const delPath = file?.response?.fileRes?.filePath || file?.filePath || null;
+      if (delPath && !this.formData.delFileList.includes(delPath)) {
+        this.formData.delFileList.push(delPath);
      }
-      this.formData.fileList = []
-      this.formData.fileName = ''
-      this.formData.reportYear = ''
    },

    handleOcrResult(files) {
@ -264,6 +259,7 @@ export default {
        reportYear: '',
        delFileList: []
      }
+      this.isReplacingFile = false;
    },

    addOcrRule() {
@ -292,7 +288,6 @@ export default {
 </script>

 <style scoped lang="scss">
-/* 样式部分保持不变 */
 .basic-info-title {
  display: flex;
  align-items: center;
--- a/src/views/enterpriseLibrary/finance/components/child/FinancialStatement.vue
+++ b/src/views/enterpriseLibrary/finance/components/child/FinancialStatement.vue
@ -12,12 +12,11 @@
      label-width="110px"
      label-position="top"
    >
-      <!-- 财务报表上传 -->
      <el-row :gutter="24" class="data-row">
        <el-col :span="8" class="data-col">
          <el-form-item label="财务报表附件" prop="fileList" class="data-item">
            <UploadFile
-              :fileList="formatFileList()"
+              :fileList="formData.fileList"
              :fileUploadRule="financialStatementUploadRule"
              @file-change="(files, type) => handleFileChange(files, type)"
              @del-file="handleDelFile"
@ -31,7 +30,6 @@
        </el-col>
      </el-row>

-      <!-- 财务数据字段（三列布局） -->
      <el-row :gutter="24" class="data-row">
        <el-col :span="8" class="data-col">
          <el-form-item label="营业收入" prop="operatingIncome" class="data-item">
@ -163,7 +161,7 @@ export default {
        "资产负债率": "assetLiabilityRatio"
      },
      formData: {
-        fileList: [], // 存储原始文件数据
+        fileList: [],
        operatingIncome: '',
        currentAssets: '',
        currentLiabilities: '',
@ -174,7 +172,7 @@ export default {
        totalLiabilities: '',
        totalAssets: '',
        assetLiabilityRatio: '',
-        delFileList: [] // 记录删除的文件路径
+        delFileList: []
      },
      rules: {
        fileList: [
@ -213,7 +211,8 @@ export default {
          { required: true, message: '资产负债率为必填项', trigger: 'blur' },
          { pattern: /^\d+(\.\d+)?%?$/, message: '请输入有效的资产负债率（如1或1%）', trigger: 'blur' }
        ]
-      }
+      },
+      isReplacingFile: false // 新增：标记是否正在替换文件
    }
  },
  computed: {
@ -232,43 +231,30 @@ export default {
    }
  },
  methods: {
-    // 接收父组件数据并回显（适配编辑场景）
    setFormData(data) {
-      // 筛选出财务报表类型的文件（businessType=financial_statement）
+      // 财务报表文件：不手动生成uid
      const financialFiles = Array.isArray(data.fileList)
        ? data.fileList.filter(file => file && file.businessType === 'financial_statement')
-        : []
+          .map(file => ({
+            name: file.name || file.fileName || '未知文件',
+            filePath: file.filePath,
+            lsFilePath: file.lsFilePath,
+            fileType: file.fileType || '2',
+            businessType: 'financial_statement'
+          }))
+        : [];

      this.formData = {
-        ...data,
-        fileList: financialFiles, // 存储原始文件列表
-        delFileList: [] // 清空删除记录
+        ...(data || {}),
+        fileList: financialFiles,
+        delFileList: []
      }
    },

-    // 核心：格式化文件列表，适配UploadFile组件
-    formatFileList() {
-      return this.formData.fileList.map((file, index) => {
-        // 提取文件后缀
-        const fileExt = this.getFileExt(file)
-        return {
-          ...file,
-          // 补充组件所需核心字段
-          uid: file.uid || file.filePath || `${Date.now()}-${index}`, // 唯一标识
-          name: this.getFileName(file), // 显示文件名
-          status: file.status || 'success', // 默认为已上传状态
-          percentage: file.percentage || 100, // 进度100%
-          fileType: file.fileType || '2' // 默认为文档类型
-        }
-      })
-    },
-
-    // 提取文件名（兼容不同数据结构）
    getFileName(file) {
-      return file.name || file.fileName || `未命名文件.${this.getFileExt(file)}`
+      return file.name || file.fileName || '未知文件'
    },

-    // 提取文件后缀
    getFileExt(file) {
      if (!file) return ''
      const fileName = file.name || file.fileName || ''
@ -276,25 +262,39 @@ export default {
      return extMatch ? extMatch[1].toLowerCase() : ''
    },

-    // 处理文件变更
    handleFileChange(files, type) {
-      if (type === 'financial_statement') {
-        // 为新上传文件添加businessType标记，并补充name字段
-        const markedFiles = files.map(file => ({
-          ...file,
-          businessType: 'financial_statement',
-          name: file.name || file.fileName || '未知文件' // 确保name存在
-        }))
-        this.formData.fileList = markedFiles // 更新原始文件列表
-        this.handleOcrResult(markedFiles)
+      if (type === 'financial_statement' && files instanceof Array) {
+        // 处理文件替换逻辑
+        if (files.length > 0 && files[0].response) { // 验证上传成功
+          // 标记为已完成替换
+          this.isReplacingFile = false;
+
+          // 处理旧文件删除
+          if (this.formData.fileList.length > 0) {
+            const oldFile = this.formData.fileList[0];
+            const delPath = oldFile?.response?.fileRes?.filePath || oldFile?.filePath || null;
+            if (delPath && !this.formData.delFileList.includes(delPath)) {
+              this.formData.delFileList.push(delPath);
+            }
+          }
+
+          const markedFiles = files.map(file => ({
+            ...file,
+            businessType: 'financial_statement'
+          })).slice(-1);
+
+          this.formData.fileList = markedFiles;
+          this.handleOcrResult(markedFiles)
+        } else if (!this.isReplacingFile) {
+          // 只有非替换操作才清空文件列表
+          this.formData.fileList = [];
+        }
      }
    },

-    // 处理OCR识别结果
    handleOcrResult(files) {
      if (!files || !Array.isArray(files) || files.length === 0) return

-      // 触发全局上传动画
      this.$bus.$emit('startUpload', '正在识别财务数据')

      try {
@ -307,7 +307,6 @@ export default {
              Object.keys(chat_res).forEach(key => {
                const formField = this.ocrResultParams[key]
                if (formField && chat_res[key]) {
-                  // 处理数字类型字段，移除非数字字符
                  if (['operatingIncome', 'currentAssets', 'currentLiabilities', 'currentRatio',
                    'netProfit', 'shareholdersEquity', 'returnOnNetAssets', 'totalLiabilities',
                    'totalAssets', 'assetLiabilityRatio'].includes(formField)) {
@ -327,23 +326,20 @@ export default {
      } catch (error) {
        this.$message.error(`处理识别结果失败: ${error.message}`)
      } finally {
-        // 结束全局上传动画
        this.$bus.$emit('endUpload')
      }
    },

-    // 处理文件删除
    handleDelFile(file) {
-      // 记录删除的文件路径
-      const filePath = file.filePath || file.response?.fileRes?.uploadPath
-      if (filePath && !this.formData.delFileList.includes(filePath)) {
-        this.formData.delFileList.push(filePath)
+      // 标记为替换操作，保留文件列表结构等待新文件
+      this.isReplacingFile = true;
+
+      const delPath = file?.response?.fileRes?.filePath || file?.filePath || null;
+      if (delPath && !this.formData.delFileList.includes(delPath)) {
+        this.formData.delFileList.push(delPath);
      }
-      // 清空文件列表（允许重新上传）
-      this.formData.fileList = []
    },

-    // 表单验证
    validate() {
      return new Promise((resolve, reject) => {
        if (!this.$refs.financialStatementForm) {
@ -361,7 +357,6 @@ export default {
      })
    },

-    // 重置表单
    resetForm() {
      if (this.$refs.financialStatementForm) {
        this.$refs.financialStatementForm.resetFields()
@ -380,16 +375,15 @@ export default {
        assetLiabilityRatio: '',
        delFileList: []
      }
+      this.isReplacingFile = false;
    },

-    // 初始化OCR识别规则
    addOcrRule() {
      this.ocrRuleList.forEach(item => {
        this.ocrRule(item)
      })
    },

-    // 获取OCR识别规则
    ocrRule(type) {
      const foundItem = this.dict.type.identification_tag?.find(item => item.value === type)
      if (!foundItem) {
@ -468,7 +462,6 @@ export default {
  margin-top: 5px;
 }

-/* 优化上传组件样式，确保文件列表正确显示 */
 ::v-deep .upload-container {
  ::v-deep .el-upload-dragger {
    height: 180px;
--- a/src/views/enterpriseLibrary/finance/components/child/FinancialStatementDetail.vue
+++ b/src/views/enterpriseLibrary/finance/components/child/FinancialStatementDetail.vue
@ -208,7 +208,8 @@ export default {
        name: item.fileName || '未知文件',
        filePath: item.filePath || '',
        lsFilePath: item.lsFilePath || '',  // 预览路径
-        fileType: item.fileType || '2'      // 文件类型（默认文档）
+        fileType: item.fileType || '2',      // 文件类型（默认文档）
+        id: item.sourceId + ''
      }))
    },

--- a/src/views/enterpriseLibrary/performance/components/PerformanceForm.vue
+++ b/src/views/enterpriseLibrary/performance/components/PerformanceForm.vue
@ -139,18 +139,6 @@ export default {
          this.$refs.otherInfo.validate()
        ])

-        // 2. 项目名称唯一性校验
-        if (this.type === 'add' || (this.type === 'edit' && contractData.proName !== this.originalProName)) {
-          const isUnique = await checkProNameUnique({
-            proName: contractData.proName,
-            enterpriseId: this.enterpriseId,
-            performanceId: this.id || null
-          })
-          if (!isUnique) {
-            throw new Error('同一企业下项目名称已存在，请更换')
-          }
-        }
-
        // 3. 初始化提交数据
        const formData = {
          ...contractData,
@ -193,15 +181,15 @@ export default {
        }

        // 7. 处理团队业绩证明附件
-        // if (otherData.performanceFileList && otherData.performanceFileList.length) {
-        //   const performanceFiles = otherData.performanceFileList.map(file =>
-        //     file.response?.fileRes ? { ...file.response.fileRes, businessType: 'team_performance' } : null
-        //   ).filter(Boolean)
-        //   formData.files.push(...performanceFiles)
-        // }
-        // if (otherData.delFileList && otherData.delFileList.length) {
-        //   formData.delFiles.push(...otherData.delFileList)
-        // }
+        if (otherData.performanceFileList && otherData.performanceFileList.length) {
+          const performanceFiles = otherData.performanceFileList.map(file =>
+            file.response?.fileRes ? { ...file.response.fileRes, businessType: 'team_performance' } : null
+          ).filter(Boolean)
+          formData.files.push(...performanceFiles)
+        }
+        if (otherData.delFileList && otherData.delFileList.length) {
+          formData.delFiles.push(...otherData.delFileList)
+        }

        // 8. 删除临时文件字段
        ['fileList', 'completionReportFileList', 'bidNoticeFileList', 'performanceFileList', 'delFileList'].forEach(key => {
@ -242,6 +230,7 @@ export default {
        const bidFiles = fileList.filter(f => f.businessType === 'bid_notice')
        const teamFiles = fileList.filter(f => f.businessType === 'team_performance')

+
        // 传递数据给子组件
        this.$refs.contractInfo.setFormData({
          ...performanceData,
--- a/src/views/enterpriseLibrary/performance/components/child/CompletionAndBidInfo.vue
+++ b/src/views/enterpriseLibrary/performance/components/child/CompletionAndBidInfo.vue
@ -12,12 +12,11 @@
      label-width="110px"
      label-position="top"
    >
-      <!-- 竣工报告 -->
      <el-row :gutter="24">
        <el-col :span="8">
          <el-form-item label="竣工报告附件" prop="completionReportFileList">
            <UploadFile
-              :fileList="formatFileList('completionReportFileList')"
+              :fileList="formData.completionReportFileList"
              :fileUploadRule="completionReportUploadRule"
              @file-change="(files, type) => handleFileChange('completionReportFileList', files, type)"
              @del-file="(file) => handleDelFile('completionReportFileList', file)"
@ -30,11 +29,10 @@
          </el-form-item>
        </el-col>

-        <!-- 中标通知书 -->
        <el-col :span="8">
          <el-form-item label="中标通知书附件" prop="bidNoticeFileList">
            <UploadFile
-              :fileList="formatFileList('bidNoticeFileList')"
+              :fileList="formData.bidNoticeFileList"
              :fileUploadRule="bidNoticeUploadRule"
              @file-change="(files, type) => handleFileChange('bidNoticeFileList', files, type)"
              @del-file="(file) => handleDelFile('bidNoticeFileList', file)"
@ -48,7 +46,6 @@
        </el-col>
      </el-row>

-      <!-- 时间信息 -->
      <el-row :gutter="24">
        <el-col :span="8">
          <el-form-item label="开工时间" prop="startTime">
@ -119,6 +116,10 @@ export default {
        bidNoticeFileList: [
          { required: true, message: '请上传中标通知书附件', trigger: 'change' }
        ]
+      },
+      replacingFiles: {
+        completionReportFileList: false,
+        bidNoticeFileList: false
      }
    }
  },
@ -142,48 +143,43 @@ export default {
    }
  },
  methods: {
-    // 接收父组件数据并按业务类型回显
    setFormData(data) {
-      const completionFiles = Array.isArray(data.completionReportFileList)
-        ? data.completionReportFileList.filter(file => file && file.businessType === 'completion_report')
-        : []
-      const bidFiles = Array.isArray(data.bidNoticeFileList)
-        ? data.bidNoticeFileList.filter(file => file && file.businessType === 'bid_notice')
-        : []
+      // 竣工报告文件：不手动生成uid
+      const completionFiles = Array.isArray(data.fileList)
+        ? data.fileList.filter(file => file && file.businessType === 'completion_report')
+          .map(file => ({
+            name: file.name || file.fileName || '未知文件',
+            filePath: file.filePath,
+            lsFilePath: file.lsFilePath,
+            fileType: file.fileType || '2',
+            businessType: 'completion_report'
+          }))
+        : [];
+
+      // 中标通知书文件：不手动生成uid
+      const bidFiles = Array.isArray(data.fileList)
+        ? data.fileList.filter(file => file && file.businessType === 'bid_notice')
+          .map(file => ({
+            name: file.name || file.fileName || '未知文件',
+            filePath: file.filePath,
+            lsFilePath: file.lsFilePath,
+            fileType: file.fileType || '2',
+            businessType: 'bid_notice'
+          }))
+        : [];

      this.formData = {
-        ...data,
+        ...(data || {}),
        completionReportFileList: completionFiles,
        bidNoticeFileList: bidFiles,
        delFileList: []
      }
    },

-    // 格式化文件列表
-    formatFileList(field) {
-      return this.formData[field].map((file, index) => {
-        const fileExt = this.getFileExt(file)
-        const businessType = field === 'completionReportFileList' ? 'completion_report' : 'bid_notice'
-        return {
-          ...file,
-          uid: file.uid || file.filePath || `${Date.now()}-${index}-${field}`,
-          name: this.getFileName(file),
-          status: file.status || 'success',
-          percentage: file.percentage || 100,
-          fileType: file.fileType || '2',
-          businessType
-        }
-      })
-    },
-
-    // 获取文件名（去除后缀）
    getFileName(file) {
-      const fullName = file.name || file.fileName || `未命名文件.${this.getFileExt(file)}`
-      const lastDotIndex = fullName.lastIndexOf('.')
-      return lastDotIndex > 0 ? fullName.substring(0, lastDotIndex) : fullName
+      return file.name || file.fileName || '未知文件'
    },

-    // 获取文件后缀
    getFileExt(file) {
      if (!file) return ''
      const fileName = file.name || file.fileName || ''
@ -191,22 +187,43 @@ export default {
      return extMatch ? extMatch[1].toLowerCase() : ''
    },

-    // 处理文件变更
    handleFileChange(field, files, type) {
-      const markedFiles = files.map(file => ({
-        ...file,
-        businessType: type,
-        name: file.name || file.fileName || '未知文件'
-      }))
-      this.formData[field] = markedFiles
+      if (files instanceof Array) {
+        // 处理新文件上传
+        if (files.length > 0) {
+          // 标记为已完成替换
+          this.replacingFiles[field] = false;

-      // 处理竣工报告的OCR识别
-      if (field === 'completionReportFileList' && type === 'completion_report') {
-        this.handleOcrResult(markedFiles)
+          const markedFiles = files
+            .map(file => ({
+              ...file,
+              businessType: type
+            }))
+            .slice(-1); // 限制1个文件
+
+          // 处理旧文件删除
+          if (this.formData[field].length > 0) {
+            const oldFile = this.formData[field][0];
+            const delPath = oldFile?.response?.fileRes?.filePath || oldFile?.filePath || null;
+            if (delPath && !this.formData.delFileList.includes(delPath)) {
+              this.formData.delFileList.push(delPath);
+            }
+          }
+
+          // 更新为新文件
+          this.formData[field] = markedFiles;
+
+          // 处理OCR识别（仅竣工报告）
+          if (field === 'completionReportFileList' && type === 'completion_report' && markedFiles[0].response) {
+            this.handleOcrResult(markedFiles)
+          }
+        } else if (!this.replacingFiles[field]) {
+          // 只有非替换操作才清空文件列表
+          this.formData[field] = [];
+        }
      }
    },

-    // 处理OCR结果
    handleOcrResult(files) {
      if (!files?.length) return

@ -235,17 +252,16 @@ export default {
      }
    },

-    // 处理文件删除
    handleDelFile(field, file) {
-      const filePath = file.filePath || file.response?.fileRes?.uploadPath
-      if (filePath && !this.formData.delFileList.includes(filePath)) {
-        this.formData.delFileList.push(filePath)
+      // 标记为替换操作，保留文件列表结构
+      this.replacingFiles[field] = true;
+
+      const delPath = file?.response?.fileRes?.filePath || file?.filePath || null;
+      if (delPath && !this.formData.delFileList.includes(delPath)) {
+        this.formData.delFileList.push(delPath);
      }
-      // 只清空当前字段的文件列表
-      this.formData[field] = []
    },

-    // 日期验证
    disabledFutureDate(date) {
      return date > new Date()
    },
@ -265,7 +281,6 @@ export default {
      }
    },

-    // 表单验证
    validate() {
      return new Promise((resolve, reject) => {
        if (!this.$refs.completionForm) {
@ -288,7 +303,6 @@ export default {
      })
    },

-    // 重置表单
    resetForm() {
      if (this.$refs.completionForm) {
        this.$refs.completionForm.resetFields()
@ -300,9 +314,12 @@ export default {
        completionTime: '',
        delFileList: []
      }
+      this.replacingFiles = {
+        completionReportFileList: false,
+        bidNoticeFileList: false
+      }
    },

-    // 初始化OCR规则
    addOcrRule() {
      this.ocrRuleList.forEach(item => this.ocrRule(item))
    },
--- a/src/views/enterpriseLibrary/performance/components/child/CompletionAndBidInfoDetail.vue
+++ b/src/views/enterpriseLibrary/performance/components/child/CompletionAndBidInfoDetail.vue
@ -112,7 +112,8 @@ export default {
        name: item.fileName || '未知文件',
        filePath: item.filePath || '',
        lsFilePath: item.lsFilePath || '',
-        fileType: item.fileType || '2'
+        fileType: item.fileType || '2',
+        id: item.sourceId + ''
      }))
    },

--- a/src/views/enterpriseLibrary/performance/components/child/ContractInfo.vue
+++ b/src/views/enterpriseLibrary/performance/components/child/ContractInfo.vue
@ -16,7 +16,7 @@
        <el-col :span="8">
          <el-form-item label="合同附件" prop="fileList">
            <UploadFile
-              :fileList="formatFileList()"
+              :fileList="formData.fileList"
              :fileUploadRule="contractUploadRule"
              @file-change="(files, type) => handleFileChange(files, type)"
              @del-file="handleDelFile"
@ -24,6 +24,7 @@
              :maxFileTips="maxFileTips"
              type="contract"
              :show-file-list="true"
+              :limitUploadNum="1"
            />
          </el-form-item>
        </el-col>
@ -42,7 +43,6 @@
          </el-form-item>
        </el-col>

-        <!-- 合同签订时间 -->
        <el-col :span="8">
          <el-form-item label="合同签订时间" prop="contractSigningTime">
            <el-date-picker
@ -56,7 +56,6 @@
          </el-form-item>
        </el-col>

-        <!-- 合同金额 -->
        <el-col :span="8">
          <el-form-item label="合同金额" prop="contractAmount">
            <el-input
@ -72,7 +71,6 @@
        </el-col>
      </el-row>

-      <!-- 建设地点 -->
      <el-row :gutter="24">
        <el-col :span="8">
          <el-form-item label="建设地点" prop="constructionSite">
@ -81,12 +79,11 @@
              placeholder="请输入建设地点"
              class="form-control"
              show-word-limit
-              maxlength="32"
+              maxlength="100"
            ></el-input>
          </el-form-item>
        </el-col>

-        <!-- 建设单位 -->
        <el-col :span="8">
          <el-form-item label="建设单位" prop="constructionUnit">
            <el-input
@ -94,12 +91,11 @@
              placeholder="请输入建设单位"
              class="form-control"
              show-word-limit
-              maxlength="32"
+              maxlength="100"
            ></el-input>
          </el-form-item>
        </el-col>

-        <!-- 建设单位联系方式 -->
        <el-col :span="8">
          <el-form-item label="建设单位联系方式" prop="constructionPhone">
            <el-input
@ -137,14 +133,14 @@ export default {
        "建设单位联系方式": "constructionPhone"
      },
      formData: {
-        fileList: [], // 存储合同附件列表
+        fileList: [],
        proName: '',
        contractSigningTime: '',
        contractAmount: '',
        constructionSite: '',
        constructionUnit: '',
        constructionPhone: '',
-        delFileList: [] // 记录删除的文件路径
+        delFileList: []
      },
      rules: {
        proName: [
@ -169,7 +165,8 @@ export default {
          { required: true, message: '请输入建设单位联系方式', trigger: 'blur' },
          { pattern: /^1[3-9]\d{9}$/, message: '请输入有效的手机号码', trigger: 'blur' }
        ]
-      }
+      },
+      isReplacingFile: false // 标记是否正在替换文件
    }
  },
  computed: {
@ -188,43 +185,30 @@ export default {
    }
  },
  methods: {
-    // 接收父组件数据并回显
    setFormData(data) {
+      // 回显文件：不手动生成uid，仅传递基础字段
      const contractFiles = Array.isArray(data.fileList)
        ? data.fileList.filter(file => file && file.businessType === 'contract')
-        : []
+          .map(file => ({
+            name: file.name || file.fileName || '未知文件',
+            filePath: file.filePath,
+            lsFilePath: file.lsFilePath,
+            fileType: file.fileType || '2',
+            businessType: 'contract'
+          }))
+        : [];

      this.formData = {
-        ...data,
+        ...(data || {}),
        fileList: contractFiles,
        delFileList: []
      }
    },

-    // 格式化文件列表
-    formatFileList() {
-      return this.formData.fileList.map((file, index) => {
-        const fileExt = this.getFileExt(file)
-        return {
-          ...file,
-          uid: file.uid || file.filePath || `${Date.now()}-${index}`,
-          name: this.getFileName(file),
-          status: file.status || 'success',
-          percentage: file.percentage || 100,
-          fileType: file.fileType || '2',
-          businessType: 'contract'
-        }
-      })
-    },
-
-    // 获取文件名（去除后缀）
    getFileName(file) {
-      const fullName = file.name || file.fileName || `未命名文件.${this.getFileExt(file)}`
-      const lastDotIndex = fullName.lastIndexOf('.')
-      return lastDotIndex > 0 ? fullName.substring(0, lastDotIndex) : fullName
+      return file.name || file.fileName || '未知文件'
    },

-    // 获取文件后缀
    getFileExt(file) {
      if (!file) return ''
      const fileName = file.name || file.fileName || ''
@ -232,20 +216,31 @@ export default {
      return extMatch ? extMatch[1].toLowerCase() : ''
    },

-    // 处理文件变更
    handleFileChange(files, type) {
-      if (type === 'contract') {
-        const markedFiles = files.map(file => ({
-          ...file,
-          businessType: 'contract',
-          name: file.name || file.fileName || '未知文件'
-        }))
-        this.formData.fileList = markedFiles
-        this.handleOcrResult(markedFiles)
+      if (type === 'contract' && files instanceof Array) {
+        // 处理文件替换逻辑
+        if (files.length > 0) {
+          // 标记为已完成替换
+          this.isReplacingFile = false;
+
+          const markedFiles = files.map(file => ({
+            ...file,
+            businessType: 'contract'
+          })).slice(-1); // 限制1个文件
+
+          this.formData.fileList = markedFiles;
+
+          // 只有当文件有response时才进行OCR识别
+          if (markedFiles.length > 0 && markedFiles[0].response) {
+            this.handleOcrResult(markedFiles);
+          }
+        } else if (!this.isReplacingFile) {
+          // 只有非替换操作才清空文件列表
+          this.formData.fileList = [];
+        }
      }
    },

-    // 处理OCR识别结果
    handleOcrResult(files) {
      if (!files || !Array.isArray(files) || files.length === 0) return

@ -259,7 +254,6 @@ export default {
              const formField = this.ocrResultParams[key]
              if (formField && chatRes[key]) {
                let value = chatRes[key]
-                // 清洗合同金额中的非数字字符
                if (formField === 'contractAmount') {
                  value = value.replace(/[^\d.]/g, '')
                }
@ -279,21 +273,20 @@ export default {
      }
    },

-    // 处理文件删除
    handleDelFile(file) {
-      const filePath = file.filePath || file.response?.fileRes?.uploadPath
-      if (filePath && !this.formData.delFileList.includes(filePath)) {
-        this.formData.delFileList.push(filePath)
+      // 标记为替换操作，保留文件列表结构等待新文件
+      this.isReplacingFile = true;
+
+      const delPath = file?.response?.fileRes?.filePath || file?.filePath || null;
+      if (delPath && !this.formData.delFileList.includes(delPath)) {
+        this.formData.delFileList.push(delPath);
      }
-      this.formData.fileList = []
    },

-    // 禁止选择未来日期
    disabledFutureDate(date) {
      return date > new Date()
    },

-    // 表单验证
    validate() {
      return new Promise((resolve, reject) => {
        if (!this.$refs.contractForm) {
@ -311,7 +304,6 @@ export default {
      })
    },

-    // 重置表单
    resetForm() {
      if (this.$refs.contractForm) {
        this.$refs.contractForm.resetFields()
@ -326,16 +318,15 @@ export default {
        constructionPhone: '',
        delFileList: []
      }
+      this.isReplacingFile = false
    },

-    // 初始化OCR识别规则
    addOcrRule() {
      this.ocrRuleList.forEach(item => {
        this.ocrRule(item)
      })
    },

-    // 获取OCR识别规则
    ocrRule(type) {
      const foundItem = this.dict.type.identification_tag?.find(item => item.value === type)
      if (!foundItem) {
--- a/src/views/enterpriseLibrary/performance/components/child/ContractInfoDetail.vue
+++ b/src/views/enterpriseLibrary/performance/components/child/ContractInfoDetail.vue
@ -153,7 +153,8 @@ export default {
        name: item.fileName || '未知文件',
        filePath: item.filePath || '',  // 文件实际路径
        lsFilePath: item.lsFilePath || '',  // 文件预览路径
-        fileType: item.fileType || '2'  // 2表示文档类型
+        fileType: item.fileType || '2',  // 2表示文档类型
+        id: item.sourceId + ''
      }))
    }
  }
--- a/src/views/enterpriseLibrary/performance/components/child/OtherInfo.vue
+++ b/src/views/enterpriseLibrary/performance/components/child/OtherInfo.vue
@ -13,22 +13,22 @@
      label-position="top"
    >
      <!-- 团队业绩证明 -->
-<!--      <el-row :gutter="24">-->
-<!--        <el-col :span="8">-->
-<!--          <el-form-item label="团队业绩证明" prop="performanceFileList">-->
-<!--            <UploadFile-->
-<!--              :fileList="formatFileList()"-->
-<!--              @file-change="(files, type) => handleFileChange(files, type)"-->
-<!--              @del-file="handleDelFile"-->
-<!--              :uploadType="uploadType"-->
-<!--              :maxFileTips="maxFileTips"-->
-<!--              :limitUploadNum="3"-->
-<!--              type="team_performance"-->
-<!--              :show-file-list="true"-->
-<!--            />-->
-<!--          </el-form-item>-->
-<!--        </el-col>-->
-<!--      </el-row>-->
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="团队业绩证明" prop="performanceFileList">
+            <UploadFile
+              ref="uploadFileComp"
+              :fileList="formData.performanceFileList"
+              @file-change="handleFileChange"
+              @del-file="handleDelFile"
+              :uploadType="uploadType"
+              :maxFileTips="maxFileTips"
+              :limitUploadNum="1"
+              type="team_performance"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>

      <!-- 项目信息 -->
      <el-row :gutter="24">
@ -107,6 +107,9 @@
 <script>
 import UploadFile from '@/views/common/UploadFile.vue'

+// 工具函数：安全获取数组
+const safeGetArray = (value) => Array.isArray(value) ? value : []
+
 export default {
  name: 'OtherInfo',
  components: { UploadFile },
@ -125,8 +128,8 @@ export default {
        proType: '',
        voltageLevel: '',
        projectOverview: '',
-        performanceFileList: [], // 存储原始文件数据
-        delFileList: [] // 记录删除的文件路径
+        performanceFileList: [], // 完全同步UploadFile的文件列表
+        delFileList: [] // 记录删除/替换的文件路径
      },
      rules: {
        projectManager: [
@ -143,7 +146,7 @@ export default {
          { max: 500, message: '项目概况不能超过500个字符', trigger: 'blur' }
        ],
        performanceFileList: [
-          { required: true, message: '请上传团队业绩证明', trigger: 'change' }
+          { required: true, message: '请上传团队业绩证明', trigger: ['change', 'blur'] }
        ]
      },
      proTypeOptions: [],
@ -155,48 +158,24 @@ export default {
    this.loadProjcetTypeDict()
  },
  methods: {
-    // 接收父组件数据并回显（按业务类型筛选文件）
+    // 接收父组件数据并回显（完全对齐正常组件的getFileList逻辑）
    setFormData(data) {
-      const teamFiles = Array.isArray(data.performanceFileList)
-        ? data.performanceFileList.filter(file => file && file.businessType === 'team_performance')
-        : []
+      const teamFiles = Array.isArray(data.fileList)
+        ? data.fileList.filter(file => file && file.businessType === 'team_performance')
+          .map(file => ({
+          name: file.fileName,
+          filePath: file.filePath,
+          lsFilePath: file.lsFilePath,
+          fileType: file.fileType,
+          // 不手动生成uid，由UploadFile处理
+        }))
+        : [];

      this.formData = {
        ...data,
        performanceFileList: teamFiles,
        delFileList: []
-      }
-    },
-
-    // 格式化文件列表，适配UploadFile组件
-    formatFileList() {
-      return this.formData.performanceFileList.map((file, index) => {
-        const fileExt = this.getFileExt(file)
-        return {
-          ...file,
-          uid: file.uid || file.filePath || `${Date.now()}-${index}`,
-          name: this.getFileName(file), // 去除后缀的文件名
-          status: file.status || 'success',
-          percentage: file.percentage || 100,
-          fileType: file.fileType || '2',
-          businessType: 'team_performance'
-        }
-      })
-    },
-
-    // 提取文件名并去掉后缀
-    getFileName(file) {
-      const fullName = file.name || file.fileName || `未命名文件.${this.getFileExt(file)}`
-      const lastDotIndex = fullName.lastIndexOf('.')
-      return lastDotIndex > 0 ? fullName.substring(0, lastDotIndex) : fullName
-    },
-
-    // 提取文件后缀
-    getFileExt(file) {
-      if (!file) return ''
-      const fileName = file.name || file.fileName || ''
-      const extMatch = fileName.match(/\.([a-zA-Z0-9]+)$/)
-      return extMatch ? extMatch[1].toLowerCase() : ''
+      };
    },

    // 加载字典数据
@ -222,32 +201,22 @@ export default {
      })
    },

-    // 处理文件变更
+    // 关键修改：仅在文件上传成功（有response）后更新列表
    handleFileChange(files, type) {
-      if (type === 'team_performance') {
-        const markedFiles = files.map(file => ({
-          ...file,
-          businessType: 'team_performance',
-          name: file.name || file.fileName || '未知文件'
-        }))
-        this.formData.performanceFileList = markedFiles
-
-        if (markedFiles.length > 0) {
-          this.$message.success(`成功上传${markedFiles.length}个团队业绩证明文件`)
+      if (type === 'team_performance' && files instanceof Array) {
+        // 仅在文件上传成功后才更新（对齐正常组件逻辑）
+        if (files.length > 0 && files[0].response) {
+          this.formData.performanceFileList = files;
        }
      }
    },

-    // 处理文件删除
+    // 处理文件删除（与正常组件逻辑一致）
    handleDelFile(file) {
-      const filePath = file.filePath || file.response?.fileRes?.uploadPath
-      if (filePath && !this.formData.delFileList.includes(filePath)) {
-        this.formData.delFileList.push(filePath)
+      const delPath = file?.response?.fileRes?.filePath || file?.filePath || null;
+      if (delPath) {
+        this.formData.delFileList.push(delPath);
      }
-      // 保留其他文件，只删除当前文件
-      this.formData.performanceFileList = this.formData.performanceFileList.filter(
-        item => item.uid !== file.uid
-      )
    },

    // 表单验证
@ -270,17 +239,22 @@ export default {

    // 重置表单
    resetForm() {
-      if (this.$refs.otherForm) {
-        this.$refs.otherForm.resetFields()
-      }
-      this.formData = {
-        projectManager: '',
-        proType: '',
-        voltageLevel: '',
-        projectOverview: '',
-        performanceFileList: [],
-        delFileList: []
-      }
+      this.$nextTick(() => {
+        if (this.$refs.uploadFileComp) {
+          this.$refs.uploadFileComp.clearFiles();
+        }
+        if (this.$refs.otherForm) {
+          this.$refs.otherForm.resetFields()
+        }
+        this.formData = {
+          projectManager: '',
+          proType: '',
+          voltageLevel: '',
+          projectOverview: '',
+          performanceFileList: [],
+          delFileList: []
+        }
+      });
    }
  }
 }
--- a/src/views/enterpriseLibrary/performance/components/child/OtherInfoDetail.vue
+++ b/src/views/enterpriseLibrary/performance/components/child/OtherInfoDetail.vue
@ -11,18 +11,18 @@
      class="detail-form"
    >

-<!--      <el-row :gutter="24">-->
-<!--        <el-col :span="12">-->
-<!--          <el-form-item label="团队业绩证明" class="form-item">-->
-<!--            <FileOrImageDisplay-->
-<!--              :label="''"-->
-<!--              :file="form.fileList[0]"-->
-<!--              :image-url="form.url"-->
-<!--            />-->
-<!--            <span v-if="form.fileList.length === 0" class="no-file-tip">无附件</span>-->
-<!--          </el-form-item>-->
-<!--        </el-col>-->
-<!--      </el-row>-->
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="团队业绩证明" class="form-item">
+            <FileOrImageDisplay
+              :label="''"
+              :file="form.fileList[0]"
+              :image-url="form.url"
+            />
+            <span v-if="form.fileList.length === 0" class="no-file-tip">无附件</span>
+          </el-form-item>
+        </el-col>
+      </el-row>

      <!-- 项目经理 + 项目类型：使用输入框（禁用） -->
      <el-row :gutter="24">
@ -126,14 +126,15 @@ export default {
    getFileList() {
      // 从detailData中筛选业绩证明类型的文件
      const rawFileList = Array.isArray(this.detailData.fileList) ? this.detailData.fileList : []
-      const performanceFiles = rawFileList.filter(file => file && file.businessType === 'performance')
+      const performanceFiles = rawFileList.filter(file => file && file.businessType === 'team_performance')

      // 格式化文件数据
      return performanceFiles.map(item => ({
        name: item.fileName || '未知文件',
        filePath: item.filePath || '',  // 文件实际路径
        lsFilePath: item.lsFilePath || '',  // 文件预览路径
-        fileType: item.fileType || '2'  // 2表示文档类型
+        fileType: item.fileType || '2',  // 2表示文档类型
+        id: item.sourceId + ''
      }))
    }
  }
--- a/src/views/enterpriseLibrary/qualification/components/child/QualificationFormDetail.vue
+++ b/src/views/enterpriseLibrary/qualification/components/child/QualificationFormDetail.vue
@ -221,7 +221,8 @@ export default {
        name: item.fileName || item.name || '未知文件',
        filePath: item.filePath || '',
        lsFilePath: item.lsFilePath || item.fileUrl || '',
-        fileType: item.fileType || '2'
+        fileType: item.fileType || '2',
+        id: item.sourceId + ''
      }))

      this.form = {