@logwire/logwire-wms-pda-ui 1.1.19 → 1.2.0

package/src/components/page/inner/materialApply/action/index.vue

@@ -1,563 +1,555 @@
-<!--
-包材领用单 - 执行领用
-@author: 王强
-@date  2022-06-29
--->
-<template>
-  <div>
-    <!--    导航栏-->
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inner.materialApply.applyNavBar','包材领用出库')"/>
-
-    <!--    中间内容-->
-    <div v-if="taskLine.length" class="lw-global-page-box">
-
-      <div
-        class="lw-global-model-box"
-        style="border-radius: 10px 10px 0 0"
-      >
-
-       <div class="lw-global-flex-between">
-         <div style="font-size: 12px;font-weight: bold;">{{ taskNo }}</div>
-         <div style="font-size: 12px">{{ $lwDate.format(startTime,'MM-dd hh:mm') }}</div>
-       </div>
-
-        <div style="font-size: 12px">
-          {{ $lwLanguage.get('wms_project.pda.common.task.formerly', '已过') }}
-          <span class="lw-global-title">
-                {{ $lwDate.timeToStr({l:startTime,minType:'min'}).text }}
-          </span>
-        </div>
-      </div>
-
-      <!--    统计数量看板-->
-      <lw-data-look-bg type="not">
-
-        <!-- 计划量 -->
-        <div>
-          <div>{{ planQty || 0 }}</div>
-          <div class="lw-data-look-bg-title">{{ $lwLanguage.get('wms_project.pda.inner.materialApply.planQty','计划量') }}</div>
-        </div>
-
-        <!-- 已领取 -->
-        <div>
-          <div>{{ appliedQty || 0 }}</div>
-          <div class="lw-data-look-bg-title">{{ $lwLanguage.get('wms_project.pda.inner.materialApply.appliedQty','已领取') }}</div>
-        </div>
-
-        <!-- 待领取 -->
-        <div>
-          <div>{{ unAppliedQty || 0 }}</div>
-          <div class="lw-data-look-bg-title">{{ $lwLanguage.get('wms_project.pda.inner.materialApply.unApplyQty','待领取') }}</div>
-        </div>
-
-        <!-- 异常量 -->
-        <div class="lw-data-last-item">
-          <div>{{ abnQty || 0 }}</div>
-          <div class="lw-data-look-bg-title">{{ $lwLanguage.get('wms_project.pda.inner.materialApply.abnQty','异常量') }}</div>
-        </div>
-
-      </lw-data-look-bg>
-
-      <!-- 领用单信息 -->
-      <div
-          class="lw-global-model-box"
-        style="border-radius: 0 0 10px 10px"
-      >
-        <!-- 领用单号 -->
-        <div class="lw-global-row">
-                <span class="lw-global-title">
-                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.applyNo','领用单号') }}
-                </span>
-          <span class="lw-global-value-bold">
-                  {{ this.applyNo }}
-                </span>
-        </div>
-        <!-- 外部单号 -->
-        <div class="lw-global-row">
-                <span class="lw-global-title">
-                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.extNo','外部单号') }}
-                </span>
-          <span class="lw-global-value-bold">
-                  {{ this.extNo }}
-                </span>
-        </div>
-        <!-- 领用单类型 -->
-        <div class="lw-global-row">
-                <span class="lw-global-title">
-                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.type','领用类型') }}
-                </span>
-          <span class="lw-global-value-bold">
-                  {{ this.applyType  }}
-                </span>
-        </div>
-        <!-- 业务类型 -->
-        <div class="lw-global-row">
-                <span class="lw-global-title">
-                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.bizType','业务类型') }}
-                </span>
-          <span class="lw-global-value-bold">
-                  {{ this.applyBizType  }}
-                </span>
-        </div>
-        <!-- 备注 -->
-        <div class="lw-global-row">
-                <span class="lw-global-title">
-                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.remark','备注') }}
-                </span>
-          <span class="lw-global-value-bold">
-                  {{ this.remark }}
-                </span>
-        </div>
-      </div>
-
-      <!-- 任务数据 -->
-      <div
-        class="lw-global-model-box"
-        v-if="true"
-      >
-        <!-- 包材头信息 -->
-        <div class="lw-global-row lw-global-flex-start-start">
-
-          <div class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.inner.materialApply.packMaterial', '包材') }}</div>
-
-          <div class="lw-global-value">
-            <div class="lw-global-value-bold">{{taskLine[task.index].skuCode}}</div>
-            <div>{{ taskLine[task.index].type }}</div>
-          </div>
-        </div>
-
-        <!-- 库位 -->
-        <div class="lw-global-row">
-                <span class="lw-global-title">
-                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.locCode','库位') }}
-                </span>
-          <span class="lw-global-value-bold">
-                  {{ taskLine[task.index].locationCode }}
-                </span>
-        </div>
-
-        <!-- 托盘号 -->
-        <div class="lw-global-row" v-if="hasLpn()">
-                <span class="lw-global-title">
-                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.lpn','托盘号') }}
-                </span>
-          <span class="lw-global-value-bold">
-                  {{ taskLine[task.index].lpn }}
-                </span>
-        </div>
-
-        <!-- 数据看板 -->
-        <div class="lw-global-row lw-global-flex-around">
-          <!-- 计划量 -->
-          <div class="lw-global-data-look-item">
-            <div class="lw-global-value-bold">{{ taskLine[task.index].allocateQty || 0 }}</div>
-            <div class="lw-global-title">
-              {{ $lwLanguage.get('wms_project.pda.inner.materialApply.planQty','计划量') }}
-            </div>
-          </div>
-
-          <!-- 已领取 -->
-          <div class="lw-global-data-look-item">
-            <div class="lw-global-value-bold">{{ taskLine[task.index].appliedQty || 0 }}</div>
-            <div class="lw-global-title">
-              {{ $lwLanguage.get('wms_project.pda.inner.materialApply.appliedQty','已领取') }}
-            </div>
-          </div>
-
-          <!-- 待领取 -->
-          <div class="lw-global-data-look-item">
-            <div class="lw-global-value-bold">{{ taskLine[task.index].unAppliedQty || 0 }}</div>
-            <div class="lw-global-title">
-              {{ $lwLanguage.get('wms_project.pda.inner.materialApply.unApplyQty','待领取') }}
-            </div>
-          </div>
-
-          <!-- 异常量 -->
-          <div class="lw-global-data-look-item">
-            <div class="lw-global-value-bold" style="color: #D50000">
-              {{ taskLine[task.index].abnQty || 0 }}
-            </div>
-            <div class="lw-global-title" style="color: #D50000">
-              {{ $lwLanguage.get('wms_project.pda.inner.materialApply.abnQty','异常量') }}
-            </div>
-          </div>
-        </div>
-
-        <!-- 库位 -->
-        <lw-input
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.locCode','库位')"
-            v-model="task.input.location.value"
-            :get-focus.sync="task.input.location.focus"
-            required
-            @confirm="taskLocationConfirm"
-        />
-
-        <!-- LPN -->
-        <lw-input
-            v-if="hasLpn()"
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.lpn','托盘号')"
-            v-model="task.input.lpn.value"
-            :get-focus.sync="task.input.lpn.focus"
-            required
-            @confirm="taskLpnConfirm"
-        />
-
-        <!-- 商品条码 -->
-        <lw-input
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.skuCode','包材编码')"
-            v-model="task.input.sku.value"
-            :get-focus.sync="task.input.sku.focus"
-            required
-            @confirm="taskSkuCodeConfirm"
-        />
-
-        <!-- 数量 -->
-        <lw-input
-            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.qty','数量')"
-            v-model="task.input.qty.value"
-            :get-focus.sync="task.input.qty.focus"
-            type="digit"
-            required
-            @confirm="taskQtyCheck"
-        />
-
-        <lw-cut-card
-            v-model="task.index"
-            :length="taskLine.length"
-            :cut-end="clearInput"
-        />
-      </div>
-
-      <lw-not-data v-else/>
-    </div>
-
-    <!--    底部按钮-->
-    <lw-bottom-bar >
-      <lw-button
-          type="last"
-          plain
-          @click="diffCompleteTask"
-      >
-        {{ $lwLanguage.get('wms_project.pda.inner.materialApply.diffComplete','差异完成') }}
-      </lw-button>
-      <lw-button
-        @click="execTask"
-      >
-        {{ $lwLanguage.get('wms_project.pda.inner.materialApply.confirmApply','确认领用') }}
-      </lw-button>
-    </lw-bottom-bar>
-
-  </div>
-</template>
-
-<script>
-
-import {
-  wmsGetMaterialApplyTask,
-  wmsExecMaterialApplyTask,
-  wmsDiffCompleteApplyTask
-} from "../../../../../api/inner/materialApply";
-
-
-export default {
-  name: "lwMaterialApplyActionPage",
-  data() {
-    return {
-      applyId: '',
-      ownerId: '',
-      applyNo: '',
-      extNo: '',
-      applyType: '',
-      applyBizType: '',
-      remark: '',
-      planQty: 0,
-      appliedQty: 0,
-      unAppliedQty: 0,
-      abnQty: 0,
-      time: '',
-      startTime: '',
-      taskNo: '',
-      taskId: '',
-      taskLine: [],
-
-      //任务数据
-      task: {
-        // 任务行索引
-        index:0,
-        // 输入框
-        input:{
-          // 库位
-          location:{
-            value:'',
-            focus: false
-          },
-          // LPN
-          lpn:{
-            value:'',
-            focus: false
-          },
-          // 包材
-          sku: {
-            value:'',
-            focus: false
-          },
-          // 数量
-          qty:{
-            value:'',
-            focus: false
-          },
-        }
-      }
-
-
-    }
-  },
-  mounted() {
-    this.init()
-    this.getTaskData()
-  },
-  methods: {
-    init() {
-      this.taskId = this.$route.query.lwTaskId
-    },
-
-    //获取任务数据
-    getTaskData() {
-      wmsGetMaterialApplyTask({
-        taskId: this.$route.query.lwTaskId
-      }).then(res => {
-        if (res.unAppliedQty <= 0) {
-          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.applySuccess','领用成功'))
-          history.go(-1)
-        }
-
-        this.ownerId = res.ownerId
-        this.applyId = res.applyId
-        this.applyNo = res.applyNo
-        this.extNo = res.extNo
-        this.applyType = res.applyType
-        this.applyBizType = res.applyBizType
-        this.remark = res.remark
-        this.planQty = res.planQty
-        this.appliedQty = res.appliedQty
-        this.unAppliedQty = res.unAppliedQty
-        this.abnQty = res.abnQty
-        this.time = res.time
-        this.startTime = res.startTime
-        this.taskNo = res.taskNo
-
-        this.taskLine = res.taskLine
-        if ((this.task.index + 1) > this.taskLine.length) {
-          this.task.index > 0 ? this.task.index-- : this.task.index = 0
-        }
-      }).catch(e => {
-        console.log(e)
-      })
-    },
-
-    //执行任务
-    execTask() {
-      if (
-          !(this.taskLocationCheck() &&
-              this.taskLpnCheck() &&
-              this.taskSkuCodeCheck() &&
-              this.taskQtyCheck())
-      ) return
-
-      wmsExecMaterialApplyTask({
-        applyId: this.applyId,
-        taskId: this.taskId,
-        skuId: this.taskLine[this.task.index].skuId,
-        ownerId: this.ownerId,
-        locationId: this.taskLine[this.task.index].locationId,
-        lpn: this.task.input.lpn.value,
-        applyQty: this.task.input.qty.value
-      }).then(res => {
-        this.clearInput()
-        if (res.taskExecFinished) {
-          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.taskFinished','包材领用任务已完成'))
-          setTimeout(()=>{
-            history.go(-1)
-          },2000)
-        } else {
-          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.applySuccess','领用成功'))
-          setTimeout(()=>{
-            this.getTaskData()
-          },2000)
-        }
-      }).catch(e => {
-        console.log(e)
-        history.go(-1)
-      })
-    },
-
-    //差异完成任务
-    diffCompleteTask() {
-      wmsDiffCompleteApplyTask({
-        applyId: this.applyId,
-        taskId: this.taskId,
-        skuId: this.taskLine[this.task.index].skuId,
-        ownerId: this.ownerId,
-        locationId: this.taskLine[this.task.index].locationId,
-        lpn: this.taskLine[this.task.index].lpn,
-        applyQty: this.taskLine[this.task.index].unAppliedQty
-      }).then(res => {
-        this.clearInput()
-        if (res.taskDiffCompleted) {
-          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.taskFinished','包材领用任务已完成'))
-          setTimeout(()=>{
-            history.go(-1)
-          },2000)
-        } else {
-          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.diffCompleteSuccess','差异完成成功'))
-          setTimeout(()=>{
-            this.getTaskData()
-          },2000)
-        }
-      }).catch(e => {
-        console.log(e)
-      })
-    },
-
-    // 清空输入框
-    clearInput(){
-      const input = this.task.input
-      input.location.value = ''
-      input.location.focus = true
-      input.sku.value = ''
-      input.qty.value = ''
-      input.lpn.value = ''
-    },
-
-    // 是否有托盘
-    hasLpn(){
-      let item = this.taskLine[this.task.index]
-      console.log(item.lpn && item.lpn !== '')
-      return item.lpn && item.lpn !== ''
-    },
-
-    // 库位确认
-    taskLocationConfirm(){
-      if (this.taskLocationCheck()){
-        if (this.hasLpn()) {
-          this.task.input.lpn.focus = true
-        } else {
-          this.task.input.sku.focus = true
-        }
-      }
-    },
-
-    // 库位校验
-    taskLocationCheck(){
-      const location = this.task.input.location
-      if (!location.value) {
-        location.focus = true
-        this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.inner.materialApply.locNull','库位不能为空')
-        )
-        return false
-      }
-
-      if (location.value !== this.taskLine[this.task.index].locationCode){
-        location.focus = true
-        this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.inner.materialApply.locNotMatch','库位与任务库位不一致')
-        )
-        location.value = ''
-        return false
-      }
-      return true
-    },
-
-    // 下架托盘确认
-    taskLpnConfirm() {
-      if (this.taskLpnCheck()){
-        this.task.input.sku.focus = true
-      }
-    },
-    // 下架托盘校验
-    taskLpnCheck(){
-      if (!this.hasLpn()) {
-        return true
-      }
-      const lpn = this.task.input.lpn
-      if (!lpn.value) {
-        lpn.focus = true
-        this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.inner.materialApply.lpnNull','托盘号不能为空')
-        )
-        return false
-      }
-
-      if (lpn.value !== this.taskLine[this.task.index].lpn){
-        lpn.focus = true
-        this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.inner.materialApply.lpnNotMatch','托盘号与任务托盘号不一致')
-        )
-        lpn.value = ''
-        return false
-      }
-      return true
-    },
-
-    // 商品号确认
-    taskSkuCodeConfirm(){
-      if (this.taskSkuCodeCheck()){
-        this.task.input.qty.focus = true
-      }
-    },
-    // 商品号输入校验
-    taskSkuCodeCheck(){
-      const sku = this.task.input.sku
-      // 非空校验
-      if (!sku.value){
-        sku.focus = true
-        this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.inner.materialApply.skuCodeNotNull','包材编码不能为空')
-        )
-        return false
-      }
-
-      // 是否输入正确
-      if (sku.value !== this.taskLine[this.task.index].skuCode){
-        sku.focus = true
-        this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.inner.materialApply.skuNotMatch','当前包材编码与任务包材编码不一致')
-        )
-        sku.value = ''
-        return false
-      }
-      return true
-    },
-
-    // 数量确认
-    taskQtyCheck(){
-      const qty = Number(this.task.input.qty.value || 0)
-      if (!qty){
-        this.task.input.qty.focus = true
-        this.task.input.qty.value = ''
-        this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.inner.materialApply.qtyFail','数量不能为空，且应当是大于0的整数')
-        )
-        return false
-      }
-
-      if (qty > this.taskLine[this.task.index].unAppliedQty){
-        this.task.input.qty.focus = true
-        this.task.input.qty.value = ''
-        this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.inner.materialApply.qtyMore','数量不能大于待领取量')
-        )
-        return false
-      }
-      return true
-    },
-
-
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+包材领用单 - 执行领用
+@author: 王强
+@date  2022-06-29
+-->
+<template>
+  <div>
+    <!--    导航栏-->
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inner.materialApply.applyNavBar','包材领用出库')"/>
+
+    <!--    中间内容-->
+    <div v-if="taskLine.length" class="lw-global-page-box">
+
+      <div class="lw-global-model-top-radius">
+
+       <div class="lw-global-flex-between">
+         <div style="font-size: 12px;font-weight: bold;">{{ taskNo }}</div>
+         <div style="font-size: 12px">{{ $lwDate.format(startTime,'MM-dd hh:mm') }}</div>
+       </div>
+
+        <div style="font-size: 12px">
+          {{ $lwLanguage.get('wms_project.pda.common.task.formerly', '已过') }}
+          <span class="lw-global-title">
+                {{ $lwDate.timeToStr({l:startTime,minType:'min'}).text }}
+          </span>
+        </div>
+      </div>
+
+      <!--    统计数量看板-->
+      <lw-data-look-bg type="not">
+
+        <!-- 计划量 -->
+        <div>
+          <div>{{ planQty || 0 }}</div>
+          <div>{{ $lwLanguage.get('wms_project.pda.inner.materialApply.planQty','计划量') }}</div>
+        </div>
+
+        <!-- 已领取 -->
+        <div>
+          <div>{{ appliedQty || 0 }}</div>
+          <div>{{ $lwLanguage.get('wms_project.pda.inner.materialApply.appliedQty','已领取') }}</div>
+        </div>
+
+        <!-- 待领取 -->
+        <div>
+          <div>{{ unAppliedQty || 0 }}</div>
+          <div>{{ $lwLanguage.get('wms_project.pda.inner.materialApply.unApplyQty','待领取') }}</div>
+        </div>
+
+        <!-- 异常量 -->
+        <div>
+          <div>{{ abnQty || 0 }}</div>
+          <div>{{ $lwLanguage.get('wms_project.pda.inner.materialApply.abnQty','异常量') }}</div>
+        </div>
+
+      </lw-data-look-bg>
+
+      <!-- 领用单信息 -->
+      <div class="lw-global-model-bottom-radius">
+        <!-- 领用单号 -->
+        <div class="lw-global-row">
+                <span class="lw-global-title">
+                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.applyNo','领用单号') }}
+                </span>
+          <span class="lw-global-value-bold">
+                  {{ this.applyNo }}
+                </span>
+        </div>
+        <!-- 外部单号 -->
+        <div class="lw-global-row">
+                <span class="lw-global-title">
+                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.extNo','外部单号') }}
+                </span>
+          <span class="lw-global-value-bold">
+                  {{ this.extNo }}
+                </span>
+        </div>
+        <!-- 领用单类型 -->
+        <div class="lw-global-row">
+                <span class="lw-global-title">
+                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.type','领用类型') }}
+                </span>
+          <span class="lw-global-value-bold">
+                  {{ this.applyType  }}
+                </span>
+        </div>
+        <!-- 业务类型 -->
+        <div class="lw-global-row">
+                <span class="lw-global-title">
+                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.bizType','业务类型') }}
+                </span>
+          <span class="lw-global-value-bold">
+                  {{ this.applyBizType  }}
+                </span>
+        </div>
+        <!-- 备注 -->
+        <div class="lw-global-row">
+                <span class="lw-global-title">
+                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.remark','备注') }}
+                </span>
+          <span class="lw-global-value-bold">
+                  {{ this.remark }}
+                </span>
+        </div>
+      </div>
+
+      <!-- 任务数据 -->
+      <div
+        class="lw-global-model-box"
+        v-if="true"
+      >
+        <!-- 包材头信息 -->
+        <div class="lw-global-row lw-global-flex-start-start">
+
+          <div class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.inner.materialApply.packMaterial', '包材') }}</div>
+
+          <div class="lw-global-value">
+            <div class="lw-global-value-bold">{{taskLine[task.index].skuCode}}</div>
+            <div>{{ taskLine[task.index].type }}</div>
+          </div>
+        </div>
+
+        <!-- 库位 -->
+        <div class="lw-global-row">
+                <span class="lw-global-title">
+                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.locCode','库位') }}
+                </span>
+          <span class="lw-global-value-bold">
+                  {{ taskLine[task.index].locationCode }}
+                </span>
+        </div>
+
+        <!-- 托盘号 -->
+        <div class="lw-global-row" v-if="hasLpn()">
+                <span class="lw-global-title">
+                  {{ $lwLanguage.get('wms_project.pda.inner.materialApply.lpn','托盘号') }}
+                </span>
+          <span class="lw-global-value-bold">
+                  {{ taskLine[task.index].lpn }}
+                </span>
+        </div>
+
+        <!-- 数据看板 -->
+        <div class="lw-global-row lw-global-flex-around">
+          <!-- 计划量 -->
+          <div class="lw-global-data-look-item">
+            <div class="lw-global-value-bold">{{ taskLine[task.index].allocateQty || 0 }}</div>
+            <div class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.inner.materialApply.planQty','计划量') }}
+            </div>
+          </div>
+
+          <!-- 已领取 -->
+          <div class="lw-global-data-look-item">
+            <div class="lw-global-value-bold">{{ taskLine[task.index].appliedQty || 0 }}</div>
+            <div class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.inner.materialApply.appliedQty','已领取') }}
+            </div>
+          </div>
+
+          <!-- 待领取 -->
+          <div class="lw-global-data-look-item">
+            <div class="lw-global-value-bold">{{ taskLine[task.index].unAppliedQty || 0 }}</div>
+            <div class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.inner.materialApply.unApplyQty','待领取') }}
+            </div>
+          </div>
+
+          <!-- 异常量 -->
+          <div class="lw-global-data-look-item">
+            <div class="lw-global-value-bold" style="color: #D50000">
+              {{ taskLine[task.index].abnQty || 0 }}
+            </div>
+            <div class="lw-global-title" style="color: #D50000">
+              {{ $lwLanguage.get('wms_project.pda.inner.materialApply.abnQty','异常量') }}
+            </div>
+          </div>
+        </div>
+
+        <!-- 库位 -->
+        <lw-input
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.locCode','库位')"
+            v-model="task.input.location.value"
+            :get-focus.sync="task.input.location.focus"
+            required
+            @confirm="taskLocationConfirm"
+        />
+
+        <!-- LPN -->
+        <lw-input
+            v-if="hasLpn()"
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.lpn','托盘号')"
+            v-model="task.input.lpn.value"
+            :get-focus.sync="task.input.lpn.focus"
+            required
+            @confirm="taskLpnConfirm"
+        />
+
+        <!-- 商品条码 -->
+        <lw-input
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.skuCode','包材编码')"
+            v-model="task.input.sku.value"
+            :get-focus.sync="task.input.sku.focus"
+            required
+            @confirm="taskSkuCodeConfirm"
+        />
+
+        <!-- 数量 -->
+        <lw-input
+            :title="$lwLanguage.get('wms_project.pda.inner.materialApply.qty','数量')"
+            v-model="task.input.qty.value"
+            :get-focus.sync="task.input.qty.focus"
+            type="digit"
+            required
+            @confirm="taskQtyCheck"
+        />
+
+        <lw-cut-card
+            v-model="task.index"
+            :length="taskLine.length"
+            :cut-end="clearInput"
+        />
+      </div>
+
+      <lw-not-data v-else/>
+    </div>
+
+    <!--    底部按钮-->
+    <lw-bottom-bar >
+      <lw-button
+          type="last"
+          plain
+          @click="diffCompleteTask"
+      >
+        {{ $lwLanguage.get('wms_project.pda.inner.materialApply.diffComplete','差异完成') }}
+      </lw-button>
+      <lw-button
+        @click="execTask"
+      >
+        {{ $lwLanguage.get('wms_project.pda.inner.materialApply.confirmApply','确认领用') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+import {
+  wmsGetMaterialApplyTask,
+  wmsExecMaterialApplyTask,
+  wmsDiffCompleteApplyTask
+} from "../../../../../api/inner/materialApply";
+
+
+export default {
+  name: "lwMaterialApplyActionPage",
+  data() {
+    return {
+      applyId: '',
+      ownerId: '',
+      applyNo: '',
+      extNo: '',
+      applyType: '',
+      applyBizType: '',
+      remark: '',
+      planQty: 0,
+      appliedQty: 0,
+      unAppliedQty: 0,
+      abnQty: 0,
+      time: '',
+      startTime: '',
+      taskNo: '',
+      taskId: '',
+      taskLine: [],
+
+      //任务数据
+      task: {
+        // 任务行索引
+        index:0,
+        // 输入框
+        input:{
+          // 库位
+          location:{
+            value:'',
+            focus: false
+          },
+          // LPN
+          lpn:{
+            value:'',
+            focus: false
+          },
+          // 包材
+          sku: {
+            value:'',
+            focus: false
+          },
+          // 数量
+          qty:{
+            value:'',
+            focus: false
+          },
+        }
+      }
+
+
+    }
+  },
+  mounted() {
+    this.init()
+    this.getTaskData()
+  },
+  methods: {
+    init() {
+      this.taskId = this.$route.query.lwTaskId
+    },
+
+    //获取任务数据
+    getTaskData() {
+      wmsGetMaterialApplyTask({
+        taskId: this.$route.query.lwTaskId
+      }).then(res => {
+        if (res.unAppliedQty <= 0) {
+          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.applySuccess','领用成功'))
+          history.go(-1)
+        }
+
+        this.ownerId = res.ownerId
+        this.applyId = res.applyId
+        this.applyNo = res.applyNo
+        this.extNo = res.extNo
+        this.applyType = res.applyType
+        this.applyBizType = res.applyBizType
+        this.remark = res.remark
+        this.planQty = res.planQty
+        this.appliedQty = res.appliedQty
+        this.unAppliedQty = res.unAppliedQty
+        this.abnQty = res.abnQty
+        this.time = res.time
+        this.startTime = res.startTime
+        this.taskNo = res.taskNo
+
+        this.task.index = this.$lwUtils.cutCardIndexCount(this.task.index, res.taskLine.length)
+        this.taskLine = res.taskLine
+      }).catch(e => {
+        console.log(e)
+      })
+    },
+
+    //执行任务
+    execTask() {
+      if (
+          !(this.taskLocationCheck() &&
+              this.taskLpnCheck() &&
+              this.taskSkuCodeCheck() &&
+              this.taskQtyCheck())
+      ) return
+
+      wmsExecMaterialApplyTask({
+        applyId: this.applyId,
+        taskId: this.taskId,
+        skuId: this.taskLine[this.task.index].skuId,
+        ownerId: this.ownerId,
+        locationId: this.taskLine[this.task.index].locationId,
+        lpn: this.task.input.lpn.value,
+        applyQty: this.task.input.qty.value
+      }).then(res => {
+        this.clearInput()
+        if (res.taskExecFinished) {
+          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.taskFinished','包材领用任务已完成'))
+          setTimeout(()=>{
+            history.go(-1)
+          },2000)
+        } else {
+          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.applySuccess','领用成功'))
+          setTimeout(()=>{
+            this.getTaskData()
+          },2000)
+        }
+      }).catch(e => {
+        console.log(e)
+        history.go(-1)
+      })
+    },
+
+    //差异完成任务
+    diffCompleteTask() {
+      wmsDiffCompleteApplyTask({
+        applyId: this.applyId,
+        taskId: this.taskId,
+        skuId: this.taskLine[this.task.index].skuId,
+        ownerId: this.ownerId,
+        locationId: this.taskLine[this.task.index].locationId,
+        lpn: this.taskLine[this.task.index].lpn,
+        applyQty: this.taskLine[this.task.index].unAppliedQty
+      }).then(res => {
+        this.clearInput()
+        if (res.taskDiffCompleted) {
+          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.taskFinished','包材领用任务已完成'))
+          setTimeout(()=>{
+            history.go(-1)
+          },2000)
+        } else {
+          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.inner.materialApply.diffCompleteSuccess','差异完成成功'))
+          setTimeout(()=>{
+            this.getTaskData()
+          },2000)
+        }
+      }).catch(e => {
+        console.log(e)
+      })
+    },
+
+    // 清空输入框
+    clearInput(){
+      const input = this.task.input
+      input.location.value = ''
+      input.location.focus = true
+      input.sku.value = ''
+      input.qty.value = ''
+      input.lpn.value = ''
+    },
+
+    // 是否有托盘
+    hasLpn(){
+      let item = this.taskLine[this.task.index]
+      console.log(item.lpn && item.lpn !== '')
+      return item.lpn && item.lpn !== ''
+    },
+
+    // 库位确认
+    taskLocationConfirm(){
+      if (this.taskLocationCheck()){
+        if (this.hasLpn()) {
+          this.task.input.lpn.focus = true
+        } else {
+          this.task.input.sku.focus = true
+        }
+      }
+    },
+
+    // 库位校验
+    taskLocationCheck(){
+      const location = this.task.input.location
+      if (!location.value) {
+        location.focus = true
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.inner.materialApply.locNull','库位不能为空')
+        )
+        return false
+      }
+
+      if (location.value !== this.taskLine[this.task.index].locationCode){
+        location.focus = true
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.inner.materialApply.locNotMatch','库位与任务库位不一致')
+        )
+        location.value = ''
+        return false
+      }
+      return true
+    },
+
+    // 托盘确认
+    taskLpnConfirm() {
+      if (this.taskLpnCheck()){
+        this.task.input.sku.focus = true
+      }
+    },
+    // 托盘校验
+    taskLpnCheck(){
+      if (!this.hasLpn()) {
+        return true
+      }
+      const lpn = this.task.input.lpn
+      if (!lpn.value) {
+        lpn.focus = true
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.inner.materialApply.lpnNull','托盘号不能为空')
+        )
+        return false
+      }
+
+      if (lpn.value !== this.taskLine[this.task.index].lpn){
+        lpn.focus = true
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.inner.materialApply.lpnNotMatch','托盘号与任务托盘号不一致')
+        )
+        lpn.value = ''
+        return false
+      }
+      return true
+    },
+
+    // 商品号确认
+    taskSkuCodeConfirm(){
+      if (this.taskSkuCodeCheck()){
+        this.task.input.qty.focus = true
+      }
+    },
+    // 商品号输入校验
+    taskSkuCodeCheck(){
+      const sku = this.task.input.sku
+      // 非空校验
+      if (!sku.value){
+        sku.focus = true
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.inner.materialApply.skuCodeNotNull','包材编码不能为空')
+        )
+        return false
+      }
+
+      // 是否输入正确
+      if (sku.value !== this.taskLine[this.task.index].skuCode){
+        sku.focus = true
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.inner.materialApply.skuNotMatch','当前包材编码与任务包材编码不一致')
+        )
+        sku.value = ''
+        return false
+      }
+      return true
+    },
+
+    // 数量确认
+    taskQtyCheck(){
+      const qty = Number(this.task.input.qty.value || 0)
+      if (!qty){
+        this.task.input.qty.focus = true
+        this.task.input.qty.value = ''
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.inner.materialApply.qtyFail','数量不能为空，且应当是大于0的整数')
+        )
+        return false
+      }
+
+      if (qty > this.taskLine[this.task.index].unAppliedQty){
+        this.task.input.qty.focus = true
+        this.task.input.qty.value = ''
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.inner.materialApply.qtyMore','数量不能大于待领取量')
+        )
+        return false
+      }
+      return true
+    },
+
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>