269 lines
7.3 KiB
Vue
269 lines
7.3 KiB
Vue
<template>
|
||
<view>
|
||
<uni-forms style="background-color: white;" ref="form">
|
||
<uni-row>
|
||
|
||
<uni-col :span="24">
|
||
<selectLay :options="warehouseOptions" :value="whCode" placeholder="请选择设备厂家"
|
||
@selectitem="warehouseOptionsFuc"></selectLay>
|
||
</uni-col>
|
||
|
||
<uni-col :span="24">
|
||
|
||
<selectLay :options="statusArr" :value="status" placeholder="请选择拣货单状态" @selectitem="statusArrFuc">
|
||
</selectLay>
|
||
</uni-col>
|
||
<uni-col :span="24">
|
||
<selectLay :options="listEmployeeArr" :value="pickBy" placeholder="请选择拣货员"
|
||
@selectitem="listEmployeeArrFuc">
|
||
</selectLay>
|
||
</uni-col>
|
||
|
||
<button style="margin: 0 auto; width: 100vw;" type="primary" size="medium" @click="queryBtn">查询</button>
|
||
|
||
</uni-row>
|
||
<uni-collapse>
|
||
<uni-collapse-item title="拣货单明细" open>
|
||
<selectLay style="position: fixed;top: 50%;left: 0;" v-show="isBol" :options="listEmployeeArr"
|
||
:value="pickBy" placeholder="请选择拣货员" @selectitem="listEmployeePickFuc">
|
||
</selectLay>
|
||
<uni-card @click="jumpTo(item)" class="box-card" v-for="(item,col) in listPickArr">
|
||
<uni-row>
|
||
<uni-col :span="14">物料单号:{{item.drawTaskCode}}</uni-col>
|
||
<uni-col :span="10">数量:{{item.pickNumber}}</uni-col>
|
||
<uni-col :span="14">来源单号:{{item.workOrderCode}}</uni-col>
|
||
<uni-col :span="10">库位:{{item.storageLocationCode}}</uni-col>
|
||
<uni-col :span="14">单位:{{item.unit}}</uni-col>
|
||
<uni-col
|
||
:span="10">状态:{{statusArr.find(items=>item.status == items.value).label||""}}</uni-col>
|
||
<uni-col :span="24">拣货员:{{listEmployeeArrSelFuc(item.actualPickBy)}}</uni-col>
|
||
</uni-row>
|
||
<uni-row>
|
||
<uni-col :span="8" size="mini">
|
||
<button size="mini" type="primary" @click.stop="handleCancelPick(item)">撤销拣货</button>
|
||
</uni-col>
|
||
<uni-col :span="8" size="mini">
|
||
<button size="mini" type="primary" @click.stop="handleChangePerson(item)">更换人员</button>
|
||
</uni-col>
|
||
<uni-col :span="8" size="mini">
|
||
<button size="mini" type="primary" @click.stop="handlePickOut(item)">拣货出库</button>
|
||
</uni-col>
|
||
</uni-row>
|
||
</uni-card>
|
||
</uni-collapse-item>
|
||
</uni-collapse>
|
||
<uni-forms-item label="" name="">
|
||
|
||
</uni-forms-item>
|
||
</uni-forms>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import selectLay from "@/components/select-lay/select-lay.vue"
|
||
import {
|
||
listEmployee
|
||
} from "@/api/tpm/checkTaskItem"
|
||
import {
|
||
listWarehouse
|
||
} from "@/api/wms/warehouse.js"
|
||
import {
|
||
listOut,
|
||
addSplitOutInfo,
|
||
} from "@/api/wms/invQuick.js"
|
||
import {
|
||
listPick,
|
||
revokeDrawPick,
|
||
getDetails,
|
||
|
||
addOut,
|
||
} from "@/api/wms/pdcMaterial"
|
||
import {
|
||
updatePick,
|
||
} from "@/api/wms/materRequisitiontask"
|
||
export default {
|
||
created() {
|
||
listWarehouse().then(response => { //仓库数据
|
||
this.warehouseOptions = response.rows.map(item => {
|
||
return {
|
||
label: item.warehouseName,
|
||
value: item.warehouseCode
|
||
}
|
||
})
|
||
});
|
||
listEmployee().then(res => {
|
||
this.listEmployeeArr = res.rows.map(item => {
|
||
return {
|
||
label: item.name,
|
||
value: item.empCode
|
||
}
|
||
});
|
||
})
|
||
},
|
||
|
||
components: {
|
||
selectLay,
|
||
},
|
||
data() {
|
||
return {
|
||
isBol: false,
|
||
whCode: '',
|
||
status: '',
|
||
pickBy: '',
|
||
dataList:{},
|
||
warehouseOptions: [], //仓库
|
||
listEmployeeArr: [],
|
||
listPickArr: [],
|
||
pickQuery: "",
|
||
statusArr: [{
|
||
"label": "等待拣货",
|
||
"value": 1
|
||
},
|
||
{
|
||
"label": "拣货完成",
|
||
"value": 2
|
||
}
|
||
]
|
||
|
||
}
|
||
},
|
||
methods: {
|
||
handlePickOut(item){//拣货出库
|
||
item.status = '2'
|
||
updatePick(item).then(res=>{
|
||
this.$modal.msgSuccess(res.msg)
|
||
})
|
||
},
|
||
|
||
handleCancelPick(item) {
|
||
// 撤销拣货
|
||
revokeDrawPick(item.id).then(res => {
|
||
this.$modal.msgSuccess(res.msg)
|
||
})
|
||
},
|
||
getCurrentTime() {
|
||
const now = new Date(); // 获取当前时间
|
||
|
||
// 获取各个部分
|
||
const year = now.getFullYear(); // 年
|
||
const month = String(now.getMonth() + 1).padStart(2, '0'); // 月（注意要加 1，因为月份从 0 开始）
|
||
const day = String(now.getDate()).padStart(2, '0'); // 日
|
||
const hours = String(now.getHours()).padStart(2, '0'); // 时
|
||
const minutes = String(now.getMinutes()).padStart(2, '0'); // 分
|
||
const seconds = String(now.getSeconds()).padStart(2, '0'); // 秒
|
||
|
||
// 拼接成目标格式
|
||
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
||
},
|
||
getCurrentDate() {
|
||
const now = new Date(); // 获取当前日期
|
||
|
||
// 获取各个部分
|
||
const year = now.getFullYear(); // 年
|
||
const month = String(now.getMonth() + 1).padStart(2, '0'); // 月（注意要加 1，因为月份从 0 开始）
|
||
const day = String(now.getDate()).padStart(2, '0'); // 日
|
||
|
||
// 拼接成目标格式
|
||
return `${year}-${month}-${day}`;
|
||
},
|
||
queryBtn() {
|
||
listPick({
|
||
whCode: this.whCode,
|
||
status: this.status,
|
||
pickBy: this.pickBy
|
||
}).then(res => {
|
||
this.listPickArr = res.rows;
|
||
})
|
||
this.whCode = "";
|
||
this.status = "";
|
||
this.pickBy = "";
|
||
},
|
||
|
||
warehouseOptionsFuc(index, item) {
|
||
this.whCode = item.value;
|
||
|
||
},
|
||
statusArrFuc(index, item) {
|
||
this.status = item.value;
|
||
|
||
},
|
||
listEmployeeArrFuc(index, item) {
|
||
this.pickBy = item.value;
|
||
},
|
||
listEmployeeArrSelFuc(item) {
|
||
if (item) {
|
||
return this.listEmployeeArr.find(items => items.value == item).label;
|
||
} else {
|
||
return ""
|
||
}
|
||
|
||
},
|
||
jumpTo(item) {
|
||
console.log(item, "items");
|
||
// listOut({
|
||
// pageNum: 1,
|
||
// pageSize: 50,
|
||
// orderByColumn: 'id',
|
||
// isAsc: "desc",
|
||
// 'drawTaskCode': item.drawTaskCode
|
||
// }).then(async res => { //判断单子有没有在主表
|
||
// console.log(res, "主表单子");
|
||
// if (!res.total) { //有就直接进入拆分页面，没有新建
|
||
// getDetails({
|
||
// billType: "1",
|
||
// drawTaskCode: item.drawTaskCode,
|
||
// status: "0"
|
||
// }).then(res => {
|
||
// if (res) { //如果查的到数据，开始新建
|
||
// res.wmsDrawOut.billType ='1';
|
||
// res.wmsDrawOut.drawBy = item.drawBy;
|
||
// res.wmsDrawOut.drawTaskCode = item.drawTaskCode
|
||
// res.wmsDrawOut.drawType = "0";
|
||
// res.wmsDrawOut.status = "0";
|
||
// res.wmsDrawOut.warehouseOutBy = item.drawBy
|
||
|
||
// addOut(res.wmsDrawOut).then(addOutList => {
|
||
// console.log(addOutList, "adda")
|
||
// this.dataList = addOutList.data
|
||
// })
|
||
// }
|
||
// })
|
||
// }else{
|
||
// this.dataList = res.data
|
||
// }
|
||
this.$tab.navigateTo("/pages/wms/pdcMaterial/pickingoutModel/pickingoutDetails?item=" +
|
||
encodeURIComponent(JSON.stringify(item)));
|
||
// })
|
||
},
|
||
|
||
|
||
|
||
listEmployeePickFuc(index, item) {
|
||
console.log(item, "item人员");
|
||
this.pickQuery.actualPickBy = item.value;
|
||
this.pickQuery.updateBy = item.label;
|
||
this.pickQuery.updateTime = this.getCurrentTime();
|
||
this.pickQuery.pickTime = this.getCurrentDate();
|
||
updatePick(this.pickQuery).then(res => {
|
||
console.log(res, "修改成功");
|
||
}).finally(r => {
|
||
this.pickQuery = "";
|
||
this.isBol = false;
|
||
})
|
||
|
||
|
||
// this.isBol = false;
|
||
},
|
||
handleChangePerson(item) {
|
||
console.log(item, "2121");
|
||
this.pickQuery = item;
|
||
this.isBol = true;
|
||
}
|
||
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
</style> |