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

package/src/views/wms/page/inner/fragQuickMove/index/index.vue

@@ -0,0 +1,227 @@
+<!--
+  @author: 王强
+  @date: 2022-11-11
+-->
+<template>
+  <div>
+    <!--    导航栏-->
+    <lw-nav-bar
+      :title="$lwLanguage.get('wms_project.pda.components.page.inner.fragQuickMove.title','随机快速移动-零散')"/>
+
+    <div class="lw-global-page-box">
+      <div class="lw-global-model-box">
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.inner.fragQuickMove.loc','库位')"
+          v-model="loc.value"
+          :get-focus.sync="loc.focus"
+          required
+          rule-key="location"
+          :create-rule="$lwScanRule.create('随机快速移动-零散-库位','LOCATION')"
+          @confirm="locConfirm"
+        />
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.inner.fragQuickMove.lpn','托盘号')"
+          v-model="lpn.value"
+          :get-focus.sync="lpn.focus"
+          rule-key="lpn"
+          :create-rule="$lwScanRule.create('随机快速移动-零散-托盘号','LPN')"
+          @confirm="lpnConfirm"
+        />
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.inner.fragQuickMove.caseNum','箱号')"
+          v-model="box.value"
+          :get-focus.sync="box.focus"
+          rule-key="case"
+          :create-rule="$lwScanRule.create('随机快速移动-零散-箱号','CASE')"
+          @confirm="boxConfirm"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.inner.fragQuickMove.skuCode','商品条码')"
+          v-model="sku.value"
+          :get-focus.sync="sku.focus"
+          required
+          rule-key="sku"
+          :create-rule="$lwScanRule.create('随机快速移动-零散-商品条码','SKU')"
+          @confirm="skuConfirm"
+        />
+
+        <lw-button
+          block
+          @click="seoClick"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.inner.fragQuickMove.query', '查询') }}
+        </lw-button>
+
+      </div>
+    </div>
+
+    <!--    <lw-popup-->
+    <!--      v-if="skuPop.show"-->
+    <!--      v-model="skuPop.show"-->
+    <!--      :title="$lwLanguage.get('请选择商品','请选择商品')"-->
+    <!--    >-->
+    <!--      <div-->
+    <!--        v-for="(i,k) in skuPop.skuList"-->
+    <!--        :key="k"-->
+    <!--        class="lw-global-row"-->
+    <!--        @click="skuClick(k)"-->
+    <!--      >-->
+    <!--        <div class="lw-global-flex-between">-->
+    <!--          <div>-->
+    <!--            <div class="lw-global-value-bold">{{ i.skuCode }}</div>-->
+    <!--            <div>{{ i.skuName }}</div>-->
+    <!--          </div>-->
+    <!--          <div>-->
+    <!--            <div class="lw-global-value-bold">{{ i.ownerCode }}</div>-->
+    <!--            <div>{{ i.ownerName }}</div>-->
+    <!--          </div>-->
+    <!--        </div>-->
+    <!--      </div>-->
+    <!--    </lw-popup>-->
+  </div>
+</template>
+
+<script>
+
+import {
+  wmsMobileFragQuickMoveQueryInv,
+} from "../../../../api/inner/move/quickMove"
+
+
+export default {
+  name: "lwInnerFragQuickMove",
+  data() {
+    return {
+      // 库位
+      loc: {
+        value: '',
+        focus: false
+      },
+      // 托盘号
+      lpn: {
+        value: "",
+        focus: false
+      },
+      // 箱号
+      box: {
+        value: "",
+        focus: false
+      },
+      // 商品
+      sku: {
+        value: '',
+        skuId: 0,
+        ownerId: 0,
+        focus: false
+      },
+
+      // skuPop:{
+      //   show: false,
+      //   index: 0,
+      //   skuList:[{skuCode:'asku',skuName:this.$lwLanguage.get('wms_project.pda.inner.fragQuickMove.index.gpjeyicm', 'A商品'),skuId:'111',ownerCode:'Oa',ownerName:this.$lwLanguage.get('wms_project.pda.inner.fragQuickMove.index.ikpgyjci', 'A货主'),ownerId:'111'},
+      //     {skuCode:'asku',skuName:this.$lwLanguage.get('wms_project.pda.inner.fragQuickMove.index.gpjeyicm', 'A商品'),skuId:'222',ownerCode:'Ob',ownerName:this.$lwLanguage.get('wms_project.pda.inner.fragQuickMove.index.gygzzdnj', 'b货主'),ownerId:222}]
+      // }
+    }
+  },
+  methods: {
+    // 库位确认
+    locConfirm() {
+      this.locCheck()
+
+    },
+    // 库位校验
+    locCheck() {
+      if (this.loc.value) {
+        this.lpn.focus = true;
+        return true
+      }
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.inner.fragQuickMove.loc.null', '库位不能为空')
+      )
+      this.loc.focus = true
+      return false
+    },
+
+    // 托盘号确认
+    lpnConfirm() {
+      // this.lpnCheck()
+      this.box.focus = true
+    },
+    // 托盘号校验
+    lpnCheck() {
+      if (this.lpn.value) return true
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.inner.fragQuickMove.caseNum.null', '托盘号不能为空')
+      )
+      this.lpn.focus = true
+      return false
+    },
+
+    // 箱号确认
+    boxConfirm() {
+      // this.caseCheck()
+      this.sku.focus = true
+    },
+    // 箱号校验
+    caseCheck() {
+      if (this.box.value) return true
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.inner.fragQuickMove.lpn.null', '箱号不能为空')
+      )
+      this.box.focus = true
+      return false
+    },
+
+    // 商品确认
+    skuConfirm() {
+      this.skuCheck() && this.seoClick()
+    },
+    // 商品校验
+    skuCheck() {
+      if (this.sku.value) return true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.inner.fragQuickMove.skuCode.null', '商品条码不能为空')
+      )
+      this.sku.focus = true
+      return false
+    },
+
+    // skuClick(k){
+    //   this.sku.skuId = this.skuPop.skuList[this.skuPop.index].skuId
+    //   this.skuPop.show = false
+    // },
+
+    seoClick() {
+
+      if (this.locCheck() && this.skuCheck()) {
+
+        wmsMobileFragQuickMoveQueryInv({
+          locCode: this.loc.value,
+          lpn: this.lpn.value,
+          caseNo: this.box.value,
+          skuCode: this.sku.value
+        }).then(() => {
+
+          this.$router.push({
+            path: '/inner/fragQuickMove/lwAction',
+            query: {
+              lwLocCode: this.loc.value,
+              lwLpn: this.lpn.value,
+              lwCaseNo: this.box.value,
+              lwSkuCode: this.sku.value
+            }
+          })
+
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/inner/lpnMove/action/index.vue

@@ -0,0 +1,244 @@
+<!--
+  随机移动-整托盘 操作界面
+  @author: 张文
+  @date: 2022-04-25
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inbound.lpnMove.title','随机移动-整托盘')"/>
+
+
+    <div
+      v-if="actionData.taskLines.length"
+      class="lw-global-page-box"
+    >
+
+      <!-- 顶部信息栏 -->
+      <div class="lw-global-model-box">
+
+        <div>
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.inbound.lpnMove.lpn','托盘号') }}
+          </span>
+          <span class="lw-global-value">{{ actionData.lpn }}</span>
+        </div>
+
+        <div>
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.inbound.lpnMove.local','库位') }}
+          </span>
+          <span class="lw-global-value">{{ actionData.locationCode }}</span>
+        </div>
+
+      </div>
+
+      <!-- 信息展示栏 -->
+      <div class="lw-global-model-box">
+
+        <!-- 商品信息 -->
+        <div
+          class="lw-global-flex-between lw-global-bottom-border lw-lpn-move-row"
+          style="align-items: flex-start"
+        >
+
+          <div class="lw-global-text-overflow" style="flex: 1">
+            <div class="lw-global-value">{{ actionData.taskLines[actionIndex].skuCode }}</div>
+            <div class="lw-global-title">{{ actionData.taskLines[actionIndex].skuName }}</div>
+          </div>
+
+          <lw-tag
+            v-if="actionData.taskLines[actionIndex].skuSizeTypeLabel"
+            style="flex-shrink: 0"
+            round
+            plain
+          >{{ actionData.taskLines[actionIndex].skuSizeTypeLabel }}</lw-tag>
+
+        </div>
+
+
+        <!-- 库存信息 -->
+        <div class="lw-global-flex-between lw-global-bottom-border lw-lpn-move-row">
+
+          <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.inbound.lpnMoveAction.all','总库存量') }}
+            </span>
+            <span class="lw-global-value lw-lpn-move-font-bold">{{ actionData.taskLines[actionIndex].invQty }}</span>
+          </div>
+
+          <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.inbound.lpnMoveAction.has','可用库存量') }}
+            </span>
+            <span
+              class="lw-global-value lw-lpn-move-font-bold"
+              style="color: #D50000"
+            >{{ actionData.taskLines[actionIndex].availInvQty }}</span>
+          </div>
+
+        </div>
+
+
+        <!-- 货主 -->
+        <div
+          class="lw-global-bottom-border lw-lpn-move-row"
+          style="margin-bottom: 0"
+        >
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.inbound.lpnMoveAction.owner', '货主') }}
+          </span>
+          <span class="lw-global-value lw-lpn-move-font-bold">
+            {{ actionData.taskLines[actionIndex].ownerCode }} - {{ actionData.taskLines[actionIndex].ownerName }}
+          </span>
+        </div>
+
+
+        <!-- 切换按钮 -->
+        <lw-cut-card
+          v-model="actionIndex"
+          :length="actionData.taskLines.length"
+        />
+
+      </div>
+
+      <!-- 批次属性 -->
+      <div class="lw-global-model-box">
+        <lw-lot-look-module :columns="actionData.taskLines[actionIndex].lotAttributeData.items"/>
+      </div>
+
+
+      <div class="lw-global-model-box">
+        <!-- 目标托盘 -->
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.inbound.lpnMoveAction.toLpn','目标托盘')"
+          v-model="actionLpn.value"
+          :get-focus.sync="actionLpn.focus"
+          rule-key="lpn"
+          @confirm="lpnConfirm"
+        />
+
+        <!-- 目标库位 -->
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.inbound.lpnMoveAction.toLocal','目标库位')"
+          v-model="actionLocal.value"
+          :get-focus.sync="actionLocal.focus"
+          required
+          rule-key="location"
+          @confirm="actionLpnMove"
+        />
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+      <lw-button @click="actionLpnMove">
+        {{ $lwLanguage.get('wms_project.pda.inbound.lpnMoveAction.allMove','执行整托盘移动') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+import {wmsRandomMoveGetLpnInfo, wmsRandomMoveLpn} from "../../../../api/inner/move/lpnMove";
+
+export default {
+  name: "lwInnerLpnMoveActionPage",
+  data() {
+    return {
+      // 库位
+      local:'',
+      // 托盘号
+      lpn:'',
+
+      // 后端返回的集合
+      actionData:{
+        taskLines:[]
+      },
+      // 当前操作的数据索引
+      actionIndex: 0,
+
+      // 目标托盘
+      actionLpn:{
+        value:'',
+        focus: true
+      },
+
+      // 目标库位
+      actionLocal:{
+        value:'',
+        focus: true
+      },
+    }
+  },
+  mounted() {
+    const {lwLocal, lwLpn} = this.$route.query
+    this.local = lwLocal
+    this.lpn = lwLpn
+    this.getData()
+  },
+  methods: {
+    // 获取数据
+    getData(){
+      wmsRandomMoveGetLpnInfo({
+        lpn: this.lpn,
+        locationCode: this.local
+      }).then(res=>{
+        this.actionIndex = this.$lwUtils.cutCardIndexCount(this.actionIndex, res[0].taskLines.length)
+        this.actionData = res[0]
+      })
+    },
+
+    lpnConfirm(){
+      this.actionLocal.focus = true
+    },
+
+    // 执行托盘移动
+    actionLpnMove(){
+
+      if (!this.actionLocal.value){
+        this.actionLocal.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inbound.lpnMoveAction.toLocalNull','目标库位不能为空')
+        )
+        return
+      }
+
+      wmsRandomMoveLpn({
+        fromLocationCode: this.actionData.locationCode,
+        fromLpn: this.actionData.lpn,
+        toLocationCode: this.actionLocal.value,
+        toLpn: this.actionLpn.value
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.inbound.lpnMoveAction.success','操作成功')
+        )
+        history.go(-1)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+@import "./../../../../../../assets/css/var.less";
+
+.lw-lpn-move-row{
+  padding-bottom: 5px;
+  margin-bottom: 5px;
+}
+
+.lw-lpn-move-font-bold{
+  font-weight: bold;
+}
+
+.lw-lpn-move-change-btn{
+  padding: 5px;
+  border-radius: 5px;
+  border: solid 1px @titleColor;
+}
+
+</style>

package/src/views/wms/page/inner/lpnMove/index/index.vue

@@ -0,0 +1,155 @@
+<!--
+  随机移动整托
+  @author: 张文
+  @date: 2022-04-25
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inbound.lpnMove.title','随机移动-整托盘')"/>
+
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box">
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.inbound.lpnMove.lpn','托盘号')"
+          v-model="lpn.value"
+          :get-focus.sync="lpn.focus"
+          required
+          rule-key="lpn"
+          @confirm="lpnConfirm"
+        />
+
+        <lw-input
+          v-if="local.show"
+          :title="$lwLanguage.get('wms_project.pda.inbound.lpnMove.local','库位')"
+          v-model="local.value"
+          :get-focus.sync="local.focus"
+          required
+          rule-key="location"
+          @confirm="localConfirm"
+        />
+
+        <lw-button
+          block
+          style="margin-top: 10px"
+          @click="seoClick"
+        >{{ $lwLanguage.get('wms_project.pda.inbound.lpnMove.seo','查询') }}</lw-button>
+
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+import {wmsRandomMoveGetLpnInfo} from "../../../../api/inner/move/lpnMove";
+
+export default {
+  name: "lwInnerLpnMovePage",
+  data() {
+    return {
+      // 托盘号
+      lpn:{
+        value:"",
+        focus: true
+      },
+
+      // 库位
+      local:{
+        value:'',
+        focus:false,
+        show:false
+      }
+    }
+  },
+  watch:{
+    'lpn.value':{
+      handler(n){
+        if (!n){
+          this.local.show = false
+          this.local.value = ''
+        }
+      }
+    }
+  },
+  methods: {
+
+    // 托盘号确认
+    lpnConfirm(){
+      this.lpnCheck() && this.seoClick()
+    },
+    // 托盘号校验
+    lpnCheck(){
+      if (this.lpn.value) return true
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.inbound.lpnMoveIndex.lpnNull','托盘号不能为空')
+      )
+      this.lpn.focus = true
+      return false
+    },
+
+    // 库位确认
+    localConfirm(){
+      this.localCheck() && this.seoClick()
+    },
+    // 库位校验
+    localCheck(){
+      if (this.local.value) return true
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.inbound.lpnMoveIndex.localNull','库位不能为空')
+      )
+      this.local.focus = true
+      return false
+    },
+
+    // 查询按钮
+    seoClick() {
+      if (!this.lpnCheck()) return
+
+      if (this.local.show && !this.localCheck()) return
+
+      wmsRandomMoveGetLpnInfo({
+        lpn: this.lpn.value,
+        locationCode: this.local.value
+      }).then(res=>{
+
+        // 判断是否查询到任务
+        if (!res || res.length === 0){
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.inbound.lpnMoveIndex.notTask','没有查询到可执行的移动任务')
+          )
+          return
+        }
+
+        // 判断是否查询到多条
+        if (res.length > 1){
+          this.local.show = true
+          this.local.focus = true
+          return
+        }
+
+        this.$router.push({
+          path: '/inner/lpnMove/lwAction',
+          query:{
+            lwLocal: this.local.value,
+            lwLpn: this.lpn.value
+          }
+        })
+      })
+
+
+    }
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>