30 changed files with 666 additions and 80 deletions
@ -0,0 +1,261 @@ |
|||||
|
<template> |
||||
|
<view class=""> |
||||
|
<u-popup v-model="showOne" mode="bottom" border-radius="14" z-index='12'> |
||||
|
<view class="title"> |
||||
|
<view class="title-txt"> |
||||
|
需求信息 |
||||
|
</view> |
||||
|
<u-icon name="close" color="#4f4f4f" size="28" @click="showOne = false"></u-icon> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<view class="label">来源库位：</view> |
||||
|
<view class="value"> |
||||
|
<u-input v-model="fromLocationCode" @blur="fromLocationScanMsg"></u-input> |
||||
|
<u-icon name="close-circle-fill" color="#acacac" size="36" @click="clickBtnClearFromLocation"></u-icon> |
||||
|
</view> |
||||
|
<view class="searchIcon"> |
||||
|
<image src="/static/search.svg" mode="" @click="fromLocationClick"/> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<view class="label">零件：</view> |
||||
|
<view class="value"> |
||||
|
<u-input v-model="itemCode" @blur="itemCodeScanMsg"></u-input> |
||||
|
<u-icon name="close-circle-fill" color="#acacac" size="36" @click="clickBtnClearItemCode"></u-icon> |
||||
|
</view> |
||||
|
<view class="searchIcon"> |
||||
|
<image src="/static/search.svg" mode="" @click="itemCodeClick"/> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<view class="label">批次：</view> |
||||
|
<view class="value"> |
||||
|
<u-input v-model='batch'></u-input> |
||||
|
<u-icon name="close-circle-fill" color="#acacac" size="36" @click="batch = ''"></u-icon> |
||||
|
</view> |
||||
|
<view class="searchIcon"></view> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<view class="label">数量：</view> |
||||
|
<view class="value1"> |
||||
|
<u-number-box v-model="handleQty" @change="valChange"></u-number-box> |
||||
|
<view class="uom">EA</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="uni-flex uni-row hide_border"> |
||||
|
<button class="btn_edit_big_cancle" hover-class="btn_edit_big_after" @click="showOne = false">取消</button> |
||||
|
<button class="btn_edit_big_confirm" hover-class="btn_edit_big_after" @click="confirm()">确认</button> |
||||
|
</view> |
||||
|
</u-popup> |
||||
|
|
||||
|
<!-- <win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getFromLocation' |
||||
|
:locationAreaTypeList="fromLocationAreaTypeList"></win-scan-location> --> |
||||
|
<comMessage ref="comMessage"></comMessage> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script setup> |
||||
|
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
||||
|
import { |
||||
|
getBusinessType |
||||
|
} from '@/common/record.js'; |
||||
|
|
||||
|
import { |
||||
|
getLabelInfo |
||||
|
} from '@/common/label.js'; |
||||
|
|
||||
|
|
||||
|
import {ref, onMounted} from 'vue'; |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
showOnePop: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
const handleQty = ref(0) |
||||
|
const fromLocationCode = ref('') |
||||
|
const itemCode = ref('') |
||||
|
const batch = ref('') |
||||
|
const showOne = ref(false) |
||||
|
// 未定义字段 |
||||
|
const boxfocus = ref(false) |
||||
|
const scanMsg = ref('') |
||||
|
const fromWitch = ref('') |
||||
|
const scanList = ref([]) |
||||
|
const isShowHistory = ref('') |
||||
|
const headerType = ref('') |
||||
|
|
||||
|
const scanLocationCode = ref(null); |
||||
|
const comMessage = ref(null); |
||||
|
|
||||
|
const emit = defineEmits(['showFromLocationPopup', 'itemCodeClick', 'confirm', 'getInputMsgResult', 'clickBtnClearFromLocation', 'clickBtnClearItemCode']); |
||||
|
|
||||
|
onMounted(() => { |
||||
|
}); |
||||
|
|
||||
|
const fromLocationClick = () => { |
||||
|
emit('showFromLocationPopup'); |
||||
|
}; |
||||
|
|
||||
|
const itemCodeClick = () => { |
||||
|
if (!fromLocationCode.value) { |
||||
|
comMessage.value.showMessage("请先扫描来源库位"); |
||||
|
return; |
||||
|
} |
||||
|
emit('itemCodeClick'); |
||||
|
}; |
||||
|
|
||||
|
const confirm = () => { |
||||
|
const obj = { |
||||
|
fromLocationCode: fromLocationCode.value, |
||||
|
itemCode: itemCode.value, |
||||
|
batch: batch.value, |
||||
|
handleQty: handleQty.value, |
||||
|
}; |
||||
|
emit('confirm', obj); |
||||
|
}; |
||||
|
|
||||
|
const fromLocationScanMsg = () => { |
||||
|
if (fromLocationCode.value) { |
||||
|
scanMsg.value = fromLocationCode.value; |
||||
|
fromWitch.value = 'fromLocationScanMsg'; |
||||
|
handelScanMsg(); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
const itemCodeScanMsg = () => { |
||||
|
if (itemCode.value) { |
||||
|
if (!fromLocationCode.value) { |
||||
|
comMessage.value.showMessage("请先扫描来源库位"); |
||||
|
return; |
||||
|
} |
||||
|
fromWitch.value = 'itemCodeScanMsg'; |
||||
|
scanMsg.value = itemCode.value; |
||||
|
handelScanMsg(); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
const handelScanMsg = () => { |
||||
|
if (scanMsg.value) { |
||||
|
setTimeout(() => { |
||||
|
losefocus(); |
||||
|
let content = uni.$u.trim(scanMsg.value); |
||||
|
if (content === "") { |
||||
|
comMessage.value.showErrorMessage("扫描内容为空,请重新扫描", res => { |
||||
|
if (res) { |
||||
|
scanMsg.value = ""; |
||||
|
getfocus(); |
||||
|
} |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
if (isShowHistory.value) { |
||||
|
scanList.value.unshift(content); |
||||
|
} |
||||
|
|
||||
|
getLabelInfo(content, headerType.value, callback => { |
||||
|
let scanResult = callback; |
||||
|
scanResult.scanMessage = content; |
||||
|
if (scanResult.success) { |
||||
|
console.log(scanResult); |
||||
|
emit('getInputMsgResult', scanResult, fromWitch.value); |
||||
|
} else { |
||||
|
losefocus(); |
||||
|
comMessage.value.showErrorMessage(scanResult.message, res => { |
||||
|
if (res) { |
||||
|
getfocus(); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}, 200); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
const losefocus = () => { |
||||
|
boxfocus.value = false; |
||||
|
}; |
||||
|
|
||||
|
const clickBtnClearFromLocation = () => { |
||||
|
emit('clickBtnClearFromLocation'); |
||||
|
}; |
||||
|
|
||||
|
const clickBtnClearItemCode = () => { |
||||
|
emit('clickBtnClearItemCode'); |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.title { |
||||
|
padding: 30rpx 20rpx; |
||||
|
display: flex; |
||||
|
border-bottom: 1px solid rgba(230, 230, 230, 1); |
||||
|
|
||||
|
.title-txt { |
||||
|
flex: 1; |
||||
|
font-weight: bold; |
||||
|
font-size: 32rpx; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.select { |
||||
|
display: flex; |
||||
|
} |
||||
|
|
||||
|
.border { |
||||
|
border: 1px solid rgba(230, 230, 230, 1) |
||||
|
} |
||||
|
|
||||
|
::v-deep .u-input__right-icon__clear { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
color: #a7a7a7; |
||||
|
} |
||||
|
|
||||
|
.item { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
padding: 20rpx; |
||||
|
border-bottom: 1px solid #dedede; |
||||
|
|
||||
|
.value { |
||||
|
flex: 1; |
||||
|
width: 0px; |
||||
|
height: 80rpx; |
||||
|
border: 1px solid #dedede; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
font-size: 32rpx; |
||||
|
padding: 0px 20rpx; |
||||
|
} |
||||
|
|
||||
|
.value1 { |
||||
|
flex: 1; |
||||
|
width: 0px; |
||||
|
height: 80rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
font-size: 32rpx; |
||||
|
} |
||||
|
|
||||
|
.searchIcon { |
||||
|
width: 40rpx; |
||||
|
margin-left: 20rpx; |
||||
|
|
||||
|
image { |
||||
|
width: 40rpx; |
||||
|
height: 40rpx |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.uom { |
||||
|
margin-left: 10rpx; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue