@logwire/logwire-wms-pda-ui 3.1.0 → 3.1.2

package/src/components/page/inbound/unload/action/index.vue

@@ -14,38 +14,42 @@
 
         <div class="lw-global-flex-between lw-global-row-start">
 
-          <div class="lw-global-value-bold">XHD20221107-001</div>
+          <div class="lw-global-value-bold">{{ unloadData.unloadOrderNo }}</div>
 
           <div class="lw-global-title">
-            {{ $lwDate.format('2022-12-02T07:00:00Z','yyyy-MM-dd hh:mm') }}
+            {{ $lwDate.format(unloadData.insertDate,'yyyy-MM-dd hh:mm') }}
           </div>
 
         </div>
 
         <lw-title-value-cell
+          v-if="unloadData.extNoInfo"
           :title="$lwLanguage.get('','外部单号')"
-          value="WBDH20221104-0009，A20221104-0010，0011"
+          :value="unloadData.extNoInfo"
         />
 
         <lw-title-value-cell
+          v-if="unloadData.asnNoInfo"
           :title="$lwLanguage.get('','到货通知单')"
-          value="WBDH20221104-0009"
+          :value="unloadData.asnNoInfo"
         />
 
         <lw-title-value-cell
           :title="$lwLanguage.get('','车牌号')"
-          value="A20221104"
+          :value="unloadData.carrierPlateNum"
         />
 
         <lw-title-value-cell
+          v-if="unloadData.plannedQuantity"
           :title="$lwLanguage.get('','计划量')"
-          value="10托5箱1EA"
+          :value="unloadData.plannedQuantity"
           val-bold
         />
 
         <lw-title-value-cell
+          v-if="unloadData.unloadQuantity"
           :title="$lwLanguage.get('','已卸货量')"
-          value="10托5箱1EA"
+          :value="unloadData.unloadQuantity"
           val-bold
           val-red
           is-row-end
@@ -54,10 +58,7 @@
       </div>
 
 
-      <div
-        style="margin-top: 10px"
-        class="lw-global-tab-box"
-      >
+      <lw-tab-box style="margin-top: 10px">
         <van-tabs
           type="card"
           animated
@@ -85,7 +86,7 @@
 
 
         </van-tabs>
-      </div>
+      </lw-tab-box>
 
       <!-- 数据采集区域 -->
       <div
@@ -141,6 +142,7 @@
         />
 
       </div>
+
       <!-- 扫描数据统计 -->
       <lw-scan-data-list-module
         v-if="tabActive!=='sku'"
@@ -152,6 +154,7 @@
         @del="changeDataInfoQty"
         @confirm="changeDataInfoQty"
       />
+
       <!-- 异常信息 -->
       <div
         style="padding: 5px 10px"
@@ -160,7 +163,9 @@
         <lw-cell-popup-radio
           :title="$lwLanguage.get('','卸货异常')"
           v-model="dataInfo.abnormal.value"
-          dict-key="abnormal_type_choice"
+          dict-key="UnloadException"
+          @confirm="abnormalConfirm"
+          @clear="abnormalClear"
         />
 
         <lw-input
@@ -190,11 +195,7 @@
         {{$lwLanguage.get('','完成卸货')}}
       </lw-button>
 
-      <lw-button
-        type="last"
-        plain
-        @click="confirmUnload"
-      >
+      <lw-button @click="confirmUnload">
         {{$lwLanguage.get('','确认卸货')}}
       </lw-button>
 
@@ -271,7 +272,7 @@
 
         <div class="lw-global-flex-between lw-global-row-start">
 
-          <div class="lw-global-value-bold">货主001-HZ001</div>
+          <div class="lw-global-value-bold">{{ i.ownerCode + '-' + i.ownerName }}</div>
 
           <van-icon name="arrow" />
 
@@ -290,18 +291,20 @@
             <span class="lw-global-title">
               {{$lwLanguage.get('','异常率')}}
             </span>
-            <span class="lw-global-value-bold-red">0%</span>
+            <span class="lw-global-value-bold-red">{{ i.abnormalRate || 0 }}%</span>
           </div>
 
           <div>
             <lw-tag
+              v-if="i.qualityTypeLabel"
               round
               plain
-            >免检</lw-tag>
+            >{{ i.qualityTypeLabel }}</lw-tag>
             <lw-tag
+              v-if="i.skuUrgencyLabel"
               round
               plain
-            >正常</lw-tag>
+            >{{ i.skuUrgencyLabel }}</lw-tag>
           </div>
 
         </div>
@@ -315,10 +318,19 @@
 
 <script>
 
+import {
+  wmsMobileCompleteUnloadOrder,
+  wmsMobileScanEntryUnloadOrder,
+  wmsMobileUnloadQueryInfo, wmsMobileUnloadQuerySku
+} from "../../../../../api/inbound/unload";
+
 export default {
   name: "lwInboundUnloadActionPage",
   data() {
     return {
+      // 卸货单数据
+      unloadData:{},
+
       tabActive:'lpn',
       tabActiveOld:'lpn',
 
@@ -343,28 +355,7 @@ export default {
           value:'',
           focus: false
         },
-        list:[
-          {
-            code:'SN-001',
-            qty: 1
-          },
-          {
-            code:'SN-002',
-            qty: 2
-          },
-          {
-            code:'SN-003',
-            qty: 3
-          },
-          {
-            code:'SN-004',
-            qty: 4
-          },
-          {
-            code:'SN-005',
-            qty: 5
-          },
-        ],
+        list:[],
         abnormal:{
           value:'',
           label:'',
@@ -388,21 +379,9 @@ export default {
 
       // 选择商品弹框
       selectSkuPopup:{
-        show: true,
-        list:[
-          {
-            code:'234',
-            name:'234',
-          },
-          {
-            code:'234',
-            name:'234',
-          },
-          {
-            code:'234',
-            name:'234',
-          },
-        ]
+        show: false,
+        list:[],
+        data:{}
       }
     }
   },
@@ -424,7 +403,29 @@ export default {
 
     }
   },
+  mounted() {
+    this.init()
+  },
   methods: {
+    init(){
+      const {unloadOrderNo, lwTaskId} = this.$route.query
+      wmsMobileUnloadQueryInfo({
+        queryInfo:unloadOrderNo,
+        taskId: lwTaskId
+      }).then(res=>{
+        const list = res.unloadQueryOrderVoList || []
+        if(!list || !list.length){
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('','获取卸货单数据失败')
+          )
+          history.go(-1)
+          return
+        }
+
+        this.unloadData = list[0]
+      })
+    },
+
     // 清除输入框
     clearInput(){
       this.dataInfo.skuCode.value = ''
@@ -432,17 +433,17 @@ export default {
       this.dataInfo.lpn.value = ''
       this.dataInfo.case.value = ''
       this.dataInfo.qty.value = ''
-      this.dataInfo.abnormal.value = ''
-      this.dataInfo.remark.value = ''
       this.dataInfo.list = []
       this.dataInfo.skuCode.focus = true
       this.tabActiveOld = this.tabActive
+      this.selectSkuPopup.data = {}
     },
     // 清除数据的方法
     clearDataFn(message){
-      const isNull = ['skuCode','skuName','lpn','case','qty','abnormal','remark'].some(item=>{
+      const isNull = ['skuCode','skuName','lpn','case','qty'].some(item=>{
         return !!this.dataInfo[item].value
       })
+
       if (isNull || this.dataInfo.list.length){
         this.$lwDialog.confirm({
           title:this.$lwLanguage.get('','提示'),
@@ -457,6 +458,7 @@ export default {
 
       this.clearInput()
     },
+
     // tab切换
     tabChange(){
       this.clearDataFn(this.$lwLanguage.get('','当前存在录入数据，切换后数据将会被清空'))
@@ -464,23 +466,50 @@ export default {
 
     // 商品号确认
     skuCodeConfirm(){
-      // TODO 调接口获取商品信息 如果存在多条就弹框选择
-      this.selectSkuPopup.show = true
+      const skuCode = this.dataInfo.skuCode.value
+
+      if (!skuCode){
+        this.dataInfo.skuCode.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','商品号不能为空')
+        )
+        return
+      }
+
+      wmsMobileUnloadQuerySku({
+        skuCode
+      }).then(res=>{
+        if (!res || !res.length){
+          this.dataInfo.skuName.focus = true
+          return
+        }
+
+        if(res.length>1){
+          this.selectSkuPopup.list = res
+          this.selectSkuPopup.show = true
+          return
+        }
+
+        this.changeSkuName(res[0])
+
+      })
     },
     // 商品名称确认
     skuNameConfirm(){
-      if (this.tabActive === 'lpn'){
-        this.dataInfo.lpn.focus = true
-        return
-      }
-      if (this.tabActive === 'case'){
-        this.dataInfo.case.focus = true
-        return
+      switch (this.tabActive){
+        case 'lpn':
+          this.dataInfo.lpn.focus = true
+          break;
+        case 'case':
+          this.dataInfo.case.focus = true
+          break;
+        default:
+          this.dataInfo.qty.focus = true
       }
-      this.dataInfo.qty.focus = true
     },
     // 托码、箱号确认
     lpnAndCaseConfirm(val, data){
+      if (!data.data.key) return
       this.dataInfo.list.unshift({
         code: data.data.key,
         qty: data.data.qty || 1
@@ -488,20 +517,40 @@ export default {
       this.changeDataInfoQty(true)
     },
 
+    // 修改数量
+    changeDataInfoQty(data){
+      if (data){
+        const qty = this.dataInfo.list.map(item=>Number(item.qty || 0))
+        this.dataInfo.qty.value = qty.reduce((a,b)=>{return a+b}, 0)
+      }
+    },
+
+    // 选择商品回写商品名称并让商品名称后面的输入框获取焦点
+    changeSkuName(item){
+      this.selectSkuPopup.data = item
+      this.dataInfo.skuName.value = item.name
+      this.skuNameConfirm()
+    },
+    // 确认商品信息
+    selectSkuPopupConfirm(item){
+      this.changeSkuName(item)
+      this.selectSkuPopup.show = false
+    },
+
+    // 确认异常类型
+    abnormalConfirm(item){
+      this.dataInfo.abnormal.label = item.label
+    },
+    // 清除异常类型
+    abnormalClear(){
+      this.dataInfo.abnormal.label = ''
+    },
 
     // 重新扫描
     repeatScan(){
       this.clearDataFn(this.$lwLanguage.get('','当前存在录入数据，确认全部清除？'))
     },
 
-    // 完成卸货
-    overUnload(){
-      this.$lwToast.success(
-        this.$lwLanguage.get('','已完成')
-      )
-      history.go(-1)
-    },
-
     // 确认卸货
     confirmUnload(){
       this.confirmPopup.qty.value = this.dataInfo.qty.value || 0
@@ -520,7 +569,7 @@ export default {
       this.confirmPopup.show = true
     },
     // 确认卸货提交
-    confirmPopupSubmit(){
+    async confirmPopupSubmit(){
       if (!Number(this.confirmPopup.qty.value || 0)){
         this.$lwShowErrorMsg(
           this.$lwLanguage.get('','数量不能为空，且应当是大于0的正整数')
@@ -528,26 +577,48 @@ export default {
         return
       }
 
+      await wmsMobileScanEntryUnloadOrder({
+        unloadOrderId: this.unloadData.unloadOrderId,
+        unloadSpecification: this.tabActive.toUpperCase(),
+        qty:this.confirmPopup.qty.value,
+        unloadException: this.dataInfo.abnormal.value,
+        remark: this.dataInfo.remark.value,
+        skuId: this.selectSkuPopup.data.id,
+        skuCode: this.dataInfo.skuCode.value,
+        skuName: this.dataInfo.skuName.value,
+        scanLineList: this.dataInfo.list.map(item=>item.code)
+      })
+
       this.$lwToast.success(
         this.$lwLanguage.get('','已确认')
       )
+
       this.confirmPopup.show = false
       this.clearInput()
-    },
 
-    // 修改数量
-    changeDataInfoQty(data){
-      if (data){
-        const qty = this.dataInfo.list.map(item=>Number(item.qty || 0))
-        this.dataInfo.qty.value = qty.reduce((a,b)=>{return a+b}, 0)
-      }
+      this.init()
     },
 
-    // 确认商品信息
-    selectSkuPopupConfirm(item){
-      console.log(item)
-      this.selectSkuPopup.show = false
-    }
+    // 完成卸货
+    overUnload(){
+
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('','提示'),
+        message: this.$lwLanguage.get('','是否结束卸货单')
+      }).then(()=>{
+        wmsMobileCompleteUnloadOrder({
+          completeUnloadIdList: [this.unloadData.unloadOrderId]
+        }).then(()=>{
+          this.$lwToast.success(
+            this.$lwLanguage.get('','已完成')
+          )
+
+          history.go(-1)
+        })
+      }).catch(()=>{})
+
+
+    },
   }
 }
 </script>