#

whycq

2022-05-19 0868fd176a6e83400c8f2fd7c118f564b71259a9

 pages/basics/offline.vue

@@ -1,38 +1,40 @@
<template>
   <view >
      <scroll-view scroll-y catch:touchmove="touchmove">
         <view class="pak-seach-box">
            <view class="box-top">
               <view class="color-block-blue"></view>
               <text class="title">托盘条码</text>
         <view class="square-2">
            <view class="square-title">
               <view class="title-sign"><view class="sign"></view></view>
               <view class="title-text"><text>托盘条码</text></view>
            </view>
            <view class="box-buttom">
               <input v-model="barcode" type="text" placeholder="扫码 / 输入">
               <view class="search-icon">
                  <uni-icons type="closeempty" size="20" color="#a5a5a5" @click="removeBarcode()"></uni-icons>
            <view class="square-content">
               <view class="content-input">
                  <input v-model="barcode" type="text" placeholder="扫码 / 输入" 
                        maxlength="8" :focus="barcodeFocus" @focus="focuss">
                  <uni-icons type="closeempty" size="20" color="#dadada" @click="removeBarcode()"></uni-icons>
               </view>
            </view>
         </view>
         <view class="pak-seach-box">
            <view class="box-top">
               <view class="color-block-blue"></view>
               <text class="title">物料条码</text>
         <view class="square-2">
            <view class="square-title">
               <view class="title-sign"><view class="sign"></view></view>
               <view class="title-text"><text>物料条码</text></view>
            </view>
            <view class="box-buttom">
               <input v-model="matNo" type="text" placeholder="扫码 / 输入" @input="findMat()" :focus="focus">
               <view class="search-icon">
                  <uni-icons type="closeempty" size="20" color="#a5a5a5" @click="removeMat()"></uni-icons>
            <view class="square-content">
               <view class="content-input">
                  <input v-model="matNo" type="text" placeholder="扫码 / 输入" 
                        @input="findMat()" :focus="focus" @focus="focuss" >
                  <uni-icons type="closeempty" size="20" color="#dadada" @click="removeMat()"></uni-icons>
               </view>
            </view>
         </view>
         <view class="pak-data-box">
            <view class="box-top">
               <view class="color-block-blue"></view>
               <text class="title">商品列表</text>
         <view class="square-1">
            <view class="square-title">
               <view class="title-sign"><view class="sign"></view></view>
               <view class="title-text"><text>商品列表</text></view>
            </view>
         </view>
         <view class="pak-data-box"  v-show="matList.length === 0">
            <view style="text-align: center;">暂无更多数据</view>
         <view class="square-none" v-show="matList.length === 0">
            <view class="v-show">暂无更多数据...</view>
         </view>
         <checkbox-group>
            <view v-for="(item,index) in matList" :key="index" class="data-list bg-false"  >
@@ -94,6 +96,8 @@
      data() {
         return {
            barcode: '',
            barcodeFocus:true,
            focus:false,
            matList:[],
            matNo:'',
            mat:null,
@@ -108,7 +112,8 @@
            enableQty:'',
            msgType: 'success',
            messageText: '这是一条成功提示',
            focus:true
				
				
         }
      },
      mounted(){
@@ -118,6 +123,9 @@
         this.basePORT = UPORT
      },
      methods: {
         focuss() {
            // uni.hideKeyboard()
         },
         messageToggle(type) {
            this.msgType = type
            this.messageText = `这是一条${type}消息提示`
@@ -132,10 +140,18 @@
         removeBarcode() {
            this.barcode = ''
            uni.vibrateShort();
            this.barcodeFocus = false;
            this.$nextTick(function() {
               this.barcodeFocus = true;
            });
         },
         removeMat() {
            this.matNo = ''
            uni.vibrateShort();
            this.focus = false;
            this.$nextTick(function() {
               this.focus = true;
            });
         },
         eject(type) {
            this.type = type
@@ -243,7 +259,10 @@
                        that.addMatList(that.mat)
                        that.initAnfme()
                        that.matNo = '',
                        console.log(that.focus)
                        that.focus = false;
                        that.$nextTick(function() {
                           that.focus = true;
                        });
                     } else {
                        that.messageToggle('warn')
                        that.messageText = '请重新扫码 \ 输入'