5 changed files with 470 additions and 700 deletions
@ -0,0 +1,407 @@ |
|||
<template> |
|||
<view> |
|||
<com-empty-view v-if="requestList.length==0"></com-empty-view> |
|||
<request-filter ref="filter" @switchChangeWait="switchChangeWait" @onScanNumber="getScanNumber" |
|||
:checkedWaitTask="checkedWaitTask"> |
|||
</request-filter> |
|||
<view v-if="requestList.length>0"> |
|||
<uni-swipe-action ref="swipeAction"> |
|||
<view v-for="(item, index) in requestList" :key="index"> |
|||
<uni-swipe-action-item :right-options="item.options" @click="swipeClick($event,item)"> |
|||
<com-return-request-card :dataContent="item" @click='openRequestDetail(item)'> |
|||
</com-return-request-card> |
|||
</uni-swipe-action-item> |
|||
</view> |
|||
</uni-swipe-action> |
|||
<uni-load-more :status="loadingType" /> |
|||
<request-info-popup ref='requestInfoPopup'></request-info-popup> |
|||
</view> |
|||
<requestButton @goScan='openScanDetailPopup'></requestButton> |
|||
</view> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</template> |
|||
|
|||
<script> |
|||
import requestFilter from '@/mycomponents/request/requestFilter.vue' |
|||
import comEmptyView from '@/mycomponents/common/comEmptyView.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import comReturnRequestCard from '@/pages/productionReturn/coms/comReturnRequestCard.vue' |
|||
import requestInfoPopup from '@/pages/productionReturn/coms/requestInfoPopup.vue' |
|||
import requestButton from '@/mycomponents/button/requestButton.vue' |
|||
|
|||
import { |
|||
getBusinessType, |
|||
} from '@/common/record.js'; |
|||
import { |
|||
getProductionReturnRequestList, |
|||
productionReturnRequestHandle, |
|||
productionReturnRequestSubmitApprove, |
|||
productionReturnRequestSubmitApproveAgree, |
|||
productionReturnRequestSubmitApproveRefused, |
|||
productionReturnRequestClose |
|||
} from '@/api/request2.js'; |
|||
import { |
|||
goHome, |
|||
updateTitle |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getDetailAndApproveOption, |
|||
getDetailAndApprovePassAndApproveNoOption, |
|||
getDetailAndHandleOption, |
|||
getDetailAndCloseOption |
|||
} from '@/common/array.js'; |
|||
|
|||
export default { |
|||
components: { |
|||
comEmptyView, |
|||
requestFilter, |
|||
requiredLocation, |
|||
comMessage, |
|||
comReturnRequestCard, |
|||
requestInfoPopup, |
|||
requestButton, |
|||
}, |
|||
data() { |
|||
return { |
|||
requestList: [], |
|||
pageNo: 1, |
|||
pageSize: 10, |
|||
status: "", |
|||
totalCount: 0, |
|||
checkedWaitTask: false, |
|||
detailOptions: [], |
|||
detailAndApproveOptions: [], |
|||
detailAndApprovePassAndApproveNoOption: [], |
|||
detailAndHandleOption: [], |
|||
detailAndCloseOption: [], |
|||
showOptions: [], |
|||
loadingType: "nomore", |
|||
title:"", |
|||
fromType:"" |
|||
|
|||
}; |
|||
}, |
|||
|
|||
props: { |
|||
businessType: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
}, |
|||
|
|||
|
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} else if (e.index == 1) { |
|||
this.$refs.filter.openFilter(); |
|||
} |
|||
}, |
|||
|
|||
|
|||
mounted() { |
|||
this.detailOptions = getDetailOption(); |
|||
this.detailAndApproveOptions = getDetailAndApproveOption() |
|||
this.detailAndApprovePassAndApproveNoOption = getDetailAndApprovePassAndApproveNoOption(), |
|||
this.detailAndHandleOption = getDetailAndHandleOption() |
|||
this.detailAndCloseOption = getDetailAndCloseOption() |
|||
this.updateTitle(); |
|||
this.getList('refresh'); |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
updateTitle() { |
|||
if (this.businessType == 'ReturnToStore') { |
|||
this.title = "生产合格退料申请" |
|||
this.fromType ="ReturnToStore" |
|||
} else if (this.businessType == 'ReturnToHold') { |
|||
this.title = "生产隔离退料申请" |
|||
this.fromType ="ReturnToHold" |
|||
} |
|||
updateTitle(this.title) |
|||
}, |
|||
|
|||
onShow(){ |
|||
this.getList('refresh'); |
|||
}, |
|||
onReachBottom() { |
|||
//避免多次触发 |
|||
if (this.loadingType == 'loading' || this.loadingType == 'nomore') { |
|||
return; |
|||
} |
|||
this.getList("more"); |
|||
}, |
|||
|
|||
onPullDownRefresh() { |
|||
this.getList('refresh'); |
|||
}, |
|||
|
|||
openRequestInfoPopup(item) { |
|||
this.$refs.requestInfoPopup.openPopup(item) |
|||
}, |
|||
openRequestDetail(item) { |
|||
uni.navigateTo({ |
|||
url: './requestDetail?id=' + item.id |
|||
}); |
|||
}, |
|||
getList(type) { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
this.loadingType = "loading"; |
|||
if (type === "refresh") { |
|||
this.pageNo = 1; |
|||
this.requestList = []; |
|||
} |
|||
var filters = [] |
|||
if (this.checkedWaitTask) { |
|||
filters.push({ |
|||
column: "status", |
|||
action: "==", |
|||
value: this.status |
|||
}) |
|||
} |
|||
filters.push({ |
|||
column: "business_type", |
|||
action: "==", |
|||
value: this.businessType |
|||
}) |
|||
|
|||
var params = { |
|||
filters: filters, |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize, |
|||
} |
|||
getProductionReturnRequestList(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; |
|||
} |
|||
list.forEach(res => { |
|||
var options = this.updateOptions(res.status); |
|||
res.options = options; |
|||
}) |
|||
this.requestList = type === "refresh" ? list : this.requestList.concat(list); |
|||
|
|||
this.pageNo++; |
|||
updateTitle(this.title+"("+this.totalCount + ")") |
|||
|
|||
}).catch(error => { |
|||
if (type === "refresh") { |
|||
uni.stopPullDownRefresh(); |
|||
} |
|||
updateTitle(this.title) |
|||
this.loadingType = ""; |
|||
uni.hideLoading(); |
|||
that.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
|
|||
updateOptions(status) { |
|||
if (status == "1") { |
|||
this.showOptions = this.detailAndApproveOptions; |
|||
} else if (status == "2") { |
|||
this.showOptions = this.detailAndApprovePassAndApproveNoOption; |
|||
} else if (status == "3") { |
|||
this.showOptions = this.detailAndHandleOption; |
|||
} else if (status == "4") { |
|||
this.showOptions = this.detailAndCloseOption; |
|||
} else { |
|||
this.showOptions = this.detailOptions; |
|||
} |
|||
return this.showOptions |
|||
}, |
|||
|
|||
openScanDetailPopup() { |
|||
uni.navigateTo({ |
|||
url: "./returnToStoreRequestSubmit?fromType=" + this.fromType |
|||
}) |
|||
}, |
|||
openFilter(){ |
|||
this.$refs.filter.openFilter(); |
|||
}, |
|||
|
|||
swipeClick(e, dataContent) { |
|||
var text = clearTirmAndWrap(e.content.text) |
|||
if (e.content.text == "详情") { |
|||
this.openRequestInfoPopup(dataContent); |
|||
} else if (e.content.text == "处理") { |
|||
this.showQuestionMessage("确定要处理当前申请吗?",res=>{ |
|||
this.productionReturnRequestHandle(dataContent.id) |
|||
}) |
|||
} else if (e.content.text == "审批") { |
|||
this.showQuestionMessage("确定要审批当前申请吗?",res=>{ |
|||
this.productionReturnRequestSubmitApprove(dataContent.id) |
|||
}) |
|||
} else if (e.content.text == "审批通过") { |
|||
this.showQuestionMessage("确定要审批通过当前申请吗?",res=>{ |
|||
this.productionReturnRequestSubmitApproveAgree(dataContent.id) |
|||
}) |
|||
} else if (e.content.text == "审批驳回") { |
|||
this.showQuestionMessage("确定要审批驳回当前申请吗?",res=>{ |
|||
this.productionReturnRequestSubmitApproveRefused(dataContent.id) |
|||
}) |
|||
} else if (e.content.text == "关闭") { |
|||
this.showQuestionMessage("确定要关闭当前申请吗?",res=>{ |
|||
this.productionReturnRequestClose(dataContent.id) |
|||
}) |
|||
} |
|||
}, |
|||
|
|||
showQuestionMessage(hint,callBack){ |
|||
this.$refs.comMessage.showQuestionMessage(hint, |
|||
res => { |
|||
if (res) { |
|||
callBack() |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
|
|||
switchChangeWait(state, jobStatus) { |
|||
this.checkedWaitTask = state; |
|||
this.status = jobStatus; |
|||
this.getList("refresh"); |
|||
}, |
|||
|
|||
getScanNumber(code) { |
|||
this.getDataListByType(code) |
|||
}, |
|||
|
|||
getDataListByType(code) { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
var filters = [] |
|||
filters.push({ |
|||
column: "number", |
|||
action: "==", |
|||
value: code |
|||
}) |
|||
|
|||
var params = { |
|||
filters: filters, |
|||
pageNo: 1, |
|||
pageSize: 100, |
|||
} |
|||
getProductionReturnRequestList(params).then(res => { |
|||
uni.hideLoading(); |
|||
if (res.data.list.length == 0) { |
|||
that.showMessage('未查找到' + '【' + code + '】的收货任务'); |
|||
} else if (res.data.list.length == 1) { |
|||
that.openRequestDetail(res.data.list[0]); |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading(); |
|||
that.showMessage(error); |
|||
}) |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
productionReturnRequestSubmitApprove(id) { |
|||
productionReturnRequestSubmitApprove(id).then(res => { |
|||
if (res.data) { |
|||
this.getList("refresh") |
|||
uni.showToast({ |
|||
title: "申请提交审批成功" |
|||
}) |
|||
} else { |
|||
this.showMessage("申请提交审批失败") |
|||
} |
|||
|
|||
}).catch(error => { |
|||
this.showMessage(error) |
|||
}) |
|||
|
|||
}, |
|||
productionReturnRequestClose(id) { |
|||
productionReturnRequestClose(id).then(res => { |
|||
if (res.data) { |
|||
this.getList("refresh") |
|||
uni.showToast({ |
|||
title: "申请关闭成功" |
|||
}) |
|||
} else { |
|||
this.showMessage("申请关闭失败") |
|||
} |
|||
|
|||
}).catch(error => { |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
productionReturnRequestSubmitApproveAgree(id) { |
|||
productionReturnRequestSubmitApproveAgree(id).then(res => { |
|||
if (res.data) { |
|||
this.getList("refresh") |
|||
uni.showToast({ |
|||
title: "申请审批通过成功" |
|||
}) |
|||
} else { |
|||
this.showMessage("申请审批通过失败") |
|||
} |
|||
|
|||
}).catch(error => { |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
productionReturnRequestSubmitApproveRefused(id) { |
|||
productionReturnRequestSubmitApproveRefused(id).then(res => { |
|||
if (res.data) { |
|||
this.getList("refresh") |
|||
uni.showToast({ |
|||
title: "申请审批驳回成功" |
|||
}) |
|||
} else { |
|||
this.showMessage("申请审批驳回失败") |
|||
} |
|||
|
|||
}).catch(error => { |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
productionReturnRequestHandle(id) { |
|||
productionReturnRequestHandle(id).then(res => { |
|||
if (res.data) { |
|||
this.getList("refresh") |
|||
uni.showToast({ |
|||
title: "申请处理成功" |
|||
}) |
|||
} else { |
|||
this.showMessage("申请处理失败") |
|||
} |
|||
|
|||
}).catch(error => { |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
Loading…
Reference in new issue