3 changed files with 520 additions and 9 deletions
@ -0,0 +1,442 @@ |
|||
<template> |
|||
<uni-popup ref="popup"> |
|||
<view class="maskbox" @tap="maskClick"></view> |
|||
<view class="uni-flex uni-column center" |
|||
style="background-color: white;width: 100%; height:auto;padding: 20rpx;z-index: 99;position: relative; border-radius: 10rpx;"> |
|||
<view class="uni-flex space-between u-col-center" style="width: 100%;"> |
|||
<view class="" style="font-size: 32rpx;"> |
|||
只看当天 |
|||
</view> |
|||
|
|||
<u-switch v-model="checkedTodayModel" active-color="#4DD865" inactive-color="#eee" size="35" |
|||
@change="switchChangeToday"></u-switch> |
|||
</view> |
|||
<view class="uni-flex space-between u-col-center" style="width: 100%;margin-top: 30rpx;" v-if="isShowBad"> |
|||
<view class="" style="font-size: 32rpx;"> |
|||
只看欠品 |
|||
</view> |
|||
|
|||
<u-switch v-model="isOwing" active-color="#4DD865" inactive-color="#eee" size="35" |
|||
@change="switchChangeBad"></u-switch> |
|||
</view> |
|||
<view class="uni-flex space-between u-col-center" style="width: 100%;margin-top: 30rpx;" v-if="isShowStatus"> |
|||
|
|||
<view class="" style="font-size: 32rpx;"> |
|||
只看待处理 |
|||
</view> |
|||
<u-switch v-model="checkedWaitModel" active-color="#4DD865" inactive-color="#eee" size="35" |
|||
@change="switchChangeWait"></u-switch> |
|||
</view> |
|||
<view v-if="isShowProductionLineCode" class="uni-flex space-between u-col-center" |
|||
style="width: 100%;margin-top: 30rpx;"> |
|||
<view class="" style="font-size: 32rpx;width:100rpx"> |
|||
生产线 |
|||
</view> |
|||
<!-- <u-input style="margin-left: 20rpx;" v-model="productionLineCode" :border="true" |
|||
placeholder="请输入生产线" @confirm="productionLineCodeConfirm" /> --> |
|||
<uni-data-select class="uni-data-select" style="margin-left: 50rpx;" placeholder="请输入生产线" |
|||
v-model="productionLineCode" :clear="false" :localdata="productionline" |
|||
@change="productionLineCodeConfirm"></uni-data-select> |
|||
</view> |
|||
<!-- <view v-if="isShowItemCode" class="uni-flex space-between u-col-center" |
|||
style="width: 100%;margin-top: 30rpx;"> |
|||
<view class="" style="font-size: 32rpx;"> |
|||
物料代码 |
|||
</view> |
|||
<u-input style="margin-left: 20rpx;" confirmType="search" v-model="itemCode" :border="true" |
|||
placeholder="请输入物料代码" @confirm="itemCodeConfirm" /> |
|||
</view> |
|||
<view v-if="isWorkStationCode" class="uni-flex space-between u-col-center" |
|||
style="width: 100%;margin-top: 30rpx;"> |
|||
<view class="" style="font-size: 32rpx;"> |
|||
工位 |
|||
</view> |
|||
<u-input style="margin-left: 86rpx;" confirmType="search" v-model="workStationCode" :border="true" |
|||
placeholder="请输入工位" @confirm="workStationCodeConfirm" /> |
|||
</view> |
|||
<view v-if="isShowFromLocationCode" class="uni-flex space-between u-col-center" |
|||
style="width: 100%;margin-top: 30rpx;"> |
|||
<view class="" style="font-size: 32rpx;"> |
|||
{{fromLoactionCodeName}} |
|||
</view> |
|||
<u-input style="margin-left: 20rpx;" confirmType="search" v-model="fromLocationCode" :border="true" |
|||
:placeholder="`请输入${fromLoactionCodeName}`" |
|||
@confirm="fromLocationCodeConfirm" /> |
|||
</view> |
|||
<view v-if="isShowToLocationCode" class="uni-flex space-between u-col-center" |
|||
style="width: 100%;margin-top: 30rpx;"> |
|||
<view class="" style="font-size: 32rpx;"> |
|||
目标库位 |
|||
</view> |
|||
<u-input style="margin-left: 20rpx;" confirmType="search" v-model="toLocationCode" :border="true" |
|||
placeholder="请输入目标库位" /> |
|||
</view> --> |
|||
|
|||
<view class="uni-flex space-between u-col-center" |
|||
style="width: 100%;margin-top: 30rpx;"> |
|||
<view class="" style="font-size: 32rpx;width:100rpx"> |
|||
日期 |
|||
</view> |
|||
<view class="uni-list-cell-db " style="margin-left: 50rpx;border-radius: 4px;border: 1px solid #dcdfe6;padding-left: 0.625rem;"> |
|||
<picker mode="date" :value="day" @change="dateChange"> |
|||
<view style="min-height: 2.1875rem;line-height: 2.1875rem;" :style="{color:day?'inherit':'#c0c4cc'}">{{day?day:'请输入日期'}}</view> |
|||
</picker> |
|||
</view> |
|||
</view> |
|||
<view class="uni-flex space-between u-col-center" |
|||
style="width: 100%;margin-top: 30rpx;"> |
|||
<view class="" style="font-size: 32rpx;width:100rpx"> |
|||
便次 |
|||
</view> |
|||
<u-input style="margin-left: 50rpx" confirmType="search" v-model="deliNo" :border="true" |
|||
placeholder="请输入便次" /> |
|||
</view> |
|||
|
|||
<view class="uni-flex space-between u-col-center" |
|||
style="width: 100%;margin-top: 30rpx;"> |
|||
<view class="" style="font-size: 32rpx;width:100rpx"> |
|||
时间 |
|||
</view> |
|||
<view class="uni-list-cell-db " style="margin-left: 50rpx;border-radius: 4px;border: 1px solid #dcdfe6;padding-left: 0.625rem;"> |
|||
<picker mode="time" :value="time" @change="timeChange"> |
|||
<view style="min-height: 2.1875rem;line-height: 2.1875rem;" :style="{color:time?'inherit':'#c0c4cc'}">{{time?time:'请输入时间'}}</view> |
|||
</picker> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<view v-if="isShowFromAreaCode" class="uni-flex space-between u-col-center" |
|||
style="width: 100%;margin-top: 30rpx;"> |
|||
<view class="" style="font-size: 32rpx;"> |
|||
来源库区 |
|||
</view> |
|||
<u-input style="margin-left: 20rpx;" confirmType="search" v-model="fromAreaCode" :border="true" |
|||
placeholder="请输入来源库区" /> |
|||
</view> |
|||
<view v-if="isShowToAreaCode" class="uni-flex space-between u-col-center" |
|||
style="width: 100%;margin-top: 30rpx;"> |
|||
<view class="" style="font-size: 32rpx;"> |
|||
到库区 |
|||
</view> |
|||
<u-input style="margin-left: 50rpx;" confirmType="search" v-model="toAreaCode" :border="true" |
|||
placeholder="请输入到库区" /> |
|||
</view> |
|||
|
|||
<!-- <view class=""> |
|||
<view class="uni-flex u-row-center" style="margin-top: 30rpx;" v-if="isShowAsn"> |
|||
<button class="filter_button" hover-class="filter_button_after" |
|||
@click="scanOtherClick">扫描ASN单号</button> |
|||
</view> |
|||
<view class="uni-flex u-row-center" style="margin-top: 30rpx;" v-if="isShowJob"> |
|||
<button class="filter_button" hover-class="filter_button_after" |
|||
@click="scanNumberClick">扫描任务编号</button> |
|||
</view> |
|||
</view> --> |
|||
<view class=" uni-flex uni-row" style="margin-top: 5px;" v-if="isShowQurery"> |
|||
<button class="btn_single_clear" hover-class="btn_commit_after" @click="reset()">重置</button> |
|||
<button class="btn_single_commit" hover-class="btn_commit_after" style="margin-left: 20rpx;" |
|||
@click="query()">查询</button> |
|||
</view> |
|||
</view> |
|||
|
|||
</uni-popup> |
|||
<win-scan-job-number ref="scanNumber" title="任务编号" @getScanCode='getScanNumber'></win-scan-job-number> |
|||
<win-scan-asn-number ref="scanAsnNumber" :title="otherTitle" @getScanCode='getScanAsNumber'></win-scan-asn-number> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getTodayDate |
|||
} from '@/common/basic.js'; |
|||
|
|||
import winScanJobNumber from "@/mycomponents/scan/winScanJobNumber.vue" |
|||
import winScanAsnNumber from "@/mycomponents/scan/winScanAsnNumber.vue" |
|||
|
|||
export default { |
|||
emits: ["switchChangeToday", "switchChangeWait", "onScanNumber", "onScanAsnNumber", "productionLineCode", |
|||
"fromLocationCode", "fromLocationCodeConfirm", "itemCodeConfirm", "onQuery" |
|||
], |
|||
components: { |
|||
winScanJobNumber, |
|||
winScanAsnNumber |
|||
}, |
|||
|
|||
props: { |
|||
checkedToday: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
checkedWaitTask: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
otherTitle: { |
|||
type: String, |
|||
default: "" |
|||
}, |
|||
isShowAsn: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
isShowJob: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
fromLoactionCodeName:{ |
|||
type: String, |
|||
default: "来源库位" |
|||
}, |
|||
isShowFromLocationCode: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
isShowToLocationCode: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
isShowProductionLineCode: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
productionline: { |
|||
type: Array, |
|||
default: [] |
|||
}, |
|||
isShowItemCode: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
isShowQurery: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
//来源库区 |
|||
isShowFromAreaCode: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
//到库区 |
|||
isShowToAreaCode: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
// 只看欠品 |
|||
isShowBad: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
isShowStatus: { |
|||
type: Boolean, |
|||
default: true |
|||
}, |
|||
isWorkStationCode: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
dataContent: {}, |
|||
checkedTodayModel: false, |
|||
isOwing:false, |
|||
checkedWaitModel: false, |
|||
productionLineCode: '', // 生产线 |
|||
fromLocationCode: '', // 来源库位 |
|||
toLocationCode:"",//目标库位 |
|||
fromAreaCode: '', // 来源库区 |
|||
deliNo: '', // 便次 |
|||
day: '', // 日期 |
|||
time: '', // 时间 |
|||
toAreaCode: '', // 到库区 |
|||
itemCode: '', //物料代码 |
|||
workStationCode:'',//工位 |
|||
creationTime: '', |
|||
status: '1,2', |
|||
isOnToday: false, |
|||
isOnWait: false, |
|||
params: {} |
|||
} |
|||
}, |
|||
watch: { |
|||
checkedToday: { |
|||
handler(newName, oldName) { |
|||
this.checkedTodayModel = this.checkedToday |
|||
}, |
|||
immediate: true, |
|||
deep: true |
|||
}, |
|||
checkedWaitTask: { |
|||
handler(newName, oldName) { |
|||
this.checkedWaitModel = this.checkedWaitTask |
|||
}, |
|||
immediate: true, |
|||
deep: true |
|||
} |
|||
}, |
|||
mounted() {}, |
|||
methods: { |
|||
dateChange(e) { |
|||
this.day = e.detail.value |
|||
}, |
|||
timeChange(e) { |
|||
this.time = e.detail.value |
|||
}, |
|||
dateClick(){ |
|||
alert(1) |
|||
this.$refs.datePickerRef.show() |
|||
}, |
|||
maskClick(e){ |
|||
console.log('maskClick事件:', e); |
|||
}, |
|||
getQueryCondition() { |
|||
let params = { |
|||
productionLineCode: this.productionLineCode, |
|||
fromLocationCode: this.fromLocationCode, |
|||
toLocationCode:this.toLocationCode, |
|||
fromAreaCode: this.fromAreaCode, // 来源库区 |
|||
deliNo:this.deliNo,// 便次 |
|||
day:this.day,// 日期 |
|||
time:this.time,// 时间 |
|||
toAreaCode: this.toAreaCode, // 到库区 |
|||
itemCode: this.itemCode, |
|||
creationTime: this.creationTime, |
|||
status: this.status, |
|||
workStationCode: this.workStationCode, |
|||
} |
|||
if(this.isShowBad){ |
|||
params.isOwing = this.isOwing |
|||
} |
|||
return params; |
|||
}, |
|||
reset() { |
|||
this.isOwing = false |
|||
this.checkedTodayModel = false |
|||
this.checkedWaitModel = false |
|||
this.productionLineCode = '' |
|||
this.fromLocationCode = '' |
|||
this.toLocationCode="" |
|||
this.fromAreaCode = '' // 来源库区 |
|||
this.deliNo = '' // 便次 |
|||
this.day = '' // 日期 |
|||
this.time = '' // 时间 |
|||
this.toAreaCode = '' // 到库区 |
|||
this.itemCode = '' |
|||
this.creationTime = '' |
|||
this.status = '1,2' |
|||
this.workStationCode = '' |
|||
this.query() |
|||
}, |
|||
|
|||
query() { |
|||
let params = this.getQueryCondition(); |
|||
this.$emit("onQuery", params) |
|||
this.closeScanPopup(); |
|||
}, |
|||
|
|||
// 生产线 |
|||
productionLineCodeConfirm(e) { |
|||
var lineCode = e |
|||
this.productionLineCode = e; |
|||
// this.$emit("productionLineCode", lineCode) |
|||
}, |
|||
|
|||
// 来源库位 |
|||
fromLocationCodeConfirm() { |
|||
// this.$emit("fromLocationCode", this.fromLocationCode) |
|||
}, |
|||
|
|||
itemCodeConfirm() { |
|||
|
|||
}, |
|||
// 点击遮罩 |
|||
maskClick() { |
|||
// 如果不允许点击遮罩，直接返回 |
|||
this.closeScanPopup(); |
|||
}, |
|||
openFilter() { |
|||
this.$refs['popup'].open("top"); |
|||
}, |
|||
openFilterParams(params) { |
|||
this.$refs['popup'].open("top"); |
|||
if(params){ |
|||
this.productionLineCode = params.productionLineCode |
|||
this.fromLocationCode = params.fromLocationCode |
|||
this.fromAreaCode = params.fromAreaCode |
|||
this.deliNo = params.deliNo |
|||
this.day = params.day |
|||
this.time = params.time |
|||
this.toAreaCode = params.toAreaCode |
|||
this.itemCode = params.itemCode |
|||
this.creationTime = params.creationTime |
|||
this.status = params.status |
|||
this.checkedTodayModel=this.creationTime?true:false |
|||
this.checkedWaitModel=this.status=="1"?true:false |
|||
} |
|||
|
|||
}, |
|||
closeScanPopup() { |
|||
this.$refs.popup.close() |
|||
}, |
|||
switchChangeBad(isOn) { |
|||
this.isOwing = isOn |
|||
}, |
|||
switchChangeToday(isOn) { |
|||
let creationTime = ''; |
|||
if (isOn) { |
|||
creationTime = getTodayDate(); |
|||
} |
|||
this.creationTime = creationTime; |
|||
this.$emit("switchChangeToday", isOn, creationTime) |
|||
if (!this.isShowQurery) { |
|||
this.closeScanPopup() |
|||
} |
|||
}, |
|||
switchChangeWait(isOn) { |
|||
let status = "1,2"; |
|||
if (isOn) { |
|||
status = "1" |
|||
} |
|||
this.status = status; |
|||
this.$emit("switchChangeWait", isOn, status) |
|||
if (!this.isShowQurery) { |
|||
this.closeScanPopup() |
|||
} |
|||
}, |
|||
|
|||
scanNumberClick() { |
|||
this.$refs.scanNumber.openScanPopup(); |
|||
this.closeScanPopup(); |
|||
}, |
|||
|
|||
scanOtherClick() { |
|||
this.$refs.scanAsnNumber.openScanPopup(); |
|||
this.closeScanPopup(); |
|||
}, |
|||
|
|||
getScanAsNumber(val) { |
|||
this.$emit("onScanAsnNumber", val) |
|||
this.$refs.scanAsnNumber.closeScanPopup(); |
|||
this.closeScanPopup(); |
|||
}, |
|||
getScanNumber(val) { |
|||
this.$emit("onScanNumber", val) |
|||
this.$refs.scanNumber.closeScanPopup(); |
|||
this.closeScanPopup(); |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss"> |
|||
.maskbox { |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100vw; |
|||
height: 100vh; |
|||
z-index: 0; |
|||
} |
|||
.example-body { |
|||
background-color: #fff; |
|||
padding: 10px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue