5 changed files with 604 additions and 14 deletions
@ -0,0 +1,101 @@ |
|||||
|
<template> |
||||
|
<view class="" style="width: 100%; background-color: #fff; border-radius: 10rpx;"> |
||||
|
|
||||
|
<view class="uni-flex uni-row space-between" style="align-items: center;"> |
||||
|
<view> |
||||
|
<view class="uni-flex uni-row" style="align-items: center;"> |
||||
|
<text style="font-size: 30rpx; margin-left: 15rpx;">物料</text> |
||||
|
<item :dataContent="dataContent" style="padding-top: 10rpx; margin-left: 20rpx;"></item> |
||||
|
</view> |
||||
|
|
||||
|
<pack v-if="dataContent.parentNumber" title="父包装" :packingCode="dataContent.parentNumber"></pack> |
||||
|
<pack v-if=" dataContent.packingNumber" :packingCode="dataContent.packingNumber"></pack> |
||||
|
<batch v-if="isShowBatch && dataContent.batch" :batch="dataContent.batch"></batch> |
||||
|
<location :locationCode="dataContent.locationCode"></location> |
||||
|
<view class="" v-if="dataContent.jobNumber" |
||||
|
style="font-size: 30rpx; padding-left: 10rpx ; padding-bottom: 10rpx;"> |
||||
|
<text style="color: coral; ">任务号</text> |
||||
|
{{dataContent.jobNumber}} |
||||
|
</view> |
||||
|
<view class="" v-if="dataContent.businessType" |
||||
|
style="font-size: 30rpx; padding-left: 10rpx ; padding-bottom: 10rpx;"> |
||||
|
<text style="color:green; ">业务类型</text> |
||||
|
{{businessTypeDesc(dataContent.businessType)}} |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="uni-flex" style="flex-direction: column;"> |
||||
|
<view class="uni-flex uni-row center"> |
||||
|
<qty :dataContent="dataContent" :isShowStdPack="isShowStdPack" :isShowStatus="true"></qty> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import itemQty from '@/mycomponents/item/itemQty.vue' |
||||
|
import item from '@/mycomponents/item/item.vue' |
||||
|
import pack from '@/mycomponents/balance/pack.vue' |
||||
|
import batch from '@/mycomponents/balance/batch.vue' |
||||
|
import qty from '@/mycomponents/qty/qty.vue' |
||||
|
import status from '@/mycomponents/status/status.vue' |
||||
|
import location from '@/mycomponents/balance/location.vue' |
||||
|
import { |
||||
|
getBusinessTypeName, |
||||
|
} from '@/common/directory.js'; |
||||
|
export default { |
||||
|
components: { |
||||
|
itemQty, |
||||
|
item, |
||||
|
pack, |
||||
|
batch, |
||||
|
qty, |
||||
|
status, |
||||
|
location, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
|
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
props: { |
||||
|
dataContent: { |
||||
|
type: Object, |
||||
|
default: null, |
||||
|
}, |
||||
|
isShowPack: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
isShowBatch: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
isShowLocation: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
isShowStdPack: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
businessTypeDesc(type) { |
||||
|
return getBusinessTypeName(type) |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
</style> |
||||
@ -0,0 +1,456 @@ |
|||||
|
<!-- 基于z-paging封装个性化分页组件演示(vue) --> |
||||
|
<template> |
||||
|
<view class="uni-flex" style="flex-direction: column"> |
||||
|
<itemFilter ref="filter" @onConfirmClick="confirm"> |
||||
|
</itemFilter> |
||||
|
<view class="top" style=""> |
||||
|
<com-blank-view @goScan='openScanPopup' v-if="packingNumber==''"></com-blank-view> |
||||
|
<z-tabs v-if="packingNumber" :list="tabList" @change="tabChange" /> |
||||
|
</view> |
||||
|
|
||||
|
<view style="padding-top: 100rpx;width:100%"> |
||||
|
<view v-if="totalCount>0" style="margin:10rpx; font-size:35rpx; font-weight:bold">总数 : {{totalCount}} |
||||
|
</view> |
||||
|
<view v-for="(item, index) in dataList" style="width:100%" :key="index"> |
||||
|
<view class="uni-flex uni-row" |
||||
|
style=" align-items: center; background-color: #fff; border-radius:10rpx;margin:10rpx; "> |
||||
|
<view class="" style="font-size:35rpx; "> |
||||
|
({{index+1}}) |
||||
|
</view> |
||||
|
<comPackDetailCard :isShowPack="false" :dataContent="item" style='margin: 10rpx;'> |
||||
|
</comPackDetailCard> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
<uni-load-more :status="loadingType" v-if="dataList.length>0" /> |
||||
|
</view> |
||||
|
|
||||
|
<win-scan-button @goScan='openScanPopup' v-if="packingNumber!=''"></win-scan-button> |
||||
|
|
||||
|
<win-scan-pack ref="scanPopup" @getResult='getScanResult' headerType="HPQ,HMQ"></win-scan-pack> |
||||
|
<comMessage ref="comMessage"></comMessage> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
getExpectoutByItemcode, |
||||
|
getExpectinByItemcode, |
||||
|
getBalanceByItemCode, |
||||
|
getBasicItemByCode, |
||||
|
getBalanceSummary |
||||
|
} from '@/api/request2.js'; |
||||
|
import { |
||||
|
goHome |
||||
|
} from '@/common/basic.js'; |
||||
|
import itemInfo from '@/mycomponents/item/itemInfo.vue' |
||||
|
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
||||
|
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
||||
|
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
||||
|
import comPackDetailCard from '@/pages/query/coms/comPackDetailCard.vue' |
||||
|
import itemFilter from '@/mycomponents/item/itemFilter.vue' |
||||
|
import comEmptyView from '@/mycomponents/common/comEmptyView.vue' |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
itemInfo, |
||||
|
comBlankView, |
||||
|
winScanPack, |
||||
|
winScanButton, |
||||
|
comPackDetailCard, |
||||
|
itemFilter, |
||||
|
comEmptyView |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
//v-model绑定的这个变量不要在分页请求结束中自己赋值！！！ |
||||
|
dataList: [], |
||||
|
tabList: ['明细', '预计出'], |
||||
|
tabIndex: 0, |
||||
|
itemDetail: undefined, |
||||
|
packingNumber: '', |
||||
|
balances: [], |
||||
|
loadingType: "nomore", |
||||
|
totalCount: 0, |
||||
|
locationCode: "", |
||||
|
inventoryStatus: "", |
||||
|
pageSize:10 |
||||
|
} |
||||
|
}, |
||||
|
//返回首页 |
||||
|
onNavigationBarButtonTap(e) { |
||||
|
if (e.index === 0) { |
||||
|
goHome(); |
||||
|
} else if (e.index == 1) { |
||||
|
this.$refs.filter.openFilter(); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
onReachBottom() { |
||||
|
console.log("底部") |
||||
|
//避免多次触发 |
||||
|
if (this.loadingType == 'loading' || this.loadingType == 'nomore') { |
||||
|
return; |
||||
|
} |
||||
|
this.getContentByTab(this.tabIndex, this.pageNo, this.pageSize, "more"); |
||||
|
|
||||
|
}, |
||||
|
onLoad(option){ |
||||
|
uni.setNavigationBarTitle({ |
||||
|
title: option.title |
||||
|
}) |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.openScanPopup(); |
||||
|
}, |
||||
|
onPullDownRefresh() { |
||||
|
this.getContentByTab(this.tabIndex, this.pageNo, this.pageSize, "refresh"); |
||||
|
}, |
||||
|
methods: { |
||||
|
openScanPopup() { |
||||
|
this.$refs.scanPopup.openScanPopup(); |
||||
|
}, |
||||
|
closeScanPopup() { |
||||
|
this.$refs.scanPopup.closeScanPopup(); |
||||
|
}, |
||||
|
getScanResult(result) { |
||||
|
if (!result.label.packingNumber ) { |
||||
|
this.showMessage('包装号不能为空') |
||||
|
return; |
||||
|
} |
||||
|
this.packingNumber =result.label.packingNumber ; |
||||
|
this.tabChange(0) |
||||
|
}, |
||||
|
getItemInfo(code) { |
||||
|
uni.showLoading({ |
||||
|
title: "正在查询物料信息...", |
||||
|
mask: true |
||||
|
}); |
||||
|
|
||||
|
getBasicItemByCode(code).then(res => { |
||||
|
uni.hideLoading(); |
||||
|
if (res.data.list.length > 0) { |
||||
|
this.closeScanPopup(); |
||||
|
this.packingNumber = res.data.list[0].code; |
||||
|
this.itemDetail = res.data.list[0]; |
||||
|
this.tabChange(0) |
||||
|
} else { |
||||
|
this.showMessage('未查找到物料【' + code + '】'); |
||||
|
} |
||||
|
|
||||
|
}).catch(error => { |
||||
|
uni.hideLoading(); |
||||
|
this.packingNumber = ""; |
||||
|
this.showMessage(error); |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 汇总 |
||||
|
getSummary(pageNo, pageSize, type) { |
||||
|
uni.showLoading({ |
||||
|
title: "加载中...", |
||||
|
mask: true |
||||
|
}); |
||||
|
this.loadingType = "loading"; |
||||
|
if (type === "refresh") { |
||||
|
this.pageNo = 1; |
||||
|
this.dataList = []; |
||||
|
} |
||||
|
|
||||
|
var filters = []; |
||||
|
filters.push({ |
||||
|
column: "packingNumber", |
||||
|
action: "==", |
||||
|
value: this.packingNumber |
||||
|
}) |
||||
|
if (this.locationCode) { |
||||
|
filters.push({ |
||||
|
column: "locationCode", |
||||
|
action: "==", |
||||
|
value: this.locationCode |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
if (this.inventoryStatus) { |
||||
|
filters.push({ |
||||
|
column: "inventoryStatus", |
||||
|
action: "in", |
||||
|
value: this.inventoryStatus |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
var params = { |
||||
|
filters: filters, |
||||
|
pageNo: this.pageNo, |
||||
|
pageSize: pageSize |
||||
|
} |
||||
|
getBalanceByItemCode(params).then(res => { |
||||
|
uni.hideLoading(); |
||||
|
|
||||
|
if (type === "refresh") { |
||||
|
uni.stopPullDownRefresh(); |
||||
|
} |
||||
|
var list = res.data.list; |
||||
|
this.totalCount = res.data.total |
||||
|
this.loadingType = "loadmore"; |
||||
|
if (list == null || list.length == 0) { |
||||
|
this.loadingType = "nomore"; |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
this.dataList = type === "refresh" ? list : this.dataList.concat(list); |
||||
|
this.pageNo++; |
||||
|
|
||||
|
}).catch(error => { |
||||
|
this.$refs.paging.complete(false); |
||||
|
uni.hideLoading(); |
||||
|
this.showMessage(error); |
||||
|
}) |
||||
|
}, |
||||
|
//明细 |
||||
|
getDetailList(pageNo, pageSize, type) { |
||||
|
uni.showLoading({ |
||||
|
title: "加载中...", |
||||
|
mask: true |
||||
|
}); |
||||
|
this.loadingType = "loading"; |
||||
|
if (type === "refresh") { |
||||
|
this.pageNo = 1; |
||||
|
this.dataList = []; |
||||
|
} |
||||
|
|
||||
|
var filters = []; |
||||
|
filters.push({ |
||||
|
column: "packingNumber", |
||||
|
action: "==", |
||||
|
value: this.packingNumber |
||||
|
}) |
||||
|
if (this.locationCode) { |
||||
|
filters.push({ |
||||
|
column: "locationCode", |
||||
|
action: "==", |
||||
|
value: this.locationCode |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
if (this.inventoryStatus) { |
||||
|
filters.push({ |
||||
|
column: "inventoryStatus", |
||||
|
action: "in", |
||||
|
value: this.inventoryStatus |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
var params = { |
||||
|
filters: filters, |
||||
|
pageNo: this.pageNo, |
||||
|
pageSize: pageSize |
||||
|
} |
||||
|
getBalanceByItemCode(params).then(res => { |
||||
|
uni.hideLoading(); |
||||
|
|
||||
|
if (type === "refresh") { |
||||
|
uni.stopPullDownRefresh(); |
||||
|
} |
||||
|
var list = res.data.list; |
||||
|
this.totalCount = res.data.total |
||||
|
this.loadingType = "loadmore"; |
||||
|
if (list == null || list.length == 0) { |
||||
|
this.loadingType = "nomore"; |
||||
|
return; |
||||
|
} |
||||
|
this.dataList = type === "refresh" ? list : this.dataList.concat(list); |
||||
|
this.pageNo++; |
||||
|
|
||||
|
}).catch(error => { |
||||
|
uni.hideLoading(); |
||||
|
this.showMessage(error); |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
getContentByTab(index, pageNo, pageSize, type) { |
||||
|
if (index === 0) this.getDetailList(pageNo, pageSize, type); |
||||
|
else if (index === 1) this.getExpectout(pageNo, pageSize, type); |
||||
|
else if (index === 2) { |
||||
|
// this.getExpectout(pageNo, pageSize, type); |
||||
|
} |
||||
|
}, |
||||
|
//预计入 |
||||
|
getExpectin(pageNo, pageSize, type) { |
||||
|
uni.showLoading({ |
||||
|
title: "加载中...", |
||||
|
mask: true |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
this.loadingType = "loading"; |
||||
|
if (type === "refresh") { |
||||
|
this.pageNo = 1; |
||||
|
this.dataList = []; |
||||
|
} |
||||
|
|
||||
|
var filters = []; |
||||
|
filters.push({ |
||||
|
column: "packingNumber", |
||||
|
action: "==", |
||||
|
value: this.packingNumber |
||||
|
}) |
||||
|
if (this.locationCode) { |
||||
|
filters.push({ |
||||
|
column: "locationCode", |
||||
|
action: "==", |
||||
|
value: this.locationCode |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
if (this.inventoryStatus) { |
||||
|
filters.push({ |
||||
|
column: "inventoryStatus", |
||||
|
action: "in", |
||||
|
value: this.inventoryStatus |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
var params = { |
||||
|
filters: filters, |
||||
|
pageNo: this.pageNo, |
||||
|
pageSize: pageSize |
||||
|
} |
||||
|
getExpectinByItemcode(params).then(res => { |
||||
|
uni.hideLoading(); |
||||
|
|
||||
|
if (type === "refresh") { |
||||
|
uni.stopPullDownRefresh(); |
||||
|
} |
||||
|
var list = res.data.list; |
||||
|
this.totalCount = res.data.total |
||||
|
this.loadingType = "loadmore"; |
||||
|
if (list == null || list.length == 0) { |
||||
|
this.loadingType = "nomore"; |
||||
|
return; |
||||
|
} |
||||
|
this.dataList = type === "refresh" ? list : this.dataList.concat(list); |
||||
|
this.pageNo++; |
||||
|
}).catch(error => { |
||||
|
uni.hideLoading(); |
||||
|
this.showMessage(error); |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
//预计出 |
||||
|
getExpectout(pageNo, pageSize, type) { |
||||
|
uni.showLoading({ |
||||
|
title: "加载中...", |
||||
|
mask: true |
||||
|
}); |
||||
|
|
||||
|
this.loadingType = "loading"; |
||||
|
if (type === "refresh") { |
||||
|
this.pageNo = 1; |
||||
|
this.dataList = []; |
||||
|
} |
||||
|
|
||||
|
var filters = []; |
||||
|
filters.push({ |
||||
|
column: "packingNumber", |
||||
|
action: "==", |
||||
|
value: this.packingNumber |
||||
|
}) |
||||
|
if (this.locationCode) { |
||||
|
filters.push({ |
||||
|
column: "locationCode", |
||||
|
action: "==", |
||||
|
value: this.locationCode |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
if (this.inventoryStatus) { |
||||
|
filters.push({ |
||||
|
column: "inventoryStatus", |
||||
|
action: "in", |
||||
|
value: this.inventoryStatus |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
var params = { |
||||
|
filters: filters, |
||||
|
pageNo: this.pageNo, |
||||
|
pageSize: pageSize |
||||
|
} |
||||
|
getExpectoutByItemcode(params).then(res => { |
||||
|
uni.hideLoading(); |
||||
|
if (type === "refresh") { |
||||
|
uni.stopPullDownRefresh(); |
||||
|
} |
||||
|
var list = res.data.list; |
||||
|
this.totalCount = res.data.total |
||||
|
this.loadingType = "loadmore"; |
||||
|
if (list == null || list.length == 0) { |
||||
|
this.loadingType = "nomore"; |
||||
|
return; |
||||
|
} |
||||
|
this.dataList = type === "refresh" ? list : this.dataList.concat(list); |
||||
|
this.pageNo++; |
||||
|
|
||||
|
}).catch(error => { |
||||
|
uni.hideLoading(); |
||||
|
this.showMessage(error); |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
showMessage(message) { |
||||
|
this.$refs.comMessage.showErrorMessage(message, res => { |
||||
|
if (res) { |
||||
|
this.afterCloseMessage() |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
afterCloseMessage() { |
||||
|
if (this.$refs.scanPopup != undefined) { |
||||
|
this.$refs.scanPopup.getfocus(); |
||||
|
} |
||||
|
}, |
||||
|
tabChange(index) { |
||||
|
this.tabIndex = index; |
||||
|
this.getContentByTab(index, this.pageNo, this.pageSize, "refresh") |
||||
|
}, |
||||
|
|
||||
|
confirm(locationCode, status) { |
||||
|
if(this.packingNumber){ |
||||
|
this.locationCode = locationCode; |
||||
|
if(status.length>0){ |
||||
|
var arrayItems = status.join(',') |
||||
|
this.inventoryStatus = arrayItems |
||||
|
}else { |
||||
|
this.inventoryStatus="" |
||||
|
} |
||||
|
this.tabChange(this.tabIndex) |
||||
|
}else { |
||||
|
this.showMessage("请先扫描物料") |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
page { |
||||
|
height: 100%; |
||||
|
} |
||||
|
.top{ |
||||
|
width: 100%; |
||||
|
position: fixed; |
||||
|
/* #ifdef APP */ |
||||
|
top: 0rpx; |
||||
|
/* #endif */ |
||||
|
|
||||
|
/* #ifdef H5 */ |
||||
|
top: 80rpx; |
||||
|
/* #endif */ |
||||
|
|
||||
|
right: 0; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue