overseamom-178 feat sto dn扫描添加车牌和运输公司

src/pages/product/stoOutbound/index.vue

@@ -55,6 +55,26 @@
       <u-form-item :labelWidth="140" :label="$t('message.product_BarCode')">
         <u-search :placeholder="$t('message.po_PleaseInput')" v-model="barcode" @search="onOk" :focus="firstFocus" :show-action="false"></u-search>
       </u-form-item>
+      <!-- 车牌号 -->
+      <!-- <view class="number" v-show="showVehicle">
+        <view class="number-left">
+          <view class="number-left-title">{{ $t('message.dn_CarNumber') }}</view>
+          <u-input v-model="carNo" placeholder=" " :type="item" :border="border" class="input"  style="padding: '0'" />
+        </view>
+      </view> -->
+      <!-- 车牌弹窗输入 -->
+      <view>
+        <u-modal v-model="showMsg" :title="title" confirmText="confirm" cancelText="cancel" showCancelButton @confirm="Confirm" @cancel="emptyMsg">
+          <u-form-item label="Company" borderBottom labelWidth="160">
+            <u-input v-model="company" placeholder="transportation company"></u-input>
+          </u-form-item>
+
+          <u-form-item label="Vehicle No" labelWidth="160">
+            <u-input v-model="carNo" placeholder="Vehicle No"></u-input>
+          </u-form-item>
+        </u-modal>
+      </view>
+
       <!-- 出库库位 -->
       <!-- <view class="material">
         <view class="material-right">
@@ -79,6 +99,7 @@
     </view>
   </view>
 </template>
+
 <script lang="ts">
 import { Component } from 'vue-property-decorator';
 import { BasePage } from '@/components/base/page';
@@ -106,8 +127,16 @@ export default class dnReceiptDom extends BasePage {
   Loc: any = {};
   TheItem: any = '';
   ItemIndex: any = '';
+  carNo: any = '';
+  company: any = '';
+  showVehicle = false;
+  showMsg = false;
+  title = 'Please enter msg';
 
   async query() {
+    this.carNo = '';
+    this.showVehicle = false;
+    this.showMsg = false;
     if (!this.stoNo) {
       this.customToast(this.$t('message.stoPleaseInput') as any);
       return;
@@ -133,6 +162,9 @@ export default class dnReceiptDom extends BasePage {
   //num: any = '';
   //SunmitList: any = [];
   async onOk() {
+    this.carNo = '';
+    this.showVehicle = false;
+    this.showMsg = false;
     if (!this.stoNo) {
       this.customToast(this.$t('message.stoPleaseInput') as any);
       return;
@@ -157,16 +189,23 @@ export default class dnReceiptDom extends BasePage {
       this.barcode = '';
     }
   }
+
   //确认
   async Confirm() {
     if (!this.stoNo) {
       this.customToast(this.$t('message.stoPleaseInput') as any);
       return;
     }
+    if (this.carNo == '' || this.company == '') {
+      this.showVehicle = true;
+      this.showMsg = true;
+      return;
+    }
     const SunmitList = {
       loginName: session.loginName,
       factoryCode: session.factoryCode,
       stoNo: this.stoNo,
+      carSize: this.company,
     };
     await this.model.ConfirmList(SunmitList);
     if (this.model.SubCode == 1) {
@@ -174,7 +213,15 @@ export default class dnReceiptDom extends BasePage {
         title: this.$t('message.success') as string,
         image: '/static/icons/icon-51.png',
       });
+      this.carNo = '';
+      this.company = '';
+      //不生效
       this.empty();
+    } else {
+      this.carNo = '';
+      this.company = '';
+      //不生效
+      this.emptyMsg();
     }
   }
   //过账
@@ -206,9 +253,17 @@ export default class dnReceiptDom extends BasePage {
     this.stoNoList = [];
     this.stoItem = {};
     this.barcode = '';
+    this.carNo = '';
+    this.showVehicle = false;
+    this.showMsg = false;
     //this.SunmitList = [];
     this.model.stoNoList.length = 0;
   }
+  emptyMsg() {
+    this.carNo = '';
+    this.company = '';
+    this.showMsg = false;
+  }
 }
 </script>
 <style lang="scss" scoped>