4 changed files with 491 additions and 0 deletions
-
4src/api/warehouse/labelQuery.js
-
9src/views/modules/warehouse/labelQuery.vue
-
9src/views/modules/warehouse/labelQueryLocation.vue
-
469src/views/modules/wcsSystem/labelChangeLocation.vue
@ -0,0 +1,469 @@ |
|||
<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-column prop="height" label="高度(mm)" min-width="100" align="right"></el-table-column> |
|||
<el-table-column prop="reserveFlag" label="是否预留" min-width="80" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.reserveFlag === 'Y' ? '是' : '否' }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="reserveOrderRef1" label="预留单号1" min-width="120" show-overflow-tooltip></el-table-column> |
|||
<el-table-column prop="reserveOrderRef2" label="预留单号2" min-width="120" show-overflow-tooltip></el-table-column> |
|||
<el-table-column prop="reserveOrderRef3" label="预留单号3" min-width="120" show-overflow-tooltip></el-table-column> |
|||
|
|||
<el-table-column label="操作" min-width="100" fixed="right" align="center"> |
|||
<template slot-scope="scope"> |
|||
<a type="text" @click="showEditDialog(scope.row)">修改库位</a> |
|||
</template> |
|||
</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> |
|||
|
|||
<!-- 修改库位弹窗 - rqrq --> |
|||
<el-dialog |
|||
title="修改库位信息" |
|||
:visible.sync="editDialogVisible" |
|||
:close-on-click-modal="false" |
|||
v-drag |
|||
width="800px"> |
|||
<el-form :model="editForm" ref="editForm" label-position="top" style="margin-top: 1px; margin-left: 0px;"> |
|||
<!-- 第一行：基本信息（只读） - rqrq --> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="标签ID"> |
|||
<el-input v-model="editForm.unitId" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="物料编号"> |
|||
<el-input v-model="editForm.partNo" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="批次号"> |
|||
<el-input v-model="editForm.batchNo" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<!-- 第二行：可编辑字段 - rqrq --> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="仓库" prop="warehouseId"> |
|||
<el-input v-model="editForm.warehouseId" placeholder="请输入仓库"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="库位" prop="locationId"> |
|||
<el-input v-model="editForm.locationId" placeholder="请输入库位"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="是否在库" prop="inStockFlag"> |
|||
<el-select v-model="editForm.inStockFlag" placeholder="请选择" style="width: 100%"> |
|||
<el-option label="在库" value="Y"></el-option> |
|||
<el-option label="已出库" value="N"></el-option> |
|||
<el-option label="未入库" value="X"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<!-- 第三行：预留信息 - rqrq --> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="是否预留" prop="reserveFlag"> |
|||
<el-select v-model="editForm.reserveFlag" @change="handleReserveFlagChange" placeholder="请选择" style="width: 100%"> |
|||
<el-option label="是" value="Y"></el-option> |
|||
<el-option label="否" value="N"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="预留单号1"> |
|||
<el-input v-model="editForm.reserveOrderRef1" placeholder="请输入预留单号1"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="预留单号2"> |
|||
<el-input v-model="editForm.reserveOrderRef2" placeholder="请输入预留单号2"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<!-- 第四行：预留单号3 - rqrq --> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="预留单号3"> |
|||
<el-input v-model="editForm.reserveOrderRef3" placeholder="请输入预留单号3"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
|
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="saveEdit" :disabled="editLoading"> |
|||
{{ editLoading ? '保存中...' : '确定' }} |
|||
</el-button> |
|||
<el-button @click="editDialogVisible = false" :disabled="editLoading">取消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getHandlingUnitLabelList, reprintLabel, deleteLabel, updateLabelLocation } from '@/api/warehouse/labelQuery' |
|||
import { searchSysLanguagePackList, saveUserFavorite, searchUserFavorite } from '@/api/sysLanguage' |
|||
import { createOtherInboundHU, printLabel } from '@/api/warehouse/otherInbound' |
|||
import {getHandlingUnitLabelAll, 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, |
|||
// 修改库位相关 - rqrq |
|||
editDialogVisible: false, |
|||
editLoading: false, |
|||
editForm: { |
|||
unitId: '', |
|||
partNo: '', |
|||
batchNo: '', |
|||
warehouseId: '', |
|||
locationId: '', |
|||
inStockFlag: '', |
|||
reserveFlag: 'N', |
|||
reserveOrderRef1: '', |
|||
reserveOrderRef2: '', |
|||
reserveOrderRef3: '' |
|||
}, |
|||
// 其它入库标签打印相关 |
|||
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 |
|||
} |
|||
|
|||
getHandlingUnitLabelAll(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 |
|||
}) |
|||
}, |
|||
|
|||
// 打开修改库位弹窗 - rqrq |
|||
showEditDialog(row) { |
|||
this.editForm = { |
|||
unitId: row.unitId, |
|||
partNo: row.partNo, |
|||
batchNo: row.batchNo, |
|||
warehouseId: row.warehouseId || '', |
|||
locationId: row.locationId || '', |
|||
inStockFlag: row.inStockFlag || '', |
|||
reserveFlag: row.reserveFlag || 'N', |
|||
reserveOrderRef1: row.reserveOrderRef1 || '', |
|||
reserveOrderRef2: row.reserveOrderRef2 || '', |
|||
reserveOrderRef3: row.reserveOrderRef3 || '' |
|||
} |
|||
this.editDialogVisible = true |
|||
}, |
|||
|
|||
// 是否预留变化处理 - rqrq |
|||
handleReserveFlagChange(value) { |
|||
if (value === 'N') { |
|||
// 选择N时清空3个预留单号 - rqrq |
|||
this.editForm.reserveOrderRef1 = '' |
|||
this.editForm.reserveOrderRef2 = '' |
|||
this.editForm.reserveOrderRef3 = '' |
|||
} |
|||
}, |
|||
|
|||
// 保存修改 - rqrq |
|||
saveEdit() { |
|||
// 参数校验 - rqrq |
|||
if (!this.editForm.warehouseId) { |
|||
this.$message.error('仓库不能为空') |
|||
return |
|||
} |
|||
if (!this.editForm.locationId) { |
|||
this.$message.error('库位不能为空') |
|||
return |
|||
} |
|||
|
|||
this.editLoading = true |
|||
|
|||
const params = { |
|||
site: localStorage.getItem('site'), |
|||
unitId: this.editForm.unitId, |
|||
warehouseId: this.editForm.warehouseId, |
|||
locationId: this.editForm.locationId, |
|||
inStockFlag: this.editForm.inStockFlag, |
|||
reserveFlag: this.editForm.reserveFlag, |
|||
reserveOrderRef1: this.editForm.reserveOrderRef1, |
|||
reserveOrderRef2: this.editForm.reserveOrderRef2, |
|||
reserveOrderRef3: this.editForm.reserveOrderRef3 |
|||
} |
|||
|
|||
updateLabelLocation(params).then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.$message.success('修改成功') |
|||
this.editDialogVisible = false |
|||
this.getDataList() |
|||
} else { |
|||
this.$message.error(data.msg || '修改失败') |
|||
} |
|||
}).catch(() => { |
|||
this.$message.error('修改失败') |
|||
}).finally(() => { |
|||
this.editLoading = false |
|||
}) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</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