From 7e74bf1754ba585fdba649ac228f80b74075d155 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B8=B8=E7=86=9F=E5=90=B4=E5=BD=A6=E7=A5=96?=
 <qi.ruan@xujiesoft.com>
Date: Tue, 14 Jul 2026 16:35:45 +0800
Subject: [PATCH] =?UTF-8?q?=E7=89=A9=E6=96=99=E5=A4=A7=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/supplier/supplierPartMoqPrice.js      |   15 +
 .../modules/supplier/supplierPartMoqPrice.vue | 1068 +++++++++++++++++
 .../supplier/supplierPartTierPriceHistory.vue |  352 ++++++
 3 files changed, 1435 insertions(+)
 create mode 100644 src/api/supplier/supplierPartMoqPrice.js
 create mode 100644 src/views/modules/supplier/supplierPartMoqPrice.vue
 create mode 100644 src/views/modules/supplier/supplierPartTierPriceHistory.vue

diff --git a/src/api/supplier/supplierPartMoqPrice.js b/src/api/supplier/supplierPartMoqPrice.js
new file mode 100644
index 0000000..afabacb
--- /dev/null
+++ b/src/api/supplier/supplierPartMoqPrice.js
@@ -0,0 +1,15 @@
+import { createAPI } from '@/utils/httpRequest.js'
+
+// 供应商可供物料与MOQ接口 - rqrq
+export const listSupplierPartMoq = data => createAPI('/supplier/supplierPartMoqPrice/listSupplierPart', 'post', data)
+export const saveSupplierPartMoq = data => createAPI('/supplier/supplierPartMoqPrice/saveSupplierPart', 'post', data)
+export const addSupplierPartMoq = data => createAPI('/supplier/supplierPartMoqPrice/addSupplierPart', 'post', data)
+
+// 阶梯价接口 - rqrq
+export const listCurrentTierPrice = data => createAPI('/supplier/supplierPartMoqPrice/listCurrentTierPrice', 'post', data)
+export const saveTierPrice = data => createAPI('/supplier/supplierPartMoqPrice/saveTierPrice', 'post', data)
+export const uploadTierPricePreview = data => createAPI('/supplier/supplierPartMoqPrice/uploadPreview', 'post', data)
+export const uploadTierPriceConfirm = data => createAPI('/supplier/supplierPartMoqPrice/uploadConfirm', 'post', data)
+export const listTierPriceHistory = data => createAPI('/supplier/supplierPartMoqPrice/listTierPriceHistory', 'post', data)
+export const listTierPriceHistoryMain = data => createAPI('/supplier/supplierPartMoqPrice/listTierPriceHistoryMain', 'post', data)
+export const listTierPriceHistoryDetail = data => createAPI('/supplier/supplierPartMoqPrice/listTierPriceHistoryDetail', 'post', data)
diff --git a/src/views/modules/supplier/supplierPartMoqPrice.vue b/src/views/modules/supplier/supplierPartMoqPrice.vue
new file mode 100644
index 0000000..4852a7d
--- /dev/null
+++ b/src/views/modules/supplier/supplierPartMoqPrice.vue
@@ -0,0 +1,1068 @@
+<template>
+  <div class="customer-css supplier-part-moq-price">
+    <el-form :inline="true" label-position="top" class="pi-search-form">
+      <el-form-item required>
+        <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="物料名称">
+        <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"
+          :disabled="!canSearch"
+          @click="searchSupplierPartList"
+        >查询</el-button>
+        <el-button class="customer-bun-min" @click="resetSearch">重置</el-button>
+        <el-button type="primary" class="customer-bun-min" @click="openAddDialog">新增</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 fixed="right" label="操作" width="130" header-align="center" align="center">
+        <template slot-scope="scope">
+          <el-link style="cursor: pointer" @click.stop="openMoqDialog(scope.row)">维护MOQ</el-link>
+        </template>
+      </el-table-column>
+      <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="currencyDesc" label="币种描述" min-width="110" header-align="center" align="center" show-overflow-tooltip />
+      <el-table-column prop="partNo" label="物料编码" min-width="140" header-align="center" align="center" />
+      <el-table-column prop="partDesc" label="物料名称" min-width="200" header-align="center" align="left" show-overflow-tooltip />
+      <el-table-column prop="moq" label="MOQ" min-width="100" 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>
+
+    <div class="table-toolbar">
+      <span class="selected-text">
+        当前选择：
+        {{ selectedSupplierPart ? `${selectedSupplierPart.supplierCode} / ${selectedSupplierPart.partNo}` : '未选择供应商物料' }}
+      </span>
+      <div>
+        <el-button type="primary" class="customer-bun-min" :disabled="!selectedSupplierPart" @click="openTierDialog">变更</el-button>
+      </div>
+    </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>
+
+    <el-dialog
+      title="维护MOQ"
+      :visible.sync="moqDialogVisible"
+      width="420px"
+      :close-on-click-modal="false"
+      v-drag
+    >
+      <el-form label-position="top" :model="moqForm">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="供应商编号">
+              <el-input v-model="moqForm.supplierCode" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="物料编码">
+              <el-input v-model="moqForm.partNo" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="MOQ" required>
+              <el-input-number v-model="moqForm.moq" :min="0" :controls="false" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否在用">
+              <el-select v-model="moqForm.active" style="width: 100%">
+                <el-option label="是" value="Y" />
+                <el-option label="否" value="N" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" :disabled="moqSaveLoading" @click="saveMoq">
+          {{ moqSaveLoading ? '保存中...' : '保存' }}
+        </el-button>
+        <el-button :disabled="moqSaveLoading" @click="moqDialogVisible = false">取消</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      title="新增供应商物料"
+      :visible.sync="addDialogVisible"
+      width="520px"
+      :close-on-click-modal="false"
+      v-drag
+    >
+      <el-form label-position="top" :model="addForm">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item required>
+              <span slot="label" style="" @click="getBaseList(520, 'add')"><a href="javascript:void(0)">供应商编号</a></span>
+              <el-input v-model="addForm.supplierCode" placeholder="选择或输入供应商编号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="供应商名称">
+              <el-input v-model="addForm.supplierName" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item required>
+              <span slot="label" style="" @click="getBaseList(507, 'add')"><a href="javascript:void(0)">物料编码</a></span>
+              <el-input v-model="addForm.partNo" placeholder="选择或输入物料编码" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="物料名称">
+              <el-input v-model="addForm.partDesc" disabled />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="最小起订量(MOQ)">
+              <el-input-number v-model="addForm.moq" :min="0" :controls="false" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否在用">
+              <el-select v-model="addForm.active" style="width: 100%">
+                <el-option label="是" value="Y" />
+                <el-option label="否" value="N" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" :disabled="addSaveLoading" @click="saveAddSupplierPart">
+          {{ addSaveLoading ? '保存中...' : '保存' }}
+        </el-button>
+        <el-button :disabled="addSaveLoading" @click="addDialogVisible = false">取消</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      title="阶梯价格变更"
+      :visible.sync="tierDialogVisible"
+      width="1260px"
+      :close-on-click-modal="false"
+      v-drag
+    >
+      <el-form label-position="top" :model="tierForm">
+        <el-row :gutter="20">
+          <el-col :span="5">
+            <el-form-item label="供应商编号">
+              <el-input v-model="tierForm.supplierCode" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="9">
+            <el-form-item label="物料编码">
+              <el-input :value="`${tierForm.partNo} / ${tierForm.partDesc || ''}`" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label="价格日期" required>
+              <el-date-picker
+                v-model="tierForm.priceDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                format="yyyy-MM-dd"
+                placeholder="价格日期"
+                style="width: 100%"
+                @change="fetchAttachmentList"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label=" ">
+              <div class="tier-action-buttons">
+                <el-button type="primary" class="customer-bun-min" @click="addTierRow">新增梯度</el-button>
+                <el-upload
+                  ref="tierUpload"
+                  action="#"
+                  :auto-upload="false"
+                  :show-file-list="false"
+                  :on-change="onTierUploadFileChange"
+                  accept=".xls,.xlsx"
+                >
+<!--                  <el-button type="primary" class="customer-bun-min" :loading="tierUploadLoading">价格上传</el-button>-->
+                </el-upload>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div class="rq ">
+      <el-table :height="300" :data="tierForm.tierPriceList" border stripe style="width: 100%; margin-top: 5px;">
+        <el-table-column type="index" label="#" width="50" header-align="center" align="center" />
+        <el-table-column label="开始数量" min-width="140" header-align="center" align="right">
+          <template slot-scope="scope">
+            <el-input-number v-model="scope.row.qtyStart" :step="0.0001" :min="0" :controls="false" style="width: 98%" />
+          </template>
+        </el-table-column>
+        <el-table-column label="结束数量" min-width="140" header-align="center" align="right">
+          <template slot-scope="scope">
+            <el-input-number v-model="scope.row.qtyEnd" :step="0.0001" :min="0" :controls="false" style="width: 98%" />
+          </template>
+        </el-table-column>
+        <el-table-column label="单价" min-width="150" header-align="center" align="right">
+          <template slot-scope="scope">
+            <el-input-number v-model="scope.row.unitPrice" :step="0.0001" :min="0" :controls="false" style="width: 98%" />
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" min-width="220" header-align="center" align="left">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.remark" />
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="90" header-align="center" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-link style="cursor: pointer" @click="removeTierRow(scope.$index)">删除</el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+      </div>
+      <div class="attachment-header">
+        <span>附件</span>
+        <el-button type="primary" class="customer-bun-min" @click="openAttachmentUploadDialog">上传附件</el-button>
+      </div>
+      <el-table :data="attachmentList" border stripe :height="180" v-loading="attachmentLoading" style="width: 100%">
+        <el-table-column prop="fileName" label="文件名" min-width="260" header-align="center" align="left" show-overflow-tooltip />
+        <el-table-column prop="createdBy" label="上传人" min-width="120" header-align="center" align="center" />
+        <el-table-column prop="createDate" label="上传时间" min-width="160" header-align="center" align="center" />
+        <el-table-column label="操作" width="90" header-align="center" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-link style="cursor: pointer" @click="downloadAttachment(scope.row)">下载</el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" :disabled="tierSaveLoading" @click="saveTierChange">
+          {{ tierSaveLoading ? '保存中...' : '保存' }}
+        </el-button>
+        <el-button :disabled="tierSaveLoading" @click="tierDialogVisible = false">取消</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      title="上传"
+      :visible.sync="attachmentUploadVisible"
+      v-drag
+      width="400px"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <el-form ref="attachmentUploadForm" class="rq" label-width="80px" label-position="top">
+        <el-row :gutter="10">
+          <slot></slot>
+          <el-col :span="24">
+            <el-form-item label=" " class="auto">
+              <el-upload
+                drag
+                :file-list="attachmentFileList"
+                action="#"
+                ref="attachmentUploadRef"
+                :on-remove="onAttachmentFileRemove"
+                :on-change="onAttachmentFileChange"
+                multiple
+                :auto-upload="false"
+              >
+                <i class="el-icon-upload" />
+                <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注" class="auto">
+              <el-input
+                type="textarea"
+                v-model="attachmentRemark"
+                resize="none"
+                :autosize="{ minRows: 3, maxRows: 3 }"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" :loading="attachmentUploadLoading" @click="submitAttachmentUpload">确认</el-button>
+        <el-button @click="attachmentUploadVisible = false">取消</el-button>
+      </span>
+    </el-dialog>
+
+    <Chooselist ref="baseList" @getBaseData="getBaseData" />
+  </div>
+</template>
+
+<script>
+import XLSX from 'xlsx'
+import Chooselist from '@/views/modules/common/Chooselist_eam'
+import {
+  listSupplierPartMoq,
+  saveSupplierPartMoq,
+  addSupplierPartMoq,
+  listCurrentTierPrice,
+  saveTierPrice,
+  uploadTierPricePreview
+} from '@/api/supplier/supplierPartMoqPrice'
+import {
+  queryOssFilePlus,
+  ossUploadNoSaveOSSForYJY,
+  downLoadObjectFile
+} from '@/api/oss/oss'
+
+export default {
+  name: 'SupplierPartMoqPrice',
+  components: {
+    Chooselist
+  },
+  data () {
+    return {
+      topTableHeight: 260,
+      bottomTableHeight: 260,
+      tagNo: '',
+      tagType: 'search',
+      searchData: {
+        site: this.$store.state.user.site,
+        supplierNo: '',
+        partNo: '',
+        partDesc: '',
+        active: ''
+      },
+      topLoading: false,
+      bottomLoading: false,
+      supplierPartList: [],
+      selectedSupplierPart: null,
+      currentTierPriceList: [],
+      moqDialogVisible: false,
+      moqSaveLoading: false,
+      moqForm: {
+        site: '',
+        supplierCode: '',
+        partNo: '',
+        moq: 0,
+        active: 'Y'
+      },
+      addDialogVisible: false,
+      addSaveLoading: false,
+      addForm: {
+        site: '',
+        supplierCode: '',
+        supplierName: '',
+        partNo: '',
+        partDesc: '',
+        moq: 0,
+        active: 'Y'
+      },
+      tierDialogVisible: false,
+      tierSaveLoading: false,
+      tierUploadLoading: false,
+      tierForm: {
+        site: '',
+        supplierCode: '',
+        supplierName: '',
+        partNo: '',
+        partDesc: '',
+        priceDate: '',
+        tierPriceList: []
+      },
+      attachmentLoading: false,
+      attachmentList: [],
+      attachmentRefIds: [],
+      attachmentUploadVisible: false,
+      attachmentUploadLoading: false,
+      attachmentFileList: [],
+      attachmentRemark: ''
+    }
+  },
+  computed: {
+    canSearch () {
+      return !!(this.searchData.supplierNo && this.searchData.supplierNo.trim())
+    }
+  },
+  mounted () {
+    // 页面初始化不自动查询 - rqrq
+    this.handleResize()
+    window.addEventListener('resize', this.handleResize)
+  },
+  beforeDestroy () {
+    window.removeEventListener('resize', this.handleResize)
+  },
+  methods: {
+    handleResize () {
+      const availableHeight = window.innerHeight - 260
+      this.topTableHeight = Math.max(220, Math.floor(availableHeight * 0.45))
+      this.bottomTableHeight = Math.max(220, Math.floor(availableHeight * 0.45))
+    },
+    getBaseList (val, type) {
+      this.tagNo = val
+      this.tagType = type || 'search'
+      this.$nextTick(() => {
+        let strVal = ''
+        let conSql = ''
+        if (val === 520) {
+          strVal = this.tagType === 'add' ? (this.addForm.supplierCode || '') : (this.searchData.supplierNo || '')
+          conSql = " and  site = '" + this.$store.state.user.site + "'"
+        }
+        if (val === 507) {
+          strVal = this.addForm.partNo || ''
+          conSql = " and  site = '" + this.$store.state.user.site + "'"
+        }
+        // 快捷查询：供应商520、物料507，按类型区分筛选与新增 - rqrq
+        this.$refs.baseList.init(val, strVal, conSql)
+      })
+    },
+    getBaseData (val) {
+      if (this.tagNo === 520 && this.tagType === 'search') {
+        this.searchData.supplierNo = val.supplier_no || ''
+      }
+      if (this.tagNo === 520 && this.tagType === 'add') {
+        this.addForm.supplierCode = val.supplier_no || ''
+        this.addForm.supplierName = val.supplier_name || ''
+      }
+      if (this.tagNo === 507 && this.tagType === 'add') {
+        this.addForm.partNo = val.part_no || ''
+        this.addForm.partDesc = val.part_desc || ''
+      }
+    },
+    resetSearch () {
+      this.searchData = {
+        site: this.$store.state.user.site,
+        supplierNo: '',
+        partNo: '',
+        partDesc: '',
+        active: ''
+      }
+      this.supplierPartList = []
+      this.selectedSupplierPart = null
+      this.currentTierPriceList = []
+    },
+    searchSupplierPartList () {
+      if (!this.canSearch) {
+        this.$message.warning('请先输入供应商编号')
+        return
+      }
+      this.topLoading = true
+      const inData = {
+        site: this.$store.state.user.site,
+        supplierCode: this.searchData.supplierNo.trim(),
+        partNo: (this.searchData.partNo || '').trim(),
+        partDesc: (this.searchData.partDesc || '').trim(),
+        active: this.searchData.active || ''
+      }
+      listSupplierPartMoq(inData).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.supplierPartList = (data.rows || []).map(item => ({
+            ...item,
+            moq: this.normalizeNumberValue(item.moq, 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.$alert((data && data.msg) || '查询失败', '错误', { confirmButtonText: '确定' })
+        }
+      }).catch(() => {
+        this.$message.error('查询失败')
+      }).finally(() => {
+        this.topLoading = 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
+      })
+    },
+    openMoqDialog (row) {
+      this.moqForm = {
+        site: this.$store.state.user.site,
+        supplierCode: row.supplierCode,
+        partNo: row.partNo,
+        moq: this.normalizeNumberValue(row.moq, 0),
+        active: row.active || 'Y'
+      }
+      this.moqDialogVisible = true
+    },
+    saveMoq () {
+      if (this.moqForm.moq === null || this.moqForm.moq === undefined) {
+        this.$message.warning('MOQ不能为空')
+        return
+      }
+      this.moqSaveLoading = true
+      const inData = {
+        site: this.$store.state.user.site,
+        supplierCode: this.moqForm.supplierCode,
+        partNo: this.moqForm.partNo,
+        moq: this.moqForm.moq,
+        active: this.moqForm.active
+      }
+      saveSupplierPartMoq(inData).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.$message.success('保存成功')
+          this.moqDialogVisible = false
+          this.searchSupplierPartList()
+        } else {
+          this.$alert((data && data.msg) || '保存失败', '错误', { confirmButtonText: '确定' })
+        }
+      }).catch(() => {
+        this.$message.error('保存失败')
+      }).finally(() => {
+        this.moqSaveLoading = false
+      })
+    },
+    openAddDialog () {
+      this.addForm = {
+        site: this.$store.state.user.site,
+        supplierCode: this.searchData.supplierNo || '',
+        supplierName: '',
+        partNo: '',
+        partDesc: '',
+        moq: 0,
+        active: 'Y'
+      }
+      this.addDialogVisible = true
+    },
+    saveAddSupplierPart () {
+      if (!this.addForm.supplierCode || !this.addForm.supplierCode.trim()) {
+        this.$message.warning('供应商编号不能为空')
+        return
+      }
+      if (!this.addForm.partNo || !this.addForm.partNo.trim()) {
+        this.$message.warning('物料编码不能为空')
+        return
+      }
+      if (this.addForm.moq === null || this.addForm.moq === undefined || this.addForm.moq < 0) {
+        this.$message.warning('MOQ不能小于0')
+        return
+      }
+      this.addSaveLoading = true
+      const inData = {
+        site: this.$store.state.user.site,
+        supplierCode: this.addForm.supplierCode.trim(),
+        partNo: this.addForm.partNo.trim(),
+        moq: this.addForm.moq,
+        active: this.addForm.active || 'Y'
+      }
+      addSupplierPartMoq(inData).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.$message.success('新增成功')
+          this.searchData.supplierNo = inData.supplierCode
+          this.addDialogVisible = false
+          this.searchSupplierPartList()
+        } else {
+          this.$alert((data && data.msg) || '新增失败', '错误', { confirmButtonText: '确定' })
+        }
+      }).catch(() => {
+        this.$message.error('新增失败')
+      }).finally(() => {
+        this.addSaveLoading = false
+      })
+    },
+    openTierDialog () {
+      if (!this.selectedSupplierPart) {
+        this.$message.warning('请先选择供应商物料')
+        return
+      }
+      this.tierForm = {
+        site: this.$store.state.user.site,
+        supplierCode: this.selectedSupplierPart.supplierCode,
+        supplierName: this.selectedSupplierPart.supplierName || '',
+        partNo: this.selectedSupplierPart.partNo,
+        partDesc: this.selectedSupplierPart.partDesc || '',
+        priceDate: this.getTodayDate(),
+        tierPriceList: (this.currentTierPriceList || []).map(item => ({
+          qtyStart: this.normalizeNumberValue(item.qtyStart, 0),
+          qtyEnd: this.normalizeNumberValue(item.qtyEnd, 0),
+          unitPrice: this.normalizeNumberValue(item.unitPrice, 0),
+          remark: item.remark || ''
+        }))
+      }
+      if (!this.tierForm.tierPriceList.length) {
+        this.tierForm.tierPriceList.push(this.buildEmptyTierRow())
+      }
+      // 每次进入“变更”都按新版本处理：附件不继承历史，需重新上传 - rqrq
+      this.attachmentRefIds = []
+      this.attachmentList = []
+      this.attachmentRemark = ''
+      this.attachmentFileList = []
+      this.tierDialogVisible = true
+    },
+    addTierRow () {
+      this.tierForm.tierPriceList.push(this.buildEmptyTierRow())
+    },
+    removeTierRow (index) {
+      this.tierForm.tierPriceList.splice(index, 1)
+      if (!this.tierForm.tierPriceList.length) {
+        this.tierForm.tierPriceList.push(this.buildEmptyTierRow())
+      }
+    },
+    buildEmptyTierRow () {
+      return {
+        qtyStart: 0,
+        qtyEnd: 0,
+        unitPrice: 0,
+        remark: ''
+      }
+    },
+    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))
+    },
+    validateTierRows () {
+      if (!this.tierForm.priceDate) {
+        this.$message.warning('价格日期不能为空')
+        return false
+      }
+      if (!this.tierForm.tierPriceList || !this.tierForm.tierPriceList.length) {
+        this.$message.warning('请至少维护一条阶梯价格')
+        return false
+      }
+      for (let i = 0; i < this.tierForm.tierPriceList.length; i++) {
+        const row = this.tierForm.tierPriceList[i]
+        if (row.qtyStart === null || row.qtyStart === undefined || row.qtyStart === '') {
+          this.$message.warning(`第${i + 1}行开始数量不能为空`)
+          return false
+        }
+        if (row.qtyEnd === null || row.qtyEnd === undefined || row.qtyEnd === '') {
+          this.$message.warning(`第${i + 1}行结束数量不能为空`)
+          return false
+        }
+        if (Number(row.qtyStart) > Number(row.qtyEnd)) {
+          this.$message.warning(`第${i + 1}行开始数量不能大于结束数量`)
+          return false
+        }
+        if (row.unitPrice === null || row.unitPrice === undefined || row.unitPrice === '') {
+          this.$message.warning(`第${i + 1}行单价不能为空`)
+          return false
+        }
+      }
+      const sortedRanges = this.tierForm.tierPriceList
+        .map((row, idx) => ({ rowNo: idx + 1, qtyStart: Number(row.qtyStart), qtyEnd: Number(row.qtyEnd) }))
+        .sort((a, b) => {
+          if (a.qtyStart !== b.qtyStart) return a.qtyStart - b.qtyStart
+          return a.qtyEnd - b.qtyEnd
+        })
+      for (let i = 1; i < sortedRanges.length; i++) {
+        if (sortedRanges[i].qtyStart <= sortedRanges[i - 1].qtyEnd) {
+          this.$message.warning(`第${sortedRanges[i - 1].rowNo}行与第${sortedRanges[i].rowNo}行数量区间重叠`)
+          return false
+        }
+      }
+      return true
+    },
+    saveTierChange () {
+      if (!this.validateTierRows()) {
+        return
+      }
+      this.tierSaveLoading = true
+      const inData = {
+        site: this.$store.state.user.site,
+        supplierCode: this.tierForm.supplierCode,
+        partNo: this.tierForm.partNo,
+        priceDate: this.tierForm.priceDate,
+        submitBy: this.$store.state.user.name,
+        attachmentRefs: this.buildAttachmentRefs(),
+        tierPriceList: this.tierForm.tierPriceList.map(item => ({
+          qtyStart: item.qtyStart,
+          qtyEnd: item.qtyEnd,
+          unitPrice: item.unitPrice,
+          remark: item.remark || ''
+        }))
+      }
+      saveTierPrice(inData).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.$message.success('保存成功')
+          this.tierDialogVisible = false
+          this.loadCurrentTierPrice()
+        } else {
+          this.$alert((data && data.msg) || '保存失败', '错误', { confirmButtonText: '确定' })
+        }
+      }).catch(() => {
+        this.$message.error('保存失败')
+      }).finally(() => {
+        this.tierSaveLoading = false
+      })
+    },
+    onTierUploadFileChange (file) {
+      if (!this.tierForm.priceDate) {
+        this.$message.warning('请先选择价格日期再上传')
+        this.clearTierUploadFiles()
+        return
+      }
+      this.tierUploadLoading = true
+      const reader = new FileReader()
+      reader.onload = (evt) => {
+        try {
+          const data = evt.target.result
+          const workbook = XLSX.read(data, { type: 'binary' })
+          const sheetName = workbook.SheetNames[0]
+          const sheet = workbook.Sheets[sheetName]
+          const jsonRows = XLSX.utils.sheet_to_json(sheet, { defval: '' })
+          const mappedRows = jsonRows
+            .map(row => this.mapUploadRow(row))
+            .filter(row => row.qtyStart !== null || row.qtyEnd !== null || row.unitPrice !== null)
+          if (!mappedRows.length) {
+            this.$message.warning('上传文件未识别到有效阶梯数据')
+            return
+          }
+          const inData = {
+            site: this.$store.state.user.site,
+            supplierCode: this.tierForm.supplierCode,
+            partNo: this.tierForm.partNo,
+            priceDate: this.tierForm.priceDate,
+            rows: mappedRows
+          }
+          uploadTierPricePreview(inData).then(({ data }) => {
+            if (data && data.code === 0) {
+              const result = data.row || {}
+              this.tierForm.tierPriceList = (result.rows || []).map(item => ({
+                qtyStart: item.qtyStart,
+                qtyEnd: item.qtyEnd,
+                unitPrice: item.unitPrice,
+                remark: item.remark || ''
+              }))
+              if (!this.tierForm.tierPriceList.length) {
+                this.tierForm.tierPriceList = [this.buildEmptyTierRow()]
+              }
+              const failCount = result.failCount || 0
+              if (failCount > 0) {
+                this.$message.warning(`上传完成：成功${result.successCount || 0}行，失败${failCount}行`)
+              } else {
+                this.$message.success(`上传完成：成功${result.successCount || 0}行`)
+              }
+            } else {
+              this.$alert((data && data.msg) || '上传预校验失败', '错误', { confirmButtonText: '确定' })
+            }
+          }).catch(() => {
+            this.$message.error('上传预校验失败')
+          })
+        } catch (e) {
+          this.$message.error('上传文件解析失败')
+        } finally {
+          this.tierUploadLoading = false
+          this.clearTierUploadFiles()
+        }
+      }
+      reader.readAsBinaryString(file.raw)
+    },
+    getTodayDate () {
+      if (this.dayjs) {
+        return this.dayjs().format('YYYY-MM-DD')
+      }
+      const date = new Date()
+      const pad = num => String(num).padStart(2, '0')
+      return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`
+    },
+    clearTierUploadFiles () {
+      if (this.$refs.tierUpload) {
+        this.$refs.tierUpload.clearFiles()
+      }
+    },
+    normalizeCellKey (key) {
+      if (!key) return ''
+      return String(key).replace(/[\s_-]/g, '').toLowerCase()
+    },
+    getUploadCellValue (row, aliases) {
+      const aliasSet = aliases.map(item => this.normalizeCellKey(item))
+      const keys = Object.keys(row || {})
+      for (let i = 0; i < keys.length; i++) {
+        const originKey = keys[i]
+        if (aliasSet.includes(this.normalizeCellKey(originKey))) {
+          return row[originKey]
+        }
+      }
+      return ''
+    },
+    toNumberOrNull (value) {
+      if (value === null || value === undefined || value === '') return null
+      const num = Number(value)
+      return Number.isNaN(num) ? null : num
+    },
+    mapUploadRow (row) {
+      const qtyStartVal = this.getUploadCellValue(row, ['qtyStart', 'fromQty', 'startQty', '开始数量', '起始数量', '起始'])
+      const qtyEndVal = this.getUploadCellValue(row, ['qtyEnd', 'toQty', 'endQty', '结束数量', '截止数量', '结束'])
+      const unitPriceVal = this.getUploadCellValue(row, ['unitPrice', 'price', '单价', '价格'])
+      const remarkVal = this.getUploadCellValue(row, ['remark', '备注'])
+      return {
+        qtyStart: this.toNumberOrNull(qtyStartVal),
+        qtyEnd: this.toNumberOrNull(qtyEndVal),
+        unitPrice: this.toNumberOrNull(unitPriceVal),
+        remark: remarkVal || ''
+      }
+    },
+    buildAttachmentQueryParams () {
+      return {
+        orderRef1: this.$store.state.user.site,
+        orderRef2: this.tierForm.supplierCode,
+        orderRef3: this.tierForm.partNo,
+        orderRef4: this.tierForm.priceDate || '',
+        orderReftype: 'SUPPLIER_PART_PRICE'
+      }
+    },
+    fetchAttachmentList () {
+      if (!this.tierDialogVisible || !this.tierForm.supplierCode || !this.tierForm.partNo) {
+        this.attachmentList = []
+        return
+      }
+      const refIdSet = new Set((this.attachmentRefIds || []).map(item => String(item)))
+      this.attachmentLoading = true
+      queryOssFilePlus(this.buildAttachmentQueryParams()).then(({ data }) => {
+        if (data && data.code === 0) {
+          const allRows = data.rows || []
+          this.attachmentList = refIdSet.size > 0
+            ? allRows.filter(item => refIdSet.has(String(item.id)))
+            : []
+        } else {
+          this.attachmentList = []
+        }
+      }).catch(() => {
+        this.attachmentList = []
+      }).finally(() => {
+        this.attachmentLoading = false
+      })
+    },
+    openAttachmentUploadDialog () {
+      if (!this.tierForm.priceDate) {
+        this.$message.warning('请先选择价格日期')
+        return
+      }
+      this.attachmentUploadVisible = true
+      this.attachmentRemark = ''
+      this.attachmentFileList = []
+      this.$nextTick(() => {
+        if (this.$refs.attachmentUploadRef) {
+          this.$refs.attachmentUploadRef.clearFiles()
+        }
+      })
+    },
+    onAttachmentFileChange (file, fileList) {
+      this.attachmentFileList = fileList
+    },
+    onAttachmentFileRemove (file, fileList) {
+      this.attachmentFileList = fileList
+    },
+    submitAttachmentUpload () {
+      if (!this.attachmentFileList || this.attachmentFileList.length === 0) {
+        this.$message.warning('请选择附件')
+        return
+      }
+      this.attachmentUploadLoading = true
+      const formData = new FormData()
+      for (let i = 0; i < this.attachmentFileList.length; i++) {
+        formData.append('file', this.attachmentFileList[i].raw)
+      }
+      const queryParams = this.buildAttachmentQueryParams()
+      formData.append('orderRef1', queryParams.orderRef1)
+      formData.append('orderRef2', queryParams.orderRef2)
+      formData.append('orderRef3', queryParams.orderRef3)
+      formData.append('orderRef4', queryParams.orderRef4)
+      formData.append('createdBy', this.$store.state.user.name)
+      formData.append('CAdditionalInfo', this.attachmentRemark || '')
+      formData.append('orderReftype', queryParams.orderReftype)
+      ossUploadNoSaveOSSForYJY(formData).then(({ data }) => {
+        if (data && data.code === 0) {
+          const uploadedRows = data.rows || []
+          const uploadedIds = uploadedRows
+            .map(item => item.id)
+            .filter(item => item !== null && item !== undefined && item !== '')
+          this.attachmentRefIds = this.mergeAttachmentIds(this.attachmentRefIds, uploadedIds)
+          this.$message.success('上传成功')
+          this.attachmentUploadVisible = false
+          this.fetchAttachmentList()
+        } else {
+          this.$alert((data && data.msg) || '上传失败', '错误', { confirmButtonText: '确定' })
+        }
+      }).catch(() => {
+        this.$message.error('上传失败')
+      }).finally(() => {
+        this.attachmentUploadLoading = false
+      })
+    },
+    downloadAttachment (row) {
+      downLoadObjectFile(row).then(({ data }) => {
+        const blob = new Blob([data], { type: 'application/octet-stream;charset=utf-8' })
+        const linkNode = document.createElement('a')
+        linkNode.download = row.fileName || 'download'
+        linkNode.style.display = 'none'
+        linkNode.href = URL.createObjectURL(blob)
+        document.body.appendChild(linkNode)
+        linkNode.click()
+        URL.revokeObjectURL(linkNode.href)
+        document.body.removeChild(linkNode)
+      }).catch(() => {
+        this.$message.error('下载失败')
+      })
+    },
+    parseAttachmentRefs (refs) {
+      if (!refs) return []
+      return String(refs)
+        .split(',')
+        .map(item => item.trim())
+        .filter(item => item !== '')
+    },
+    mergeAttachmentIds (sourceIds, appendIds) {
+      const merged = [...(sourceIds || []), ...(appendIds || [])].map(item => String(item))
+      return [...new Set(merged)]
+    },
+    buildAttachmentRefs () {
+      return (this.attachmentRefIds || []).join(',')
+    }
+  }
+}
+</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;
+}
+
+.supplier-part-moq-price .attachment-header {
+  margin-top: 12px;
+  margin-bottom: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.supplier-part-moq-price .tier-action-buttons {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: nowrap;
+}
+
+.supplier-part-moq-price /deep/ .tier-action-buttons .el-upload {
+  display: inline-flex;
+}
+
+.supplier-part-moq-price /deep/ .rq .el-input-number .el-input__inner {
+  text-align: right;
+  padding-right: 5px !important;
+}
+
+.supplier-part-moq-price /deep/ .rq .el-input .el-input--medium {
+  line-height: 20px;
+}
+
+.supplier-part-moq-price /deep/ .rq .el-input-number .el-input--medium {
+  line-height: 20px;
+}
+
+.rq .auto /deep/ .el-form-item__content {
+  height: auto;
+  line-height: 1.5;
+}
+</style>
diff --git a/src/views/modules/supplier/supplierPartTierPriceHistory.vue b/src/views/modules/supplier/supplierPartTierPriceHistory.vue
new file mode 100644
index 0000000..4620a0a
--- /dev/null
+++ b/src/views/modules/supplier/supplierPartTierPriceHistory.vue
@@ -0,0 +1,352 @@
+<template>
+  <div class="customer-css supplier-part-tier-price-history">
+    <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="searchMainList"
+        />
+      </el-form-item>
+      <el-form-item>
+        <span slot="label" style="" @click="getBaseList(507, 'search')"><a href="javascript:void(0)">物料编码</a></span>
+        <el-input
+          v-model="searchData.partNo"
+          placeholder="选择或输入物料编码"
+          style="width: 180px"
+          clearable
+          @keyup.enter.native="searchMainList"
+        />
+      </el-form-item>
+      <el-form-item label="价格日期">
+        <el-date-picker
+          v-model="searchData.priceDate"
+          type="date"
+          value-format="yyyy-MM-dd"
+          format="yyyy-MM-dd"
+          placeholder="价格日期"
+          style="width: 150px"
+          clearable
+        />
+      </el-form-item>
+      <el-form-item label=" ">
+        <el-button type="primary" class="customer-bun-min" :loading="mainLoading" @click="searchMainList">查询</el-button>
+        <el-button class="customer-bun-min" @click="resetSearch">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      ref="mainTable"
+      :data="historyMainList"
+      :height="mainTableHeight"
+      border
+      stripe
+      highlight-current-row
+      v-loading="mainLoading"
+      style="width: 100%"
+      @row-click="handleMainRowClick"
+    >
+      <el-table-column fixed="right" label="操作" width="90" header-align="center" align="center">
+        <template slot-scope="scope">
+          <el-link style="cursor: pointer" @click.stop="openAttachmentDialog(scope.row)">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <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="currencyDesc" label="币种描述" min-width="120" header-align="center" align="center" :formatter="formatCurrencyDesc" />
+      <el-table-column prop="partNo" label="物料编码" min-width="140" header-align="center" align="center" />
+      <el-table-column prop="partDesc" label="物料名称" min-width="180" header-align="center" align="left" show-overflow-tooltip />
+      <el-table-column prop="versionNo" label="价格版本号" min-width="180" header-align="center" align="center" />
+      <el-table-column prop="submitDateOnly" label="上传日期" min-width="120" header-align="center" align="center" />
+      <el-table-column prop="priceDate" label="价格日期" min-width="120" header-align="center" align="center" />
+      <el-table-column prop="submitBy" label="提交人" min-width="100" header-align="center" align="center" />
+    </el-table>
+
+    <div class="table-toolbar">
+      <span class="selected-text">
+        当前选择：
+        {{ selectedMain ? `${selectedMain.supplierCode} / ${selectedMain.partNo} ` : '未选择历史主记录' }}
+      </span>
+    </div>
+
+    <el-table
+      :data="historyDetailList"
+      :height="detailTableHeight"
+      border
+      stripe
+      v-loading="detailLoading"
+      style="width: 100%"
+
+    >
+      <el-table-column prop="qtyStart" label="开始数量" min-width="110" header-align="center" align="right" :formatter="formatNumberCell" />
+      <el-table-column prop="qtyEnd" label="结束数量" min-width="110" 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="remark" label="备注" min-width="200" header-align="center" align="left" show-overflow-tooltip />
+    </el-table>
+
+    <el-dialog
+      title="历史附件"
+      :visible.sync="attachmentDialogVisible"
+      width="900px"
+      :close-on-click-modal="false"
+      v-drag
+    >
+      <el-table :data="attachmentList" :height="360" border stripe v-loading="attachmentLoading" style="width: 100%">
+        <el-table-column prop="fileName" label="文件名" min-width="260" header-align="center" align="left" show-overflow-tooltip />
+        <el-table-column prop="createdBy" label="上传人" min-width="120" header-align="center" align="center" />
+        <el-table-column prop="createDate" label="上传时间" min-width="160" header-align="center" align="center" />
+        <el-table-column label="操作" width="90" header-align="center" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-link style="cursor: pointer" @click="downloadAttachment(scope.row)">下载</el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="attachmentDialogVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+
+    <Chooselist ref="baseList" @getBaseData="getBaseData" />
+  </div>
+</template>
+
+<script>
+import Chooselist from '@/views/modules/common/Chooselist_eam'
+import {
+  listTierPriceHistoryMain,
+  listTierPriceHistoryDetail
+} from '@/api/supplier/supplierPartMoqPrice'
+import { queryOssFilePlus, downLoadObjectFile } from '@/api/oss/oss'
+
+export default {
+  name: 'SupplierPartTierPriceHistory',
+  components: { Chooselist },
+  data () {
+    return {
+      mainTableHeight: 260,
+      detailTableHeight: 260,
+      tagNo: '',
+      tagType: 'search',
+      searchData: {
+        site: this.$store.state.user.site,
+        supplierNo: '',
+        partNo: '',
+        priceDate: ''
+      },
+      mainLoading: false,
+      detailLoading: false,
+      historyMainList: [],
+      selectedMain: null,
+      historyDetailList: [],
+      attachmentDialogVisible: false,
+      attachmentLoading: false,
+      attachmentList: [],
+      attachmentRefIds: []
+    }
+  },
+  mounted () {
+    this.handleResize()
+    window.addEventListener('resize', this.handleResize)
+  },
+  beforeDestroy () {
+    window.removeEventListener('resize', this.handleResize)
+  },
+  methods: {
+    handleResize () {
+      const availableHeight = window.innerHeight - 260
+      this.mainTableHeight = Math.max(220, Math.floor(availableHeight * 0.45))
+      this.detailTableHeight = Math.max(220, Math.floor(availableHeight * 0.45))
+    },
+    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 + "'"
+        }
+        if (val === 507) {
+          strVal = this.searchData.partNo || ''
+          conSql = " and  site = '" + this.$store.state.user.site + "'"
+        }
+        this.$refs.baseList.init(val, strVal, conSql)
+      })
+    },
+    getBaseData (val) {
+      if (this.tagNo === 520) {
+        this.searchData.supplierNo = val.supplier_no || ''
+      }
+      if (this.tagNo === 507) {
+        this.searchData.partNo = val.part_no || ''
+      }
+    },
+    resetSearch () {
+      this.searchData = {
+        site: this.$store.state.user.site,
+        supplierNo: '',
+        partNo: '',
+        priceDate: ''
+      }
+      this.historyMainList = []
+      this.selectedMain = null
+      this.historyDetailList = []
+    },
+    searchMainList () {
+      this.mainLoading = true
+      const inData = {
+        site: this.$store.state.user.site,
+        supplierCode: (this.searchData.supplierNo || '').trim(),
+        partNo: (this.searchData.partNo || '').trim(),
+        priceDate: this.searchData.priceDate || ''
+      }
+      listTierPriceHistoryMain(inData).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.historyMainList = data.rows || []
+          this.selectedMain = null
+          this.historyDetailList = []
+          if (this.historyMainList.length > 0) {
+            this.$refs.mainTable.setCurrentRow(this.historyMainList[0])
+            this.handleMainRowClick(this.historyMainList[0])
+          }
+        } else {
+          this.historyMainList = []
+          this.$alert((data && data.msg) || '查询失败', '错误', { confirmButtonText: '确定' })
+        }
+      }).catch(() => {
+        this.historyMainList = []
+        this.$message.error('查询失败')
+      }).finally(() => {
+        this.mainLoading = false
+      })
+    },
+    handleMainRowClick (row) {
+      this.selectedMain = row ? JSON.parse(JSON.stringify(row)) : null
+      this.loadDetailList()
+    },
+    loadDetailList () {
+      if (!this.selectedMain || !this.selectedMain.id) {
+        this.historyDetailList = []
+        return
+      }
+      this.detailLoading = true
+      const inData = {
+        site: this.$store.state.user.site,
+        historyMainId: this.selectedMain.id
+      }
+      listTierPriceHistoryDetail(inData).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.historyDetailList = data.rows || []
+        } else {
+          this.historyDetailList = []
+          this.$alert((data && data.msg) || '明细查询失败', '错误', { confirmButtonText: '确定' })
+        }
+      }).catch(() => {
+        this.historyDetailList = []
+        this.$message.error('明细查询失败')
+      }).finally(() => {
+        this.detailLoading = false
+      })
+    },
+    openAttachmentDialog (row) {
+      this.attachmentDialogVisible = true
+      this.attachmentRefIds = this.parseAttachmentRefs((row && row.attachmentRefs) || '')
+      this.fetchAttachmentList(row)
+    },
+    buildAttachmentQueryParams (row) {
+      return {
+        orderRef1: row.site || this.$store.state.user.site,
+        orderRef2: row.supplierCode || '',
+        orderRef3: row.partNo || '',
+        orderRef4: this.toDateStr(row.priceDate),
+        orderReftype: 'SUPPLIER_PART_PRICE'
+      }
+    },
+    toDateStr (val) {
+      if (!val) return ''
+      if (typeof val === 'string') {
+        return val.length >= 10 ? val.slice(0, 10) : val
+      }
+      if (this.dayjs) {
+        return this.dayjs(val).format('YYYY-MM-DD')
+      }
+      const date = new Date(val)
+      if (Number.isNaN(date.getTime())) return ''
+      const pad = num => String(num).padStart(2, '0')
+      return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`
+    },
+    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))
+    },
+    formatCurrencyDesc (row) {
+      if (!row) return ''
+      return row.currencyDesc || row.currency || ''
+    },
+    fetchAttachmentList (row) {
+      const params = this.buildAttachmentQueryParams(row || {})
+      const refIdSet = new Set((this.attachmentRefIds || []).map(item => String(item)))
+      this.attachmentLoading = true
+      queryOssFilePlus(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          const allRows = data.rows || []
+          this.attachmentList = refIdSet.size > 0
+            ? allRows.filter(item => refIdSet.has(String(item.id)))
+            : []
+        } else {
+          this.attachmentList = []
+        }
+      }).catch(() => {
+        this.attachmentList = []
+      }).finally(() => {
+        this.attachmentLoading = false
+      })
+    },
+    downloadAttachment (row) {
+      downLoadObjectFile(row).then(({ data }) => {
+        const blob = new Blob([data], { type: 'application/octet-stream;charset=utf-8' })
+        const linkNode = document.createElement('a')
+        linkNode.download = row.fileName || 'download'
+        linkNode.style.display = 'none'
+        linkNode.href = URL.createObjectURL(blob)
+        document.body.appendChild(linkNode)
+        linkNode.click()
+        URL.revokeObjectURL(linkNode.href)
+        document.body.removeChild(linkNode)
+      }).catch(() => {
+        this.$message.error('下载失败')
+      })
+    },
+    parseAttachmentRefs (refs) {
+      if (!refs) return []
+      return String(refs)
+        .split(',')
+        .map(item => item.trim())
+        .filter(item => item !== '')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.supplier-part-tier-price-history .table-toolbar {
+  margin: 8px 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.supplier-part-tier-price-history .selected-text {
+  font-size: 13px;
+  color: #606266;
+}
+</style>