@logwire/logwire-wms-pda-ui 1.1.15

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

@@ -0,0 +1,11 @@
+/*
+* 包材领用单 - 执行领用单
+* @author: 王强
+* @date  2022-06-29
+* */
+
+import lwMaterialApplyActionPage from "./index.vue"
+
+lwMaterialApplyActionPage.install = Vue => Vue.component(lwMaterialApplyActionPage.name, lwMaterialApplyActionPage)
+
+export default lwMaterialApplyActionPage

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

@@ -0,0 +1,554 @@
+<!--
+包材领用单 - 执行领用
+@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.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="true">
+                <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 => {
+        console.log(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
+        }
+        console.log(this.task.index)
+      }).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 => {
+        console.log(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(){
+      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>

package/src/components/page/inner/materialApply/generate/index.js

@@ -0,0 +1,11 @@
+/*
+* 包材领用单 - 创建领用单
+* @author: 王强
+* @date  2022-06-29
+* */
+
+import lwMaterialApplyCreatePage from "./index.vue"
+
+lwMaterialApplyCreatePage.install = Vue => Vue.component(lwMaterialApplyCreatePage.name, lwMaterialApplyCreatePage)
+
+export default lwMaterialApplyCreatePage