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> |
<template> |
||||
<view class=""> |
<view class=""> |
||||
<com-empty-view v-if="jobList.length==0"></com-empty-view> |
<product-receipt-job ref="productreceiptjob" type='fg'></product-receipt-job> |
||||
<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> |
|
||||
</view> |
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { |
import productReceiptJob from '@/pages/productReceipt/job/productReceiptJob.vue' |
||||
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' |
|
||||
|
|
||||
export default { |
export default { |
||||
name: 'receipt', |
name: 'fgProductReceiptJob', |
||||
components: { |
components: { |
||||
comEmptyView, |
productReceiptJob |
||||
jobFilter, |
|
||||
comProductJobCard, |
|
||||
jobListPopup, |
|
||||
jobInfoPopup |
|
||||
}, |
}, |
||||
data() { |
data() { |
||||
return { |
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; |
|
||||
} |
|
||||
}, |
}, |
||||
|
|
||||
//返回首页 |
mounted() { |
||||
onNavigationBarButtonTap(e) { |
this.$refs.productreceiptjob.getList("refresh"); |
||||
if (e.index === 0) { |
|
||||
goHome(); |
|
||||
} else if (e.index == 1) { |
|
||||
this.$refs.filter.openFilter(); |
|
||||
} |
|
||||
}, |
}, |
||||
|
|
||||
methods: { |
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> |
</script> |
||||
|
|
||||
<style scoped lang="scss"> |
<style scoped lang="scss"> |
||||
|
|
||||
</style> |
</style> |
||||
@ -1,287 +1,33 @@ |
|||||
<template> |
<template> |
||||
<view class=""> |
<view class=""> |
||||
<com-empty-view v-if="jobList.length==0"></com-empty-view> |
<product-receipt-job ref="productreceiptjob" type='predict'></product-receipt-job> |
||||
<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> |
|
||||
</view> |
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { |
import productReceiptJob from '@/pages/productReceipt/job/productReceiptJob.vue' |
||||
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' |
|
||||
|
|
||||
export default { |
export default { |
||||
name: 'receipt', |
name: 'semiProductReceiptJob', |
||||
components: { |
components: { |
||||
comEmptyView, |
productReceiptJob |
||||
jobFilter, |
|
||||
comProductJobCard, |
|
||||
jobListPopup, |
|
||||
jobInfoPopup |
|
||||
}, |
}, |
||||
data() { |
data() { |
||||
return { |
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; |
|
||||
} |
|
||||
}, |
}, |
||||
|
|
||||
//返回首页 |
mounted() { |
||||
onNavigationBarButtonTap(e) { |
this.$refs.productreceiptjob.getList("refresh"); |
||||
if (e.index === 0) { |
|
||||
goHome(); |
|
||||
} else if (e.index == 1) { |
|
||||
this.$refs.filter.openFilter(); |
|
||||
} |
|
||||
}, |
}, |
||||
|
|
||||
methods: { |
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> |
</script> |
||||
|
|
||||
<style scoped lang="scss"> |
<style scoped lang="scss"> |
||||
|
|
||||
</style> |
</style> |
||||
Loading…
Reference in new issue