9 changed files with 494 additions and 137 deletions
@ -0,0 +1,105 @@ |
|||
<template> |
|||
<uni-popup ref="popupItems"> |
|||
<com-popup @onClose="closePopup"> |
|||
<view class=""> |
|||
<view class="uni-center" style="font-size: 40rpx;margin-top: 10rpx;margin-bottom: 10rpx;"> |
|||
选择零件 |
|||
</view> |
|||
<u-line/> |
|||
<view style="margin: 20rpx;" v-for="(item, index) in showList" :key="index" > |
|||
<view class="" style="padding: 10rpx;" @click="selectItem(item)"> |
|||
零件: {{item.itemCode}} |
|||
</view> |
|||
<u-line/> |
|||
</view> |
|||
</view> |
|||
<view class="flex uni-center" style="width: 100%;justify-content: center;margin-top: 10rpx;margin-bottom: 10rpx;" > |
|||
<view class=""> |
|||
当前页：{{ pageCurrent }}，数据总量：{{ total }}条，每页数据：{{ pageSize }} |
|||
</view> |
|||
|
|||
</view> |
|||
<view class=""> |
|||
<uni-pagination :page-size="pageSize" :current="pageCurrent" :total="total" @change="change" /> |
|||
</view> |
|||
|
|||
|
|||
</com-popup> |
|||
</uni-popup> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
import { |
|||
getProductionlineItem |
|||
} from '@/api/request2.js'; |
|||
import comPopup from '@/mycomponents/common/comPopup.vue' |
|||
export default { |
|||
emits: ["selectedItem"], |
|||
components: { |
|||
comPopup, |
|||
}, |
|||
props: { |
|||
|
|||
}, |
|||
data() { |
|||
return { |
|||
showList: [], |
|||
pageCurrent:1, |
|||
pageSize:10, |
|||
total:0 |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
queryList(lineCode){ |
|||
var params = { |
|||
productionLineCode: lineCode, |
|||
pageNo: this.pageCurrent, |
|||
pageSize: this.pageSize |
|||
} |
|||
getProductionlineItem(params).then(res => { |
|||
if (res.data != null && res.data.list.length > 0) { |
|||
this.showList = res.data.list; |
|||
this.total =res.data.total; |
|||
this.$refs['popupItems'].open("center"); |
|||
} else { |
|||
//没有查询到生产线对应的零件信息 |
|||
// this.showErrorMessage('未查找到生产线【' + lineCode + '】对应的零件'); |
|||
this.$refs['popupItems'].open("center"); |
|||
} |
|||
}).catch(error => { |
|||
// this.showErrorMessage(error); |
|||
}) |
|||
}, |
|||
openPopup(items) { |
|||
this.showList = items; |
|||
this.$refs['popupItems'].open("center"); |
|||
}, |
|||
closePopup() { |
|||
this.$refs.popupItems.close() |
|||
}, |
|||
selectItem(item) { |
|||
this.$emit("selectedItem", item); |
|||
this.$refs['popupItems'].close(); |
|||
}, |
|||
change(e){ |
|||
this.pageCurrent = e.current |
|||
console.log("分页",e.current) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.fixed-bottom { |
|||
position: fixed; |
|||
bottom: 0; |
|||
width: 100%; |
|||
text-align: center; |
|||
background-color: #fff; |
|||
padding: 10px 0; |
|||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); |
|||
} |
|||
</style> |
|||
@ -0,0 +1,92 @@ |
|||
<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.workShopCode}} |
|||
</view> |
|||
<view class="" > |
|||
车间名称 : |
|||
</view> |
|||
<view class=""> |
|||
生产线代码 :{{dataContent.productionLineCode}} |
|||
</view> |
|||
<view class=""> |
|||
工位代码 :{{dataContent.workStationCode}} |
|||
</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,177 @@ |
|||
<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"> |
|||
<comIssueRequestCreator ref="issueRequest" :dataContent="detailSource"> |
|||
</comIssueRequestCreator> |
|||
<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> |
|||
|
|||
<com-scan-issue-pack ref="comScanIssuePack" > |
|||
</com-scan-issue-pack> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</view> |
|||
<com-issue-request-popup ref="comIssueRequestPopup" @confirm='requestConfirm'></com-issue-request-popup> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
import { |
|||
issueRequestSubmit, |
|||
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 comIssueRequestPopup from '@/pages/issue/coms/comIssueRequestPopup.vue' |
|||
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
|||
import comScanIssuePack from '@/pages/issue/coms/comScanIssuePack.vue' |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import comIssueRequestCreator from '@/pages/issue/coms/comIssueRequestCreator.vue' |
|||
|
|||
export default { |
|||
name: 'issueRequestSubmit', |
|||
components: { |
|||
comBlankView, |
|||
comIssueRequestPopup, |
|||
jobDetailPopup, |
|||
comScanIssuePack, |
|||
comMessage, |
|||
comIssueRequestCreator |
|||
}, |
|||
data() { |
|||
return { |
|||
jobContent: {}, //任务内容 |
|||
subList: [], //接口返回的任务subList |
|||
detailSource: { |
|||
subList: [] |
|||
}, //绑定在页面上的数据源 |
|||
detailOptions: [], |
|||
scanOptions: [], |
|||
requestList: [], //需求信息 |
|||
|
|||
} |
|||
}, |
|||
mounted() { |
|||
this.goScan(true) |
|||
}, |
|||
onLoad(option) { |
|||
|
|||
|
|||
}, |
|||
methods: { |
|||
goScan(editPosition) { |
|||
this.$refs.comIssueRequestPopup.openRequestPopup(editPosition); |
|||
}, |
|||
|
|||
//确定需求信息 |
|||
requestConfirm(action, item) { |
|||
|
|||
if (this.detailSource.subList.length == 0) { |
|||
this.detailSource = { |
|||
workShopCode: item.workShopCode, |
|||
productionLineCode:item.productionLineCode, |
|||
workStationCode:item.workStationCode, |
|||
subList: [] |
|||
} |
|||
var subItem = { |
|||
productionLineCode: item.productionLineCode, |
|||
workStationCode: item.workStationCode, |
|||
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) { |
|||
return res |
|||
} |
|||
}) |
|||
|
|||
//没有添加数据 |
|||
if (result.length == 0) { |
|||
var subItem = { |
|||
productionLineCode: item.productionLineCode, |
|||
workStationCode: item.workStationCode, |
|||
itemCode: item.itemCode, |
|||
itemName: item.itemName, |
|||
qty: item.qty, |
|||
uom: item.uom |
|||
} |
|||
|
|||
this.detailSource.subList.push(subItem) |
|||
|
|||
} else { |
|||
//有了更新数据 |
|||
result[0].qty += item.qty |
|||
} |
|||
this.$refs.issueRequest.update() |
|||
} |
|||
}, |
|||
|
|||
|
|||
setParams() { |
|||
return this.detailSource |
|||
}, |
|||
submit() { |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
var params = this.setParams() |
|||
console.log("提交参数", JSON.stringify(params)); |
|||
// issueRequestSubmit(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) |
|||
// }) |
|||
|
|||
}, |
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
uni.navigateTo({ |
|||
url: './issueRequest' |
|||
}) |
|||
}) |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
|
After Width: | Height: | Size: 655 B |
Loading…
Reference in new issue