Browse Source
feat(qc): 新增呆滞品临期品库存管理功能
feat(qc): 新增呆滞品临期品库存管理功能
- 新增呆滞品/临期品库存查询接口和API - 在质检结果录入页面增加批次明细查看功能 - 扩展质检数据模型增加批次和库位信息字段 - 实现批次明细查询参数传递和数据显示 - 新建呆滞品临期品库存管理页面组件 - 添加袋装明细查看和批量送检功能 - 实现库存按类型筛选和分页显示 - 集成库存管理和质检流程的关联功能master
qiankanghui
1 week ago
3 changed files with 379 additions and 9 deletions
-
10src/api/pms/inventoryStock.js
-
45src/views/modules/qc/SQCResultEntry.vue
-
333src/views/modules/qc/stagnationExpiredStock.vue
@ -0,0 +1,10 @@ |
|||||
|
import { createAPI } from "@/utils/httpRequest.js"; |
||||
|
|
||||
|
// 查询呆滞品/临期品库存列表
|
||||
|
export const queryStagnationExpiredStock = data => createAPI(`/pms/inventorystock/queryStagnationExpiredStock`, 'post', data); |
||||
|
|
||||
|
// 查询袋装明细列表
|
||||
|
export const queryPrintLabelBagList = data => createAPI(`/pms/inventorystock/queryPrintLabelBagList`, 'post', data); |
||||
|
|
||||
|
// 批量送检临期品
|
||||
|
export const batchSendExpiredForInspection = data => createAPI(`/pms/inventorystock/batchSendExpiredForInspection`, 'post', data); |
||||
@ -0,0 +1,333 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-form :model="searchData" label-position="top" style="max-width: 1400px"> |
||||
|
<el-row :gutter="5"> |
||||
|
<el-col :span="2"> |
||||
|
<el-form-item label="工厂编码"> |
||||
|
<el-input v-model="searchData.site" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="3"> |
||||
|
<el-form-item label="物料编码"> |
||||
|
<el-input v-model="searchData.partNo" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="3"> |
||||
|
<el-form-item label="物料名称"> |
||||
|
<el-input v-model="searchData.partDescription" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="2"> |
||||
|
<el-form-item label="批次号"> |
||||
|
<el-input v-model="searchData.batchNo" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="2"> |
||||
|
<el-form-item label="仓库"> |
||||
|
<el-input v-model="searchData.warehouseName" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="2"> |
||||
|
<el-form-item label="库位"> |
||||
|
<el-input v-model="searchData.locationId" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="2"> |
||||
|
<el-form-item label="临期天数"> |
||||
|
<el-input |
||||
|
v-model="searchData.daysToExpire" |
||||
|
oninput="value=value.replace(/[^\d]/g,'')" |
||||
|
clearable> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="2"> |
||||
|
<el-form-item label="呆滞天数"> |
||||
|
<el-input |
||||
|
v-model="searchData.stagnationDays" |
||||
|
oninput="value=value.replace(/[^\d]/g,'')" |
||||
|
clearable> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="2"> |
||||
|
<el-form-item label="类型"> |
||||
|
<el-select v-model="searchData.type" clearable> |
||||
|
<el-option value="" label="全部"></el-option> |
||||
|
<el-option value="STAGNATION" label="呆滞品"></el-option> |
||||
|
<el-option value="EXPIRED" label="临期品"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label=" "> |
||||
|
<el-button type="primary" @click="search">查询</el-button> |
||||
|
<el-button @click="reset">重置</el-button> |
||||
|
<el-button type="success" @click="batchSendInspection">批量送检</el-button> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
|
||||
|
<el-table :data="tableData" border v-loading="loading" height="calc(100vh - 190px)" @selection-change="handleSelectionChange"> |
||||
|
<el-table-column type="selection" width="55" align="center"/> |
||||
|
<el-table-column label="操作" width="100" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a @click="showBagDetail(scope.row)">袋装明细</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="site" label="工厂编码" align="left" header-align="center" min-width="80"/> |
||||
|
<el-table-column prop="warehouseId" label="仓库ID" align="left" header-align="center" min-width="100"/> |
||||
|
<el-table-column prop="warehouseName" label="仓库名称" align="left" header-align="center" min-width="120"/> |
||||
|
<el-table-column prop="partNo" label="物料编码" align="left" header-align="center" min-width="120"/> |
||||
|
<el-table-column prop="partDescription" label="物料名称" align="left" header-align="center" min-width="200"/> |
||||
|
<el-table-column prop="batchNo" label="批次号" align="left" header-align="center" min-width="120"/> |
||||
|
<el-table-column prop="type" label="类型" align="center" header-align="center" min-width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-tag |
||||
|
:type="scope.row.type === 'STAGNATION' ? 'warning' : 'danger'" |
||||
|
size="small"> |
||||
|
{{ scope.row.type === 'STAGNATION' ? '呆滞品' : '临期品' }} |
||||
|
</el-tag> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="locationId" label="库位" align="left" header-align="center" min-width="100"/> |
||||
|
<el-table-column prop="qtyOnHand" label="库存数量" align="right" header-align="center" min-width="100"/> |
||||
|
<el-table-column prop="firstInDate" label="入库日期" align="left" header-align="center" min-width="110"/> |
||||
|
<el-table-column prop="latestOutDate" label="最后出库日期" align="left" header-align="center" min-width="110"/> |
||||
|
<el-table-column prop="latestInDate" label="最后入库日期" align="left" header-align="center" min-width="110"/> |
||||
|
<el-table-column prop="expiredDate" label="失效日期" align="left" header-align="center" min-width="110"/> |
||||
|
<el-table-column prop="stagnationStartDate" label="呆滞起算日" align="left" header-align="center" min-width="120"/> |
||||
|
<el-table-column prop="stagnationDays" label="呆滞天数" align="right" header-align="center" min-width="100"/> |
||||
|
<el-table-column prop="daysToExpire" label="距过期天数" align="right" header-align="center" min-width="100"/> |
||||
|
|
||||
|
|
||||
|
<el-table-column prop="expireDateControlFlag" label="有效期管理" align="center" header-align="center" min-width="120"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.expireDateControlFlag === 'Y' ? '是' : '否' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="toExpireDays" label="有效期天数" align="right" header-align="center" min-width="100"/> |
||||
|
</el-table> |
||||
|
|
||||
|
|
||||
|
<el-pagination |
||||
|
@size-change="sizeChangeHandle" |
||||
|
@current-change="currentChangeHandle" |
||||
|
:current-page.sync="pageIndex" |
||||
|
:page-sizes="[10, 20, 50, 100, 200]" |
||||
|
:page-size="pageSize" |
||||
|
layout="total,sizes, prev, pager, next" |
||||
|
:total="totalPage"> |
||||
|
</el-pagination> |
||||
|
|
||||
|
<el-dialog :visible.sync="bagDetailVisible" v-drag top="5vh" title="袋装明细" width="80%" :close-on-click-modal="false"> |
||||
|
<el-table :data="bagDetailData" border v-loading="bagDetailLoading" height="400px"> |
||||
|
<el-table-column prop="site" label="工厂编码" align="left" header-align="center" min-width="80"/> |
||||
|
<el-table-column prop="partNo" label="物料编码" align="left" header-align="center" min-width="120"/> |
||||
|
<el-table-column prop="partDescription" label="物料名称" align="left" header-align="center" min-width="200"/> |
||||
|
<el-table-column prop="seqNo" label="Seq No" align="left" header-align="center" min-width="100"/> |
||||
|
<el-table-column prop="itemNo" label="序号" align="left" header-align="center" min-width="60"/> |
||||
|
<el-table-column prop="printQty" label="数量" align="right" header-align="center" min-width="80"/> |
||||
|
<el-table-column prop="batchNo" label="批次号" align="left" header-align="center" min-width="120"/> |
||||
|
<el-table-column prop="warehouseName" label="仓库" align="left" header-align="center" min-width="120"/> |
||||
|
<el-table-column prop="locationId" label="库位" align="left" header-align="center" min-width="100"/> |
||||
|
<el-table-column prop="status" label="状态" align="center" header-align="center" min-width="80"/> |
||||
|
<el-table-column prop="weight" label="重量" align="right" header-align="center" min-width="80"/> |
||||
|
<el-table-column prop="createTime" label="创建时间" align="center" header-align="center" min-width="120"/> |
||||
|
<el-table-column prop="updateTime" label="入库时间" align="center" header-align="center" min-width="120"/> |
||||
|
</el-table> |
||||
|
<span slot="footer" class="dialog-footer" style="text-align: center"> |
||||
|
<el-button type="primary" @click="bagDetailVisible = false">关闭</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { queryStagnationExpiredStock, queryPrintLabelBagList, batchSendExpiredForInspection } from '@/api/pms/inventoryStock' |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
searchData: { |
||||
|
site: '', |
||||
|
partNo: '', |
||||
|
partDescription: '', |
||||
|
batchNo: '', |
||||
|
warehouseName: '', |
||||
|
locationId: '', |
||||
|
daysToExpire: '', |
||||
|
stagnationDays: '', |
||||
|
type: '' |
||||
|
}, |
||||
|
tableData: [], |
||||
|
pageIndex: 1, |
||||
|
pageSize: 50, |
||||
|
totalPage: 0, |
||||
|
loading: false, |
||||
|
// 袋装明细相关 |
||||
|
bagDetailVisible: false, |
||||
|
bagDetailLoading: false, |
||||
|
bagDetailData: [], |
||||
|
currentRow: {}, |
||||
|
// 批量选择相关 |
||||
|
selectedRows: [] |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
// 进入页面不默认查询数据 |
||||
|
}, |
||||
|
methods: { |
||||
|
search() { |
||||
|
// 验证工厂编码必填 |
||||
|
if (!this.searchData.site || this.searchData.site.trim() === '') { |
||||
|
this.$message.warning('工厂编码为必填项') |
||||
|
return |
||||
|
} |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
reset() { |
||||
|
this.searchData = { |
||||
|
site: '', |
||||
|
partNo: '', |
||||
|
partDescription: '', |
||||
|
batchNo: '', |
||||
|
warehouseName: '', |
||||
|
locationId: '', |
||||
|
daysToExpire: '', |
||||
|
stagnationDays: '', |
||||
|
type: '' |
||||
|
} |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
getDataList() { |
||||
|
this.loading = true |
||||
|
const params = { |
||||
|
...this.searchData, |
||||
|
page: this.pageIndex, |
||||
|
limit: this.pageSize |
||||
|
} |
||||
|
|
||||
|
queryStagnationExpiredStock(params).then(({ data: res }) => { |
||||
|
this.loading = false |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.tableData = res.page.list || [] |
||||
|
this.totalPage = res.page.totalCount || 0 |
||||
|
}).catch(() => { |
||||
|
this.loading = false |
||||
|
}) |
||||
|
}, |
||||
|
sizeChangeHandle(val) { |
||||
|
this.pageSize = val |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
currentChangeHandle(val) { |
||||
|
this.pageIndex = val |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
// 显示袋装明细 |
||||
|
showBagDetail(row) { |
||||
|
this.currentRow = row |
||||
|
this.bagDetailVisible = true |
||||
|
this.getBagDetailList() |
||||
|
}, |
||||
|
// 获取袋装明细列表 |
||||
|
getBagDetailList() { |
||||
|
this.bagDetailLoading = true |
||||
|
const params = { |
||||
|
site: this.currentRow.site, |
||||
|
partNo: this.currentRow.partNo, |
||||
|
batchNo: this.currentRow.batchNo, |
||||
|
warehouseId: this.currentRow.warehouseId, |
||||
|
locationId: this.currentRow.locationId, |
||||
|
page: 1, |
||||
|
limit: 100 |
||||
|
} |
||||
|
|
||||
|
queryPrintLabelBagList(params).then(({ data: res }) => { |
||||
|
this.bagDetailLoading = false |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.bagDetailData = res.page.list || [] |
||||
|
}).catch(() => { |
||||
|
this.bagDetailLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
// 复选框选择变化 |
||||
|
handleSelectionChange(selection) { |
||||
|
this.selectedRows = selection |
||||
|
}, |
||||
|
// 批量送检 |
||||
|
batchSendInspection() { |
||||
|
// 验证是否有选中数据 |
||||
|
if (!this.selectedRows || this.selectedRows.length === 0) { |
||||
|
this.$message.warning('请至少选择一条数据进行送检') |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
// 过滤出临期品 |
||||
|
const expiredRows = this.selectedRows.filter(row => row.type === 'EXPIRED') |
||||
|
|
||||
|
if (expiredRows.length === 0) { |
||||
|
this.$message.warning('只能选择临期品进行送检') |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
// 如果有非临期品，给出提示 |
||||
|
if (expiredRows.length < this.selectedRows.length) { |
||||
|
this.$message.warning(`已自动过滤 ${this.selectedRows.length - expiredRows.length} 条非临期品数据，仅送检临期品`) |
||||
|
} |
||||
|
|
||||
|
// 确认送检 |
||||
|
this.$confirm(`确认将选中的 ${expiredRows.length} 条临期品数据进行送检？`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
const sendParams = expiredRows.map(row => ({ |
||||
|
site: row.site, |
||||
|
partNo: row.partNo, |
||||
|
batchNo: row.batchNo, |
||||
|
warehouseId: row.warehouseId, |
||||
|
locationId: row.locationId |
||||
|
})) |
||||
|
|
||||
|
if (sendParams.length === 0) { |
||||
|
this.$message.error('选中的数据缺少有效信息') |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
this.loading = true |
||||
|
batchSendExpiredForInspection(sendParams).then(({ data: res }) => { |
||||
|
this.loading = false |
||||
|
if (res.code === 0) { |
||||
|
this.$message.success(res.msg || '批量送检成功') |
||||
|
// 清空选择 |
||||
|
this.selectedRows = [] |
||||
|
// 重新查询 |
||||
|
this.getDataList() |
||||
|
} else { |
||||
|
this.$message.error(res.msg || '批量送检失败') |
||||
|
} |
||||
|
}).catch((error) => { |
||||
|
this.loading = false |
||||
|
this.$message.error('批量送检异常: ' + (error.message || '未知错误')) |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
// 用户取消操作 |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue