4 changed files with 292 additions and 9 deletions
-
3src/api/warehouse/labelQuery.js
-
10src/views/modules/orderIssure/newSoIssueNotify.vue
-
6src/views/modules/orderIssure/searchIssureNotify.vue
-
282src/views/modules/warehouse/labelQueryLocation.vue
@ -0,0 +1,282 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-form :inline="true" label-position="top"> |
|||
<el-form-item label="入库状态"> |
|||
<el-select v-model="queryHeaderData.inStockFlag" placeholder="请选择" style="width: 120px;"> |
|||
<el-option label="全部" value=""></el-option> |
|||
<el-option label="未入库" value="X"></el-option> |
|||
<el-option label="已出库" value="N"></el-option> |
|||
<el-option label="在库" value="Y"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="物料编号"> |
|||
<el-input style="width: 120px;" v-model="queryHeaderData.partNo" placeholder="请输入物料编号"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="批次号"> |
|||
<el-input style="width: 120px;" v-model="queryHeaderData.batchNo" placeholder="请输入批次号"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="库位"> |
|||
<el-input style="width: 120px;" v-model="queryHeaderData.locationId" placeholder="请输入库位"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="标签ID"> |
|||
<el-input style="width: 120px;" v-model="queryHeaderData.unitId" placeholder="请输入标签ID"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="物料描述"> |
|||
<el-input style="width: 120px;" v-model="queryHeaderData.partDesc" placeholder="请输入物料描述"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="所在栈板"> |
|||
<el-input style="width: 120px;" v-model="queryHeaderData.palletId" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="栈板所在区域"> |
|||
<el-input style="width: 120px;" v-model="queryHeaderData.stationArea" ></el-input> |
|||
</el-form-item> |
|||
<el-form-item style="margin-top: 20px;"> |
|||
<el-button @click="getDataList()" type="primary">查询</el-button> |
|||
<el-button @click="resetQuery()" type="default">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-table |
|||
id="labelQueryTable" |
|||
:height="height" |
|||
:data="dataList" |
|||
border |
|||
v-loading="dataListLoading || printLoading" |
|||
:element-loading-text="loadingText" |
|||
style="width: 100%; margin-bottom: 15px;"> |
|||
|
|||
<el-table-column prop="unitId" label="标签ID" min-width="150" show-overflow-tooltip></el-table-column> |
|||
<el-table-column prop="partNo" label="物料编号" min-width="120" show-overflow-tooltip></el-table-column> |
|||
<el-table-column prop="partDesc" label="物料描述" min-width="150" show-overflow-tooltip></el-table-column> |
|||
<el-table-column prop="batchNo" label="批次号" min-width="120" show-overflow-tooltip></el-table-column> |
|||
<el-table-column prop="locationId" label="库位" min-width="100" show-overflow-tooltip></el-table-column> |
|||
<el-table-column prop="warehouseId" label="仓库" min-width="100" show-overflow-tooltip></el-table-column> |
|||
<el-table-column prop="qty" label="数量" min-width="80" align="right"></el-table-column> |
|||
<el-table-column prop="palletId" label="所在栈板" min-width="80" align="center"></el-table-column> |
|||
<el-table-column prop="stationId" label="所在站点" min-width="80" align="center"></el-table-column> |
|||
<el-table-column prop="stationArea" label="所在区域" min-width="200" align="center"></el-table-column> |
|||
|
|||
</el-table> |
|||
|
|||
<el-pagination |
|||
@size-change="sizeChangeHandle" |
|||
@current-change="currentChangeHandle" |
|||
:current-page="pageIndex" |
|||
:page-sizes="[20, 50, 100]" |
|||
:page-size="pageSize" |
|||
:total="totalPage" |
|||
layout="total, sizes, prev, pager, next, jumper"> |
|||
</el-pagination> |
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getHandlingUnitLabelList, reprintLabel, deleteLabel } from '@/api/warehouse/labelQuery' |
|||
import { searchSysLanguagePackList, saveUserFavorite, searchUserFavorite } from '@/api/sysLanguage' |
|||
import { createOtherInboundHU, printLabel } from '@/api/warehouse/otherInbound' |
|||
import {getHandlingUnitLabelListLocation} from '../../../api/warehouse/labelQuery' |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
dataForm: { |
|||
key: '' |
|||
}, |
|||
dataList: [], |
|||
pageIndex: 1, |
|||
pageSize: 50, |
|||
totalPage: 0, |
|||
dataListLoading: false, |
|||
printLoading: false, |
|||
loadingText: '加载中...', |
|||
dataListSelections: [], |
|||
favorite: false, |
|||
height: 500, |
|||
queryHeaderData: { |
|||
inStockFlag: '', |
|||
partNo: '', |
|||
batchNo: '', |
|||
locationId: '', |
|||
unitId: '', |
|||
partDesc: '', |
|||
stationArea:'', |
|||
palletId:'', |
|||
}, |
|||
// 打印相关配置 |
|||
reportId: 'HU_LABEL', // 默认报表ID，可根据实际情况调整 |
|||
zplCode: '', // ZPL代码 |
|||
paperSize: 'A4', |
|||
orientation: 'portrait', |
|||
dpi: 203, |
|||
// 其它入库标签打印相关 |
|||
otherInboundVisible: false, |
|||
otherInboundLoading: false, |
|||
otherInboundForm: { |
|||
partNo: '', |
|||
partDesc: '', |
|||
batchNo: '', |
|||
locationId: '', |
|||
warehouseId: '', |
|||
wdr: '*', |
|||
qty: 1, |
|||
umId: '个', |
|||
packageCount: 1, |
|||
manufactureDate: '', |
|||
expiredDate: '', |
|||
remark: '' |
|||
}, |
|||
otherInboundRules: { |
|||
partNo: [ |
|||
{ required: true, message: '物料编码不能为空', trigger: 'blur' } |
|||
], |
|||
partDesc: [ |
|||
{ required: true, message: '物料描述不能为空', trigger: 'blur' } |
|||
], |
|||
batchNo: [ |
|||
{ required: true, message: '批次号不能为空', trigger: 'blur' } |
|||
], |
|||
locationId: [ |
|||
{ required: true, message: '库位不能为空', trigger: 'blur' } |
|||
], |
|||
warehouseId: [ |
|||
{ required: true, message: '仓库不能为空', trigger: 'blur' } |
|||
], |
|||
qty: [ |
|||
{ required: true, message: '数量不能为空', trigger: 'blur' }, |
|||
{ type: 'number', min: 0.01, message: '数量必须大于0', trigger: 'blur' } |
|||
], |
|||
umId: [ |
|||
{ required: true, message: '单位不能为空', trigger: 'blur' } |
|||
], |
|||
packageCount: [ |
|||
{ required: true, message: '包装数不能为空', trigger: 'blur' }, |
|||
{ type: 'number', min: 1, message: '包装数必须大于等于1', trigger: 'blur' } |
|||
] |
|||
} |
|||
} |
|||
}, |
|||
activated() { |
|||
this.getDataList() |
|||
this.getHeight() |
|||
}, |
|||
mounted() { |
|||
this.getDataList() |
|||
this.getHeight() |
|||
}, |
|||
methods: { |
|||
// 获取数据列表 |
|||
getDataList() { |
|||
this.dataListLoading = true |
|||
const params = { |
|||
page: this.pageIndex, |
|||
size: this.pageSize, |
|||
site: localStorage.getItem('site'), |
|||
...this.queryHeaderData |
|||
} |
|||
|
|||
getHandlingUnitLabelListLocation(params).then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.dataList = data.page.list || [] |
|||
this.totalPage = data.page.totalCount || 0 |
|||
} else { |
|||
this.dataList = [] |
|||
this.totalPage = 0 |
|||
this.$message.error(data.msg || '查询失败') |
|||
} |
|||
this.dataListLoading = false |
|||
}).catch(() => { |
|||
this.dataList = [] |
|||
this.totalPage = 0 |
|||
this.dataListLoading = false |
|||
}) |
|||
}, |
|||
|
|||
// 重置查询条件 |
|||
resetQuery() { |
|||
this.queryHeaderData = { |
|||
inStockFlag: '', |
|||
partNo: '', |
|||
batchNo: '', |
|||
locationId: '', |
|||
unitId: '', |
|||
partDesc: '' |
|||
} |
|||
this.pageIndex = 1 |
|||
this.getDataList() |
|||
}, |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
// 每页数 |
|||
sizeChangeHandle(val) { |
|||
this.pageSize = val |
|||
this.pageIndex = 1 |
|||
this.getDataList() |
|||
}, |
|||
|
|||
// 当前页 |
|||
currentChangeHandle(val) { |
|||
this.pageIndex = val |
|||
this.getDataList() |
|||
}, |
|||
|
|||
// 格式化日期 |
|||
formatDate(date) { |
|||
if (!date) return '' |
|||
const d = new Date(date) |
|||
const year = d.getFullYear() |
|||
const month = String(d.getMonth() + 1).padStart(2, '0') |
|||
const day = String(d.getDate()).padStart(2, '0') |
|||
const hours = String(d.getHours()).padStart(2, '0') |
|||
const minutes = String(d.getMinutes()).padStart(2, '0') |
|||
const seconds = String(d.getSeconds()).padStart(2, '0') |
|||
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}` |
|||
}, |
|||
|
|||
|
|||
// 获取表格高度 |
|||
getHeight() { |
|||
this.$nextTick(() => { |
|||
this.height = window.innerHeight - 220 |
|||
}) |
|||
}, |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.mod-config .el-form-item { |
|||
margin-bottom: 15px; |
|||
} |
|||
.sl-svg { |
|||
font-size: 20px; |
|||
cursor: pointer; |
|||
color: #409EFF; |
|||
} |
|||
|
|||
/* 其它入库标签打印表单样式 */ |
|||
.other-inbound-form .form-item-vertical { |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.other-inbound-form .form-item-vertical .el-form-item__label { |
|||
display: block; |
|||
text-align: left; |
|||
padding: 0 0 8px 0; |
|||
line-height: 1.5; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.other-inbound-form .form-item-vertical .el-form-item__content { |
|||
margin-left: 0 !important; |
|||
} |
|||
|
|||
.other-inbound-form .el-row { |
|||
margin-bottom: 0; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue