js

pages/tag/print.vue

@@ -16,12 +16,6 @@
             </view>
         </navigator>
         <view class="print-form">
-            <!-- <view class="box row verCenter">
-                <view class="label">订单类型</view>
-                <view class="tab row verCenter">
-                    <view class="tab-pane row rowCenter verCenter" v-for="(item, index) in items_erp_order_sn_pre" :key="index" :class="{ curr: index_erp_order_sn_pre == index }" @click="change(index, 'erp_order_sn_pre')">{{ item }}</view>
-                </view>
-            </view> -->
             <view class="box row verCenter">
                 <view class="label">打印类型</view>
                 <view class="tab row verCenter">
@@ -49,7 +43,11 @@
             </view>
             <view class="box row verCenter" v-if="index_print_type == 0">
                 <view class="label">卡板数</view>
-                <input type="number" @input="changeNumber()" v-model="form.number" placeholder-style="font-size:24rpx;color:#404547;" class="uni-input" placeholder="请输入卡板数" />
+                <view class="pick-box row">
+                    <picker @change="bindPickerChange" :value="numberIndex" :range="numberArr" class="picker">
+                        <view class="uni-input">{{ numberArr[numberIndex] }}</view>
+                    </picker>
+                </view>
             </view>
             <template v-for="(item, index) in numberList" v-if="flag && index_print_type == 0">
                 <view class="box row verCenter">
@@ -90,6 +88,8 @@ export default {
             batchArr: [0, 1, 2, 3, 4, 5, 6],
             flag: false,
             numberList: [],
+            numberArr: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+            numberIndex: 0,
             form: {
                 batch: 0, //批次
                 print_type: 2, //打印类型
@@ -146,21 +146,12 @@ export default {
             });
         },
         /**
-         * 批次监听
-         */
-        bindPickerChangeBatch(e) {
-            this.form.batch = e.target.value;
-        },
-        /**
-         * 卡板数量list监听
-         */
-        onInput(e, index) {
-            this.form.numbers[index].value = e.detail.value;
-        },
-        /**
          * 卡板数监听
          */
-        changeNumber() {
+        bindPickerChange(e) {
+            this.numberIndex = Number(e.detail.value);
+            this.form.number = Number(e.target.value) + 1;
+
             if (this.form.number > 1) {
                 this.flag = true;
                 this.numberList = [];
@@ -177,6 +168,18 @@ export default {
                 this.form.numbers = [];
             }
         },
+        /**
+         * 批次监听
+         */
+        bindPickerChangeBatch(e) {
+            this.form.batch = e.target.value;
+        },
+        /**
+         * 卡板数量list监听
+         */
+        onInput(e, index) {
+            this.form.numbers[index].value = e.detail.value;
+        },
         submit() {
             // if (!this.device_name) {
             //     uni.showModal({
@@ -428,6 +431,7 @@ export default {
                     this.form.print_type = 1;
                     this.text = '总箱数';
                     this.print_text = '总箱数';
+                    this.numberIndex = 0;
                 } else if (index == 1) {
                     this.form.print_type = 2;
                     this.text = '标签数量';