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

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

@@ -1,222 +1,243 @@
-<!--
-  随机移动-整托盘 操作界面
-  @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
-            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.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,
-
-      // 目标库位
-      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.actionData = res[0]
-      })
-    },
-
-    // 执行托盘移动
-    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
-      }).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>
+<!--
+  随机移动-整托盘 操作界面
+  @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
+            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>