From c140685dc001b0376850401eda453a6d931d9d92 Mon Sep 17 00:00:00 2001
From: qiankanghui <kanghui.qian@xujiesoft.com>
Date: Sun, 20 Sep 2026 09:07:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(components):=20=E6=B7=BB=E5=8A=A0=E5=8F=AA?=
 =?UTF-8?q?=E8=AF=BB=E6=A8=A1=E5=BC=8F=E6=94=AF=E6=8C=81=E5=92=8C=E9=AA=8C?=
 =?UTF-8?q?=E8=AF=81=E8=A7=84=E5=88=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 poCustomer_FieldAuth 组件中添加 readonly 属性和相关禁用逻辑
- 在 poCustomer_UserScope 组件中添加 readonly 属性和相关禁用逻辑
- 在 srmSupplier_Address 组件中添加 readonly 属性和相关显示控制
- 在 srmSupplier_Contract 组件中添加 readonly 模式下的查看功能
- 在 srmSupplier_DocumentDefinition 组件中添加 readonly 模式控制
- 为 partInfoList 中的 partSpec 字段添加必填验证规则
- 新增 poCustomerView 只读查询页面，支持权限查看功能
- 新增 supplierListView 只读查询页面，支持供应商信息查看功能
- 优化合同组件中的有效期设置逻辑，支持清空操作
- 调整文档组件中的操作按钮显示逻辑，适配只读模式
---
 .../order/com_poCustomer_FieldAuth.vue        |   13 +-
 .../order/com_poCustomer_UserScope.vue        |   11 +-
 src/views/modules/order/poCustomerView.vue    |  283 ++++
 src/views/modules/srmPart/partInfoList.vue    |    3 +
 .../srmSupplier/com_srmSupplier_Address.vue   |   10 +-
 .../srmSupplier/com_srmSupplier_Contract.vue  |   55 +-
 .../com_srmSupplier_DocumentDefinition.vue    |   36 +-
 .../modules/srmSupplier/supplierListView.vue  | 1261 +++++++++++++++++
 .../supplier/supplierPartMoqPriceView.vue     |  365 +++++
 .../supplierPartNewProductAuditView.vue       |  580 ++++++++
 src/views/modules/sys/user-add-or-update.vue  |    8 +-
 11 files changed, 2580 insertions(+), 45 deletions(-)
 create mode 100644 src/views/modules/order/poCustomerView.vue
 create mode 100644 src/views/modules/srmSupplier/supplierListView.vue
 create mode 100644 src/views/modules/supplier/supplierPartMoqPriceView.vue
 create mode 100644 src/views/modules/supplier/supplierPartNewProductAuditView.vue

diff --git a/src/views/modules/order/com_poCustomer_FieldAuth.vue b/src/views/modules/order/com_poCustomer_FieldAuth.vue
index 6a08cac..a98bd20 100644
--- a/src/views/modules/order/com_poCustomer_FieldAuth.vue
+++ b/src/views/modules/order/com_poCustomer_FieldAuth.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="po-customer-field-auth">
-    <el-button type="primary" :loading="saving" style="margin-bottom: 10px" @click="save">保存字段权限</el-button>
+    <el-button v-if="!readonly" type="primary" :loading="saving" style="margin-bottom: 10px" @click="save">保存字段权限</el-button>
     <div class="rq">
     <el-table class="field-auth-table" :data="rows" border style="width: 100%" height="400">
       <el-table-column prop="fieldCode" label="字段编码" min-width="160" />
@@ -9,7 +9,7 @@
         <template slot-scope="{ row }">
           <el-input
             v-model="row.displayLabel"
-            :disabled="!isExtField(row)"
+            :disabled="readonly || !isExtField(row)"
             clearable
             placeholder="扩展字段可维护"
           />
@@ -19,7 +19,7 @@
         <template slot-scope="{ row }">
           <el-input
             v-model="row.dictType"
-            :disabled="!isDictTypeEditable(row)"
+            :disabled="readonly || !isDictTypeEditable(row)"
             clearable
             :placeholder="isExtDateField(row) ? '日期扩展字段不可填' : '留空=默认组件'"
           />
@@ -31,13 +31,13 @@
             v-model="row.visibleFlag"
             true-label="Y"
             false-label="N"
-            :disabled="isMandatoryField(row)"
+            :disabled="readonly || isMandatoryField(row)"
             @change="onVisibleChange(row)" />
         </template>
       </el-table-column>
       <el-table-column label="必填" width="70">
         <template slot-scope="{ row }">
-          <el-checkbox v-model="row.requiredFlag"    :disabled="!isExtField(row)" true-label="Y" false-label="N" />
+          <el-checkbox v-model="row.requiredFlag"    :disabled="readonly || !isExtField(row)" true-label="Y" false-label="N" />
         </template>
       </el-table-column>
     </el-table>
@@ -52,7 +52,8 @@ export default {
   name: 'ComPoCustomerFieldAuth',
   props: {
     site: { type: String, required: true },
-    customerCode: { type: String, default: '' }
+    customerCode: { type: String, default: '' },
+    readonly: { type: Boolean, default: false }
   },
   data () {
     return { rows: [], saving: false }
diff --git a/src/views/modules/order/com_poCustomer_UserScope.vue b/src/views/modules/order/com_poCustomer_UserScope.vue
index 6f13e33..0247121 100644
--- a/src/views/modules/order/com_poCustomer_UserScope.vue
+++ b/src/views/modules/order/com_poCustomer_UserScope.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form :inline="true" label-position="top" style="margin-top: 10px">
+    <el-form v-if="!readonly" :inline="true" label-position="top" style="margin-top: 10px">
       <el-form-item >
         <el-button type="primary" @click="openUserPicker">选择账号</el-button>
         <el-button type="primary" :loading="saving" @click="save">保存</el-button>
@@ -11,7 +11,7 @@
         <el-table-column prop="userName" label="账号" min-width="180" />
         <el-table-column label="启用" width="100" align="center">
           <template slot-scope="{ row }">
-            <el-select v-model="row.active" size="mini" style="width: 80px">
+            <el-select v-model="row.active" size="mini" style="width: 80px" :disabled="readonly">
               <el-option label="Y" value="Y" />
               <el-option label="N" value="N" />
             </el-select>
@@ -19,10 +19,10 @@
         </el-table-column>
         <el-table-column label="备注" min-width="220">
           <template slot-scope="{ row }">
-            <el-input v-model="row.remark" size="mini" />
+            <el-input v-model="row.remark" size="mini" :disabled="readonly" />
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="80" align="center">
+        <el-table-column v-if="!readonly" label="操作" width="80" align="center">
           <template slot-scope="scope">
             <el-link type="danger" @click="removeRow(scope.$index)">删除</el-link>
           </template>
@@ -78,7 +78,8 @@ export default {
   name: 'ComPoCustomerUserScope',
   props: {
     site: { type: String, required: true },
-    customerCode: { type: String, default: '' }
+    customerCode: { type: String, default: '' },
+    readonly: { type: Boolean, default: false }
   },
   data () {
     return {
diff --git a/src/views/modules/order/poCustomerView.vue b/src/views/modules/order/poCustomerView.vue
new file mode 100644
index 0000000..697dcd9
--- /dev/null
+++ b/src/views/modules/order/poCustomerView.vue
@@ -0,0 +1,283 @@
+<template>
+  <div class="mod-config">
+    <el-form :inline="true" label-position="top" :model="searchData">
+      <el-form-item label="Customer编码">
+        <el-input v-model="searchData.customerCode" clearable style="width: 160px" placeholder="请输入编码" />
+      </el-form-item>
+      <el-form-item label="Customer名称">
+        <el-input v-model="searchData.customerName" clearable style="width: 220px" placeholder="请输入名称" />
+      </el-form-item>
+      <el-form-item label="启用">
+        <el-select v-model="searchData.active" clearable style="width: 120px">
+          <el-option label="Y" value="Y" />
+          <el-option label="N" value="N" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label=" ">
+        <el-button type="primary" @click="getDataList()">查询</el-button>
+        <el-button type="primary" @click="exportExcel()">导出</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      :height="height"
+      :data="dataList"
+      border
+      v-loading="dataListLoading"
+      style="width: 100%;">
+      <el-table-column
+        v-for="(item,index) in columnList"
+        :key="index"
+        :sortable="item.columnSortable"
+        :prop="item.columnProp"
+        :header-align="item.headerAlign"
+        :show-overflow-tooltip="item.showOverflowTooltip"
+        :align="item.align"
+        :fixed="item.fixed === '' ? false : item.fixed"
+        :min-width="item.columnWidth"
+        :label="item.columnLabel" />
+      <el-table-column
+        fixed="right"
+        header-align="center"
+        align="center"
+        width="90"
+        label="操作">
+        <template slot-scope="scope">
+          <el-link style="cursor: pointer" @click="openAuthModal(scope.row)">权限</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 50, 100, 200, 500]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper" />
+
+    <!-- 权限查看：只读，不允许任何操作 -->
+    <el-dialog
+      class="customer-auth-dialog"
+      title="Customer 权限查看"
+      :visible.sync="authModalFlag"
+      width="960px"
+      top="4vh"
+      :close-on-click-modal="false"
+      v-drag
+      append-to-body>
+      <div v-if="authCustomerCode">
+        <p style="margin-bottom: 8px">当前 Customer：<strong>{{ authCustomerCode }}</strong>（仅查看，不可操作）</p>
+        <el-tabs v-model="authActiveTab">
+          <el-tab-pane label="可见账号" name="userScope">
+            <com-po-customer-user-scope :site="searchData.site" :customer-code="authCustomerCode" :readonly="true" />
+          </el-tab-pane>
+          <el-tab-pane label="字段权限" name="fieldAuth">
+            <com-po-customer-field-auth :site="searchData.site" :customer-code="authCustomerCode" :readonly="true" />
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { searchPoCustomerPage } from '@/api/order/poCustomer.js'
+import { formatPoOrderTypeLabel } from '@/views/modules/order/poOrderTypeOptions'
+import ComPoCustomerUserScope from './com_poCustomer_UserScope.vue'
+import ComPoCustomerFieldAuth from './com_poCustomer_FieldAuth.vue'
+import excel from '@/utils/excel-util.js'
+
+export default {
+  name: 'poCustomerView',
+  components: {
+    ComPoCustomerUserScope,
+    ComPoCustomerFieldAuth
+  },
+  data () {
+    return {
+      exportName: 'Customer查询_' + this.dayjs().format('YYYYMMDDHHmmss'),
+      height: 200,
+      dataList: [],
+      dataListLoading: false,
+      pageIndex: 1,
+      pageSize: 20,
+      totalPage: 0,
+      searchData: {
+        site: this.$store.state.user.site,
+        customerCode: '',
+        customerName: '',
+        active: '',
+        page: 1,
+        limit: 10
+      },
+      authModalFlag: false,
+      authActiveTab: 'userScope',
+      authCustomerCode: '',
+      columnList: [
+        {
+          columnProp: 'customerCode',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '编码',
+          columnHidden: false,
+          columnSortable: false,
+          fixed: '',
+          columnWidth: 160,
+          showOverflowTooltip: true
+        },
+        {
+          columnProp: 'customerName',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '名称',
+          columnHidden: false,
+          columnSortable: false,
+          fixed: '',
+          columnWidth: 260,
+          showOverflowTooltip: true
+        },
+        {
+          columnProp: 'orderTypeLabel',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '订单类型',
+          columnHidden: false,
+          columnSortable: false,
+          fixed: '',
+          columnWidth: 120,
+          showOverflowTooltip: true
+        },
+        {
+          columnProp: 'active',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '启用',
+          columnHidden: false,
+          columnSortable: false,
+          fixed: '',
+          columnWidth: 90,
+          showOverflowTooltip: true
+        },
+        {
+          columnProp: 'remark',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '备注',
+          columnHidden: false,
+          columnSortable: false,
+          fixed: '',
+          columnWidth: 260,
+          showOverflowTooltip: true
+        }
+      ]
+    }
+  },
+  mounted () {
+    this.$nextTick(() => {
+      this.height = window.innerHeight - 180
+    })
+  },
+  created () {
+    this.getDataList()
+  },
+  methods: {
+    getDataList () {
+      this.dataListLoading = true
+      const params = {
+        ...this.searchData,
+        site: this.$store.state.user.site,
+        page: this.pageIndex,
+        limit: this.pageSize
+      }
+      searchPoCustomerPage(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          const pageData = data.page
+          this.dataList = (pageData && pageData.list ? pageData.list : []).map(item => {
+            const normalizedOrderType = item && item.orderType ? item.orderType : 'PO'
+            return {
+              ...item,
+              orderType: normalizedOrderType,
+              orderTypeLabel: formatPoOrderTypeLabel(normalizedOrderType)
+            }
+          })
+          this.pageIndex = pageData && pageData.currPage ? pageData.currPage : 1
+          this.pageSize = pageData && pageData.pageSize ? pageData.pageSize : this.pageSize
+          this.totalPage = pageData && pageData.totalCount ? pageData.totalCount : 0
+        } else {
+          this.$message.error((data && data.msg) || '获取数据失败')
+        }
+      }).catch(err => {
+        this.$message.error((err && err.message) || '获取数据失败')
+      }).finally(() => {
+        this.dataListLoading = false
+      })
+    },
+
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+
+    // 打开权限查看弹窗（只读）
+    openAuthModal (row) {
+      this.authCustomerCode = row.customerCode
+      this.authActiveTab = 'userScope'
+      this.authModalFlag = true
+    },
+
+    exportExcel () {
+      const params = {
+        ...this.searchData,
+        site: this.$store.state.user.site
+      }
+      excel.exportTable({
+        url: '/poCustomer/list',
+        columnMapping: this.columnList,
+        mergeSetting: [],
+        params,
+        fileName: this.exportName + '.xlsx',
+        rowFetcher: res => {
+          if (res && res.data && res.data.code === 0) {
+            const rows = (res.data.rows || []).map(item => {
+              const normalizedOrderType = item && item.orderType ? item.orderType : 'PO'
+              return {
+                ...item,
+                orderTypeLabel: formatPoOrderTypeLabel(normalizedOrderType)
+              }
+            })
+            return { rows }
+          }
+          return { rows: [] }
+        },
+        columnFormatter: [],
+        dropColumns: []
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.mod-config {
+  padding: 0;
+}
+
+.el-table /deep/ .cell {
+  height: auto;
+  line-height: 1.5;
+}
+</style>
+
+<style lang="scss">
+.customer-auth-dialog .el-dialog__body {
+  padding-bottom: 10px;
+}
+</style>
diff --git a/src/views/modules/srmPart/partInfoList.vue b/src/views/modules/srmPart/partInfoList.vue
index 9d61213..6808584 100644
--- a/src/views/modules/srmPart/partInfoList.vue
+++ b/src/views/modules/srmPart/partInfoList.vue
@@ -912,6 +912,9 @@ export default {
       partRules: {
          partDesc: [
           { required: true, message: ' ', trigger: 'blur' }
+        ],
+         partSpec: [
+          { required: true, message: ' ', trigger: 'blur' }
         ],
          npc: [
           { required: true, message: ' ', trigger: 'blur' }
diff --git a/src/views/modules/srmSupplier/com_srmSupplier_Address.vue b/src/views/modules/srmSupplier/com_srmSupplier_Address.vue
index e4869a7..7f774ff 100644
--- a/src/views/modules/srmSupplier/com_srmSupplier_Address.vue
+++ b/src/views/modules/srmSupplier/com_srmSupplier_Address.vue
@@ -12,7 +12,7 @@
       </el-form-item>
       <el-form-item label=" ">
         <el-button type="primary" @click="getDataList()">查询</el-button>
-        <el-button type="primary" @click="addModal()">新增</el-button>
+        <el-button v-if="!readonly" type="primary" @click="addModal()">新增</el-button>
       </el-form-item>
     </el-form>
 
@@ -37,6 +37,7 @@
         </template>
       </el-table-column>
       <el-table-column
+        v-if="!readonly"
         header-align="center"
         align="center"
         width="120"
@@ -199,6 +200,13 @@ export default {
     Chooselist,
     SysDictSelect
   },
+  props: {
+    // 只读模式：隐藏新增/编辑/删除，仅保留查询与查看（供只读查询页复用；默认 false 不影响原页面）
+    readonly: {
+      type: Boolean,
+      default: false
+    }
+  },
   data() {
     return {
       dataList: [],
diff --git a/src/views/modules/srmSupplier/com_srmSupplier_Contract.vue b/src/views/modules/srmSupplier/com_srmSupplier_Contract.vue
index 7965754..7659a26 100644
--- a/src/views/modules/srmSupplier/com_srmSupplier_Contract.vue
+++ b/src/views/modules/srmSupplier/com_srmSupplier_Contract.vue
@@ -2,7 +2,7 @@
   <div class="customer-css">
     <el-form label-position="top" style="margin-top: 1px; margin-left: 0px;">
       <el-form :inline="true" label-position="top" style="margin-top: 0px">
-                <el-button type="primary" @click="addModal()">新增</el-button>
+                <el-button v-if="!readonly" type="primary" @click="addModal()">新增</el-button>
       </el-form>
     </el-form>
     <el-table
@@ -34,9 +34,12 @@
         fixed="right"
         label="操作">
         <template slot-scope="scope">
-          <a type="text" size="small" v-if="scope.row.needRenew=='Y'" @click="renewModew(scope.row)">续签 |</a>
-          <a type="text" size="small" @click="editModel(scope.row)">编辑 |</a>
-          <a type="text" size="small" @click="deleteData(scope.row)">删除</a>
+          <a type="text" size="small" v-if="readonly" @click="viewModel(scope.row)">查看</a>
+          <template v-else>
+            <a type="text" size="small" v-if="scope.row.needRenew=='Y'" @click="renewModew(scope.row)">续签 |</a>
+            <a type="text" size="small" @click="editModel(scope.row)">编辑 |</a>
+            <a type="text" size="small" @click="deleteData(scope.row)">删除</a>
+          </template>
         </template>
       </el-table-column>
     </el-table>
@@ -61,6 +64,7 @@
                 type="date"
                 format="yyyy-MM-dd"
                 value-format="yyyy-MM-dd"
+                :disabled="readonly"
                 placeholder="选择日期">
               </el-date-picker>
             </el-form-item>
@@ -73,37 +77,38 @@
                 type="date"
                 format="yyyy-MM-dd"
                 value-format="yyyy-MM-dd"
+                :disabled="readonly"
                 placeholder="选择日期">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item :label="'金额'" >
-              <el-input v-model="contractModelData.amout" type="number" style="width: 130px"></el-input>
+              <el-input v-model="contractModelData.amout" type="number" :disabled="readonly" style="width: 130px"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item :label="'货币'" >
-              <el-input v-model="contractModelData.currency" style="width: 130px"></el-input>
+              <el-input v-model="contractModelData.currency" :disabled="readonly" style="width: 130px"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item :label="'合同编号'" >
-              <el-input v-model="contractModelData.contractNo" style="width: 130px" ></el-input>
+              <el-input v-model="contractModelData.contractNo" :disabled="readonly" style="width: 130px" ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item :label="'合同名称'" >
-              <el-input v-model="contractModelData.contractName" style="width: 130px" ></el-input>
+              <el-input v-model="contractModelData.contractName" :disabled="readonly" style="width: 130px" ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="24">
             <el-form-item :label="'合同详情'">
-              <el-input type="textarea" :rows="3" v-model="contractModelData.contractDetail"  style=""></el-input>
+              <el-input type="textarea" :rows="3" v-model="contractModelData.contractDetail" :disabled="readonly"  style=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="4" style="margin-top: 50px">
-            <el-button class="customer-bun-min" type="primary" @click="handleUpload" style="">上传</el-button>
+            <el-button v-if="!readonly" class="customer-bun-min" type="primary" @click="handleUpload" style="">上传</el-button>
           </el-col>
         </el-row>
 
@@ -143,13 +148,13 @@
           label="操作">
           <template slot-scope="scope">
             <a type="text" size="small"  @click="handleDownload(scope.row)">查看 </a>
-            <a type="text" size="small" v-if="contractModelData.id===0" @click="deleteFile(scope.$index)"> | 删除</a>
+            <a type="text" size="small" v-if="contractModelData.id===0 && !readonly" @click="deleteFile(scope.$index)"> | 删除</a>
           </template>
         </el-table-column>
       </el-table>
       <el-footer style="height:40px;margin-top: 10px;text-align:center">
-        <el-button type="primary" @click="submitData()">提交</el-button>
-        <el-button type="primary" @click="contractModelFlag=false">取消并关闭</el-button>
+        <el-button v-if="!readonly" type="primary" @click="submitData()">提交</el-button>
+        <el-button type="primary" @click="contractModelFlag=false">{{ readonly ? '关闭' : '取消并关闭' }}</el-button>
       </el-footer>
     </el-dialog>
 
@@ -199,6 +204,13 @@ export default {
   components: {
     Chooselist
   },
+  props: {
+    // 只读模式：隐藏新增/续签/编辑/删除/上传/提交，仅保留查看与附件下载（默认 false 不影响原页面）
+    readonly: {
+      type: Boolean,
+      default: false
+    }
+  },
   data() {
     return {
       dataList: [],
@@ -579,6 +591,23 @@ export default {
       })
       this.contractModelFlag=true;
     },
+    // 只读查看：打开合同弹窗展示信息与附件，配合 readonly 禁用编辑、隐藏提交/上传/删除
+    viewModel(row){
+      this.contractModelData=JSON.parse(JSON.stringify(row));
+      let params={
+        orderRef1:row.site,
+        orderRef2:row.contractId,
+        orderReftype:'SrmSupplierContract',
+      }
+      queryOss(params).then(({data})=>{
+        if (data && data.code === 0){
+          this.fileList = data.rows;
+        }else {
+          this.fileList = [];
+        }
+      })
+      this.contractModelFlag=true;
+    },
     deleteData(row){
       this.$confirm(`确认删除？`, '提示', {
         confirmButtonText: '确认',
diff --git a/src/views/modules/srmSupplier/com_srmSupplier_DocumentDefinition.vue b/src/views/modules/srmSupplier/com_srmSupplier_DocumentDefinition.vue
index 94ce4d7..a5adde8 100644
--- a/src/views/modules/srmSupplier/com_srmSupplier_DocumentDefinition.vue
+++ b/src/views/modules/srmSupplier/com_srmSupplier_DocumentDefinition.vue
@@ -2,7 +2,7 @@
   <div class="customer-css">
     <el-form label-position="top" style="margin-top: 1px; margin-left: 0px;">
       <el-form :inline="true" label-position="top" style="margin-top: 0px">
-        <el-button type="primary" @click="openDocumentListModel()">编辑文档清单</el-button>
+        <el-button v-if="!readonly" type="primary" @click="openDocumentListModel()">编辑文档清单</el-button>
       </el-form>
     </el-form>
     <el-table
@@ -182,8 +182,8 @@
           </el-col>
         </el-row>
       </el-form>
-      <el-button type="primary"  @click="handleUpload">上传文档</el-button>
-      <el-button type="warning"  @click="openValidToDialog()">设置文档有效期提醒</el-button>
+      <el-button v-if="!readonly" type="primary"  @click="handleUpload">上传文档</el-button>
+      <el-button v-if="!readonly" type="warning"  @click="openValidToDialog()">设置文档有效期提醒</el-button>
 
       <el-table
         :height="240"
@@ -218,8 +218,8 @@
           fixed="right"
           label="操作">
           <template slot-scope="scope">
-            <a type="text" size="small"  @click="handleDownload(scope.row)">查看 |</a>
-            <a type="text" size="small" @click="handleRemove(scope.row)">删除</a>
+            <a type="text" size="small"  @click="handleDownload(scope.row)">查看{{ readonly ? '' : ' |' }}</a>
+            <a type="text" size="small" v-if="!readonly" @click="handleRemove(scope.row)">删除</a>
           </template>
         </el-table-column>
       </el-table>
@@ -260,14 +260,15 @@
 
     <el-dialog title="设置文档有效期提醒" :visible.sync="validToDialogVisible" v-drag width="360px" append-to-body :close-on-click-modal="false">
       <el-form label-position="top">
-        <el-form-item label="有效期至" required>
+        <el-form-item label="有效期至">
           <el-date-picker
             style="width: 100%"
             v-model="validToForm.validTo"
             type="date"
             format="yyyy-MM-dd"
             value-format="yyyy-MM-dd"
-            placeholder="选择有效期">
+            clearable
+            placeholder="选择有效期（可为空）">
           </el-date-picker>
         </el-form-item>
       </el-form>
@@ -302,6 +303,13 @@ export default {
   components: {
     Chooselist
   },
+  props: {
+    // 只读模式：隐藏编辑文档清单/上传/设置有效期/删除，仅保留查看与附件下载（默认 false 不影响原页面）
+    readonly: {
+      type: Boolean,
+      default: false
+    }
+  },
   data() {
     return {
       documentSelection: [],
@@ -678,8 +686,10 @@ export default {
         responsibleDepartmentName:row.responsibleDepartmentName,
         validTo:row.validTo || '',
       }
-      //上传和删除功能是通用方法不修改uploadFlag 开关model的时候刷新
-     this.refreshDocumentList();
+      //上传和删除功能是通用方法不修改uploadFlag 开关model的时候刷新；只读模式不触发写库刷新
+      if (!this.readonly) {
+        this.refreshDocumentList();
+      }
       this.searchFiles()
 
       this.fileListModelFlag=true
@@ -817,16 +827,12 @@ export default {
       this.validToForm.validTo = this.fileData.validTo || ''
       this.validToDialogVisible = true
     },
-    // 仅修改当前文档记录的 validTo，按 id 更新
+    // 仅修改当前文档记录的 validTo，按 id 更新；有效期允许为空（清空时传 null，后端存为 NULL）
     saveValidTo(){
-      if(!this.validToForm.validTo){
-        this.$message.warning('请选择有效期！')
-        return
-      }
       let inData={
         id:this.fileData.id,
         site:this.searchData.site,
-        validTo:this.validToForm.validTo,
+        validTo:this.validToForm.validTo || null,
       }
       this.validToSaving = true
       updateDocumentValidTo(inData).then(({data})=>{
diff --git a/src/views/modules/srmSupplier/supplierListView.vue b/src/views/modules/srmSupplier/supplierListView.vue
new file mode 100644
index 0000000..b5c2445
--- /dev/null
+++ b/src/views/modules/srmSupplier/supplierListView.vue
@@ -0,0 +1,1261 @@
+<template>
+  <div class="customer-css" >
+    <!--  查询条件（只读查询页：仅查询 + 导出，无新增/编辑/删除）  -->
+    <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;" >
+      <el-row>
+        <el-col :span="24" style="">
+          <el-form-item >
+            <span style="cursor: pointer" slot="label" @click="getBaseList(520)"><a href="#">供应商编码</a></span>
+            <el-input v-model="searchData.supplierNo" style="width: 130px"></el-input>
+          </el-form-item>
+          <el-form-item :label="'供应商名称:'">
+            <el-input v-model="searchData.supplierName" style="width: 130px"></el-input>
+          </el-form-item>
+          <el-form-item :label="'是否在用:'">
+            <el-select v-model="searchData.active"  style="width: 130px">
+              <el-option label="Y" value="Y"></el-option>
+              <el-option label="N" value="N"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item :label="'活跃状态:'">
+            <el-select v-model="searchData.status"  style="width: 130px">
+              <el-option label="Active" value="Active"></el-option>
+              <el-option label="Inactive" value="Inactive"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <span style="cursor: pointer" slot="label" @click="getBaseList(530, 'mainPlanner')"><a href="#">Planner</a></span>
+            <el-input v-model="searchData.planner" clearable readonly style="width: 130px"></el-input>
+          </el-form-item>
+          <el-form-item :label="' '" >
+            <el-button class="customer-bun-min" type="primary" @click="getMainData" style="">查询</el-button>
+            <el-button @click="exportExcel()" type="primary" style="margin-left: 2px">{{'导出'}}</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <el-table
+      :height="height"
+      :data="mainDataList"
+      border
+      ref="mainTable"
+      highlight-current-row
+      @row-click="changeData"
+      v-loading="dataListLoading"
+      style="margin-top: 0px; width: 100%;">
+      <el-table-column
+        v-for="(item,index) in columnArray1" :key="index"
+        :sortable="item.columnSortable"
+        :prop="item.columnProp"
+        :header-align="item.headerAlign"
+        :show-overflow-tooltip="item.showOverflowTooltip"
+        :align="item.align"
+        :fixed="item.fixed==''?false:item.fixed"
+        :min-width="item.columnWidth"
+        :label="item.columnLabel">
+        <template slot-scope="scope">
+          <span v-if="!item.columnHidden">
+            <span v-if="item.columnProp === 'paymentTermDesc'">
+              {{ scope.row.paymentTermDesc || scope.row.paymentTerm }}
+            </span>
+            <span v-else-if="item.columnProp === 'deliveryTermDesc'">
+              {{ scope.row.deliveryTermDesc || scope.row.deliveryTerm }}
+            </span>
+            <span v-else-if="item.columnProp === 'status'" :class="getStatusClass(scope.row.status)">
+              {{ scope.row.status }}
+            </span>
+            <span v-else-if="item.columnProp === 'handlingCharge'">
+              {{ formatSupplierNumberDisplay(scope.row[item.columnProp]) }}
+            </span>
+            <span v-else>{{ scope.row[item.columnProp] }}</span>
+          </span>
+          <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
+                                             style="width: 100px; height: 100px"/></span>
+        </template>
+      </el-table-column>
+      <!-- 只读查询页：无操作列（无编辑/删除） -->
+    </el-table>
+    <!-- 分页插件 -->
+    <el-pagination style="margin-top: 0px"
+                   @size-change="sizeChangeHandle"
+                   @current-change="currentChangeHandle"
+                   :current-page="pageIndex"
+                   :page-sizes="[20, 50, 100, 200, 500]"
+                   :page-size="pageSize"
+                   :total="totalPage"
+                   layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+
+    <el-tabs v-model="activeName" style="margin-top: 0px; width: 99%;" @tab-click="tabClick" class="customer-tab" type="border-card">
+      <el-tab-pane label="地址" name="AddressTab" style="">
+        <AddressTab ref="AddressTab" :readonly="true"></AddressTab>
+      </el-tab-pane>
+      <el-tab-pane label="等级变更记录" name="groupChangeList" style="">
+        <el-table
+          :height="height"
+          :data="supplierGroupRequestList"
+          border
+          ref="table3"
+          highlight-current-row
+          v-loading="dataListLoading"
+          style="margin-top: 0px; width: 100%;">
+          <el-table-column
+            v-for="(item,index) in columnArray3" :key="index"
+            :sortable="item.columnSortable"
+            :prop="item.columnProp"
+            :header-align="item.headerAlign"
+            :show-overflow-tooltip="item.showOverflowTooltip"
+            :align="item.align"
+            :fixed="item.fixed==''?false:item.fixed"
+            :min-width="item.columnWidth"
+            :label="item.columnLabel">
+            <template slot-scope="scope">
+              <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
+              <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
+                                                 style="width: 100px; height: 80px"/></span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-tab-pane>
+
+      <el-tab-pane label="供应商合同" name="contract" style="">
+        <contract ref="contract" :readonly="true"></contract>
+      </el-tab-pane>
+      <el-tab-pane label="供应商文档" name="documents" style="">
+        <documents ref="documents" :readonly="true"></documents>
+      </el-tab-pane>
+    </el-tabs>
+
+    <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
+  </div>
+</template>
+
+<script>
+/* 只读查询页：仿 supplierList.vue，仅保留查询 + 导出；无新增/编辑/删除；明细 Tab 以只读模式复用 */
+
+import {
+  searchSupplierGroupRequestList,
+  searchSrmSupplierList
+} from '@/api/srm/srmSupplier.js'
+import excel from '@/utils/excel-util.js'
+import Chooselist from '@/views/modules/common/Chooselist_eam'
+import contract from './com_srmSupplier_Contract'
+import documents from './com_srmSupplier_DocumentDefinition'
+import AddressTab from './com_srmSupplier_Address'
+export default {
+  data () {
+    return {
+      functionId: this.$route.meta.menuId,
+      height: 200,
+      currentRow: {},
+      searchData: {
+        supplierNo: '',
+        supplierName: '',
+        active: '',
+        status: '',
+        currency: '',
+        taxCode: '',
+        paymentTerm: '',
+        deliveryTerm: '',
+        planner: '',
+        site: this.$store.state.user.site,
+        page: 1,
+        limit: 10
+      },
+      pageIndex: 1,
+      pageSize: 50,
+      totalPage: 0,
+      tagNo: '',
+      currentFieldType: '', // 当前字段类型（'mainPlanner'）
+      mainDataList: [],
+      supplierGroupRequestList: [],
+      dataListLoading: false,
+      activeName: 'AddressTab',
+      columnArray1: [
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1SupplierNo',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'supplierNo',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '供应商编码',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1SupplierName',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'supplierName',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '供应商名称',
+          columnWidth: '300',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1SupplierGroup',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'groupDesc',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '供应商等级',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1SupplierGroup',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'status',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '活跃状态',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1ShortOffice',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'cShortOffice',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: 'ShortOffice',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1ShortNpc',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'cShortNpc',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: 'ShortNpc',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1SupplierDocType',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'supplierDocType',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '供应商文档清单模板',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Buyer',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'buyer',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '采购员',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1SourcingStaff',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'sourcingStaff',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: 'Sourcing专员',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Planner',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'planner',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: 'Planner',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Tax',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'taxCode',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '税率编号',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1TaxDesc',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'taxDesc',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '税率说明',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1SupplierTaxRate',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '税率文本',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1PaymentTerm',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'paymentTermDesc',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '付款条款',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1DeliveryTerm',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'deliveryTermDesc',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '交货条款',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1MinShipAccount',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'minShipAccount',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '最低出货金额',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1HandlingCharge',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'handlingCharge',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '小单费',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Currency',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'currency',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '货币',
+          columnWidth: '80',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Contact',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'contact',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '联系人',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1PhoneNo',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'phoneNo',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '联系人电话',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1PhoneNo2',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'phoneNo2',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '联系人电话2',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1PhoneNo3',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'phoneNo3',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '联系人电话3',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Email',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'email',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '邮箱',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Email2',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'email2',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '邮箱2',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1FaxNo',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'faxNo',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '传真号',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1OtherContact1',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'otherContact1',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '其他联系方式1',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1OtherContact2',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'otherContact2',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '其他联系方式2',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1OtherContact3',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'otherContact3',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '其他联系方式3',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Address',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'address',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '地址',
+          columnWidth: '250',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1BankName',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'bankName',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '银行名称',
+          columnWidth: '150',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1BankAccount',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'bankAccount',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '银行账号',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1TaxNo',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'taxNo',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '纳税人识别号',
+          columnWidth: '140',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Memo',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'memo',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '备注',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1CreateDate',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'createDate',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '创建日期',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1UpdateDate',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'updateDate',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '更新日期',
+          columnWidth: '120',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1CreateBy',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'createBy',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '创建者',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1UpdateBy',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'updateBy',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '更新者',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table1Active',
+          tableId: '811001Table1',
+          tableName: '供应商信息',
+          columnProp: 'active',
+          headerAlign: 'center',
+          align: 'center',
+          columnLabel: '是否在用',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        }
+      ],
+      columnArray3: [
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table3RequestNo',
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'requestNo',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '请求编号',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table3RequestDate',
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'requestDate',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '请求日期',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table3OldSupplierGroup',
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'oldSupplierGroup',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '旧供应商等级',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table3NewSupplierGroup',
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'newSupplierGroup',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '新供应商等级',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table3Reason',
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'reason',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '原因',
+          columnWidth: '200',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table3Status',
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'status',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '是否在用',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        },
+        {
+          userId: this.$store.state.user.name,
+          functionId: this.functionId,
+          serialNumber: '811001Table3RequestBy',
+          tableId: '811001Table3',
+          tableName: '供应商等级变更记录',
+          columnProp: 'requestBy',
+          headerAlign: 'center',
+          align: 'left',
+          columnLabel: '请求者',
+          columnWidth: '100',
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          sortLv: 0,
+          status: true,
+          fixed: false
+        }
+      ],
+      exportName: '供应商信息' + this.dayjs().format('YYYYMMDDHHmmss')
+    }
+  },
+  /* 组件 */
+  components: {
+    Chooselist,
+    contract,
+    documents,
+    AddressTab
+  },
+
+  mounted () {
+    this.$nextTick(() => {
+      this.height = (window.innerHeight - 220) / 2
+      this.loadMainOrReminder()
+    })
+  },
+  watch: {
+    '$route.query.docExpireSupplierIds' (val, oldVal) {
+      if (val === oldVal) return
+      if (this._suppressDocExpireRouteWatch) {
+        this._suppressDocExpireRouteWatch = false
+        return
+      }
+      this.loadMainOrReminder()
+    }
+  },
+  methods: {
+    getStatusClass (status) {
+      return {
+        'status-active': status === 'Active',
+        'status-inactive': status === 'Inactive'
+      }
+    },
+    /**
+     * 查询列表小单费去尾零。
+     * 业务意图：handling_charge 按“去尾零”展示，整数显示为 1 而不是 1.000。
+     * 边界：空值显示空；非数字原样返回。
+     */
+    formatSupplierNumberDisplay (value) {
+      if (value === null || value === undefined || value === '') {
+        return ''
+      }
+      const num = Number(value)
+      if (!Number.isFinite(num)) {
+        return String(value)
+      }
+      return String(num)
+    },
+    loadMainOrReminder () {
+      const raw = this.$route.query.docExpireSupplierIds
+      if (raw !== undefined && raw !== null && String(raw).trim() !== '') {
+        const ids = String(raw).split(',').map(s => parseInt(s.trim(), 10)).filter(n => !isNaN(n))
+        if (ids.length) {
+          this.$set(this.searchData, 'supplierIdList', ids)
+          this.pageIndex = 1
+          this.getMainData({ clearReminderIdFilterAfter: true })
+          return
+        }
+      }
+      this.getMainData()
+    },
+    // 打开选择器（只读查询页仅需：供应商编码 520、Planner 530）
+    getBaseList (val, type) {
+      this.tagNo = val
+      this.currentFieldType = type
+      this.$nextTick(() => {
+        let strVal = ''
+        let conSql = ''
+        if (val === 520) {
+          strVal = this.searchData.supplierNo || ''
+        }
+        if (val === 530 && type === 'mainPlanner') {
+          strVal = this.searchData.planner || ''
+          // 防止 Druid 拦截 where 1=1；角色过滤由 tagNo=530 的 SQLCode 承担
+          conSql = " and username <> '' "
+        }
+        this.$refs.baseList.init(val, strVal, conSql)
+      })
+    },
+    /* 选择器回调 */
+    getBaseData (val) {
+      if (this.tagNo === 520) {
+        // 供应商编码字段 - SQL返回: supplier_no, supplier_name
+        this.searchData.supplierNo = val.supplier_no || ''
+      }
+      if (this.tagNo === 530 && this.currentFieldType === 'mainPlanner') {
+        this.searchData.planner = val.User_display || val.user_display || val.userDisplay || val.UserName || val.userName || val.username || ''
+      }
+    },
+    getMainData (opts) {
+      const clearReminderIdFilterAfter = opts && opts.clearReminderIdFilterAfter === true
+      this.searchData.limit = this.pageSize
+      this.searchData.page = this.pageIndex
+      searchSrmSupplierList(this.searchData).then(({data}) => {
+        if (data.code === 0) {
+          this.mainDataList = data.page.list
+          this.pageIndex = data.page.currPage
+          this.pageSize = data.page.pageSize
+          this.totalPage = data.page.totalCount
+          this.$nextTick(() => {
+            if (this.$refs.mainTable) {
+              this.$refs.mainTable.clearSelection()
+            }
+          })
+          if (clearReminderIdFilterAfter) {
+            this.activeName = 'documents'
+          }
+          // 判断是否全部存在数据
+          if (this.mainDataList.length > 0) {
+            // 设置选中行
+            this.$refs.mainTable.setCurrentRow(this.mainDataList[0])
+            this.changeData(this.mainDataList[0])
+          } else {
+            this.changeData(null)
+          }
+          if (clearReminderIdFilterAfter) {
+            this.$delete(this.searchData, 'supplierIdList')
+            const q = Object.assign({}, this.$route.query)
+            delete q.docExpireSupplierIds
+            this._suppressDocExpireRouteWatch = true
+            this.$router.replace({ name: this.$route.name, query: q, params: this.$route.params })
+          }
+        }
+        this.dataListLoading = false
+      })
+    },
+    tabClick (tab, event) {
+      this.refreshCurrentTabTable()
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getMainData()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getMainData()
+    },
+    changeData (row) {
+      this.currentRow = row ? JSON.parse(JSON.stringify(row)) : null
+      this.refreshCurrentTabTable()
+    },
+    refreshCurrentTabTable () {
+      const hasCurrentSupplier = !!(this.currentRow &&
+        this.currentRow.site &&
+        this.currentRow.supplierNo)
+
+      if (!hasCurrentSupplier) {
+        // 主记录为空时清空所有子页签数据，避免传空条件查出全量 - rqrq
+        this.supplierGroupRequestList = []
+        if (this.$refs.contract && Array.isArray(this.$refs.contract.dataList)) {
+          this.$refs.contract.dataList = []
+        }
+        if (this.$refs.documents && Array.isArray(this.$refs.documents.dataList)) {
+          this.$refs.documents.dataList = []
+        }
+        if (this.$refs.documents && Array.isArray(this.$refs.documents.extraProjectDocumentList)) {
+          this.$refs.documents.extraProjectDocumentList = []
+        }
+        if (this.$refs.documents && Array.isArray(this.$refs.documents.fileList2)) {
+          this.$refs.documents.fileList2 = []
+        }
+        if (this.$refs.AddressTab && Array.isArray(this.$refs.AddressTab.dataList)) {
+          this.$refs.AddressTab.dataList = []
+        }
+        return
+      }
+
+      if (this.activeName === 'groupChangeList') {
+        let inData = {
+          site: this.currentRow.site,
+          supplierNo: this.currentRow.supplierNo
+        }
+        searchSupplierGroupRequestList(inData).then(({data}) => {
+          // 区分请求成功和失败的状况
+          if (data && data.code === 0) {
+            this.supplierGroupRequestList = data.rows
+          } else {
+            this.supplierGroupRequestList = []
+          }
+        })
+      }
+      if (this.activeName === 'contract') {
+        this.refreshContractTable()
+      }
+      if (this.activeName === 'documents') {
+        this.refreshDocumentsTable()
+      }
+      if (this.activeName === 'AddressTab') {
+        this.refreshAddressTable()
+      }
+    },
+    /**
+     * 主表导出。
+     * 复用当前查询条件，单独传 page=1、limit=-1 一次取全部，不改写列表当前分页状态。
+     * site 以前端查询条件为准，漏传时回落到当前登录 site。
+     */
+    async exportExcel () {
+      const params = Object.assign({}, this.searchData, {
+        page: 1,
+        limit: -1,
+        site: this.searchData.site || this.$store.state.user.site
+      })
+      excel.exportTable({
+        url: '/srmSupplier/searchSrmSupplierList',
+        columnMapping: this.columnArray1, // 可以直接用table，不需要的列就剔除
+        mergeSetting: [], // 需要合并的列
+        params: params,
+        fileName: this.exportName + '.xlsx',
+        rowFetcher: res => res.data,
+        columnFormatter: [],
+        dropColumns: []// 需要剔除的列
+      })
+    },
+    refreshContractTable () {
+      let inData = {
+        site: this.currentRow.site,
+        supplierNo: this.currentRow.supplierNo,
+        supplierName: this.currentRow.supplierName,
+        height: Number(this.height) - 20
+      }
+      this.$refs.contract.init(inData)
+    },
+    refreshDocumentsTable () {
+      let inData = {
+        site: this.currentRow.site,
+        objectNo: this.currentRow.supplierNo,
+        supplierNo: this.currentRow.supplierNo,
+        supplierName: this.currentRow.supplierName,
+        supplierDocType: this.currentRow.supplierDocType,
+        objectType: 'supplier',
+        height: Number(this.height) - 20
+      }
+      this.$refs.documents.init(inData)
+    },
+    refreshAddressTable () {
+      let inData = {
+        supplierId: this.currentRow.supplierNo, // 使用实际的供应商编码作为supplierId
+        site: this.currentRow.site,
+        supplierNo: this.currentRow.supplierNo,
+        height: Number(this.height) - 20
+      }
+      this.$nextTick(() => {
+        const addressComp = this.$refs.AddressTab
+        if (addressComp && typeof addressComp.init === 'function') {
+          addressComp.init(inData)
+        }
+      })
+    }
+  },
+  created () {
+    // 查询报表的类型
+    this.getMainData()
+  }
+
+}
+</script>
+
+<!--当前页面的标签样式-->
+<style scoped lang="scss">
+
+/deep/ .customer-tab .el-tabs__content {
+  padding: 5px !important;
+}
+
+.status-active {
+  color: #ff0000;
+}
+
+.status-inactive {
+  color: #67c23a;
+}
+</style>
diff --git a/src/views/modules/supplier/supplierPartMoqPriceView.vue b/src/views/modules/supplier/supplierPartMoqPriceView.vue
new file mode 100644
index 0000000..749b898
--- /dev/null
+++ b/src/views/modules/supplier/supplierPartMoqPriceView.vue
@@ -0,0 +1,365 @@
+<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>
+        <span slot="label" style="" @click="getBaseList(520, 'search')"><a href="javascript:void(0)">供应商编号</a></span>
+        <el-input
+          v-model="searchData.supplierNo"
+          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.active" 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="topLoading"
+          @click="searchSupplierPartList"
+        >查询</el-button>
+        <el-button class="customer-bun-min" @click="resetSearch">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      ref="topTable"
+      :data="supplierPartList"
+      :height="topTableHeight"
+      border
+      stripe
+      highlight-current-row
+      v-loading="topLoading"
+      style="width: 100%"
+      empty-text="点击查询查看数据"
+      @row-click="handleTopRowClick"
+    >
+      <el-table-column prop="supplierCode" label="供应商编号" min-width="120" 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="currency" label="币种" min-width="90" header-align="center" align="center" />
+      <el-table-column prop="partNo" label="产品编码" min-width="140" header-align="center" align="center" />
+      <el-table-column prop="item" label="Item" min-width="120" header-align="center" align="center" show-overflow-tooltip />
+      <el-table-column prop="sku" label="SKU" min-width="120" 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 prop="moqColor" label="MOQ/COLOR" min-width="120" header-align="center" align="right" :formatter="formatNumberCell" />
+      <el-table-column prop="moq" label="QTY/PO" min-width="110" header-align="center" align="right" :formatter="formatNumberCell" />
+      <el-table-column prop="qtyCarton" label="QTY/CARTON" min-width="120" header-align="center" align="right" :formatter="formatNumberCell" />
+      <el-table-column prop="active" label="在用" min-width="80" header-align="center" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.active === 'Y' ? '是' : '否' }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      class="main-pagination"
+      style="margin-top: 6px"
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 50, 100, 200, 500]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    />
+
+    <div class="table-toolbar">
+      <span class="selected-text">
+        当前选择：
+        {{ selectedSupplierPart ? `${selectedSupplierPart.supplierCode} / ${selectedSupplierPart.partNo}` : '未选择供应商物料' }}
+      </span>
+    </div>
+
+    <el-table
+      :data="currentTierPriceList"
+      :height="bottomTableHeight"
+      border
+      stripe
+      v-loading="bottomLoading"
+      style="width: 100%"
+      empty-text="请选择上方供应商物料后查看当前阶梯价"
+    >
+      <el-table-column prop="qtyStart" label="开始数量" min-width="100" header-align="center" align="right" :formatter="formatNumberCell" />
+      <el-table-column prop="qtyEnd" label="结束数量" min-width="100" header-align="center" align="right" :formatter="formatNumberCell" />
+      <el-table-column prop="unitPrice" label="单价" min-width="120" header-align="center" align="right" :formatter="formatNumberCell" />
+      <el-table-column prop="priceDate" label="价格日期" min-width="130" header-align="center" align="center" />
+      <el-table-column prop="remark" label="备注" min-width="180" header-align="center" align="left" show-overflow-tooltip />
+    </el-table>
+
+    <Chooselist ref="baseList" @getBaseData="getBaseData" />
+  </div>
+</template>
+
+<script>
+import Chooselist from '@/views/modules/common/Chooselist_eam'
+import {
+  listSupplierPartMoqPage,
+  listCurrentTierPrice
+} from '@/api/supplier/supplierPartMoqPrice'
+
+export default {
+  name: 'SupplierPartMoqPriceView',
+  components: {
+    Chooselist
+  },
+  data () {
+    return {
+      topTableHeight: 260,
+      bottomTableHeight: 260,
+      tagNo: '',
+      tagType: 'search',
+      searchData: {
+        site: this.$store.state.user.site,
+        supplierNo: '',
+        partNo: '',
+        item: '',
+        sku: '',
+        partDesc: '',
+        active: ''
+      },
+      topLoading: false,
+      bottomLoading: false,
+      pageIndex: 1,
+      pageSize: 50,
+      totalPage: 0,
+      supplierPartList: [],
+      selectedSupplierPart: null,
+      currentTierPriceList: []
+    }
+  },
+  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 topTableVm = this.$refs.topTable
+        const topTableEl = topTableVm && topTableVm.$el
+        if (!pageRootEl || !topTableEl) {
+          return
+        }
+
+        const toolbarEl = pageRootEl.querySelector('.table-toolbar')
+        const toolbarRect = toolbarEl ? toolbarEl.getBoundingClientRect() : { height: 0 }
+        const toolbarStyle = toolbarEl ? window.getComputedStyle(toolbarEl) : null
+        const toolbarOuterHeight = toolbarEl
+          ? toolbarRect.height + (parseFloat(toolbarStyle.marginTop) || 0) + (parseFloat(toolbarStyle.marginBottom) || 0)
+          : 0
+        const paginationEl = pageRootEl.querySelector('.main-pagination')
+        const paginationRect = paginationEl ? paginationEl.getBoundingClientRect() : { height: 0 }
+        const paginationStyle = paginationEl ? window.getComputedStyle(paginationEl) : null
+        const paginationOuterHeight = paginationEl
+          ? paginationRect.height + (parseFloat(paginationStyle.marginTop) || 0) + (parseFloat(paginationStyle.marginBottom) || 0)
+          : 0
+
+        const rootStyle = window.getComputedStyle(pageRootEl)
+        const rootPaddingBottom = parseFloat(rootStyle.paddingBottom) || 0
+        const topTableTop = topTableEl.getBoundingClientRect().top
+        // 预留安全边距，避免双表总高度刚好贴边导致轻微超出
+        const viewportBottomGap = 24
+        const tablesAvailableHeight = window.innerHeight - topTableTop - paginationOuterHeight - toolbarOuterHeight - rootPaddingBottom - viewportBottomGap
+        const equalHeight = Math.floor(tablesAvailableHeight / 2)
+        const nextHeight = Number.isFinite(equalHeight) && equalHeight > 120 ? equalHeight : 260
+
+        this.topTableHeight = nextHeight
+        this.bottomTableHeight = nextHeight
+      })
+    },
+    getBaseList (val, type) {
+      this.tagNo = val
+      this.tagType = type || 'search'
+      this.$nextTick(() => {
+        let strVal = ''
+        let conSql = ''
+        if (val === 520) {
+          strVal = this.searchData.supplierNo || ''
+          conSql = " and  site = '" + this.$store.state.user.site + "'"
+        }
+        // 快捷查询：供应商编号（520），仅用于查询筛选
+        this.$refs.baseList.init(val, strVal, conSql)
+      })
+    },
+    getBaseData (val) {
+      if (this.tagNo === 520 && this.tagType === 'search') {
+        this.searchData.supplierNo = val.supplier_no || ''
+      }
+    },
+    resetSearch () {
+      this.searchData = {
+        site: this.$store.state.user.site,
+        supplierNo: '',
+        partNo: '',
+        item: '',
+        sku: '',
+        partDesc: '',
+        active: ''
+      }
+      this.pageIndex = 1
+      this.totalPage = 0
+      this.supplierPartList = []
+      this.selectedSupplierPart = null
+      this.currentTierPriceList = []
+    },
+    searchSupplierPartList (resetPage = true) {
+      if (resetPage) {
+        this.pageIndex = 1
+      }
+      this.topLoading = true
+      const inData = {
+        site: this.$store.state.user.site,
+        supplierCode: (this.searchData.supplierNo || '').trim(),
+        partNo: (this.searchData.partNo || '').trim(),
+        item: (this.searchData.item || '').trim(),
+        sku: (this.searchData.sku || '').trim(),
+        partDesc: (this.searchData.partDesc || '').trim(),
+        active: this.searchData.active || '',
+        page: this.pageIndex,
+        limit: this.pageSize
+      }
+      listSupplierPartMoqPage(inData).then(({ data }) => {
+        if (data && data.code === 0) {
+          const pageData = data.page || {}
+          const rows = Array.isArray(pageData.list) ? pageData.list : (data.rows || [])
+          this.supplierPartList = rows.map(item => ({
+            ...item,
+            moq: this.normalizeNumberValue(item.moq, 0),
+            moqColor: this.normalizeNumberValue(item.moqColor, 0),
+            qtyCarton: this.normalizeNumberValue(item.qtyCarton, 0)
+          }))
+          this.pageIndex = Number(pageData.currPage || this.pageIndex || 1)
+          this.pageSize = Number(pageData.pageSize || this.pageSize || 50)
+          this.totalPage = Number(pageData.totalCount || 0)
+          this.selectedSupplierPart = null
+          this.currentTierPriceList = []
+          if (this.supplierPartList.length > 0) {
+            this.$refs.topTable.setCurrentRow(this.supplierPartList[0])
+            this.handleTopRowClick(this.supplierPartList[0])
+          }
+        } else {
+          this.supplierPartList = []
+          this.totalPage = 0
+          this.$alert((data && data.msg) || '查询失败', '错误', { confirmButtonText: '确定' })
+        }
+      }).catch(() => {
+        this.$message.error('查询失败')
+      }).finally(() => {
+        this.topLoading = false
+      })
+    },
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.searchSupplierPartList(false)
+    },
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.searchSupplierPartList(false)
+    },
+    handleTopRowClick (row) {
+      this.selectedSupplierPart = row ? JSON.parse(JSON.stringify(row)) : null
+      this.loadCurrentTierPrice()
+    },
+    loadCurrentTierPrice () {
+      if (!this.selectedSupplierPart) {
+        this.currentTierPriceList = []
+        return
+      }
+      this.bottomLoading = true
+      const inData = {
+        site: this.$store.state.user.site,
+        supplierCode: this.selectedSupplierPart.supplierCode,
+        partNo: this.selectedSupplierPart.partNo
+      }
+      listCurrentTierPrice(inData).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.currentTierPriceList = (data.rows || []).map(item => ({
+            ...item,
+            qtyStart: this.normalizeNumberValue(item.qtyStart, 0),
+            qtyEnd: this.normalizeNumberValue(item.qtyEnd, 0),
+            unitPrice: this.normalizeNumberValue(item.unitPrice, 0)
+          }))
+        } else {
+          this.currentTierPriceList = []
+          this.$alert((data && data.msg) || '获取当前阶梯价失败', '错误', { confirmButtonText: '确定' })
+        }
+      }).catch(() => {
+        this.currentTierPriceList = []
+        this.$message.error('获取当前阶梯价失败')
+      }).finally(() => {
+        this.bottomLoading = false
+      })
+    },
+    normalizeNumberValue (value, defaultValue = 0) {
+      if (value === null || value === undefined || value === '') return defaultValue
+      const num = Number(value)
+      if (Number.isNaN(num)) return defaultValue
+      return Object.is(num, -0) ? 0 : num
+    },
+    formatNumberCell (row, column, cellValue) {
+      return String(this.normalizeNumberValue(cellValue, 0))
+    }
+  }
+}
+</script>
+
+<style scoped>
+.supplier-part-moq-price .table-toolbar {
+  margin: 8px 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.supplier-part-moq-price .selected-text {
+  font-size: 13px;
+  color: #606266;
+}
+</style>
diff --git a/src/views/modules/supplier/supplierPartNewProductAuditView.vue b/src/views/modules/supplier/supplierPartNewProductAuditView.vue
new file mode 100644
index 0000000..b87f969
--- /dev/null
+++ b/src/views/modules/supplier/supplierPartNewProductAuditView.vue
@@ -0,0 +1,580 @@
+<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 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-pagination
+      class="main-pagination"
+      style="margin-top: 6px"
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 50, 100, 200, 500]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+    />
+
+    <el-tabs v-model="activeTab" class="detail-tabs">
+      <el-tab-pane label="审核记录" name="audit">
+        <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>
+      </el-tab-pane>
+      <el-tab-pane label="测试记录" name="test">
+        <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="测试附件清单" :close-on-click-modal="false" v-drag :visible.sync="testAttachmentDialogVisible" width="860px">
+      <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="90" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-link type="primary" @click="previewTestAttachmentFile(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>
+
+    <Chooselist ref="baseList" @getBaseData="getBaseData" />
+  </div>
+</template>
+
+<script>
+import Chooselist from '@/views/modules/common/Chooselist_eam'
+import {
+  listNewProductAuditSupplierPartPage,
+  listNewProductAuditRecord,
+  listNewProductTestRecord
+} from '@/api/supplier/supplierPartNewProductAudit'
+import {
+  queryOssFilePlus,
+  previewOssFileById
+} from '@/api/oss/oss'
+
+export default {
+  name: 'SupplierPartNewProductAuditView',
+  components: { Chooselist },
+  data () {
+    return {
+      searchData: {
+        site: this.$store.state.user.site,
+        supplierCode: '',
+        partNo: '',
+        item: '',
+        sku: '',
+        partDesc: '',
+        newProductAudited: 'N',
+        needNewProductAudit: '',
+        needSubmitTest: ''
+      },
+      mainLoading: false,
+      auditLoading: false,
+      testLoading: false,
+      pageIndex: 1,
+      pageSize: 50,
+      totalPage: 0,
+      supplierPartList: [],
+      selectedSupplierPart: null,
+      activeTab: 'audit',
+      auditRecordList: [],
+      testRecordList: [],
+      mainTableHeight: 300,
+      detailTableHeight: 260,
+      testAttachmentDialogVisible: false,
+      testAttachmentLoading: false,
+      testAttachmentCurrentRow: null,
+      testAttachmentFileList: []
+    }
+  },
+  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 paginationEl = pageRootEl.querySelector('.main-pagination')
+
+        const toolbarHeight = toolbarEl ? toolbarEl.getBoundingClientRect().height : 0
+        const tabsHeaderHeight = tabsHeaderEl ? tabsHeaderEl.getBoundingClientRect().height : 40
+        const tabToolbarHeight = tabToolbarEl ? tabToolbarEl.getBoundingClientRect().height : 0
+        const paginationRect = paginationEl ? paginationEl.getBoundingClientRect() : { height: 0 }
+        const paginationStyle = paginationEl ? window.getComputedStyle(paginationEl) : null
+        const paginationOuterHeight = paginationEl
+          ? paginationRect.height + (parseFloat(paginationStyle.marginTop) || 0) + (parseFloat(paginationStyle.marginBottom) || 0)
+          : 0
+
+        const rootStyle = window.getComputedStyle(pageRootEl)
+        const rootPaddingBottom = parseFloat(rootStyle.paddingBottom) || 0
+        const topOffset = mainTableEl.getBoundingClientRect().top
+        const viewportBottomGap = 24
+        const availableHeight = window.innerHeight - topOffset - paginationOuterHeight - 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.pageIndex = 1
+      this.totalPage = 0
+      this.supplierPartList = []
+      this.selectedSupplierPart = null
+      this.auditRecordList = []
+      this.testRecordList = []
+      this.refreshTableLayout()
+    },
+    searchSupplierPartList (resetPage = true) {
+      if (resetPage) {
+        this.pageIndex = 1
+      }
+      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 || '',
+        page: this.pageIndex,
+        limit: this.pageSize
+      }
+      this.mainLoading = true
+      listNewProductAuditSupplierPartPage(payload).then(({ data }) => {
+        if (data && data.code === 0) {
+          const pageData = data.page || {}
+          this.supplierPartList = Array.isArray(pageData.list) ? pageData.list : (data.rows || [])
+          this.pageIndex = Number(pageData.currPage || this.pageIndex || 1)
+          this.pageSize = Number(pageData.pageSize || this.pageSize || 50)
+          this.totalPage = Number(pageData.totalCount || 0)
+          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.totalPage = 0
+          this.selectedSupplierPart = null
+          this.auditRecordList = []
+          this.testRecordList = []
+        }
+      }).catch(() => {
+        this.$message.error('加载供应商可供物料失败')
+        this.supplierPartList = []
+        this.totalPage = 0
+        this.selectedSupplierPart = null
+        this.auditRecordList = []
+        this.testRecordList = []
+      }).finally(() => {
+        this.mainLoading = false
+        this.refreshTableLayout()
+      })
+    },
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.searchSupplierPartList(false)
+    },
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.searchSupplierPartList(false)
+    },
+    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()
+      })
+    },
+    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
+      })
+    },
+    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)
+      })
+    },
+    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
+    }
+  }
+}
+</script>
+
+<style scoped>
+.supplier-part-new-product-audit .detail-tabs {
+  margin-top: 6px;
+}
+</style>
diff --git a/src/views/modules/sys/user-add-or-update.vue b/src/views/modules/sys/user-add-or-update.vue
index 55d6d49..c3b12d3 100644
--- a/src/views/modules/sys/user-add-or-update.vue
+++ b/src/views/modules/sys/user-add-or-update.vue
@@ -182,12 +182,10 @@ export default {
         let strVal = "";
         let conSql = "";
         if (val === 520) {
-          if (!this.dataForm.site) {
-            this.$message.warning('请先选择工厂')
-            return
-          }
           strVal = this.dataForm.supplierNo || ''
-          conSql = " and  site = '"  + this.dataForm.site + "'"
+          // site 过滤由 Chooselist 组件内部按当前登录用户 site(param4=this.$store.state.user.site)自动追加，
+          // 与 supplierList.vue 选择供应商编码的逻辑保持一致，只能查到当前 site 下的供应商；
+          // 此处不再传基于 dataForm.site 的 conSql，否则会与内置 site 条件冲突导致查不到数据。
         }
         this.$refs.baseList.init(val,strVal,conSql)
       })