19 changed files with 1673 additions and 298 deletions
@ -0,0 +1,472 @@
|
||||
<template> |
||||
<BasicContainer ref="basicContainer" :option="option"> |
||||
<template #head> |
||||
<image mode="widthFix" class="bgimg" src="@/pagesHome/static/bgby.png"></image> |
||||
<view class="header"> |
||||
<view class=""> |
||||
<text>订单号：</text> |
||||
<text>{{details.pageInfo.orderCode}}</text> |
||||
</view> |
||||
|
||||
<view class="mt20 flex-c-sb"> |
||||
<view class="text-center "> |
||||
<view>计划数量</view> |
||||
<view class="mt10 value ">{{details.data.planNum || 0}}</view> |
||||
</view> |
||||
|
||||
<view class="text-center"> |
||||
<view>已备数量</view> |
||||
<view class="mt10 value green">{{details.data.scanNum || 0}}</view> |
||||
</view> |
||||
|
||||
<view class="text-center "> |
||||
<view>未备数量</view> |
||||
<view class="mt10 value red">{{(details.data.planNum || 0) - (details.data.scanNum || 0)}}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<template #body> |
||||
<scroll-view scroll-y="true" @touchmove.stop :style="{height: details.scrollHeight}" class="scvew"> |
||||
<view class="pullDown_container"> |
||||
<!-- 在库数据 --> |
||||
<view class="mb20" v-if="details.trayList.length > 0"> |
||||
<PullDownBox ref="PullDownRef1"> |
||||
<template #title> |
||||
<view class="fwb align-center"> |
||||
<text class="mr20"> |
||||
在 库 数 据 |
||||
</text> |
||||
|
||||
<text> |
||||
{{ |
||||
details.allocationTotal |
||||
}} |
||||
</text> |
||||
</view> |
||||
</template> |
||||
|
||||
<template #content> |
||||
<block v-for="(item, index) in details.allocationList" :key="item.allocationid"> |
||||
<view :class="{mb20:index !== details.allocationList.length - 1, item_contariner: true}"> |
||||
<view class="flex-c-sb "> |
||||
<view class=""> |
||||
<text class="mr10">库位：</text> |
||||
<text>{{item.allocationName}}</text> |
||||
</view> |
||||
|
||||
<view style="width: 35%;"> |
||||
<text class="mr10">在库数：</text> |
||||
<text>{{item.num}}</text> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="mt20 flex"> |
||||
<view> |
||||
备货数： |
||||
</view> |
||||
|
||||
<view class="flex1"> |
||||
<InputNum v-model="item.scanNum" :maxNum="item.num"></InputNum> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</block> |
||||
</template> |
||||
</PullDownBox> |
||||
</view> |
||||
|
||||
<!-- 在托数据 --> |
||||
<view class="mb20" v-if="details.trayList.length > 0"> |
||||
<PullDownBox ref="PullDownRef2"> |
||||
<template #title> |
||||
<view class="fwb align-center"> |
||||
<text class="mr20"> |
||||
在 托 数 据 |
||||
</text> |
||||
|
||||
<text> |
||||
{{ |
||||
details.trayTotal |
||||
}} |
||||
</text> |
||||
</view> |
||||
</template> |
||||
|
||||
<template #content> |
||||
<block v-for="(item, index) in details.trayList" :key="item.allocationid"> |
||||
<view :class="{mb20:index !== details.trayList.length - 1, item_contariner: true}"> |
||||
<view class="flex-c-sb "> |
||||
<view class=""> |
||||
<text class="mr10">托盘名称：</text> |
||||
<text>{{item.trayName}}</text> |
||||
</view> |
||||
|
||||
<view style="width: 35%;"> |
||||
<text class="mr10">在库数：</text> |
||||
<text>{{item.num}}</text> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="mt20 flex"> |
||||
<view> |
||||
备货数： |
||||
</view> |
||||
|
||||
<view class="flex1"> |
||||
<InputNum v-model="item.scanNum" :maxNum="item.num"></InputNum> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</block> |
||||
</template> |
||||
</PullDownBox> |
||||
</view> |
||||
|
||||
<!-- 其它数据 --> |
||||
<view v-if="details.other.num"> |
||||
<PullDownBox ref="PullDownRef3"> |
||||
<template #title> |
||||
<view class="fwb align-center"> |
||||
<text class="mr20"> |
||||
其 它 数 据 |
||||
</text> |
||||
|
||||
<text> |
||||
{{ |
||||
details.other.num |
||||
}} |
||||
</text> |
||||
</view> |
||||
</template> |
||||
|
||||
<template #content> |
||||
<view class="{ item_contariner: true}"> |
||||
<view> |
||||
<text class="mr10">在库数：</text> |
||||
<text>{{details.other.num}}</text> |
||||
</view> |
||||
|
||||
<view class="mt20 flex"> |
||||
<view> |
||||
备货数： |
||||
</view> |
||||
|
||||
<view class="flex1"> |
||||
<InputNum v-model="details.other.scanNum" :maxNum="details.other.num"></InputNum> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
</PullDownBox> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</template> |
||||
</BasicContainer> |
||||
<tiplist ref="tiplists"></tiplist> |
||||
<!-- #ifdef APP --> |
||||
<saomiao2 :ishidestop="scanState !== 0"></saomiao2> |
||||
<!-- #endif --> |
||||
<BluetoothList ref="bluetoothList"></BluetoothList> |
||||
|
||||
<!-- 切换库位 --> |
||||
<PopUp ref="ChangeStorage"> |
||||
<view class="PopUpTitle">请扫描库位码</view> |
||||
</PopUp> |
||||
</template> |
||||
|
||||
<script lang="ts" setup> |
||||
import { |
||||
onLoad, |
||||
onShow, |
||||
|
||||
} from '@dcloudio/uni-app' |
||||
import { |
||||
postZeroStockUpData |
||||
} from '@/api/user.js' |
||||
import { reactive, ref, onMounted, nextTick } from "vue"; |
||||
import useBluetoothStore from '@/store/useBluetoothStore.js'; |
||||
import useSystemSettingsStore from '@/store/useSystemSettingsStore'; |
||||
import utils from '@/utils/utils.js'; |
||||
import { storeToRefs } from 'pinia'; |
||||
const { scanState } = storeToRefs(useSystemSettingsStore()) |
||||
const bluetoothList = ref(null) |
||||
const bluetoothStore = useBluetoothStore() |
||||
const { bluetoothInfo } = storeToRefs(bluetoothStore) |
||||
// 获取组件实例 |
||||
const tiplists = ref(null) |
||||
const basicContainer = ref(null) |
||||
/** 切换库位 */ |
||||
const ChangeStorage = ref(null) |
||||
// 基础组件配置项 |
||||
const option = { |
||||
title: '备货列表', |
||||
haveData: true, |
||||
async pullDownRefreshInitPage() { |
||||
await initpage() |
||||
} |
||||
} |
||||
// 页面变量定义 |
||||
let details = reactive({ |
||||
pageInfo: {} as any, |
||||
scancode: '', |
||||
scrollHeight: '', |
||||
/** 其它 */ |
||||
other: {}, |
||||
/** 托盘 */ |
||||
trayList: [], |
||||
trayTotal: 0, |
||||
/** 库位 */ |
||||
allocationList: [], |
||||
allocationTotal: 0, |
||||
data: {} as any |
||||
}) |
||||
|
||||
const PullDownRef1 = ref() |
||||
const PullDownRef2 = ref() |
||||
const PullDownRef3 = ref() |
||||
|
||||
onLoad((op) => { |
||||
details.pageInfo = JSON.parse(op.info) |
||||
console.log('details.pageInfo :>> ', details.pageInfo); |
||||
}) |
||||
onShow(async () => { |
||||
// #ifdef APP |
||||
uni.$off('scancodedate') |
||||
uni.$on('scancodedate', function (code) { |
||||
if (code) { |
||||
details.scancode = code |
||||
scandata() |
||||
} |
||||
}) |
||||
// #endif |
||||
// 页面显示延时调用组件刷新函数 |
||||
|
||||
await nextTick() |
||||
|
||||
basicContainer.value.startPullDownRefresh() |
||||
|
||||
}) |
||||
onMounted(async () => { |
||||
await nextTick() |
||||
details.scrollHeight = await utils.getViewDistanceFormTop('.scvew') |
||||
|
||||
}) |
||||
|
||||
|
||||
|
||||
async function initpage() { |
||||
try { |
||||
const submitData = { |
||||
typeService: details.pageInfo.typeService, |
||||
stockupId: details.pageInfo.stockupId, |
||||
allocationId: details.pageInfo.allocationId, |
||||
orderCode: details.pageInfo.orderCode, |
||||
stockArticleId: details.pageInfo.stockArticleId, |
||||
reservationId: details.pageInfo.reservationId, |
||||
} |
||||
|
||||
const res = await postZeroStockUpData(submitData) |
||||
|
||||
const { code, data } = res |
||||
|
||||
if (code !== 200) return |
||||
details.data = data || {} |
||||
|
||||
console.log('details.data :>> ', details.data); |
||||
|
||||
details.other = details.data.other || [] |
||||
details.allocationList = details.data.allocationList || [] |
||||
details.trayList = details.data.trayList || [] |
||||
|
||||
details.allocationTotal = 0 |
||||
for (var i = 0; i < details.allocationList.length; i++) { |
||||
details.allocationTotal += Number(details.allocationList[i].num) |
||||
} |
||||
|
||||
details.trayTotal = 0 |
||||
for (var i = 0; i < details.trayList.length; i++) { |
||||
details.trayTotal += Number(details.trayList[i].num) |
||||
} |
||||
|
||||
await nextTick() |
||||
PullDownRef1.value.handleShowPullDown(true) |
||||
PullDownRef2.value.handleShowPullDown(true) |
||||
PullDownRef3.value.handleShowPullDown(true) |
||||
|
||||
} catch (err) { |
||||
console.log('err :>> ', err); |
||||
//TODO handle the exception |
||||
} finally { |
||||
return null |
||||
} |
||||
} |
||||
|
||||
/** 扫描接口 |
||||
* */ |
||||
async function scandata() { |
||||
|
||||
} |
||||
|
||||
const handlePrintZeroOrder = async (item, _inputValue) => { |
||||
// #ifdef APP |
||||
let _isReturn = false |
||||
for (let i = 0; i < _inputValue; i++) { |
||||
if (_isReturn) return |
||||
console.log('i :>> ', i); |
||||
let text = '! 0 200 200 333 1\r\n' |
||||
text += 'SETBOLD 2\r\n' |
||||
text += `T 56 0 0 0 ${item.orderCode}\r\n` |
||||
text += 'LINE 0 50 420 50 3\r\n' |
||||
text += `T 55 0 0 60 客户\r\n` |
||||
text += 'LINE 40 50 40 110 3\r\n' |
||||
text += `T 55 0 50 60 ${details.user.consignee || ''}\r\n` |
||||
text += 'LINE 40 80 420 80 3\r\n' |
||||
text += `T 55 0 50 90 ${details.user.goodsAreaName || ''}\r\n` |
||||
text += 'LINE 0 110 420 110 3\r\n' |
||||
text += `T 55 0 0 120 物料\r\n` |
||||
text += 'LINE 40 110 40 140 3\r\n' |
||||
text += `T 55 0 50 120 ${item?.materialName || ''}\r\n` |
||||
text += 'LINE 0 140 420 140 3\r\n' |
||||
text += 'B QR 150 150 M 2 U 4\r\n' |
||||
text += `MA,${item.orderCode}\r\n` |
||||
text += 'ENDQR\r\n' |
||||
text += `T 55 0 140 260 ${item.orderCode}\r\n` |
||||
text += 'FORM\r\n' |
||||
text += 'PRINT\r\n' |
||||
utils.initbl() |
||||
await utils.getbl(bluetoothInfo.value, text).catch(() => { |
||||
bluetoothList.value.setdetails({ isshow: true, success() { handlePrintZeroOrder(item, _inputValue) } }) |
||||
_isReturn = true |
||||
}) |
||||
} |
||||
|
||||
if (_isReturn) return |
||||
// #endif |
||||
} |
||||
|
||||
/** |
||||
* 打印订单码 |
||||
*/ |
||||
function printOrderCode(item) { |
||||
console.log('item :>> ', item); |
||||
// return |
||||
// 提交模式 |
||||
tiplists.value.setdetails({ |
||||
title: '生成订单编号二维码数量', |
||||
isshow: true, |
||||
tipstate: 1, |
||||
// inpList, |
||||
inputtext: 1, |
||||
confirmTxt: '确定生成', |
||||
isonecheck: true, |
||||
success: async (deta) => { |
||||
// 打印数 |
||||
const _inputValue = parseInt(deta.inputtext) |
||||
// 是否满足打印条件 |
||||
let _flag = true |
||||
if (_inputValue !== _inputValue) { |
||||
uni.showToast({ |
||||
title: '请输入数字', |
||||
icon: 'none' |
||||
}) |
||||
_flag = false |
||||
} else if (_inputValue <= 0) { |
||||
uni.showToast({ |
||||
title: '数字必须大于零', |
||||
icon: 'none' |
||||
}) |
||||
_flag = false |
||||
} |
||||
// 不满足打印条件, 退出函数 |
||||
if (!_flag) return tiplists.value.setdetails({ isshow: false, success() { handlePrintZeroOrder(item, _inputValue) } }) |
||||
|
||||
handlePrintZeroOrder(item, _inputValue) |
||||
|
||||
tiplists.value.setdetails({ isshow: false }) |
||||
}, |
||||
cancel: (details) => { |
||||
tiplists.value.setdetails({ isshow: false }) |
||||
}, |
||||
close: (details) => { |
||||
tiplists.value.setdetails({ isshow: false }) |
||||
} |
||||
}) |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
@import url(@/utils/style/common.scss); |
||||
|
||||
// 背景图 |
||||
.bgimg { |
||||
position: absolute; |
||||
width: 100% !important; |
||||
top: -180upx; |
||||
width: 0; |
||||
z-index: 1; |
||||
} |
||||
|
||||
// 头部 |
||||
.header { |
||||
z-index: 10; |
||||
position: relative; |
||||
padding: 20upx; |
||||
background-color: #fff; |
||||
margin: 20upx; |
||||
// height: 80px; |
||||
border-radius: 10upx; |
||||
font-weight: bold; |
||||
|
||||
.value { |
||||
color: #3c86ef; |
||||
|
||||
&.red { |
||||
color: #f00; |
||||
} |
||||
|
||||
&.green { |
||||
color: #7ba931; |
||||
} |
||||
|
||||
} |
||||
} |
||||
|
||||
// 下拉 |
||||
.pullDown_container { |
||||
padding: 20upx; |
||||
} |
||||
|
||||
:deep(.PullDownBox) { |
||||
background: var(--subjectColor); |
||||
border-radius: 10upx; |
||||
|
||||
.Pulldown_content { |
||||
background: #fff; |
||||
} |
||||
} |
||||
|
||||
:deep(.Pulldown-title-container) { |
||||
color: #fff; |
||||
|
||||
.u-icon__icon { |
||||
color: #fff !important; |
||||
} |
||||
} |
||||
|
||||
:deep(.inputNum) { |
||||
background: #f4f8fb; |
||||
border: none; |
||||
} |
||||
|
||||
.item_contariner { |
||||
box-shadow: 0 0 10upx #acc; |
||||
padding: 10upx; |
||||
border-radius: 5upx; |
||||
} |
||||
</style> |
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue