12 changed files with 308 additions and 398 deletions
@ -1,38 +1,61 @@
|
||||
<template> |
||||
<input type="number" @input="inputNum" v-model="value" /> |
||||
<input class="inputNum" type="number" @input="inputNum" v-model="number" /> |
||||
</template> |
||||
|
||||
<script setup lang="ts"> |
||||
import { reactive } from "vue"; |
||||
// import InputNumType from '@/interfaces/compoment/InputNum'; |
||||
// const details = reactive<InputNumType>({ |
||||
// value: '', |
||||
// minNum: 0, |
||||
// maxNum: 0 |
||||
// }) |
||||
|
||||
defineProps({ |
||||
value: { |
||||
import { ref } from "vue"; |
||||
|
||||
const number = ref<any>(10) |
||||
|
||||
const props = defineProps({ |
||||
// 输入框的值 |
||||
modelValue: { |
||||
default: 0, |
||||
}, |
||||
// 最大值 |
||||
maxNum: { |
||||
type: Number, |
||||
default: 999999 |
||||
}, |
||||
// 最小值 |
||||
minNum: { |
||||
type: Number, |
||||
default: 0 |
||||
} |
||||
}, |
||||
}) |
||||
|
||||
function setdetails() { |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
number.value = props.modelValue |
||||
|
||||
const $emit = defineEmits(['update:modelValue']) |
||||
|
||||
let isInput = null |
||||
|
||||
// 防抖函数 |
||||
function inputNum() { |
||||
console.log('value :>> ', value); |
||||
// 重置定时器 |
||||
if(isInput) clearTimeout(isInput) |
||||
// 开启定时器 |
||||
isInput = setTimeout(()=>{ |
||||
number.value = parseInt(number.value) |
||||
// 当值不是数字为NaN时, number.value为0 |
||||
if (number.value !== number.value) number.value = 0 |
||||
// 最大限制 |
||||
if (number.value >= props.maxNum) number.value = props.maxNum |
||||
// 最小限制 |
||||
if (number.value <= props.minNum) number.value = props.minNum |
||||
$emit('update:modelValue', number.value) |
||||
}, 500) |
||||
} |
||||
|
||||
defineExpose({ setdetails }) |
||||
</script> |
||||
|
||||
<style> |
||||
.inputNum{ |
||||
border: 1upx solid #000; |
||||
padding-left: 10upx; |
||||
border-radius: 5upx; |
||||
} |
||||
|
||||
</style> |
||||
@ -1 +1 @@
|
||||
<u-navbar wx:if="{{a}}" class="data-v-e9f42dec" u-i="e9f42dec-0" bind:__l="__l" u-p="{{a}}"></u-navbar><image mode="widthFix" class="bgimg data-v-e9f42dec" src="/pagesHome/static/bgby.png"></image><view class="mabxtop data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{b}}</view><view class="data-v-e9f42dec">托盘码</view></view><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{c}}</view><view class="data-v-e9f42dec">托盘件数</view></view></view><view class="data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{d}}</view><view class="data-v-e9f42dec">名称</view></view><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{e}}</view><view class="data-v-e9f42dec">总件数</view></view></view><view class="data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{f}}</view><view class="data-v-e9f42dec">打托方式</view></view></view><view class="beizhut data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{g}}</view><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">备注</view><image class="data-v-e9f42dec" bindtap="{{h}}" src="/pagesHome/static/editicon.png"></image></view></view></view></view><scroll-view class="scvmabx data-v-e9f42dec" scroll-y="true"><view class="maxboxs data-v-e9f42dec"><view wx:for="{{i}}" wx:for-item="item" class="items data-v-e9f42dec"><view class="tophd data-v-e9f42dec"><view class="data-v-e9f42dec"><image class="data-v-e9f42dec" src="/pagesHome/static/dan.png"></image><view class="data-v-e9f42dec"></view><view class="data-v-e9f42dec">{{item.a}}</view></view><image class="data-v-e9f42dec" bindtap="{{item.b}}" src="/pagesHome/static/removeitem.png"></image></view><view class="numbxvie data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="zhon data-v-e9f42dec">{{item.c}}</view><view class="data-v-e9f42dec">总数</view></view><view class="data-v-e9f42dec"><view class="yish data-v-e9f42dec">{{item.d}}</view><view class="data-v-e9f42dec">已扫</view></view><view class="data-v-e9f42dec"><view class="weish data-v-e9f42dec">{{item.e}}</view><view class="data-v-e9f42dec">未扫</view></view></view></view></view></scroll-view><view class="buts data-v-e9f42dec" bindtap="{{j}}">继续录入</view><view wx:if="{{k}}" class="tanchuangbg data-v-e9f42dec" bindtap="{{A}}"><view wx:if="{{l}}" class="tanbx data-v-e9f42dec" catchtap="{{q}}"><view class="titlran data-v-e9f42dec">备注</view><view class="textareabx data-v-e9f42dec"><block wx:if="{{r0}}"><textarea class="data-v-e9f42dec" maxlength="-1" placeholder="请输入备注" value="{{m}}" bindinput="{{n}}"></textarea></block></view><view class="btx data-v-e9f42dec"><view class="cancel data-v-e9f42dec" bindtap="{{o}}">取消</view><view class="confirm data-v-e9f42dec" bindtap="{{p}}">确认</view></view></view><view wx:if="{{r}}" class="inputbox data-v-e9f42dec" catchtap="{{z}}"><view class="inputscan data-v-e9f42dec"><input class="data-v-e9f42dec" placeholder="输入运单号" value="{{s}}" bindinput="{{t}}"/><view class="scanbt data-v-e9f42dec" bindtap="{{v}}">搜索</view></view><scroll-view scroll-y="true" class="scvbw data-v-e9f42dec"><view class="scboxitem data-v-e9f42dec"><view wx:for="{{w}}" wx:for-item="item" class="items data-v-e9f42dec" bindtap="{{item.h}}"><view class="type1s data-v-e9f42dec"><view class="data-v-e9f42dec">订单号：</view><view class="data-v-e9f42dec">{{item.a}}</view></view><view class="type1s data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">总件数：</view><view class="data-v-e9f42dec">{{item.b}}件</view></view></view><view class="type1s data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">剩余件数：</view><view class="data-v-e9f42dec">{{item.c}}件</view></view></view><view class="rksu data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">入库数：</view><input class="data-v-e9f42dec" placeholder="请输入入库数" type="number" bindinput="{{item.d}}" value="{{item.e}}"/></view></view><view wx:if="{{item.f}}" class="lisbite data-v-e9f42dec"><view wx:for="{{item.g}}" wx:for-item="ite" class="itembox data-v-e9f42dec"><view wx:if="{{ite.a}}" class="data-v-e9f42dec">库位码：{{ite.b}}</view><view class="data-v-e9f42dec">托盘码：{{ite.c}}</view><view class="data-v-e9f42dec">数量：{{ite.d}}</view></view></view></view></view></scroll-view><view class="btx data-v-e9f42dec"><view class="cancel data-v-e9f42dec" bindtap="{{x}}">取消</view><view class="confirm data-v-e9f42dec" bindtap="{{y}}">确认</view></view></view></view><tips class="r data-v-e9f42dec" u-r="tip" u-i="e9f42dec-1" bind:__l="__l"></tips><saomiao2 class="data-v-e9f42dec" u-i="e9f42dec-2" bind:__l="__l"></saomiao2> |
||||
<u-navbar wx:if="{{a}}" class="data-v-e9f42dec" u-i="e9f42dec-0" bind:__l="__l" u-p="{{a}}"></u-navbar><image mode="widthFix" class="bgimg data-v-e9f42dec" src="/pagesHome/static/bgby.png"></image><view class="mabxtop data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{b}}</view><view class="data-v-e9f42dec">托盘码</view></view><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{c}}</view><view class="data-v-e9f42dec">托盘件数</view></view></view><view class="data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{d}}</view><view class="data-v-e9f42dec">名称</view></view><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{e}}</view><view class="data-v-e9f42dec">总件数</view></view></view><view class="data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{f}}</view><view class="data-v-e9f42dec">打托方式</view></view></view><view class="beizhut data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">{{g}}</view><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">备注</view><image class="data-v-e9f42dec" bindtap="{{h}}" src="/pagesHome/static/editicon.png"></image></view></view></view></view><scroll-view class="scvmabx data-v-e9f42dec" scroll-y="true"><view class="maxboxs data-v-e9f42dec"><view wx:for="{{i}}" wx:for-item="item" class="items data-v-e9f42dec"><view class="tophd data-v-e9f42dec"><view class="data-v-e9f42dec"><image class="data-v-e9f42dec" src="/pagesHome/static/dan.png"></image><view class="data-v-e9f42dec"></view><view class="data-v-e9f42dec">{{item.a}}</view></view><image class="data-v-e9f42dec" bindtap="{{item.b}}" src="/pagesHome/static/removeitem.png"></image></view><view class="tophd data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">运单号：</view><view class="data-v-e9f42dec">{{item.c}}</view></view></view><view class="numbxvie data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="zhon data-v-e9f42dec">{{item.d}}</view><view class="data-v-e9f42dec">总数</view></view><view class="data-v-e9f42dec"><view class="yish data-v-e9f42dec">{{item.e}}</view><view class="data-v-e9f42dec">已扫</view></view><view class="data-v-e9f42dec"><view class="weish data-v-e9f42dec">{{item.f}}</view><view class="data-v-e9f42dec">未扫</view></view></view></view></view></scroll-view><view class="buts data-v-e9f42dec" bindtap="{{j}}">继续录入</view><view wx:if="{{k}}" class="tanchuangbg data-v-e9f42dec" bindtap="{{A}}"><view wx:if="{{l}}" class="tanbx data-v-e9f42dec" catchtap="{{q}}"><view class="titlran data-v-e9f42dec">备注</view><view class="textareabx data-v-e9f42dec"><block wx:if="{{r0}}"><textarea class="data-v-e9f42dec" maxlength="-1" placeholder="请输入备注" value="{{m}}" bindinput="{{n}}"></textarea></block></view><view class="btx data-v-e9f42dec"><view class="cancel data-v-e9f42dec" bindtap="{{o}}">取消</view><view class="confirm data-v-e9f42dec" bindtap="{{p}}">确认</view></view></view><view wx:if="{{r}}" class="inputbox data-v-e9f42dec" catchtap="{{z}}"><view class="inputscan data-v-e9f42dec"><input class="data-v-e9f42dec" placeholder="输入运单号" value="{{s}}" bindinput="{{t}}"/><view class="scanbt data-v-e9f42dec" bindtap="{{v}}">搜索</view></view><scroll-view scroll-y="true" class="scvbw data-v-e9f42dec"><view class="scboxitem data-v-e9f42dec"><view wx:for="{{w}}" wx:for-item="item" class="items data-v-e9f42dec" bindtap="{{item.h}}"><view class="type1s data-v-e9f42dec"><view class="data-v-e9f42dec">订单号：</view><view class="data-v-e9f42dec">{{item.a}}</view></view><view class="type1s data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">总件数：</view><view class="data-v-e9f42dec">{{item.b}}件</view></view></view><view class="type1s data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">剩余件数：</view><view class="data-v-e9f42dec">{{item.c}}件</view></view></view><view class="rksu data-v-e9f42dec"><view class="data-v-e9f42dec"><view class="data-v-e9f42dec">入库数：</view><input class="data-v-e9f42dec" placeholder="请输入入库数" type="number" bindinput="{{item.d}}" value="{{item.e}}"/></view></view><view wx:if="{{item.f}}" class="lisbite data-v-e9f42dec"><view wx:for="{{item.g}}" wx:for-item="ite" class="itembox data-v-e9f42dec"><view wx:if="{{ite.a}}" class="data-v-e9f42dec">库位码：{{ite.b}}</view><view class="data-v-e9f42dec">托盘码：{{ite.c}}</view><view class="data-v-e9f42dec">数量：{{ite.d}}</view></view></view></view></view></scroll-view><view class="btx data-v-e9f42dec"><view class="cancel data-v-e9f42dec" bindtap="{{x}}">取消</view><view class="confirm data-v-e9f42dec" bindtap="{{y}}">确认</view></view></view></view><tips class="r data-v-e9f42dec" u-r="tip" u-i="e9f42dec-1" bind:__l="__l"></tips><saomiao2 class="data-v-e9f42dec" u-i="e9f42dec-2" bind:__l="__l"></saomiao2> |
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue