From bfaeafe1fda4c4e5b7c6a1bb4d7d2e22264597a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B8=B8=E7=86=9F=E5=90=B4=E5=BD=A6=E7=A5=96?=
 <qi.ruan@xujiesoft.com>
Date: Thu, 23 Jul 2026 10:52:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../supplier/supplierPartNewProductAudit.js   |   11 +
 src/views/demo/attachmentListUploadDemo.vue   |  219 +++
 .../modules/supplier/supplierPartMoqPrice.vue |   24 +-
 .../supplier/supplierPartNewProductAudit.vue  | 1192 +++++++++++++++++
 4 files changed, 1432 insertions(+), 14 deletions(-)
 create mode 100644 src/api/supplier/supplierPartNewProductAudit.js
 create mode 100644 src/views/demo/attachmentListUploadDemo.vue
 create mode 100644 src/views/modules/supplier/supplierPartNewProductAudit.vue

diff --git a/src/api/supplier/supplierPartNewProductAudit.js b/src/api/supplier/supplierPartNewProductAudit.js
new file mode 100644
index 0000000..0a819c1
--- /dev/null
+++ b/src/api/supplier/supplierPartNewProductAudit.js
@@ -0,0 +1,11 @@
+import { createAPI } from '@/utils/httpRequest.js'
+
+export const listNewProductAuditSupplierPart = data => createAPI('/supplier/supplierPartNewProductAudit/listSupplierPart', 'post', data)
+export const startNewProductAudit = data => createAPI('/supplier/supplierPartNewProductAudit/startAudit', 'post', data)
+export const restartNewProductAudit = data => createAPI('/supplier/supplierPartNewProductAudit/restartAudit', 'post', data)
+export const listNewProductAuditRecord = data => createAPI('/supplier/supplierPartNewProductAudit/listAuditRecord', 'post', data)
+export const submitNewProductAuditRecord = data => createAPI('/supplier/supplierPartNewProductAudit/submitAuditRecord', 'post', data)
+export const listNewProductTestRecord = data => createAPI('/supplier/supplierPartNewProductAudit/listTestRecord', 'post', data)
+export const saveNewProductTestRecord = data => createAPI('/supplier/supplierPartNewProductAudit/saveTestRecord', 'post', data)
+export const saveNewProductTestRecordAttachment = data => createAPI('/supplier/supplierPartNewProductAudit/saveTestRecordAttachment', 'post', data)
+
diff --git a/src/views/demo/attachmentListUploadDemo.vue b/src/views/demo/attachmentListUploadDemo.vue
new file mode 100644
index 0000000..64ca7d0
--- /dev/null
+++ b/src/views/demo/attachmentListUploadDemo.vue
@@ -0,0 +1,219 @@
+<template>
+  <div class="mod-config attachment-list-upload-demo">
+    <el-form :inline="true" label-position="top">
+      <el-form-item label="业务类型">
+        <el-input v-model="attachmentContext.orderReftype" style="width: 220px" />
+      </el-form-item>
+      <el-form-item label="orderRef2">
+        <el-input v-model="attachmentContext.orderRef2" style="width: 220px" />
+      </el-form-item>
+      <el-form-item label=" ">
+        <el-button type="primary" @click="openAttachmentListDemo">打开附件清单</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-dialog title="附件清单" :close-on-click-modal="false" v-drag :visible.sync="attachmentDialogVisible" width="860px">
+      <el-form :inline="true" label-position="top">
+        <el-form-item>
+          <el-button type="primary" @click="openAttachmentUploadDialog">上传文件</el-button>
+        </el-form-item>
+      </el-form>
+
+      <el-table :height="360" :data="attachmentFileList" border v-loading="attachmentLoading" style="width: 100%">
+        <el-table-column prop="fileName" label="文件名称" min-width="300" show-overflow-tooltip />
+        <el-table-column prop="createdBy" label="上传人" width="120" align="center" />
+        <el-table-column prop="createDate" label="上传时间" width="180" align="center" />
+        <el-table-column prop="cadditionalInfo" label="备注" min-width="180" show-overflow-tooltip />
+        <el-table-column label="操作" width="130" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-link type="primary" @click="previewAttachmentFile(scope.row)">查看 |</el-link>
+            <el-link type="danger" @click="removeAttachmentFile(scope.row)">删除</el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button type="primary" @click="attachmentDialogVisible = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog title="上传" :visible.sync="ossVisible" v-drag width="400px" append-to-body :close-on-click-modal="false">
+      <el-form ref="form" class="rq" label-width="80px" label-position="top">
+        <el-row :gutter="10">
+          <el-col :span="24">
+            <el-form-item label=" " class="auto">
+              <el-upload
+                drag
+                :file-list="fileList2"
+                action="#"
+                ref="upload"
+                :on-remove="onRemoveFile"
+                :on-change="onChangeFile"
+                multiple
+                :auto-upload="false"
+              >
+                <i class="el-icon-upload"></i>
+                <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注" class="auto">
+              <el-input type="textarea" v-model="ossForm.remark" resize="none" :autosize="{ minRows: 3, maxRows: 3 }"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" :loading="uploadLoading" @click="handleUploadFiles">确认</el-button>
+        <el-button @click="ossVisible = false">取消</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  queryOssFilePlus,
+  ossUploadNoSaveOSSForYJY,
+  previewOssFileById,
+  removeOss
+} from '@/api/oss/oss'
+
+export default {
+  name: 'AttachmentListUploadDemo',
+  data () {
+    return {
+      attachmentDialogVisible: false,
+      ossVisible: false,
+      attachmentLoading: false,
+      uploadLoading: false,
+      attachmentFileList: [],
+      fileList2: [],
+      ossForm: {
+        remark: ''
+      },
+      attachmentContext: {
+        orderRef1: this.$store.state.user.site,
+        orderRef2: 'DEMO_BIZ_001',
+        orderRef3: '',
+        orderRef4: '',
+        orderReftype: 'DEMO_ATTACHMENT'
+      }
+    }
+  },
+  methods: {
+    buildAttachmentQueryParams () {
+      return {
+        orderRef1: this.attachmentContext.orderRef1 || '',
+        orderRef2: this.attachmentContext.orderRef2 || '',
+        orderRef3: this.attachmentContext.orderRef3 || '',
+        orderRef4: this.attachmentContext.orderRef4 || '',
+        orderReftype: this.attachmentContext.orderReftype || ''
+      }
+    },
+    openAttachmentListDemo () {
+      this.attachmentDialogVisible = true
+      this.fetchAttachmentFileList()
+    },
+    fetchAttachmentFileList () {
+      this.attachmentLoading = true
+      queryOssFilePlus(this.buildAttachmentQueryParams()).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.attachmentFileList = data.rows || []
+        } else {
+          this.attachmentFileList = []
+        }
+      }).catch(() => {
+        this.attachmentFileList = []
+      }).finally(() => {
+        this.attachmentLoading = false
+      })
+    },
+    openAttachmentUploadDialog () {
+      this.fileList2 = []
+      this.ossForm.remark = ''
+      this.ossVisible = true
+      this.$nextTick(() => {
+        if (this.$refs.upload) {
+          this.$refs.upload.clearFiles()
+        }
+      })
+    },
+    onRemoveFile (file, fileList) {
+      this.fileList2 = fileList
+    },
+    onChangeFile (file, fileList) {
+      this.fileList2 = fileList
+    },
+    handleUploadFiles () {
+      if (!this.fileList2 || this.fileList2.length === 0) {
+        this.$message.warning('请选择文件')
+        return
+      }
+      const params = this.buildAttachmentQueryParams()
+      const formData = new FormData()
+      for (let i = 0; i < this.fileList2.length; i++) {
+        formData.append('file', this.fileList2[i].raw)
+      }
+      formData.append('orderRef1', params.orderRef1)
+      formData.append('orderRef2', params.orderRef2)
+      formData.append('orderRef3', params.orderRef3)
+      formData.append('orderRef4', params.orderRef4)
+      formData.append('createdBy', this.$store.state.user.name)
+      formData.append('CAdditionalInfo', this.ossForm.remark || '')
+      formData.append('orderReftype', params.orderReftype)
+      this.uploadLoading = true
+      ossUploadNoSaveOSSForYJY(formData).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.$message.success('上传成功')
+          this.ossVisible = false
+          this.fileList2 = []
+          this.ossForm.remark = ''
+          this.fetchAttachmentFileList()
+        } else {
+          this.$message.warning((data && data.msg) || '上传失败')
+        }
+      }).catch(() => {
+        this.$message.error('上传失败')
+      }).finally(() => {
+        this.uploadLoading = false
+      })
+    },
+    previewAttachmentFile (row) {
+      if (!row || !row.id) {
+        return
+      }
+      previewOssFileById(row.id)
+    },
+    removeAttachmentFile (row) {
+      if (!row || !row.id) {
+        return
+      }
+      this.$confirm('确定删除该附件吗?', '提示', {
+        type: 'warning'
+      }).then(() => {
+        removeOss([row.id]).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success('删除成功')
+            this.fetchAttachmentFileList()
+          } else {
+            this.$message.warning((data && data.msg) || '删除失败')
+          }
+        })
+      }).catch(() => {})
+    }
+  }
+}
+</script>
+
+<style scoped>
+.attachment-list-upload-demo {
+  padding: 10px;
+}
+
+.rq .auto /deep/ .el-form-item__content {
+  height: auto;
+  line-height: 1.5;
+}
+</style>
diff --git a/src/views/modules/supplier/supplierPartMoqPrice.vue b/src/views/modules/supplier/supplierPartMoqPrice.vue
index 4801150..7507bf9 100644
--- a/src/views/modules/supplier/supplierPartMoqPrice.vue
+++ b/src/views/modules/supplier/supplierPartMoqPrice.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="pageRoot" class="customer-css supplier-part-moq-price">
     <el-form :inline="true" label-position="top" class="pi-search-form">
-      <el-form-item required>
+      <el-form-item>
         <span slot="label" style="" @click="getBaseList(520, 'search')"><a href="javascript:void(0)">供应商编号</a></span>
         <el-input
           v-model="searchData.supplierNo"
@@ -58,7 +58,6 @@
           type="primary"
           class="customer-bun-min"
           :loading="topLoading"
-          :disabled="!canSearch"
           @click="searchSupplierPartList"
         >查询</el-button>
         <el-button class="customer-bun-min" @click="resetSearch">重置</el-button>
@@ -75,7 +74,7 @@
       highlight-current-row
       v-loading="topLoading"
       style="width: 100%"
-      empty-text="请输入供应商编号后点击查询"
+      empty-text="点击查询查看数据"
       @row-click="handleTopRowClick"
     >
       <el-table-column fixed="right" label="操作" width="130" header-align="center" align="center">
@@ -360,7 +359,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item label="备注" class="auto">
+            <el-form-item label="备注" class="auto" :style="calcTextareaFollowGapStyle(3)">
               <el-input
                 type="textarea"
                 v-model="attachmentRemark"
@@ -468,11 +467,6 @@ export default {
       attachmentRemark: ''
     }
   },
-  computed: {
-    canSearch () {
-      return !!(this.searchData.supplierNo && this.searchData.supplierNo.trim())
-    }
-  },
   mounted () {
     // 页面初始化不自动查询 - rqrq
     this.handleResize()
@@ -560,14 +554,10 @@ export default {
       this.currentTierPriceList = []
     },
     searchSupplierPartList () {
-      if (!this.canSearch) {
-        this.$message.warning('请先输入供应商编号')
-        return
-      }
       this.topLoading = true
       const inData = {
         site: this.$store.state.user.site,
-        supplierCode: this.searchData.supplierNo.trim(),
+        supplierCode: (this.searchData.supplierNo || '').trim(),
         partNo: (this.searchData.partNo || '').trim(),
         item: (this.searchData.item || '').trim(),
         sku: (this.searchData.sku || '').trim(),
@@ -1070,6 +1060,11 @@ export default {
       const merged = [...(sourceIds || []), ...(appendIds || [])].map(item => String(item))
       return [...new Set(merged)]
     },
+    calcTextareaFollowGapStyle (rows) {
+      const rowCount = Number(rows) || 1
+      const followGap = rowCount > 1 ? (rowCount - 1) * 20 : 0
+      return { marginBottom: `${followGap}px` }
+    },
     buildAttachmentRefs () {
       return (this.attachmentRefIds || []).join(',')
     }
@@ -1126,4 +1121,5 @@ export default {
   height: auto;
   line-height: 1.5;
 }
+
 </style>
diff --git a/src/views/modules/supplier/supplierPartNewProductAudit.vue b/src/views/modules/supplier/supplierPartNewProductAudit.vue
new file mode 100644
index 0000000..f0fec8a
--- /dev/null
+++ b/src/views/modules/supplier/supplierPartNewProductAudit.vue
@@ -0,0 +1,1192 @@
+<template>
+  <div ref="pageRoot" class="customer-css supplier-part-new-product-audit">
+    <el-form :inline="true" label-position="top" class="pi-search-form">
+      <el-form-item>
+        <span slot="label" @click="getBaseList(520)"><a href="javascript:void(0)">供应商编号</a></span>
+        <el-input
+          v-model="searchData.supplierCode"
+          placeholder="选择或输入编号"
+          style="width: 180px"
+          clearable
+          @keyup.enter.native="searchSupplierPartList"
+        />
+      </el-form-item>
+      <el-form-item label="产品编码">
+        <el-input
+          v-model="searchData.partNo"
+          placeholder="产品编码"
+          style="width: 160px"
+          clearable
+          @keyup.enter.native="searchSupplierPartList"
+        />
+      </el-form-item>
+      <el-form-item label="Item">
+        <el-input
+          v-model="searchData.item"
+          placeholder="Item"
+          style="width: 140px"
+          clearable
+          @keyup.enter.native="searchSupplierPartList"
+        />
+      </el-form-item>
+      <el-form-item label="SKU">
+        <el-input
+          v-model="searchData.sku"
+          placeholder="SKU"
+          style="width: 140px"
+          clearable
+          @keyup.enter.native="searchSupplierPartList"
+        />
+      </el-form-item>
+      <el-form-item label="物料名称">
+        <el-input
+          v-model="searchData.partDesc"
+          placeholder="物料名称"
+          style="width: 180px"
+          clearable
+          @keyup.enter.native="searchSupplierPartList"
+        />
+      </el-form-item>
+      <el-form-item label="是否完成新品审核">
+        <el-select v-model="searchData.newProductAudited" style="width: 120px" clearable>
+          <el-option label="是" value="Y" />
+          <el-option label="否" value="N" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="当前是否需要审核">
+        <el-select v-model="searchData.needNewProductAudit" style="width: 120px" clearable>
+          <el-option label="是" value="Y" />
+          <el-option label="否" value="N" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="是否需要提交测试">
+        <el-select v-model="searchData.needSubmitTest" style="width: 120px" clearable>
+          <el-option label="是" value="Y" />
+          <el-option label="否" value="N" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label=" ">
+        <el-button
+          type="primary"
+          class="customer-bun-min"
+          :loading="mainLoading"
+          @click="searchSupplierPartList"
+        >查询</el-button>
+        <el-button class="customer-bun-min" @click="resetSearch">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      ref="mainTable"
+      :data="supplierPartList"
+      :height="mainTableHeight"
+      border
+      stripe
+      highlight-current-row
+      v-loading="mainLoading"
+      style="width: 100%"
+      empty-text="点击查询查看数据"
+      @row-click="handleMainRowClick"
+    >
+      <el-table-column fixed="right" label="操作" width="80" header-align="center" align="center">
+        <template slot-scope="scope">
+          <el-link
+            v-if="canRowStartAudit(scope.row)"
+            style="cursor: pointer; "
+            @click.stop="handleStartAudit(scope.row)"
+          >开始审核</el-link>
+          <el-link
+            v-if="canRowRestartAudit(scope.row)"
+            style="cursor: pointer"
+            @click.stop="handleRestartAudit(scope.row)"
+          >重新审核</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="supplierCode" label="供应商编号" min-width="80" header-align="center" align="center" />
+      <el-table-column prop="supplierName" label="供应商名称" min-width="180" header-align="center" align="left" show-overflow-tooltip />
+      <el-table-column prop="partNo" label="产品编码" min-width="100" header-align="center" align="center" />
+      <el-table-column prop="item" label="Item" min-width="100" header-align="center" align="center" show-overflow-tooltip />
+      <el-table-column prop="sku" label="SKU" min-width="100" header-align="center" align="center" show-overflow-tooltip />
+      <el-table-column prop="partDesc" label="物料名称" min-width="200" header-align="center" align="left" show-overflow-tooltip />
+      <el-table-column label="新品审核" min-width="80" header-align="center" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.newProductAudited === 'Y' ? '是' : '否' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="当前需要审核" min-width="100" header-align="center" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.needNewProductAudit === 'Y' ? '是' : '否' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="需要提交测试" min-width="100" header-align="center" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.needSubmitTest === 'Y' ? '是' : '否' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="审核状态" min-width="80" header-align="center" align="center">
+        <template slot-scope="scope">
+          <span>{{ formatLatestAuditStatus(scope.row.latestAuditStatus) }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+
+    <el-tabs v-model="activeTab" class="detail-tabs">
+      <el-tab-pane label="审核记录" name="audit">
+<!--        <div class="tab-toolbar">-->
+<!--          <span class="tab-hint">提示：同一轮同一部门只能登记一次审核。</span>-->
+<!--        </div>-->
+        <el-table
+          ref="auditTable"
+          :data="auditRecordList"
+          :height="detailTableHeight"
+          border
+          stripe
+          v-loading="auditLoading"
+          style="width: 100%"
+          empty-text="请选择上方供应商物料后查看审核记录"
+        >
+          <el-table-column prop="auditRoundNo" label="审核轮次" min-width="90" header-align="center" align="center" />
+          <el-table-column label="部门" min-width="100" header-align="center" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatDeptType(scope.row.deptType) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="状态" min-width="100" header-align="center" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatAuditStatus(scope.row.status) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="审核结论" min-width="100" header-align="center" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatAuditResult(scope.row.auditResult) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="需要测试" min-width="90" header-align="center" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.needTest === 'Y' ? '是' : '否' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="auditOpinion" label="审核意见" min-width="220" header-align="center" align="left" show-overflow-tooltip />
+          <el-table-column prop="auditor" label="审核人" min-width="120" header-align="center" align="center" />
+          <el-table-column prop="auditTime" label="审核时间" min-width="160" header-align="center" align="center" />
+          <el-table-column label="操作" width="90" header-align="center" align="center" fixed="right">
+            <template slot-scope="scope">
+              <el-link
+                v-if="scope.row.status === 'PENDING' && isLatestRoundRecord(scope.row)"
+                style="cursor: pointer"
+                @click.stop="openAuditDialog(scope.row)"
+              >登记审核</el-link>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="测试记录" name="test">
+        <div class="tab-toolbar">
+          <el-button type="primary" class="customer-bun-min" :disabled="!selectedSupplierPart" @click="openTestDialog">新增测试记录</el-button>
+        </div>
+        <el-table
+          ref="testTable"
+          :data="testRecordList"
+          :height="detailTableHeight"
+          border
+          stripe
+          v-loading="testLoading"
+          style="width: 100%"
+          empty-text="请选择上方供应商物料后查看测试记录"
+        >
+          <el-table-column prop="submitTime" label="提交日期" min-width="120" header-align="center" align="center" :formatter="formatDateOnlyCell" />
+          <el-table-column prop="testTime" label="测试日期" min-width="120" header-align="center" align="center" :formatter="formatDateOnlyCell" />
+          <el-table-column prop="tester" label="测试人" min-width="120" header-align="center" align="center" />
+          <el-table-column label="测试结果" min-width="100" header-align="center" align="center">
+            <template slot-scope="scope">
+              <span>{{ formatTestResult(scope.row.testResult) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="remark" label="备注" min-width="220" header-align="center" align="left" show-overflow-tooltip />
+          <el-table-column label="操作" width="100" header-align="center" align="center" fixed="right">
+            <template slot-scope="scope">
+              <el-link style="cursor: pointer" @click.stop="openTestAttachmentList(scope.row)">测试附件</el-link>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+
+    <el-dialog
+      title="登记审核"
+      :visible.sync="auditDialogVisible"
+      width="460px"
+      :close-on-click-modal="false"
+      v-drag
+    >
+      <el-form :model="auditForm" class="rq" label-width="80px" label-position="top">
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="部门" >
+              <el-select v-model="auditForm.deptType" disabled style="width: 100%">
+                <el-option label="采购部门" value="PURCHASE" />
+                <el-option label="质量部门" value="QUALITY" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="审核结论" required>
+              <el-select v-model="auditForm.auditResult" style="width: 100%">
+                <el-option label="同意" value="AGREE" />
+                <el-option label="不同意" value="REJECT" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="是否需要测试">
+              <el-checkbox v-model="auditForm.needTestFlag">需要测试</el-checkbox>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="审核人">
+              <el-input :value="currentLoginUser" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="审核意见" :style="calcTextareaFollowGapStyle(3)">
+          <el-input
+            v-model="auditForm.auditOpinion"
+            type="textarea"
+            resize="none"
+            :autosize="{ minRows: 3, maxRows: 3 }"
+            placeholder="可不填"
+          />
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" :loading="auditSaveLoading" @click="submitAudit">确认</el-button>
+        <el-button :disabled="auditSaveLoading" @click="auditDialogVisible = false">取消</el-button>
+      </span>
+    </el-dialog>
+
+    <el-dialog
+      title="新增测试记录"
+      :visible.sync="testDialogVisible"
+      width="560px"
+      :close-on-click-modal="false"
+      v-drag
+    >
+      <el-form :model="testForm" class="rq" label-width="80px" label-position="top">
+        <el-row :gutter="16">
+          <el-col :span="8">
+            <el-form-item label="提交日期" required>
+              <el-date-picker
+                v-model="testForm.submitTime"
+                type="date"
+                value-format="yyyy-MM-dd"
+                format="yyyy-MM-dd"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="测试日期" required>
+              <el-date-picker
+                v-model="testForm.testTime"
+                type="date"
+                value-format="yyyy-MM-dd"
+                format="yyyy-MM-dd"
+                style="width: 100%"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item required>
+              <span slot="label" class="picker-label-link" @click="openUserPicker"><a href="javascript:void(0)">测试人</a></span>
+              <el-input v-model="testForm.tester" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="16">
+          <el-col :span="8">
+            <el-form-item label="测试结果" required>
+              <el-select v-model="testForm.testResult" style="width: 100%">
+                <el-option label="通过" value="PASS" />
+                <el-option label="不通过" value="FAIL" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="备注" :style="calcTextareaFollowGapStyle(3)">
+          <el-input
+            v-model="testForm.remark"
+            type="textarea"
+            resize="none"
+            :autosize="{ minRows: 3, maxRows: 3 }"
+            placeholder="可不填"
+          />
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" :loading="testSaveLoading" @click="submitTestRecord">确认</el-button>
+        <el-button :disabled="testSaveLoading" @click="testDialogVisible = false">取消</el-button>
+      </span>
+    </el-dialog>
+
+    <el-dialog
+      title="选择测试人"
+      :visible.sync="userPickerVisible"
+      width="900px"
+      top="6vh"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <el-form :inline="true" label-position="top">
+        <el-form-item label="账号">
+          <el-input v-model="userPickerQuery.username" clearable placeholder="请输入账号" style="width: 180px" />
+        </el-form-item>
+        <el-form-item label="名称">
+          <el-input v-model="userPickerQuery.userDisplay" clearable placeholder="请输入名称" style="width: 180px" />
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button type="primary" @click="fetchUserPickerRows">查询</el-button>
+          <el-button @click="resetUserPickerQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        ref="userPickerTable"
+        :data="userPickerRows"
+        border
+        height="420"
+        v-loading="userPickerLoading"
+        highlight-current-row
+        @current-change="onUserPickerCurrentChange"
+        @row-dblclick="confirmPickTester"
+      >
+        <el-table-column prop="username" label="账号" min-width="180" />
+        <el-table-column prop="userDisplay" label="名称" min-width="180" />
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="userPickerVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmPickTester">确认</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog title="测试附件清单" :close-on-click-modal="false" v-drag :visible.sync="testAttachmentDialogVisible" width="860px">
+
+      <el-form :inline="true" label-position="top">
+
+        <el-form-item>
+
+          <el-button type="primary" @click="openTestAttachmentUploadDialog">上传文件</el-button>
+
+        </el-form-item>
+
+      </el-form>
+
+      <el-table :height="360" :data="testAttachmentFileList" border v-loading="testAttachmentLoading" style="width: 100%">
+
+        <el-table-column prop="fileName" label="文件名称" min-width="300" show-overflow-tooltip />
+
+        <el-table-column prop="createdBy" label="上传人" width="120" align="center" />
+
+        <el-table-column prop="createDate" label="上传时间" width="180" align="center" />
+
+        <el-table-column prop="cadditionalInfo" label="备注" min-width="180" show-overflow-tooltip />
+
+        <el-table-column label="操作" width="130" align="center" fixed="right">
+
+          <template slot-scope="scope">
+
+            <el-link type="primary" @click="previewTestAttachmentFile(scope.row)">查看 |</el-link>
+
+            <el-link type="danger" @click="removeTestAttachmentFile(scope.row)">删除</el-link>
+
+          </template>
+
+        </el-table-column>
+
+      </el-table>
+
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+
+        <el-button type="primary" @click="testAttachmentDialogVisible = false">关闭</el-button>
+
+      </el-footer>
+
+    </el-dialog>
+
+    <el-dialog
+      title="上传"
+      :visible.sync="ossVisible"
+      v-drag
+      width="400px"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form" class="rq" label-width="80px" label-position="top">
+        <el-row :gutter="10">
+          <slot></slot>
+          <el-col :span="24">
+            <el-form-item label=" " class="auto">
+              <el-upload
+                drag
+                :file-list="fileList2"
+                action="#"
+                ref="upload"
+                :on-remove="onRemoveFile"
+                :on-change="onChangeFile"
+                multiple
+                :auto-upload="false"
+              >
+                <i class="el-icon-upload" />
+                <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注" class="auto">
+              <el-input
+                type="textarea"
+                v-model="ossForm.remark"
+                resize="none"
+                :autosize="{ minRows: 3, maxRows: 3 }"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" :loading="uploadLoading" @click="handleUploadFiles">确认</el-button>
+        <el-button @click="ossVisible = false">取消</el-button>
+      </span>
+    </el-dialog>
+
+    <Chooselist ref="baseList" @getBaseData="getBaseData" />
+  </div>
+</template>
+
+<script>
+import Chooselist from '@/views/modules/common/Chooselist_eam'
+import {
+  listNewProductAuditSupplierPart,
+  startNewProductAudit,
+  restartNewProductAudit,
+  listNewProductAuditRecord,
+  submitNewProductAuditRecord,
+  listNewProductTestRecord,
+  saveNewProductTestRecord
+} from '@/api/supplier/supplierPartNewProductAudit'
+import { searchSiteUserList } from '@/api/order/poCustomer'
+import {
+  queryOssFilePlus,
+  ossUploadNoSaveOSSForYJY,
+  previewOssFileById,
+  removeOss
+} from '@/api/oss/oss'
+
+export default {
+  name: 'SupplierPartNewProductAudit',
+  components: { Chooselist },
+  data () {
+    return {
+      searchData: {
+        site: this.$store.state.user.site,
+        supplierCode: '',
+        partNo: '',
+        item: '',
+        sku: '',
+        partDesc: '',
+        newProductAudited: '',
+        needNewProductAudit: '',
+        needSubmitTest: ''
+      },
+      mainLoading: false,
+      auditLoading: false,
+      testLoading: false,
+      supplierPartList: [],
+      selectedSupplierPart: null,
+      activeTab: 'audit',
+      auditRecordList: [],
+      testRecordList: [],
+      mainTableHeight: 300,
+      detailTableHeight: 260,
+      auditDialogVisible: false,
+      auditSaveLoading: false,
+      auditForm: {
+        id: null,
+        site: '',
+        supplierCode: '',
+        partNo: '',
+        auditRoundNo: null,
+        deptType: 'PURCHASE',
+        auditResult: '',
+        needTestFlag: false,
+        auditOpinion: ''
+      },
+      testDialogVisible: false,
+      testSaveLoading: false,
+      testForm: {
+        site: '',
+        supplierCode: '',
+        partNo: '',
+        submitTime: '',
+        testTime: '',
+        tester: '',
+        testResult: '',
+        remark: ''
+      },
+      userPickerVisible: false,
+      userPickerLoading: false,
+      userPickerRows: [],
+      userPickerCurrentRow: null,
+      userPickerQuery: {
+        username: '',
+        userDisplay: ''
+      },
+      testAttachmentDialogVisible: false,
+      ossVisible: false,
+      testAttachmentLoading: false,
+      uploadLoading: false,
+      testAttachmentCurrentRow: null,
+      testAttachmentFileList: [],
+      fileList2: [],
+      ossForm: {
+        remark: ''
+      }
+    }
+  },
+  computed: {
+    currentLoginUser () {
+      return this.$store.state.user.username || this.$store.state.user.name || ''
+    }
+  },
+  mounted () {
+    this.handleResize()
+    window.addEventListener('resize', this.handleResize)
+  },
+  beforeDestroy () {
+    window.removeEventListener('resize', this.handleResize)
+  },
+  methods: {
+    handleResize () {
+      this.$nextTick(() => {
+        const pageRootEl = this.$refs.pageRoot || this.$el
+        const mainTableVm = this.$refs.mainTable
+        const mainTableEl = mainTableVm && mainTableVm.$el
+        if (!pageRootEl || !mainTableEl) {
+          return
+        }
+        const toolbarEl = pageRootEl.querySelector('.table-toolbar')
+        const tabsHeaderEl = pageRootEl.querySelector('.detail-tabs .el-tabs__header')
+        const tabToolbarEl = pageRootEl.querySelector('.detail-tabs .tab-toolbar')
+
+        const toolbarHeight = toolbarEl ? toolbarEl.getBoundingClientRect().height : 0
+        const tabsHeaderHeight = tabsHeaderEl ? tabsHeaderEl.getBoundingClientRect().height : 40
+        const tabToolbarHeight = tabToolbarEl ? tabToolbarEl.getBoundingClientRect().height : 40
+
+        const rootStyle = window.getComputedStyle(pageRootEl)
+        const rootPaddingBottom = parseFloat(rootStyle.paddingBottom) || 0
+        const topOffset = mainTableEl.getBoundingClientRect().top
+        const viewportBottomGap = 24
+        const availableHeight = window.innerHeight - topOffset - toolbarHeight - rootPaddingBottom - viewportBottomGap
+        const mainHeight = Math.max(220, Math.floor(availableHeight * 0.42))
+        const detailHeight = Math.max(220, Math.floor(availableHeight - mainHeight - tabsHeaderHeight - tabToolbarHeight - 24))
+        this.mainTableHeight = mainHeight
+        this.detailTableHeight = detailHeight
+        this.refreshTableLayout()
+      })
+    },
+    refreshTableLayout () {
+      this.$nextTick(() => {
+        if (this.$refs.mainTable) this.$refs.mainTable.doLayout()
+        if (this.$refs.auditTable) this.$refs.auditTable.doLayout()
+        if (this.$refs.testTable) this.$refs.testTable.doLayout()
+      })
+    },
+    getBaseList (tagNo) {
+      this.$nextTick(() => {
+        let strVal = ''
+        let conSql = ''
+        if (tagNo === 520) {
+          strVal = this.searchData.supplierCode || ''
+          conSql = " and  site = '" + this.$store.state.user.site + "'"
+        }
+        this.$refs.baseList.init(tagNo, strVal, conSql)
+      })
+    },
+    getBaseData (val) {
+      if (!val) return
+      this.searchData.supplierCode = val.supplier_no || ''
+    },
+    resetSearch () {
+      this.searchData = {
+        site: this.$store.state.user.site,
+        supplierCode: '',
+        partNo: '',
+        item: '',
+        sku: '',
+        partDesc: '',
+        newProductAudited: '',
+        needNewProductAudit: '',
+        needSubmitTest: ''
+      }
+      this.supplierPartList = []
+      this.selectedSupplierPart = null
+      this.auditRecordList = []
+      this.testRecordList = []
+      this.refreshTableLayout()
+    },
+    searchSupplierPartList () {
+      const payload = {
+        site: this.$store.state.user.site,
+        supplierCode: (this.searchData.supplierCode || '').trim(),
+        partNo: (this.searchData.partNo || '').trim(),
+        item: (this.searchData.item || '').trim(),
+        sku: (this.searchData.sku || '').trim(),
+        partDesc: (this.searchData.partDesc || '').trim(),
+        newProductAudited: this.searchData.newProductAudited || '',
+        needNewProductAudit: this.searchData.needNewProductAudit || '',
+        needSubmitTest: this.searchData.needSubmitTest || ''
+      }
+      this.mainLoading = true
+      listNewProductAuditSupplierPart(payload).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.supplierPartList = data.rows || []
+          if (!this.supplierPartList.length) {
+            this.selectedSupplierPart = null
+            this.auditRecordList = []
+            this.testRecordList = []
+            return
+          }
+          const previousKey = this.selectedSupplierPart
+            ? `${this.selectedSupplierPart.site || ''}-${this.selectedSupplierPart.supplierCode || ''}-${this.selectedSupplierPart.partNo || ''}`
+            : ''
+          const matched = this.supplierPartList.find(item =>
+            `${item.site || ''}-${item.supplierCode || ''}-${item.partNo || ''}` === previousKey
+          )
+          const target = matched || this.supplierPartList[0]
+          this.handleMainRowClick(target)
+        } else {
+          this.$message.error((data && data.msg) || '加载供应商可供物料失败')
+          this.supplierPartList = []
+          this.selectedSupplierPart = null
+          this.auditRecordList = []
+          this.testRecordList = []
+        }
+      }).catch(() => {
+        this.$message.error('加载供应商可供物料失败')
+        this.supplierPartList = []
+        this.selectedSupplierPart = null
+        this.auditRecordList = []
+        this.testRecordList = []
+      }).finally(() => {
+        this.mainLoading = false
+        this.refreshTableLayout()
+      })
+    },
+    handleMainRowClick (row) {
+      if (!row) return
+      this.selectedSupplierPart = row
+      this.$nextTick(() => {
+        if (this.$refs.mainTable) {
+          this.$refs.mainTable.setCurrentRow(row)
+        }
+      })
+      this.fetchAuditRecordList()
+      this.fetchTestRecordList()
+    },
+    fetchAuditRecordList () {
+      if (!this.selectedSupplierPart) {
+        this.auditRecordList = []
+        return
+      }
+      this.auditLoading = true
+      listNewProductAuditRecord({
+        site: this.selectedSupplierPart.site,
+        supplierCode: this.selectedSupplierPart.supplierCode,
+        partNo: this.selectedSupplierPart.partNo
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.auditRecordList = data.rows || []
+        } else {
+          this.auditRecordList = []
+          this.$message.error((data && data.msg) || '加载审核记录失败')
+        }
+      }).catch(() => {
+        this.auditRecordList = []
+        this.$message.error('加载审核记录失败')
+      }).finally(() => {
+        this.auditLoading = false
+        this.refreshTableLayout()
+      })
+    },
+    fetchTestRecordList () {
+      if (!this.selectedSupplierPart) {
+        this.testRecordList = []
+        return
+      }
+      this.testLoading = true
+      listNewProductTestRecord({
+        site: this.selectedSupplierPart.site,
+        supplierCode: this.selectedSupplierPart.supplierCode,
+        partNo: this.selectedSupplierPart.partNo
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.testRecordList = data.rows || []
+        } else {
+          this.testRecordList = []
+          this.$message.error((data && data.msg) || '加载测试记录失败')
+        }
+      }).catch(() => {
+        this.testRecordList = []
+        this.$message.error('加载测试记录失败')
+      }).finally(() => {
+        this.testLoading = false
+        this.refreshTableLayout()
+      })
+    },
+    canRowStartAudit (row) {
+      const status = (row && row.latestAuditStatus) ? String(row.latestAuditStatus).toUpperCase() : 'NONE'
+      return status === 'NONE'
+    },
+    canRowRestartAudit (row) {
+      const status = (row && row.latestAuditStatus) ? String(row.latestAuditStatus).toUpperCase() : ''
+      return status === 'REJECTED'
+    },
+    isLatestRoundRecord (record) {
+      if (!record || !this.selectedSupplierPart) {
+        return false
+      }
+      const latestRoundNo = Number(this.selectedSupplierPart.latestAuditRoundNo || 0)
+      const recordRoundNo = Number(record.auditRoundNo || 0)
+      return latestRoundNo > 0 && recordRoundNo === latestRoundNo
+    },
+    handleStartAudit (row) {
+      if (!row) {
+        this.$message.warning('请先选择供应商可供物料')
+        return
+      }
+      startNewProductAudit({
+        site: row.site,
+        supplierCode: row.supplierCode,
+        partNo: row.partNo
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.$message.success('已创建审核记录')
+          this.searchSupplierPartList()
+        } else {
+          this.$message.error((data && data.msg) || '开始审核失败')
+        }
+      }).catch(() => {
+        this.$message.error('开始审核失败')
+      })
+    },
+    handleRestartAudit (row) {
+      if (!row) {
+        this.$message.warning('请先选择供应商可供物料')
+        return
+      }
+      this.$confirm('是否开启新一轮的审核?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        restartNewProductAudit({
+          site: row.site,
+          supplierCode: row.supplierCode,
+          partNo: row.partNo
+        }).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success('已开启新一轮审核')
+            this.searchSupplierPartList()
+          } else {
+            this.$message.error((data && data.msg) || '重新审核失败')
+          }
+        }).catch(() => {
+          this.$message.error('重新审核失败')
+        })
+      }).catch(() => {})
+    },
+    openAuditDialog (record) {
+      this.auditForm = {
+        id: record.id,
+        site: record.site,
+        supplierCode: record.supplierCode,
+        partNo: record.partNo,
+        auditRoundNo: record.auditRoundNo,
+        deptType: record.deptType || 'PURCHASE',
+        auditResult: '',
+        needTestFlag: false,
+        auditOpinion: ''
+      }
+      this.auditDialogVisible = true
+    },
+    submitAudit () {
+      if (!this.auditForm.id) {
+        this.$message.warning('审核记录无效')
+        return
+      }
+      if (!this.auditForm.deptType) {
+        this.$message.warning('请选择部门')
+        return
+      }
+      if (!this.auditForm.auditResult) {
+        this.$message.warning('请选择审核结论')
+        return
+      }
+      this.auditSaveLoading = true
+      submitNewProductAuditRecord({
+        id: this.auditForm.id,
+        site: this.auditForm.site,
+        supplierCode: this.auditForm.supplierCode,
+        partNo: this.auditForm.partNo,
+        auditRoundNo: this.auditForm.auditRoundNo,
+        deptType: this.auditForm.deptType,
+        auditResult: this.auditForm.auditResult,
+        needTest: this.auditForm.needTestFlag ? 'Y' : 'N',
+        auditOpinion: (this.auditForm.auditOpinion || '').trim()
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.$message.success('审核登记成功')
+          this.auditDialogVisible = false
+          this.searchSupplierPartList()
+        } else {
+          this.$message.error((data && data.msg) || '审核登记失败')
+        }
+      }).catch(() => {
+        this.$message.error('审核登记失败')
+      }).finally(() => {
+        this.auditSaveLoading = false
+      })
+    },
+    openTestDialog () {
+      if (!this.selectedSupplierPart) {
+        this.$message.warning('请先选择供应商可供物料')
+        return
+      }
+      const today = this.getTodayDateStr()
+      this.testForm = {
+        site: this.selectedSupplierPart.site,
+        supplierCode: this.selectedSupplierPart.supplierCode,
+        partNo: this.selectedSupplierPart.partNo,
+        submitTime: today,
+        testTime: today,
+        tester: this.currentLoginUser || '',
+        testResult: '',
+        remark: ''
+      }
+      this.testDialogVisible = true
+    },
+    submitTestRecord () {
+      if (!this.selectedSupplierPart) {
+        this.$message.warning('请先选择供应商可供物料')
+        return
+      }
+      if (!this.testForm.submitTime) {
+        this.$message.warning('请填写提交日期')
+        return
+      }
+      if (!this.testForm.testTime) {
+        this.$message.warning('请填写测试日期')
+        return
+      }
+      if (!this.testForm.tester) {
+        this.$message.warning('请选择测试人')
+        return
+      }
+      if (!this.testForm.testResult) {
+        this.$message.warning('请选择测试结果')
+        return
+      }
+      this.testSaveLoading = true
+      saveNewProductTestRecord({
+        site: this.testForm.site,
+        supplierCode: this.testForm.supplierCode,
+        partNo: this.testForm.partNo,
+        submitTime: this.buildDateStartTime(this.testForm.submitTime),
+        testTime: this.buildDateStartTime(this.testForm.testTime),
+        tester: this.testForm.tester,
+        testResult: this.testForm.testResult,
+        remark: (this.testForm.remark || '').trim()
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.$message.success('测试记录已保存')
+          this.testDialogVisible = false
+          this.searchSupplierPartList()
+          this.activeTab = 'test'
+        } else {
+          this.$message.error((data && data.msg) || '测试记录保存失败')
+        }
+      }).catch(() => {
+        this.$message.error('测试记录保存失败')
+      }).finally(() => {
+        this.testSaveLoading = false
+      })
+    },
+    openUserPicker () {
+      this.userPickerVisible = true
+      this.userPickerCurrentRow = null
+      this.fetchUserPickerRows()
+    },
+    resetUserPickerQuery () {
+      this.userPickerQuery = {
+        username: '',
+        userDisplay: ''
+      }
+      this.fetchUserPickerRows()
+    },
+    fetchUserPickerRows () {
+      this.userPickerLoading = true
+      searchSiteUserList({
+        site: this.$store.state.user.site,
+        username: this.userPickerQuery.username || '',
+        userDisplay: this.userPickerQuery.userDisplay || ''
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.userPickerRows = data.rows || []
+        } else {
+          this.userPickerRows = []
+          this.$message.error((data && data.msg) || '加载用户失败')
+        }
+      }).catch(() => {
+        this.userPickerRows = []
+        this.$message.error('加载用户失败')
+      }).finally(() => {
+        this.userPickerLoading = false
+      })
+    },
+    onUserPickerCurrentChange (row) {
+      this.userPickerCurrentRow = row || null
+    },
+    confirmPickTester () {
+      if (!this.userPickerCurrentRow) {
+        this.$message.warning('请选择测试人')
+        return
+      }
+      this.testForm.tester = this.userPickerCurrentRow.username || ''
+      this.userPickerVisible = false
+    },
+    buildTestAttachmentQueryParams (row) {
+      return {
+        orderRef1: row.site || '',
+        orderRef2: row.supplierCode || '',
+        orderRef3: row.partNo || '',
+        orderRef4: String(row.id || ''),
+        orderReftype: 'SUPPLIER_PART_NEW_PRODUCT_TEST'
+      }
+    },
+    openTestAttachmentList (row) {
+      if (!row || !row.id) {
+        this.$message.warning('测试记录无效')
+        return
+      }
+      this.testAttachmentCurrentRow = {
+        id: row.id,
+        site: row.site,
+        supplierCode: row.supplierCode,
+        partNo: row.partNo
+      }
+      this.testAttachmentDialogVisible = true
+      this.fetchTestAttachmentFileList()
+    },
+    fetchTestAttachmentFileList () {
+      if (!this.testAttachmentCurrentRow) {
+        this.testAttachmentFileList = []
+        return
+      }
+      this.testAttachmentLoading = true
+      queryOssFilePlus(this.buildTestAttachmentQueryParams(this.testAttachmentCurrentRow)).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.testAttachmentFileList = data.rows || []
+        } else {
+          this.testAttachmentFileList = []
+        }
+      }).catch(() => {
+        this.testAttachmentFileList = []
+      }).finally(() => {
+        this.testAttachmentLoading = false
+      })
+    },
+    openTestAttachmentUploadDialog () {
+      if (!this.testAttachmentCurrentRow) {
+        this.$message.warning('请先选择测试记录')
+        return
+      }
+      this.fileList2 = []
+      this.ossForm.remark = ''
+      this.ossVisible = true
+      this.$nextTick(() => {
+        if (this.$refs.upload) {
+          this.$refs.upload.clearFiles()
+        }
+      })
+    },
+    onRemoveFile (file, fileList) {
+      this.fileList2 = fileList
+    },
+    onChangeFile (file, fileList) {
+      this.fileList2 = fileList
+    },
+    handleUploadFiles () {
+      if (!this.testAttachmentCurrentRow) {
+        this.$message.warning('请先选择测试记录')
+        return
+      }
+      if (!this.fileList2 || this.fileList2.length === 0) {
+        this.$message.warning('请选择文件')
+        return
+      }
+      const formData = new FormData()
+      for (let i = 0; i < this.fileList2.length; i++) {
+        formData.append('file', this.fileList2[i].raw)
+      }
+      formData.append('orderRef1', this.testAttachmentCurrentRow.site || '')
+      formData.append('orderRef2', this.testAttachmentCurrentRow.supplierCode || '')
+      formData.append('orderRef3', this.testAttachmentCurrentRow.partNo || '')
+      formData.append('orderRef4', String(this.testAttachmentCurrentRow.id || ''))
+      formData.append('createdBy', this.$store.state.user.name)
+      formData.append('CAdditionalInfo', this.ossForm.remark || '')
+      formData.append('orderReftype', 'SUPPLIER_PART_NEW_PRODUCT_TEST')
+      this.uploadLoading = true
+      ossUploadNoSaveOSSForYJY(formData).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.$message.success('上传成功')
+          this.ossVisible = false
+          this.fileList2 = []
+          this.ossForm.remark = ''
+          this.fetchTestAttachmentFileList()
+        } else {
+          this.$message.warning((data && data.msg) || '上传失败')
+        }
+      }).catch(() => {
+        this.$message.error('上传失败')
+      }).finally(() => {
+        this.uploadLoading = false
+      })
+    },
+    previewTestAttachmentFile (row) {
+      previewOssFileById({ id: row.id }).then((response) => {
+        const contentType = (response.headers && response.headers['content-type']) || 'application/octet-stream'
+        const blob = new Blob([response.data], { type: contentType })
+        const link = document.createElement('a')
+        link.href = URL.createObjectURL(blob)
+        link.setAttribute('download', row.fileName)
+        link.target = '_blank'
+        link.click()
+        URL.revokeObjectURL(link.href)
+      })
+    },
+    removeTestAttachmentFile (row) {
+      this.$confirm('确定要删除该文件吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        removeOss([row.id]).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success('删除成功')
+            this.fetchTestAttachmentFileList()
+          } else {
+            this.$message.warning((data && data.msg) || '删除失败')
+          }
+        })
+      }).catch(() => {})
+    },
+    formatLatestAuditStatus (status) {
+      const val = (status || 'NONE').toUpperCase()
+      if (val === 'IN_PROGRESS') return '审核中'
+      if (val === 'REJECTED') return '不通过'
+      if (val === 'APPROVED') return '已通过'
+      return '未发起'
+    },
+    formatDeptType (deptType) {
+      const val = (deptType || '').toUpperCase()
+      if (val === 'PURCHASE') return '采购部门'
+      if (val === 'QUALITY') return '质量部门'
+      return deptType || ''
+    },
+    formatAuditStatus (status) {
+      const val = (status || '').toUpperCase()
+      if (val === 'PENDING') return '待审核'
+      if (val === 'DONE') return '已审核'
+      return status || ''
+    },
+    formatAuditResult (result) {
+      const val = (result || '').toUpperCase()
+      if (val === 'AGREE') return '同意'
+      if (val === 'REJECT') return '不同意'
+      return ''
+    },
+    formatTestResult (result) {
+      const val = (result || '').toUpperCase()
+      if (val === 'PASS') return '通过'
+      if (val === 'FAIL') return '不通过'
+      return result || ''
+    },
+    formatDateOnlyCell (row, column, cellValue) {
+      return this.getDatePart(cellValue)
+    },
+    getDatePart (value) {
+      if (!value) return ''
+      const raw = String(value).trim()
+      if (!raw) return ''
+      return raw.length >= 10 ? raw.substring(0, 10) : raw
+    },
+    buildDateStartTime (dateValue) {
+      const dateText = this.getDatePart(dateValue)
+      return dateText ? `${dateText} 00:00:00` : ''
+    },
+    getTodayDateStr () {
+      const date = new Date()
+      const pad = num => String(num).padStart(2, '0')
+      return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`
+    },
+    calcTextareaFollowGapStyle (rows) {
+      const rowCount = Number(rows) || 1
+      const followGap = rowCount > 1 ? (rowCount - 1) * 20 : 0
+      return { marginBottom: `${followGap}px` }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.supplier-part-new-product-audit .table-toolbar {
+  margin: 8px 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.supplier-part-new-product-audit .selected-text {
+  font-size: 13px;
+  color: #606266;
+}
+
+.supplier-part-new-product-audit .detail-tabs {
+  margin-top: 6px;
+}
+
+.supplier-part-new-product-audit .tab-toolbar {
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.supplier-part-new-product-audit .tab-hint {
+  color: #909399;
+  font-size: 12px;
+}
+
+.supplier-part-new-product-audit .picker-label-link a {
+  color: #00b578;
+  cursor: pointer;
+}
+
+.rq .auto /deep/ .el-form-item__content {
+  height: auto;
+  line-height: 1.5;
+}
+
+</style>
+