16 changed files with 783 additions and 41 deletions
@ -0,0 +1,89 @@ |
|||
<!-- 收货任务详情 --> |
|||
<template> |
|||
<view class="device-detail" style="padding-bottom: 0 !important;"> |
|||
<comRequestTopInfo :requestContent="dataContent"></comRequestTopInfo> |
|||
<view class="margin_xs_bottom"> |
|||
<!-- <view class="label_order"> |
|||
<image class="icon_normal" src="@/static/icons_ui/icon_apply_num.svg"></image> |
|||
<text>{{dataContent.injectionIssueRequestNumber}}</text> |
|||
<text>申请单：{{dataContent.deliverRequestNumber}}</text> |
|||
</view> --> |
|||
|
|||
<view class="label_order"> |
|||
<image class="icon_normal" src="@/static/icons_ui/icon_customer.svg"></image> |
|||
<text>{{dataContent.worker}}</text> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="uni-flex uni-row receipt_bot"> |
|||
<view class="label_order"> |
|||
<image class="icon_normal" src="@/static/icons_ui/icon_date.svg"> |
|||
</image> |
|||
<text |
|||
class="text_darkblue">{{dataContent.creationTime===null?'无':dataContent.creationTime| formatDate}}</text> |
|||
</view> |
|||
</view> |
|||
<view class="" style="display: flex; justify-content: space-between; margin-bottom: 15rpx;"> |
|||
<view class=""> |
|||
|
|||
</view> |
|||
<view class="" style="float: right;" v-if="dataContent.requestStatus==5"> |
|||
<view class="uni-flex uni-row"> |
|||
<button type="primary" style="width: 140rpx; font-size: 32rpx; margin-right: 20rpx;" |
|||
@click.stop="cancle()">取消</button> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
dateFormat, |
|||
showConfirmMsg |
|||
} from '@/common/basic.js'; |
|||
import comRequestTopInfo from '@/mycomponents/comRequest/comRequestTopInfo.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
comRequestTopInfo |
|||
}, |
|||
props: { |
|||
dataContent: { |
|||
type: Object, |
|||
default: {} |
|||
} |
|||
}, |
|||
filters: { |
|||
formatDate: function(val) { |
|||
return dateFormat(val) |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
|
|||
}; |
|||
}, |
|||
|
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
cancle() { |
|||
showConfirmMsg("是否确认取消?", callback => { |
|||
if (callback) { |
|||
this.$emit("cancle", this.dataContent) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
</style> |
|||
@ -0,0 +1,191 @@ |
|||
<template> |
|||
<page-meta root-font-size="18px"></page-meta> |
|||
<view class=""> |
|||
<win-empty-view v-if="deliverList.length==0"></win-empty-view> |
|||
<view hover-class="uni-list-cell-hover" v-for="(item, index) in deliverList" :key="item.id" |
|||
@click="openDetail(item)"> |
|||
<comThirdLocationRequestItem :dataContent="item" @cancle="cancle"> |
|||
</comThirdLocationRequestItem> |
|||
<!-- <comInjectIssue :dataContent="item"></comInjectIssue> --> |
|||
</view> |
|||
<uni-load-more :status="loadingType" v-if="deliverList.length>0" /> |
|||
<!-- <win-scan-button @goScan='openScanPopup'></win-scan-button> |
|||
<win-mulit-scan ref="scanPopup" :titleArray="titleArray" @getScanResult='getScanResult'> |
|||
</win-mulit-scan> --> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
|
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getThirdLocationRequestList, |
|||
thirdLocationRequestCancle, |
|||
} from '@/api/index.js'; |
|||
|
|||
import { |
|||
goHome |
|||
} from '@/common/basic.js'; |
|||
|
|||
import winEmptyView from '@/mycomponents/wincom/winEmptyView.vue' |
|||
import comInjectIssue from '@/mycomponents/coms/task/comInjectIssue.vue'; |
|||
import comThirdLocationRequestItem from '@/mycomponents/comRequest/comThirdLocationRequestItem.vue'; |
|||
|
|||
import winScanButton from '@/mycomponents/wincom/winScanButton.vue' |
|||
import winMulitScan from '@/mycomponents/wincom/winMulitScan.vue' |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
|
|||
export default { |
|||
name: 'deliver', |
|||
components: { |
|||
winEmptyView, |
|||
winScanButton, |
|||
winMulitScan, |
|||
comInjectIssue, |
|||
comThirdLocationRequestItem, |
|||
comMessage |
|||
}, |
|||
data() { |
|||
return { |
|||
deliverList: [], |
|||
reload: false, |
|||
status: '', |
|||
contentText: { |
|||
contentdown: '上拉加载更多', |
|||
contentrefresh: '加载中', |
|||
contentnomore: '没有更多' |
|||
}, |
|||
pageSize: this.modelConfig, |
|||
pageIndex: 1, |
|||
isTimeWindowSorting: false, |
|||
isToday: true, |
|||
titleArray: ['任务编号'], |
|||
loadingType: "nomore" |
|||
|
|||
}; |
|||
}, |
|||
props: { |
|||
datacontent: { |
|||
type: Object, |
|||
value: null |
|||
} |
|||
}, |
|||
onShow: function() { |
|||
this.getList('refresh'); |
|||
}, |
|||
onReachBottom() { |
|||
//避免多次触发 |
|||
if (this.loadingType == 'loading' || this.loadingType == 'nomore') { |
|||
return; |
|||
} |
|||
this.getList("more"); |
|||
}, |
|||
onPullDownRefresh() { |
|||
this.getList('refresh'); |
|||
}, |
|||
//后退按钮 |
|||
onBackPress(options) { |
|||
if (options.from === 'navigateBack') { |
|||
return false; |
|||
} |
|||
goHome(); |
|||
return true; |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} else if (e.index === 1) { |
|||
window.location.reload(); |
|||
} |
|||
}, |
|||
methods: { |
|||
cancle(item) { |
|||
uni.showLoading({ |
|||
title: "加载中", |
|||
mask: true |
|||
}) |
|||
thirdLocationRequestCancle(item.id).then(res => { |
|||
uni.hideLoading() |
|||
uni.showToast({ |
|||
title:"取消成功" |
|||
}) |
|||
this.getList('refresh'); |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showMessage("取消失败" + error) |
|||
}) |
|||
|
|||
}, |
|||
|
|||
finish(item) { |
|||
|
|||
}, |
|||
openScanPopup() { |
|||
this.$refs.scanPopup.openScanPopup(); |
|||
}, |
|||
//按时间窗口排序 |
|||
timeSortingChange: function(e) { |
|||
this.isTimeWindowSorting = e.detail.value |
|||
this.getList() |
|||
}, |
|||
|
|||
//只看当天到货 |
|||
isTodayChange: function(e) { |
|||
this.isToday = e.detail.value |
|||
this.getList() |
|||
}, |
|||
|
|||
//查询发货任务 |
|||
getList(type) { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
this.loadingType = "loading"; |
|||
if (type === "refresh") { |
|||
this.pageIndex = 1; |
|||
this.deliverList = []; |
|||
} |
|||
getThirdLocationRequestList(that.pageIndex, that.pageSize, false) |
|||
.then(res => { |
|||
uni.hideLoading(); |
|||
if (type === "refresh") { |
|||
uni.stopPullDownRefresh(); |
|||
} |
|||
var list = res.items; |
|||
this.loadingType = "loadmore"; |
|||
if (list == null || list.length == 0) { |
|||
//没数据了 |
|||
this.loadingType = "nomore"; |
|||
return; |
|||
} |
|||
// that.deliverList = [...that.deliverList, ...list]; |
|||
that.deliverList = type === "refresh" ? list : this.deliverList.concat(list); |
|||
that.pageIndex++; |
|||
}) |
|||
.catch(err => { |
|||
this.loadingType = ""; |
|||
this.showMessage(err.message); |
|||
uni.hideLoading(); |
|||
if (type === "refresh") { |
|||
uni.stopPullDownRefresh(); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
openDetail(item) { |
|||
uni.navigateTo({ |
|||
url: './thirdLocationRequestListDetail?id=' + item.id + '&jobStatus=' + item.jobStatus |
|||
}); |
|||
}, |
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message); |
|||
}, |
|||
} |
|||
}; |
|||
</script> |
|||
<style scoped lang="scss"> |
|||
</style> |
|||
@ -0,0 +1,223 @@ |
|||
<template> |
|||
<page-meta root-font-size="18px"></page-meta> |
|||
<view class=""> |
|||
<view class="top_card"> |
|||
<view class="top_wrap" v-if="datacontent"> |
|||
<view class="top_card"> |
|||
|
|||
<view class="device-detail"> |
|||
<view class="list-style nopad"> |
|||
<view class="ljh_box nopad"> |
|||
<view class="tit_ljh uni-flex"> |
|||
<text class="font_xl text_black text_bold">申请单号 : {{datacontent.number}}</text> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<scroll-view scroll-y class="scroll-detail" style="margin-top: 10rpx;padding-bottom:100px"> |
|||
<view class="detail-list " v-for="(item, index) in details" :key="index"> |
|||
<view class="detail-content"> |
|||
<view class="" style=""> |
|||
<view class="uni-flex uni-row u-col-center"> |
|||
<view class="" style="margin-top: 20rpx; margin-left: 10rpx; font-weight: bold;"> |
|||
({{index+1}}). |
|||
</view> |
|||
<comItemCode :itemData="item"></comItemCode> |
|||
</view> |
|||
|
|||
<uni-table border stripe style=""> |
|||
<uni-tr> |
|||
<uni-td align="center">单件码</uni-td> |
|||
<uni-td>{{item.singleCodeRequest}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td align="center">单位</uni-td> |
|||
<uni-td>{{item.uom}}</uni-td> |
|||
</uni-tr> |
|||
<uni-tr> |
|||
<uni-td align="center">标包数</uni-td> |
|||
<uni-td>{{item.stdPackQty}}</uni-td> |
|||
</uni-tr> |
|||
|
|||
<uni-tr> |
|||
<uni-td align="center">数量</uni-td> |
|||
<uni-td> |
|||
<view class="uni-flex uni-row"> |
|||
<view class="uni-flex uni-row space-between" style="width: 100%;"> |
|||
<view class=""> |
|||
{{item.qty}} |
|||
</view> |
|||
|
|||
<view class=""> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</uni-td> |
|||
</uni-tr> |
|||
</uni-table> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</scroll-view> |
|||
|
|||
<div class="new_bot_box" v-if="datacontent.requestStatus==5"> |
|||
<view class="new_btn_bot bot_pos uni-flex"> |
|||
<button class="new_save_btn " style="width: 100%;" @click="cancle()">取消</button> |
|||
</view> |
|||
</div> |
|||
<comMessage ref="comMessage" @afterCloseCommitMessage='closeCommitMessage()'></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getThirdLocationRequestDetail, |
|||
thirdLocationRequestCancle |
|||
} from '@/api/index.js'; |
|||
import { |
|||
showConfirmMsg, |
|||
goHome, |
|||
navigateBack |
|||
} from '@/common/basic.js'; |
|||
import comItemCode from '@/mycomponents/comItem/comItemCode.vue' |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import comJobScanDetail from '@/mycomponents/comjob/comJobScanDetail.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
comMessage, |
|||
comJobScanDetail, |
|||
comItemCode |
|||
}, |
|||
data() { |
|||
return { |
|||
id: "", |
|||
datacontent: {}, |
|||
details: [], |
|||
jobStatus: "", |
|||
} |
|||
}, |
|||
onLoad(param) { |
|||
this.id = param.id; |
|||
this.getDetail(); |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} else if (e.index === 1) { |
|||
window.location.reload(); |
|||
} |
|||
}, |
|||
mounted() { |
|||
uni.setNavigationBarColor({ |
|||
frontColor: '#ffffff', |
|||
backgroundColor: "#5A7CF3 !important" |
|||
}) |
|||
}, |
|||
methods: { |
|||
|
|||
//加载零件信息 |
|||
getDetail() { |
|||
uni.showLoading({ |
|||
title: "加载中", |
|||
mask: false |
|||
}) |
|||
let that = this; |
|||
getThirdLocationRequestDetail(that.id) |
|||
.then(item => { |
|||
uni.hideLoading() |
|||
console.log('item', item); |
|||
that.datacontent = item; |
|||
that.jobStatus = item.jobStatus |
|||
that.details = item.details; |
|||
}) |
|||
.catch(err => { |
|||
uni.hideLoading() |
|||
this.showMessage('未查找到详细信息') |
|||
}); |
|||
}, |
|||
|
|||
|
|||
getScanCount() { |
|||
this.scanCount = this.datacontent.details.filter(r => r.scaned).length; |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
if (this.allCount == this.scanCount) { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
} |
|||
}, |
|||
|
|||
cancle() { |
|||
showConfirmMsg("是否确认取消?", callback => { |
|||
if (callback) { |
|||
uni.showLoading({ |
|||
title: "加载中", |
|||
mask: true |
|||
}) |
|||
thirdLocationRequestCancle(this.datacontent.id).then(res => { |
|||
uni.hideLoading() |
|||
uni.showToast({ |
|||
title:"取消成功" |
|||
}) |
|||
navigateBack(1) |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showMessage("取消失败" + error) |
|||
}) |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
|
|||
async finsh() { |
|||
uni.showLoading({ |
|||
title: "提交中", |
|||
mask: true |
|||
}) |
|||
try { |
|||
var jobList = await getkittingRequestJobByRequest(this.datacontent.number) |
|||
var handleResult = await kittingRequestHandle(this.datacontent.id) |
|||
|
|||
var isHaveNewJobList = []; |
|||
jobList.forEach(res => { |
|||
isHaveNewJobList.push(res.kittingRequestNumber); |
|||
}) |
|||
var isHaveNewJob = await iskittingHasNewJob(isHaveNewJobList) |
|||
uni.hideLoading() |
|||
this.showMessage(isHaveNewJob) |
|||
} catch (error) { |
|||
uni.hideLoading() |
|||
this.showMessage(error) |
|||
} |
|||
}, |
|||
|
|||
showCommitSuccessMessage() { |
|||
this.$refs.comMessage.showCommitSuccess(); |
|||
}, |
|||
|
|||
closeCommitMessage() { |
|||
navigateBack(1); //点关闭直接返回列表 |
|||
uni.hideLoading(); |
|||
}, |
|||
|
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message); |
|||
}, |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
</style> |
|||
Loading…
Reference in new issue