11 changed files with 690 additions and 24 deletions
@ -0,0 +1,87 @@ |
|||
<template> |
|||
<view class=""> |
|||
|
|||
|
|||
<uni-collapse ref="collapse"> |
|||
<uni-collapse-item :open="true"> |
|||
<template v-slot:title> |
|||
<view class="" style="font-size: 32rpx;"> |
|||
<view class="" > |
|||
客户 : {{dataContent.customerName}} ({{dataContent.customerCode}}) |
|||
</view> |
|||
|
|||
<view class=""> |
|||
总数量 : {{dataContent.totalQty}} |
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
<u-line /> |
|||
<uni-swipe-action ref="swipeAction"> |
|||
<view v-for="(item, index) in dataContent.subList" :key="index"> |
|||
<uni-swipe-action-item> |
|||
<view class="" style="font-size: 32rpx;margin: 10rpx;"> |
|||
<view class=""> |
|||
物品代码 : {{item.itemCode}} |
|||
</view> |
|||
<view class=""> |
|||
物品名称 : {{item.itemName}} |
|||
</view> |
|||
|
|||
<view class="uni-flex uni-row uni-center"> |
|||
<view class=""> |
|||
数量 : {{item.qty}} 单位 : |
|||
</view> |
|||
<view class=""> |
|||
<uom :uom="item.uom"></uom> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</view> |
|||
</uni-swipe-action-item> |
|||
<u-line /> |
|||
</view> |
|||
</uni-swipe-action> |
|||
|
|||
</uni-collapse-item> |
|||
</uni-collapse> |
|||
|
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import uom from '@/mycomponents/qty/uom.vue' |
|||
export default { |
|||
components: { |
|||
uom |
|||
}, |
|||
data() { |
|||
return { |
|||
|
|||
} |
|||
}, |
|||
props: { |
|||
dataContent: { |
|||
type: Object, |
|||
default: {} |
|||
}, |
|||
}, |
|||
methods: { |
|||
update(){ |
|||
this.$nextTick(r => { |
|||
this.$refs.collapse.resize() |
|||
}); |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
@ -0,0 +1,272 @@ |
|||
<template> |
|||
<view class=""> |
|||
<uni-popup ref="popup" :maskClick="false"> |
|||
<view class="uni-flex uni-column pop_customer"> |
|||
<view class="" style="padding:10rpx"> |
|||
<view class="uni-flex u-col-center uni-row space-between" style="padding: 10rpx 10rpx 20rpx 10rpx"> |
|||
<view class="" style="font-size: 35rpx;"> |
|||
{{title}} |
|||
</view> |
|||
<image style="width: 35rpx;height: 35rpx;" src="/static/icons/icons_close.svg" |
|||
@click="closeRequestPopup()"></image> |
|||
</view> |
|||
<u-line /> |
|||
<view class="uni-flex uni-column" style="background-color: white; "> |
|||
<view class="uni-flex uni-column "> |
|||
<view class="uni-flex uni-row padding title u-col-center"> |
|||
<text>客户 : </text> |
|||
<view class="uni-flex u-col-center uni-row" @click="showSelect"> |
|||
<view class="" style="margin-left: 20rpx;"> |
|||
{{customerName}} |
|||
</view> |
|||
<u-select v-model="showCustomer" mode="single-column" :list="customerList" |
|||
@confirm="confirmSelect"></u-select> |
|||
</view> |
|||
|
|||
</view> |
|||
<u-line /> |
|||
|
|||
<view class="uni-flex uni-row padding title u-col-center"> |
|||
<text>零件 : </text> |
|||
<view class="uni-flex u-col-center uni-row"> |
|||
<u-input v-model="itemCode" :focus="itemCodeFocus" :border="true" |
|||
placeholder="请输入需求零件" @confirm="itemCodeConfirm" /> |
|||
<image src="/static/search.svg" mode="" |
|||
style=" width: 40rpx;height: 40rpx;margin-left: 10rpx;" @click="itemCodeClick"> |
|||
</image> |
|||
|
|||
</view> |
|||
</view> |
|||
<u-line /> |
|||
|
|||
<view class="uni-flex uni-row padding title u-col-center"> |
|||
<text>数量 : </text> |
|||
<view class="uni-flex uni-row uni-center" |
|||
style="align-items: center;margin-left: 20rpx;"> |
|||
<uni-number-box :value="counQty" @change="change" style='margin-left: 10rpx;' |
|||
:focus="numberFocus" @blur='numberFocus = false'> |
|||
</uni-number-box> |
|||
<uom :uom="uom"></uom> |
|||
|
|||
</view> |
|||
</view> |
|||
<u-line /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="uni-flex uni-row hide_border"> |
|||
<button class="btn_edit_big_cancle" hover-class="btn_edit_big_after" @click="cancel()">取消</button> |
|||
<button class="btn_edit_big_confirm" hover-class="btn_edit_big_after" @click="confirm()">确认</button> |
|||
</view> |
|||
</view> |
|||
</uni-popup> |
|||
|
|||
<comMessage ref="comMessage"></comMessage> |
|||
<selectList ref='selectList' @selectedItem="selectedItem"></selectList> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getBasicLocationByCode, |
|||
getBasicItemByCode, |
|||
getProductionlineItem, |
|||
getWorkShopLineStation, |
|||
getBasicCustomerList, |
|||
} from '@/api/request2.js'; |
|||
import { |
|||
getLocationTypeName, |
|||
getListLocationTypeDesc, |
|||
checkDirectoryItemExist |
|||
} from '@/common/directory.js'; |
|||
import uom from '@/mycomponents/qty/uom.vue' |
|||
import balanceStatus from '@/mycomponents/status/balanceStatus.vue' |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import selectList from '@/mycomponents/popup/selectList.vue' |
|||
|
|||
|
|||
export default { |
|||
components: { |
|||
uom, |
|||
balanceStatus, |
|||
comMessage, |
|||
selectList |
|||
}, |
|||
data() { |
|||
return { |
|||
// itemCode: 'CE115F11161AG', |
|||
itemCode: '', |
|||
itemName: "", |
|||
qty: 0, |
|||
itemCodeFocus: false, |
|||
requestInfo: null, |
|||
itemCodeList: [], |
|||
isCheckItemCode: false, |
|||
counQty: 0, |
|||
editPosition: true, |
|||
numberFocus: false, |
|||
uom: "", |
|||
showCustomer: false, |
|||
isModifiedPosition: true, |
|||
customerList: [], |
|||
customerName: "请选择客户", |
|||
customerCode:"" |
|||
} |
|||
}, |
|||
props: { |
|||
title: { |
|||
type: String, |
|||
default: '需求信息' |
|||
}, |
|||
}, |
|||
methods: { |
|||
openRequestPopup(editPosition) { |
|||
if (this.customerList.length == 0) { |
|||
getBasicCustomerList().then(res => { |
|||
if (res.data.length > 0) { |
|||
var list = res.data; |
|||
list.forEach(item => { |
|||
item.label = item.name |
|||
item.value = item.code |
|||
}) |
|||
this.customerList = list; |
|||
} |
|||
}).catch(error => { |
|||
|
|||
}) |
|||
} |
|||
|
|||
this.editPosition = editPosition; |
|||
if (this.isModifiedPosition) { |
|||
this.isModifiedPosition = false |
|||
} else { |
|||
this.itemCode = ""; |
|||
this.uom = "" |
|||
this.qty = 0 |
|||
this.itemCodeGetFocus(); |
|||
} |
|||
|
|||
this.$refs.popup.open('bottom') |
|||
}, |
|||
closeRequestPopup() { |
|||
this.$refs.popup.close() |
|||
}, |
|||
locationConfirm() { |
|||
//查询库位信息 |
|||
this.checkLocatioCode(); |
|||
}, |
|||
itemCodeClick() { |
|||
if (this.customerName == "请选择客户") { |
|||
this.showErrorMessage("请选择客户") |
|||
return |
|||
} |
|||
this.$refs.selectList.queryList(this.customerCode) |
|||
|
|||
}, |
|||
|
|||
itemCodeGetFocus() { |
|||
this.itemCodeFocus = true; |
|||
}, |
|||
itemCodeLoseFocus() { |
|||
this.itemCodeFocus = false; |
|||
}, |
|||
selectedItem(item) { |
|||
this.itemCode = item.itemCode; |
|||
this.checkItemCode(); |
|||
}, |
|||
|
|||
confirm() { |
|||
if (this.itemCode == "" || !this.isCheckItemCode) { |
|||
this.showErrorMessage("请输入零件", "itemCode") |
|||
return |
|||
} |
|||
if (this.qty == 0) { |
|||
this.showErrorMessage("数量必须大于0") |
|||
return |
|||
} |
|||
|
|||
this.callback('add'); |
|||
|
|||
}, |
|||
|
|||
confirmSelect(e){ |
|||
this.customerName = e[0].label |
|||
this.customerCode = e[0].value |
|||
}, |
|||
|
|||
checkItemCode() { |
|||
//校验零件 |
|||
getBasicItemByCode(this.itemCode).then(res => { |
|||
uni.hideLoading(); |
|||
if (res.data != null && res.data.list.length > 0) { |
|||
this.itemCode = res.data.list[0].code; |
|||
this.itemName = res.data.list[0].name |
|||
this.isCheckItemCode = true; |
|||
this.numberFocus = true |
|||
this.uom = res.data.list[0].uom |
|||
} else { |
|||
this.showErrorMessage('未查找到零件【' + this.itemCode + '】', "itemCode"); |
|||
} |
|||
|
|||
}).catch(error => { |
|||
uni.hideLoading(); |
|||
this.showErrorMessage(error, "itemCode"); |
|||
}) |
|||
}, |
|||
|
|||
|
|||
callback(action) { |
|||
let item = { |
|||
customerName :this.customerName, |
|||
customerCode:this.customerCode, |
|||
itemCode: this.itemCode, |
|||
itemName: this.itemName, |
|||
uom: this.uom, |
|||
qty: this.qty |
|||
}; |
|||
this.closeRequestPopup(); |
|||
this.$emit("confirm", action, item); |
|||
}, |
|||
|
|||
showErrorMessage(message, type) { |
|||
setTimeout(r => { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (type == "itemCode") { |
|||
this.itemCodeGetFocus(); |
|||
} else { |
|||
this.numberFocus = true; |
|||
} |
|||
}) |
|||
if (type == "itemCode") { |
|||
this.itemCode = "" |
|||
this.isCheckItemCode = false; |
|||
} |
|||
}) |
|||
}, |
|||
itemCodeConfirm() { |
|||
this.checkItemCode(); |
|||
}, |
|||
change(value) { |
|||
this.qty = value; |
|||
}, |
|||
cancel(e) { |
|||
this.closeRequestPopup(); |
|||
}, |
|||
showSelect() { |
|||
if (this.editPosition) { |
|||
this.showCustomer = true |
|||
} |
|||
|
|||
}, |
|||
|
|||
|
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.title { |
|||
font-size: 30rpx; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,222 @@ |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class="" v-if='detailSource.subList.length==0'> |
|||
<com-blank-view @goScan='goScan(true)'></com-blank-view> |
|||
</view> |
|||
<view v-else class="page-wraper"> |
|||
<view class="page-main"> |
|||
<comDeliverRequestCreator ref="deliverRequest" :dataContent="detailSource"> |
|||
</comDeliverRequestCreator> |
|||
<button class="btn_add" @click="goScan(false)">+去添加</button> |
|||
</view> |
|||
|
|||
<div class="btn_bottom"> |
|||
<view class="" style="display: flex;flex-direction: row;"> |
|||
<view class=""> |
|||
<button class="btn_commit" hover-class="btn_commit_after" @click="submit()">提交</button> |
|||
</view> |
|||
</view> |
|||
</div> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</view> |
|||
<comDeliverRequestPopup ref="comDeliverRequestPopup" @confirm='requestConfirm'></comDeliverRequestPopup> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
deliverRequestSubmit, |
|||
issueRecordSubmit |
|||
} from '@/api/request2.js'; |
|||
|
|||
import { |
|||
goHome, |
|||
updateTitle, |
|||
getRemoveOption, |
|||
getISODateTime |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDataSource |
|||
} from '@/pages/issue/js/issue.js'; |
|||
|
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import comDeliverRequestPopup from '@/pages/deliver/coms/comDeliverRequestPopup.vue' |
|||
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import comDeliverRequestCreator from '@/pages/deliver/coms/comDeliverRequestCreator.vue' |
|||
|
|||
export default { |
|||
name: 'issueRequestSubmit', |
|||
components: { |
|||
comBlankView, |
|||
comDeliverRequestPopup, |
|||
jobDetailPopup, |
|||
comMessage, |
|||
comDeliverRequestCreator |
|||
}, |
|||
data() { |
|||
return { |
|||
subList: [], //接口返回的任务subList |
|||
detailSource: { |
|||
subList: [] |
|||
}, //绑定在页面上的数据源 |
|||
detailOptions: [], |
|||
scanOptions: [], |
|||
fromType: "", |
|||
dataContent:{} |
|||
|
|||
} |
|||
}, |
|||
mounted() { |
|||
this.goScan(true) |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
|
|||
}, |
|||
methods: { |
|||
goScan(editPosition) { |
|||
this.$refs.comDeliverRequestPopup.openRequestPopup(editPosition); |
|||
}, |
|||
|
|||
//确定需求信息 |
|||
requestConfirm(action, item) { |
|||
|
|||
if (this.detailSource.subList.length == 0) { |
|||
this.detailSource = { |
|||
customerCode: item.customerCode, |
|||
customerName: item.customerName, |
|||
totalQty: 0, |
|||
subList: [] |
|||
} |
|||
var subItem = { |
|||
itemCode: item.itemCode, |
|||
itemName: item.itemName, |
|||
qty: item.qty, |
|||
uom: item.uom |
|||
} |
|||
this.detailSource.subList.push(subItem) |
|||
} else { |
|||
var result = this.detailSource.subList.filter(res => { |
|||
if (res.itemCode == item.itemCode && |
|||
res.productionLineCode == item.productionLineCode && |
|||
res.workStationCode == item.workStationCode) { |
|||
return res |
|||
} |
|||
}) |
|||
|
|||
//没有添加数据 |
|||
if (result.length == 0) { |
|||
var subItem = { |
|||
productionLineCode: item.productionLineCode, |
|||
productionLineName: item.productionLineName, |
|||
workStationCode: item.workStationCode, |
|||
workStationName: item.workStationName, //工位 |
|||
itemCode: item.itemCode, |
|||
itemName: item.itemName, |
|||
qty: item.qty, |
|||
uom: item.uom |
|||
} |
|||
|
|||
this.detailSource.subList.push(subItem) |
|||
|
|||
} else { |
|||
//有了更新数据 |
|||
result[0].qty += item.qty |
|||
|
|||
} |
|||
} |
|||
this.caclcQty(); |
|||
if (this.$refs.deliverRequest != undefined) { |
|||
this.$refs.deliverRequest.update() |
|||
} |
|||
}, |
|||
|
|||
caclcQty() { |
|||
var totalQty = 0; |
|||
this.detailSource.subList.forEach(res => { |
|||
totalQty += res.qty |
|||
}) |
|||
this.detailSource.totalQty = totalQty; |
|||
}, |
|||
|
|||
|
|||
setParams() { |
|||
return this.detailSource |
|||
}, |
|||
submit() { |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setRequestParams() |
|||
console.log("提交参数", JSON.stringify(params)); |
|||
// deliverRequestSubmit(params).then(res => { |
|||
// uni.hideLoading() |
|||
// if (res.data) { |
|||
// this.showCommitSuccessMessage("提交成功<br>生成成品发货申请" + res.data) |
|||
// } else { |
|||
// this.showErrorMessage("提交失败[" + res.msg + "]") |
|||
// } |
|||
// }).catch(error => { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage(error) |
|||
// }) |
|||
|
|||
|
|||
}, |
|||
|
|||
setRequestParams(){ |
|||
var subList = [] |
|||
this.detailSource.subList.forEach(detail => { |
|||
debugger |
|||
detail.soNumber = detail.package.soNumber; |
|||
detail.soLine = detail.package.soLine; |
|||
detail.remark ="" |
|||
// soNumber: 926926926, |
|||
// soLine: 926, |
|||
// itemCode: THILDD0A691AG, |
|||
// remark: , |
|||
// qty: 2, |
|||
// uom: EA |
|||
subList.push(detail) |
|||
}) |
|||
|
|||
this.detailSource.subList = subList |
|||
this.detailSource.deliverPlanNumber = "DP20231130-0001" |
|||
this.detailSource.customerCode = this.detailSource.customerCode |
|||
this.detailSource.customerDockCode = "" |
|||
this.detailSource.carrierCode = "" |
|||
this.detailSource.transferMode = "" |
|||
this.detailSource.vehiclePlateNumber = "" |
|||
this.detailSource.remark = "" |
|||
this.detailSource.dueTime = "" |
|||
this.detailSource.departmentCode = "研发部门" |
|||
this.detailSource.status = 1 |
|||
this.detailSource.autoCommit = "FALSE" |
|||
this.detailSource.autoAgree = "FALSE" |
|||
this.detailSource.autoExecute = "FALSE" |
|||
this.detailSource.directCreateRecord = "FALSE" |
|||
|
|||
return this.detailSource; |
|||
}, |
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
uni.navigateTo({ |
|||
url: './deliverRequest' |
|||
}) |
|||
}) |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
Loading…
Reference in new issue