@logwire/logwire-wms-pda-ui 1.1.15

package/src/components/page/inner/randomMove/components/Up/index.vue

@@ -0,0 +1,519 @@
+<!--
+  随机移动下架
+  @author: 张文
+  @date: 2022-05-06
+-->
+<template>
+  <div>
+    <!-- 搜索输入框 -->
+    <div
+      v-if="showDownInput"
+      class="lw-global-model-box"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.inbound.randomMove.container','容器号')"
+        v-model="seo.container.value"
+        :get-focus.sync="seo.container.focus"
+        required
+        @confirm="upSeo"
+      />
+
+      <lw-button
+        style="margin-top: 10px"
+        block
+        @click="upSeo"
+      >
+        {{ $lwLanguage.get('wms_project.pda.inbound.randomMoveUp.seo','查询') }}
+      </lw-button>
+
+    </div>
+
+
+    <!-- 任务执行 -->
+    <div
+      v-else
+      class="lw-global-model-box"
+    >
+
+      <!-- 容器号 -->
+      <div class="lw-global-row">
+        <span class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.inbound.randomMoveUp.lpn','容器号') }}
+        </span>
+        <span class="lw-global-value-bold">
+          {{ upData[upIndex].lpn }}
+        </span>
+      </div>
+
+      <!-- 零件信息 -->
+      <div
+        class="lw-global-flex-between lw-global-row"
+        style="align-items: flex-start"
+      >
+        <div style="flex: 1">
+          <div class="lw-global-value-bold">
+            {{ upData[upIndex].skuCode }}
+          </div>
+          <div class="lw-global-title">
+            {{ upData[upIndex].skuName }}
+          </div>
+        </div>
+
+        <lw-tag
+          round
+          plain
+          style="flex-shrink: 0"
+        >{{ upData[upIndex].skuSizeTypeLabel }}</lw-tag>
+      </div>
+
+      <!-- 主库位 -->
+      <div
+        class="lw-global-row"
+      >
+        <span class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.inbound.randomMoveUp.mainLocal','主库位') }}
+        </span>
+        <span
+          class="lw-global-value-bold"
+          style="font-size: 16px;color: #D50000"
+        >
+          {{ upData[upIndex].masterLocationCode || '-' }}
+        </span>
+      </div>
+
+      <!-- 待上架 -->
+      <div class="lw-global-row">
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.inbound.randomMoveUp.waitUp','待上架量') }}
+          </span>
+        <span class="lw-global-value-bold">
+            {{ upData[upIndex].putDownQty }}
+          </span>
+      </div>
+
+      <!-- 货主 -->
+      <div class="lw-global-row">
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.inbound.randomMoveUp.owner','货主') }}
+          </span>
+        <span class="lw-global-value-bold">
+            {{ upData[upIndex].ownerCode }} - {{ upData[upIndex].ownerName }}
+          </span>
+      </div>
+
+      <!-- 输入框 -->
+      <div>
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.skuCode','商品条码')"
+          v-model="actionTask.sku.value"
+          :get-focus.sync="actionTask.sku.focus"
+          required
+          @confirm="skuConfirm"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.qty','商品数量')"
+          type="digit"
+          v-model="actionTask.num.value"
+          :get-focus.sync="actionTask.num.focus"
+          required
+          @confirm="actionNumConfirm"
+        >
+          <template #button>
+            <lw-button
+              round
+              mini
+              @click="lessUp"
+            >
+              {{ $lwLanguage.get('wms_project.pda.inbound.randomMoveUp.little','缺货上架') }}
+            </lw-button>
+          </template>
+        </lw-input>
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.toLocal','目标库位')"
+          v-model="actionTask.local.value"
+          :get-focus.sync="actionTask.local.focus"
+          required
+          @confirm="localConfirm"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.toLpn','目标托盘号')"
+          v-model="actionTask.lpn.value"
+          :get-focus.sync="actionTask.lpn.focus"
+          @confirm="actionLpnConfirm"
+        />
+
+
+      </div>
+
+
+      <!-- 左右切换 -->
+      <lw-cut-card
+        v-model="upIndex"
+        :length="upData.length"
+        :cut-start="inputValueIsNull"
+        :cut-end="clearInput"
+      />
+
+    </div>
+
+
+    <!-- 缺货上架弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.little','缺货上架')"
+      v-model="lessUpPopup.show"
+      height="auto"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.littleNum','缺货量')"
+        v-model="lessUpPopup.num.value"
+        :get-focus.sync="lessUpPopup.num.focus"
+        type="digit"
+        @confirm="lessUpConfirm"
+      />
+
+      <template #button>
+        <lw-button @click="lessUpConfirm">
+          {{ $lwLanguage.get('wms_project.pda.inbound.randomMoveUp.confirmLittle','确认缺货') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+
+import {
+  wmsGetRandomTaskByLpn,
+  wmsRandomTaskMoveUp
+} from "../../../../../../api/receive/randomMove";
+import {wmsRandomTaskMoveUpLessQtyAbnormalSubmit} from "../../../../../../api/inner/move/taskMove";
+
+export default {
+  name: "index",
+  props:{
+    // 是否显示搜索输入框
+    value:{
+      type: Boolean,
+      default: true
+    },
+    // 输入框获取焦点
+    inputFocus:{
+      type: Boolean,
+      default: true
+    }
+  },
+  computed:{
+    showDownInput:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input', v)
+      }
+    }
+  },
+  watch:{
+    showDownInput:{
+      handler(n){
+        if (n){
+          this.clearSeoInput()
+        }else {
+          this.clearInput(false)
+        }
+      }
+    },
+    inputFocus:{
+      handler(n){
+        if (n && this.showDownInput){
+          this.seo.container.focus = true
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      seo:{
+        // 容器号
+        container:{
+          value:'',
+          focus: false
+        }
+      },
+
+      // 下架任务数据
+      upData:[],
+      // 当前操作的索引
+      upIndex:0,
+
+      // 执行移动时候的输入框
+      actionTask:{
+        sku:{
+          value:'',
+          focus: false
+        },
+        num:{
+          value:'',
+          focus: false
+        },
+        local:{
+          value:'',
+          focus: false
+        },
+        lpn:{
+          value:'',
+          focus: false
+        },
+      },
+
+      // 缺货上架弹框
+      lessUpPopup:{
+        show: false,
+        num: {
+          value:'',
+          focus: false
+        }
+      }
+
+    }
+  },
+  methods: {
+    // 搜索输入框 - 容器号校验
+    containerCheck(){
+      if (this.seo.container.value){
+        return true
+      }
+
+      this.seo.container.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.lpnNull','容器号不能为空')
+      )
+      return false
+    },
+
+    // 上架查询
+    upSeo(){
+      if (!this.containerCheck()) return
+
+      wmsGetRandomTaskByLpn({
+        lpn: this.seo.container.value
+      }).then(res=>{
+
+        if (!res || !res.length){
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.notData','没有查询到任何数据')
+          )
+          return
+        }
+
+        this.upData = res
+        this.showDownInput = false
+      })
+    },
+
+    // 清空搜索输入框
+    clearSeoInput(){
+      this.seo.container.value = ''
+      this.seo.container.focus = true
+    },
+
+/* ---------- 上面是搜索输入框 ----------*/
+
+    // 商品条码确认
+    skuConfirm(){
+      if (this.skuCheck()){
+        this.actionTask.num.focus = true
+      }
+    },
+    // 校验零件号
+    skuCheck(){
+      if (this.actionTask.sku.value) return true
+
+      this.actionTask.sku.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.skuNull','商品条码不能为空')
+      )
+      return false
+    },
+
+    // 执行任务下架数量确定
+    actionNumConfirm(){
+      if (this.numCheck()){
+        this.actionTask.local.focus = true
+      }
+    },
+    // 校验下架数量
+    numCheck(){
+      const num = Number(this.actionTask.num.value || 0)
+      if (isNaN(num) || num === 0){
+        this.actionTask.num.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.skuNumZero','上架数量不能为空且应当是大于0的整数')
+        )
+
+        return false
+      }
+
+      if (num > this.upData[this.upIndex].putDownQty){
+        this.actionTask.num.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.skuMore','上架数量不能大于待上架量')
+        )
+
+        return false
+      }
+
+      return true
+    },
+
+    // 库位确认
+    localConfirm(){
+      if (this.localCheck()){
+        this.actionTask.lpn.focus = true
+      }
+    },
+    // 库位校验
+    localCheck(){
+      if (this.actionTask.local.value) return true
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.toLocalNull','目标库位不能为空')
+      )
+      return false
+    },
+
+    // 执行任务中转容器号确定
+    actionLpnConfirm(){
+
+      this.actionUp()
+
+    },
+
+    // 清空输入框
+    clearInput(showMsg = true){
+      showMsg && this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.cutCell','已切换至行数：') + (this.upIndex + 1)
+      )
+      this.actionTask.sku.value = ''
+      this.actionTask.sku.focus = true
+      this.actionTask.num.value = ''
+      this.actionTask.local.value = ''
+      this.actionTask.lpn.value = ''
+    },
+
+    // 校验输入框是否存在内容
+    inputValueIsNull(){
+      return new Promise((res,err)=>{
+        if (
+          this.actionTask.sku.value ||
+          this.actionTask.local.value ||
+          this.actionTask.num.value ||
+          this.actionTask.lpn.value
+        ){
+          this.$dialog.confirm({
+            title: this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.warning','警告'),
+            message: this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.inputClear','跳转后输入框将会被清空')
+          }).then(()=>{
+            res()
+          }).catch(()=>{
+            err()
+          })
+        }else {
+          res()
+        }
+      })
+    },
+
+    // 执行上架
+    actionUp(){
+      if (!this.skuCheck() || !this.numCheck() || !this.localCheck()) return
+
+      const now = this.upData[this.upIndex]
+      wmsRandomTaskMoveUp({
+        skuCode: now.skuCode,
+        ownerId: now.ownerId,
+        fromLocationCode: now.locationCode,
+        fromLpn: now.lpn,
+        inventoryLotId: now.inventoryLotId,
+        toLocationCode: this.actionTask.local.value,
+        toLpn: this.actionTask.lpn.value,
+        moveQty: this.actionTask.num.value,
+        relay: false, // 是否接力
+      }).then(res=>{
+        if (!res || !res.length){
+          this.showDownInput = true
+
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.upOver','上架完成')
+          )
+          return
+        }
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.success','操作成功')
+        )
+        setTimeout(()=>{
+          this.clearInput()
+        },1000)
+        this.upData = res
+        if ((this.upIndex +1) > this.upData.length){
+          this.upIndex--
+        }
+
+      })
+    },
+
+    // 缺货上架
+    lessUp(){
+      this.lessUpPopup.show = true
+      this.lessUpPopup.num.value = ''
+      this.lessUpPopup.num.focus = true
+    },
+
+    // 确认缺货上架
+    lessUpConfirm(){
+      const num = Number(this.lessUpPopup.num.value || 0)
+      if (!num){
+        this.lessUpPopup.num.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.littleNumError','缺货量不能为空，且应当是大于0的整数')
+        )
+        return
+      }
+
+      const now = this.upData[this.upIndex]
+      if (num > now.putDownQty){
+        this.lessUpPopup.num.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.littleNumMore','缺货量不能大于待上架量')
+        )
+        return
+      }
+
+      wmsRandomTaskMoveUpLessQtyAbnormalSubmit({
+        ownerId: now.ownerId,
+        skuId: now.skuId,
+        abnQty: num,
+        abnLocationCode: this.upData[this.upIndex].locationCode,
+        abnLpn: this.upData[this.upIndex].lpn,
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.inbound.randomMoveUp.upSuccess','上报成功')
+        )
+        this.upSeo()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/randomMove/index/index.js

@@ -0,0 +1,11 @@
+/*
+* 在库 - 随机移动出口
+* @author: 张文
+* @date  2022-04-29
+* */
+
+import lwInnerRandomMoveIndexPage from "./index.vue";
+
+lwInnerRandomMoveIndexPage.install = Vue => Vue.component(lwInnerRandomMoveIndexPage.name, lwInnerRandomMoveIndexPage)
+
+export default lwInnerRandomMoveIndexPage

package/src/components/page/inner/randomMove/index/index.vue

@@ -0,0 +1,152 @@
+<!--
+  随机移动
+  @author: 张文
+  @date: 2022-04-25
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inbound.randomMove.title','随机移动')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-tab-box">
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.inbound.randomMove.down','下架')"
+            name="down"
+          >
+
+            <down
+              ref="down"
+              v-model="isDownInput"
+              :input-focus="tabActive==='down'"
+              @over="downOver"
+            />
+
+          </van-tab>
+
+
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.inbound.randomMove.up','上架')"
+            name="up"
+          >
+
+            <up
+              ref="up"
+              :input-focus="tabActive==='up'"
+              v-model="isUpInput"
+            />
+
+          </van-tab>
+        </van-tabs>
+
+
+      </div>
+
+
+    </div>
+
+    <!-- 下架的底部操作栏 -->
+    <lw-bottom-bar v-if="tabActive === 'down' && !isDownInput">
+      <lw-button
+        plain
+        type="last"
+        @click="downClear"
+      >
+        {{ $lwLanguage.get('wms_project.pda.inbound.randomMove.cance','取消') }}
+      </lw-button>
+      <lw-button
+        @click="downAction"
+      >
+        {{ $lwLanguage.get('wms_project.pda.inbound.randomMove.actionDown','执行下架') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+    <!-- 上架的底部操作栏 -->
+    <lw-bottom-bar v-if="tabActive === 'up' && !isUpInput">
+      <lw-button
+        plain
+        type="last"
+        @click="upClear"
+      >
+        {{ $lwLanguage.get('wms_project.pda.inbound.randomMove.cance','取消') }}
+      </lw-button>
+      <lw-button
+        plain
+        type="normal"
+        @click="lessUp"
+      >
+        {{ $lwLanguage.get('wms_project.pda.inbound.randomMove.littleUp','缺货上架') }}
+      </lw-button>
+      <lw-button @click="upAction">
+        {{ $lwLanguage.get('wms_project.pda.inbound.randomMove.confirmUp','确认上架') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import Down from './../components/Down/index.vue'
+import Up from './../components/Up/index.vue'
+
+export default {
+  name: "lwInnerRandomMoveIndexPage",
+  components:{
+    Down,
+    Up
+  },
+  data() {
+    return {
+      // 标签激活项
+      tabActive: 'down',
+
+      // 下架tab是输入框状态
+      isDownInput: true,
+
+      // 上架tab是输入框状态
+      isUpInput: true,
+
+    }
+  },
+  methods: {
+    // 下架取消
+    downClear(){
+      this.isDownInput = true
+    },
+    // 执行下架
+    downAction(){
+      this.$refs.down.actionDown()
+    },
+    // 下架完成
+    downOver(){
+      this.tabActive = 'up'
+    },
+
+    // 上架取消
+    upClear(){
+      this.isUpInput = true
+    },
+    // 执行上架
+    upAction(){
+      this.$refs.up.actionUp()
+    },
+    // 缺货上架
+    lessUp(){
+      this.$refs.up.lessUp()
+    },
+
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,11 @@
+/*
+* 库内异常上报 - 执行页
+* @author: 张文
+* @date  2022-02-25
+* */
+
+import lwInnerReportAbnormalActionPage from "./index.vue";
+
+lwInnerReportAbnormalActionPage.install = Vue => Vue.component(lwInnerReportAbnormalActionPage.name, lwInnerReportAbnormalActionPage)
+
+export default lwInnerReportAbnormalActionPage