11 changed files with 550 additions and 620 deletions
@ -0,0 +1,263 @@ |
|||
<!--扫描组件--> |
|||
<template> |
|||
<!-- <page-meta root-font-size="18px"></page-meta> --> |
|||
<view> |
|||
<view class="pop_tab"> |
|||
<view class="tab_info"> |
|||
<view class="conbox"> |
|||
<textarea inputmode="none" v-model="scanMsg" trim="all" maxlength="1000" |
|||
style="margin-left: 5px;width: 90%;" :focus="boxfocus" :placeholder="placeholderValue" |
|||
@focus="getfocus" @blur="losefocus" @input="handelScanMsg" :cursor="cursorIndex"></textarea> |
|||
</view> |
|||
<view class="uni-flex uni-row space-between u-col-center"> |
|||
<view class="uni-flex"> |
|||
<button class="clean_scan_btn" @click="clearScanValue()">清空</button> |
|||
<button class="scan_btn" @click="clickScanMsg()">扫描</button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view style="width: 100%;"> |
|||
<view style="width: 100%;" v-if="scanList.length>0&&isShowHistory"> |
|||
<view class="uni-flex uni-row space-between u-col-center"> |
|||
<view class="" style="padding: 10rpx;"> |
|||
历史记录 |
|||
</view> |
|||
<view class="" style="padding-right: 10rpx;"> |
|||
<u-icon :name="expendIcon" size="35rpx" @click="expands()"></u-icon> |
|||
</view> |
|||
</view> |
|||
<u-line class='line_color' style='padding-top: 10rpx;padding-bottom: 20rpx;'></u-line> |
|||
<scroll-view scroll-y="true" class="scroll-view" v-if="expand&&scanList.length>0" |
|||
style="height: 70px;"> |
|||
<view class="uni-flex u-col" v-for="(item,index) in scanList"> |
|||
<view style="width: 100%;max-height: 100px;"> |
|||
<view class="uni-flex u-row space-between u-col-center" @click="showItem(item)"> |
|||
<view class="text_ellipsis" style="padding: 15rpx;"> |
|||
{{item}} |
|||
</view> |
|||
<view class=""> |
|||
<u-icon name="arrow-right"></u-icon> |
|||
</view> |
|||
</view> |
|||
<u-line class='line_color'></u-line> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</template> |
|||
<script> |
|||
import { |
|||
getLabelInfo |
|||
} from '../../common/label.js'; |
|||
|
|||
export default { |
|||
name: "winComScan", |
|||
emits: ["getResult"], |
|||
components: {}, |
|||
props: { |
|||
placeholder: { |
|||
type: String, |
|||
default: '请扫描标签' |
|||
}, |
|||
clearResult: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
boxFocus: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
isShowHistory: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
headerType: { |
|||
type: String, |
|||
default: 'HPQ' //HLB HMQ HCQ HPQ |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
// scanMsg: "HPQ;V1.0;ICE115F11161AG;PP20230427000027;B20230427002;Q100", |
|||
scanMsg: "", |
|||
boxfocus: false, |
|||
placeholderValue: '', |
|||
scanResult: {}, |
|||
scanList: [], |
|||
expand: true, |
|||
expendIcon: 'arrow-down', |
|||
cursorIndex: 0 |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.boxfocus = true; |
|||
uni.hideKeyboard(); |
|||
|
|||
// #ifdef H5 |
|||
if (document.querySelector('textarea') != null) { |
|||
document.querySelector('textarea').setAttribute('inputmode', 'none') |
|||
} |
|||
// #endif |
|||
this.hide() |
|||
// #ifdef APP-PLUS |
|||
|
|||
// #endif |
|||
}, |
|||
watch: { |
|||
placeholder() { |
|||
this.placeholderValue = '请扫描' + this.placeholder; |
|||
} |
|||
}, |
|||
created() { |
|||
this.placeholderValue = '请扫描' + this.placeholder; |
|||
}, |
|||
methods: { |
|||
hide() { |
|||
// #ifdef APP-PLUS |
|||
// 只是解决软键盘的闪现 |
|||
var interval = setInterval(function() { |
|||
uni.hideKeyboard(); //隐藏软键盘 |
|||
console.log('刷新') |
|||
}, 5); |
|||
setTimeout(() => { |
|||
clearInterval(interval); |
|||
console.log('停止刷新') |
|||
}, 1000); |
|||
// #endif |
|||
}, |
|||
getValue() { |
|||
return this.scanMsg |
|||
}, |
|||
setValue(val) { |
|||
this.scanMsg = val |
|||
}, |
|||
clearScanValue() { |
|||
this.scanMsg = '' |
|||
this.getfocus(); |
|||
}, |
|||
clickScanMsg() { |
|||
this.scanMsg = this.scanMsg + "\n"; |
|||
this.handelScanMsg(); |
|||
}, |
|||
handelScanMsg() { |
|||
let that = this; |
|||
setTimeout(() => { |
|||
that.losefocus(); |
|||
// let content = uni.$u.trim(that.scanMsg) |
|||
let content = that.scanMsg; |
|||
if (content == "") { |
|||
that.getfocus(); |
|||
this.$refs.comMessage.showErrorMessage("扫描内容为空,请重新扫描", res => { |
|||
if (res) { |
|||
that.scanMsg = "" |
|||
that.getfocus(); |
|||
} |
|||
}) |
|||
return; |
|||
} |
|||
|
|||
if (that.isShowHistory) { |
|||
that.scanList.unshift(content); |
|||
} |
|||
|
|||
try { |
|||
|
|||
let itemCode = content.substr(0, 10); |
|||
let productDate = content.substr(10, 8); |
|||
let batch = content.substr(18, 3); |
|||
let order = content.substr(21, 8); |
|||
|
|||
let scanResult = { |
|||
itemCode: itemCode, |
|||
productDate: productDate, |
|||
batch: batch, |
|||
order: order, |
|||
content: content, |
|||
|
|||
success: true |
|||
}; |
|||
that.clear(); |
|||
that.$emit("getResult", scanResult); |
|||
} catch (e) { |
|||
this.$refs.comMessage.showErrorMessage('解析错误', res => { |
|||
if (res) { |
|||
that.getfocus(); |
|||
} |
|||
}) |
|||
} |
|||
}, 500); |
|||
}, |
|||
getfocus() { |
|||
let that = this; |
|||
this.$nextTick(r => { |
|||
that.boxfocus = true; |
|||
}); |
|||
this.hide() |
|||
}, |
|||
losefocus() { |
|||
let that = this; |
|||
this.$nextTick(r => { |
|||
that.boxfocus = false; |
|||
}); |
|||
}, |
|||
clear() { |
|||
this.cursorIndex = 0; |
|||
this.scanMsg = '' |
|||
}, |
|||
iconClick(type) { |
|||
this.$emit("clearResult", this.scanMsg); |
|||
}, |
|||
expands() { |
|||
this.expand = !this.expand; |
|||
this.expendIcon = this.expand == true ? "arrow-down" : "arrow-up" |
|||
}, |
|||
scanClick() { |
|||
this.handelScanMsg(); |
|||
}, |
|||
cancelClick() { |
|||
this.clear(); |
|||
this.getfocus(); |
|||
}, |
|||
showItem(item) { |
|||
this.$refs.comMessage.showMessage(item, res => { |
|||
if (res) { |
|||
// this.$refs.modal.cancelClose(); |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
scanQRCode() { |
|||
let that = this; |
|||
uni.scanCode({ |
|||
onlyFromCamera: true, |
|||
success: (res) => { |
|||
that.scanMsg = res.result; |
|||
that.$emit("getResult", res.result); |
|||
console.log('扫描二维码成功,结果:' + res.result); |
|||
}, |
|||
fail: (res) => { |
|||
that.showItem('扫描出现错误:' + res.result); |
|||
console.log('扫描出现错误:' + res.result); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<script module="textarea" lang="renderjs"> |
|||
export default { |
|||
mounted() { |
|||
document.querySelector('textarea').setAttribute('inputmode', 'none') |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
|
|||
</style> |
|||
@ -0,0 +1,114 @@ |
|||
<template> |
|||
<view> |
|||
<uni-popup ref="popup" @change="change" @maskClick="closeScanPopup()"> |
|||
<view class="popup_box"> |
|||
<view class="pop_title uni-flex space-between"> |
|||
<view class="" style="font-size: 35rpx;"> |
|||
扫描{{title}} |
|||
</view> |
|||
|
|||
<view class=""> |
|||
<image class="fr icons_scan_close" src="/static/icons/icons_scan_close.svg" |
|||
@click="closeScanPopup()"></image> |
|||
</view> |
|||
</view> |
|||
<view class=""> |
|||
<view class=""> |
|||
<win-com-scan-fg ref="comscan" :placeholder="title" @getResult="getScanResult" |
|||
:headerType="headerType" :isShowHistory="isShowHistory" |
|||
:clearResult="true"></win-com-scan-fg> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</uni-popup> |
|||
<comMessage ref="comMessage" @afterClose="getfocus"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import winComScanFg from '@/mycomponents/scan/winComScanFg.vue' |
|||
|
|||
export default { |
|||
name: 'winScanFGLabel', |
|||
components: { |
|||
winComScanFg, |
|||
}, |
|||
props: { |
|||
title: { |
|||
type: String, |
|||
default: '成品标签' |
|||
}, |
|||
isShowHistory: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
headerType: { |
|||
type: String, |
|||
default: 'HPQ' |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
show: false, |
|||
} |
|||
}, |
|||
created() { |
|||
|
|||
}, |
|||
methods: { |
|||
openScanPopup() { |
|||
setTimeout(res => { |
|||
this.$refs.popup.open('bottom') |
|||
}, 200) |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.popup.close(); |
|||
this.$emit("close", ''); |
|||
}, |
|||
|
|||
scanClick() { |
|||
this.$refs.comscan.clickScanMsg(); |
|||
}, |
|||
|
|||
cancelClick() { |
|||
this.$refs.comscan.clearScanValue(); |
|||
}, |
|||
|
|||
getScanResult(result) { |
|||
if (result.success) { |
|||
this.$emit("getResult", result); |
|||
} else { |
|||
this.showMessage(result.message) |
|||
} |
|||
}, |
|||
|
|||
getfocus() { |
|||
if (this.$refs.comscan != undefined) { |
|||
this.$refs.comscan.getfocus(); |
|||
} |
|||
}, |
|||
|
|||
losefocus() { |
|||
if (this.$refs.comscan != undefined) { |
|||
this.$refs.comscan.losefocus(); |
|||
} |
|||
}, |
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message); |
|||
}, |
|||
change(e) { |
|||
this.show = e.show |
|||
}, |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.scroll-view { |
|||
overflow-y: scroll; |
|||
height: auto; |
|||
max-height: 300rpx; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,62 @@ |
|||
<template> |
|||
<view :class="detail.scaned?'scan_view':''" style="background-color: #ffffff; border-bottom: 1upx solid #EEEEEE;"> |
|||
<view class="uni-flex uni-row space-between" style="align-items: center"> |
|||
<!-- uni-inline-item 暂时拿掉--> |
|||
<view style="word-break: break-all;"> |
|||
<view> |
|||
<text class="card_item_code card_content ">零件号</text> |
|||
<text class="card_content ">{{detail.itemCode}}</text> |
|||
</view> |
|||
<view> |
|||
<text class="card_product_date card_content ">生产日期</text> |
|||
<text class="card_content ">{{detail.productDate}}</text> |
|||
</view> |
|||
|
|||
<view> |
|||
<text class="card_batch card_content ">批次</text> |
|||
<text class="card_content ">{{detail.batch}}</text> |
|||
</view> |
|||
|
|||
<view> |
|||
<text class="card_order card_content ">顺序</text> |
|||
<text class="card_content ">{{detail.order}}</text> |
|||
</view> |
|||
</view> |
|||
<view style="word-break: break-all;"> |
|||
<recommend-qty :dataContent="detail" |
|||
:isShowStdPack="false" :isShowStatus="false"></recommend-qty> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import recommendQty from '@/mycomponents/qty/recommendQty.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
recommendQty, |
|||
}, |
|||
|
|||
data() { |
|||
return { |
|||
|
|||
} |
|||
}, |
|||
props: { |
|||
detail: { |
|||
type: Object, |
|||
default: {} |
|||
}, |
|||
}, |
|||
watch: { |
|||
|
|||
}, |
|||
methods: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
@ -1,287 +1,33 @@ |
|||
<template> |
|||
<view class=""> |
|||
<com-empty-view v-if="jobList.length==0"></com-empty-view> |
|||
<job-filter ref="filter" otherTitle="ASN" @switchChangeToday="switchChangeToday" |
|||
@switchChangeWait="switchChangeWait" @onScanNumber="getScanNumber" :checkedToday="checkedToday" |
|||
:checkedWaitTask="checkedWaitTask"> |
|||
</job-filter> |
|||
|
|||
<view v-if="jobList.length>0"> |
|||
<uni-swipe-action ref="swipeAction"> |
|||
<view v-for="(item, index) in jobList" :key="index"> |
|||
<uni-swipe-action-item |
|||
:right-options="item.status=='2'?detailGiveupOptions:detailOptions" |
|||
@click="swipeClick($event,item)"> |
|||
<com-product-job-card :dataContent="item" @click='openJobDetail(item)'></com-product-job-card> |
|||
</uni-swipe-action-item> |
|||
</view> |
|||
</uni-swipe-action> |
|||
|
|||
<job-list-popup ref="jobListPopup" @selectedItem="selectedItem"></job-list-popup> |
|||
<job-info-popup ref='jobInfoPopup'></job-info-popup> |
|||
|
|||
<uni-load-more :status="loadingType" v-if="jobList.length>0" /> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
<product-receipt-job ref="productreceiptjob" type='fg'></product-receipt-job> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getProductReceiptJobList, |
|||
cancleTakeProductReceiptJob |
|||
} from '@/api/request2.js'; |
|||
|
|||
import { |
|||
goHome, |
|||
updateTitle |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getDetailGiveupOption |
|||
} from '@/common/array.js'; |
|||
|
|||
import comEmptyView from '@/mycomponents/common/comEmptyView.vue' |
|||
import jobFilter from '@/mycomponents/job/jobFilter.vue' |
|||
|
|||
import comProductJobCard from '@/pages/productReceipt/coms/comProductJobCard.vue' |
|||
import jobListPopup from '@/pages/productReceipt/coms/jobListPopup.vue' |
|||
import jobInfoPopup from '@/pages/productReceipt/coms/jobInfoPopup.vue' |
|||
import productReceiptJob from '@/pages/productReceipt/job/productReceiptJob.vue' |
|||
|
|||
export default { |
|||
name: 'receipt', |
|||
name: 'fgProductReceiptJob', |
|||
components: { |
|||
comEmptyView, |
|||
jobFilter, |
|||
comProductJobCard, |
|||
jobListPopup, |
|||
jobInfoPopup |
|||
productReceiptJob |
|||
}, |
|||
data() { |
|||
return { |
|||
jobList: [], |
|||
pageNo: 1, |
|||
pageSize: 10, |
|||
totalCount: 0, |
|||
loadingType: "nomore", |
|||
checkedToday: false, |
|||
checkedWaitTask: false, |
|||
todayTime: "", |
|||
status: '1,2', //待处理 、进行中 |
|||
detailOptions: [], |
|||
detailGiveupOptions: [], |
|||
}; |
|||
}, |
|||
|
|||
onShow() { |
|||
this.getList("refresh") |
|||
}, |
|||
|
|||
onReady() { |
|||
this.detailOptions = getDetailOption(); |
|||
this.detailGiveupOptions = getDetailGiveupOption(); |
|||
}, |
|||
|
|||
onReachBottom() { |
|||
//避免多次触发 |
|||
if (this.loadingType == 'loading' || this.loadingType == 'nomore') { |
|||
return; |
|||
} |
|||
this.getList("more"); |
|||
}, |
|||
|
|||
onPullDownRefresh() { |
|||
this.getList('refresh'); |
|||
}, |
|||
|
|||
|
|||
//后退按钮 |
|||
onBackPress(options) { |
|||
if (options.from === 'navigateBack') { |
|||
uni.navigateBack({ |
|||
delta: 1 |
|||
}) |
|||
return false; |
|||
} |
|||
}; |
|||
}, |
|||
|
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} else if (e.index == 1) { |
|||
this.$refs.filter.openFilter(); |
|||
} |
|||
mounted() { |
|||
this.$refs.productreceiptjob.getList("refresh"); |
|||
}, |
|||
|
|||
methods: { |
|||
getList(type) { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
this.loadingType = "loading"; |
|||
if (type === "refresh") { |
|||
this.pageNo = 1; |
|||
this.jobList = []; |
|||
} |
|||
var filters = [] |
|||
if (this.checkedToday) { |
|||
filters.push({ |
|||
column: "request_time", |
|||
action: "betweeen", |
|||
value: this.todayTime |
|||
}) |
|||
} |
|||
|
|||
filters.push({ |
|||
column: "status", |
|||
action: "in", |
|||
value: this.status |
|||
}) |
|||
|
|||
var params = { |
|||
filters: filters, |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize, |
|||
} |
|||
getProductReceiptJobList(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.jobList = type === "refresh" ? list : this.jobList.concat(list); |
|||
this.pageNo++; |
|||
updateTitle("制品收货(" + this.totalCount + ")"); |
|||
|
|||
}).catch(error => { |
|||
if (type === "refresh") { |
|||
uni.stopPullDownRefresh(); |
|||
} |
|||
updateTitle("制品收货"); |
|||
this.loadingType = ""; |
|||
uni.hideLoading(); |
|||
that.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
openJobDetail(item) { |
|||
uni.navigateTo({ |
|||
url: './productReceiptDetail?id=' + item.id + '&status=' + item.status |
|||
}); |
|||
}, |
|||
|
|||
showItemList(itemList) { |
|||
this.$refs.jobListPopup.openPopup(itemList); |
|||
}, |
|||
|
|||
selectedItem(item) { |
|||
this.openJobDetail(item); |
|||
}, |
|||
|
|||
swipeClick(e, dataContent) { |
|||
if (e.content.text == "详情") { |
|||
this.openjobInfoPopup(dataContent); |
|||
} else if (e.content.text == "放弃") { |
|||
this.$refs.comMessage.showQuestionMessage("确定要放弃当前任务?", |
|||
res => { |
|||
if (res) { |
|||
this.cancleJob(dataContent.id); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
openjobInfoPopup(item) { |
|||
this.$refs.jobInfoPopup.openPopup(item) |
|||
}, |
|||
|
|||
cancleJob(id) { |
|||
cancleTakeProductReceiptJob(id).then(res => { |
|||
if(res.data){ |
|||
this.getList("refresh") |
|||
uni.showToast({ |
|||
title:"放弃任务成功" |
|||
}) |
|||
}else { |
|||
this.showMessage("放弃任务失败") |
|||
} |
|||
}).catch(error => { |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
switchChangeToday(state, creationTime) { |
|||
this.checkedToday = state; |
|||
this.todayTime = creationTime; |
|||
this.getList("refresh"); |
|||
}, |
|||
|
|||
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: "status", |
|||
action: "in", |
|||
value: '1,2' |
|||
}) |
|||
filters.push({ |
|||
column: "number", |
|||
action: "==", |
|||
value: code |
|||
}) |
|||
|
|||
var params = { |
|||
filters: filters, |
|||
pageNo: 1, |
|||
pageSize: 100, |
|||
} |
|||
getProductReceiptJobList(params).then(res => { |
|||
uni.hideLoading(); |
|||
if (res.data.list.length == 0) { |
|||
that.showMessage('未查找到' + '【' + code + '】的收货任务'); |
|||
} else if (res.data.list.length == 1) { |
|||
that.openJobDetail(res.data.list[0]); |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading(); |
|||
that.showMessage(error); |
|||
}) |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
|
|||
</style> |
|||
</style> |
|||
@ -1,287 +1,33 @@ |
|||
<template> |
|||
<view class=""> |
|||
<com-empty-view v-if="jobList.length==0"></com-empty-view> |
|||
<job-filter ref="filter" otherTitle="ASN" @switchChangeToday="switchChangeToday" |
|||
@switchChangeWait="switchChangeWait" @onScanNumber="getScanNumber" :checkedToday="checkedToday" |
|||
:checkedWaitTask="checkedWaitTask"> |
|||
</job-filter> |
|||
|
|||
<view v-if="jobList.length>0"> |
|||
<uni-swipe-action ref="swipeAction"> |
|||
<view v-for="(item, index) in jobList" :key="index"> |
|||
<uni-swipe-action-item |
|||
:right-options="item.status=='2'?detailGiveupOptions:detailOptions" |
|||
@click="swipeClick($event,item)"> |
|||
<com-product-job-card :dataContent="item" @click='openJobDetail(item)'></com-product-job-card> |
|||
</uni-swipe-action-item> |
|||
</view> |
|||
</uni-swipe-action> |
|||
|
|||
<job-list-popup ref="jobListPopup" @selectedItem="selectedItem"></job-list-popup> |
|||
<job-info-popup ref='jobInfoPopup'></job-info-popup> |
|||
|
|||
<uni-load-more :status="loadingType" v-if="jobList.length>0" /> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
<product-receipt-job ref="productreceiptjob" type='predict'></product-receipt-job> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getProductReceiptJobList, |
|||
cancleTakeProductReceiptJob |
|||
} from '@/api/request2.js'; |
|||
|
|||
import { |
|||
goHome, |
|||
updateTitle |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getDetailGiveupOption |
|||
} from '@/common/array.js'; |
|||
|
|||
import comEmptyView from '@/mycomponents/common/comEmptyView.vue' |
|||
import jobFilter from '@/mycomponents/job/jobFilter.vue' |
|||
|
|||
import comProductJobCard from '@/pages/productReceipt/coms/comProductJobCard.vue' |
|||
import jobListPopup from '@/pages/productReceipt/coms/jobListPopup.vue' |
|||
import jobInfoPopup from '@/pages/productReceipt/coms/jobInfoPopup.vue' |
|||
import productReceiptJob from '@/pages/productReceipt/job/productReceiptJob.vue' |
|||
|
|||
export default { |
|||
name: 'receipt', |
|||
name: 'semiProductReceiptJob', |
|||
components: { |
|||
comEmptyView, |
|||
jobFilter, |
|||
comProductJobCard, |
|||
jobListPopup, |
|||
jobInfoPopup |
|||
productReceiptJob |
|||
}, |
|||
data() { |
|||
return { |
|||
jobList: [], |
|||
pageNo: 1, |
|||
pageSize: 10, |
|||
totalCount: 0, |
|||
loadingType: "nomore", |
|||
checkedToday: false, |
|||
checkedWaitTask: false, |
|||
todayTime: "", |
|||
status: '1,2', //待处理 、进行中 |
|||
detailOptions: [], |
|||
detailGiveupOptions: [], |
|||
}; |
|||
}, |
|||
|
|||
onShow() { |
|||
this.getList("refresh") |
|||
}, |
|||
|
|||
onReady() { |
|||
this.detailOptions = getDetailOption(); |
|||
this.detailGiveupOptions = getDetailGiveupOption(); |
|||
}, |
|||
|
|||
onReachBottom() { |
|||
//避免多次触发 |
|||
if (this.loadingType == 'loading' || this.loadingType == 'nomore') { |
|||
return; |
|||
} |
|||
this.getList("more"); |
|||
}, |
|||
|
|||
onPullDownRefresh() { |
|||
this.getList('refresh'); |
|||
}, |
|||
|
|||
|
|||
//后退按钮 |
|||
onBackPress(options) { |
|||
if (options.from === 'navigateBack') { |
|||
uni.navigateBack({ |
|||
delta: 1 |
|||
}) |
|||
return false; |
|||
} |
|||
}; |
|||
}, |
|||
|
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} else if (e.index == 1) { |
|||
this.$refs.filter.openFilter(); |
|||
} |
|||
mounted() { |
|||
this.$refs.productreceiptjob.getList("refresh"); |
|||
}, |
|||
|
|||
methods: { |
|||
getList(type) { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
this.loadingType = "loading"; |
|||
if (type === "refresh") { |
|||
this.pageNo = 1; |
|||
this.jobList = []; |
|||
} |
|||
var filters = [] |
|||
if (this.checkedToday) { |
|||
filters.push({ |
|||
column: "request_time", |
|||
action: "betweeen", |
|||
value: this.todayTime |
|||
}) |
|||
} |
|||
|
|||
filters.push({ |
|||
column: "status", |
|||
action: "in", |
|||
value: this.status |
|||
}) |
|||
|
|||
var params = { |
|||
filters: filters, |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize, |
|||
} |
|||
getProductReceiptJobList(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.jobList = type === "refresh" ? list : this.jobList.concat(list); |
|||
this.pageNo++; |
|||
updateTitle("制品收货(" + this.totalCount + ")"); |
|||
|
|||
}).catch(error => { |
|||
if (type === "refresh") { |
|||
uni.stopPullDownRefresh(); |
|||
} |
|||
updateTitle("制品收货"); |
|||
this.loadingType = ""; |
|||
uni.hideLoading(); |
|||
that.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
openJobDetail(item) { |
|||
uni.navigateTo({ |
|||
url: './productReceiptDetail?id=' + item.id + '&status=' + item.status |
|||
}); |
|||
}, |
|||
|
|||
showItemList(itemList) { |
|||
this.$refs.jobListPopup.openPopup(itemList); |
|||
}, |
|||
|
|||
selectedItem(item) { |
|||
this.openJobDetail(item); |
|||
}, |
|||
|
|||
swipeClick(e, dataContent) { |
|||
if (e.content.text == "详情") { |
|||
this.openjobInfoPopup(dataContent); |
|||
} else if (e.content.text == "放弃") { |
|||
this.$refs.comMessage.showQuestionMessage("确定要放弃当前任务?", |
|||
res => { |
|||
if (res) { |
|||
this.cancleJob(dataContent.id); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
openjobInfoPopup(item) { |
|||
this.$refs.jobInfoPopup.openPopup(item) |
|||
}, |
|||
|
|||
cancleJob(id) { |
|||
cancleTakeProductReceiptJob(id).then(res => { |
|||
if(res.data){ |
|||
this.getList("refresh") |
|||
uni.showToast({ |
|||
title:"放弃任务成功" |
|||
}) |
|||
}else { |
|||
this.showMessage("放弃任务失败") |
|||
} |
|||
}).catch(error => { |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
switchChangeToday(state, creationTime) { |
|||
this.checkedToday = state; |
|||
this.todayTime = creationTime; |
|||
this.getList("refresh"); |
|||
}, |
|||
|
|||
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: "status", |
|||
action: "in", |
|||
value: '1,2' |
|||
}) |
|||
filters.push({ |
|||
column: "number", |
|||
action: "==", |
|||
value: code |
|||
}) |
|||
|
|||
var params = { |
|||
filters: filters, |
|||
pageNo: 1, |
|||
pageSize: 100, |
|||
} |
|||
getProductReceiptJobList(params).then(res => { |
|||
uni.hideLoading(); |
|||
if (res.data.list.length == 0) { |
|||
that.showMessage('未查找到' + '【' + code + '】的收货任务'); |
|||
} else if (res.data.list.length == 1) { |
|||
that.openJobDetail(res.data.list[0]); |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading(); |
|||
that.showMessage(error); |
|||
}) |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
|
|||
</style> |
|||
</style> |
|||
Loading…
Reference in new issue