3 changed files with 1435 additions and 0 deletions
-
15src/api/supplier/supplierPartMoqPrice.js
-
1068src/views/modules/supplier/supplierPartMoqPrice.vue
-
352src/views/modules/supplier/supplierPartTierPriceHistory.vue
@ -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) |
|||
1068
src/views/modules/supplier/supplierPartMoqPrice.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -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> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue