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

package/src/components/page/receive/putaway/lpnAction/index.vue

@@ -1,332 +1,362 @@
-<!--
-  入库上架 - 整托盘上架执行
-  @author: 张文
-  @date: 2022-02-25
--->
-<template>
-  <div>
-
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.receive.putaway.titleLpn','入库上架 - 整托盘')"/>
-
-    <div class="lw-global-page-box">
-
-      <!-- tab -->
-      <div class="lw-global-tab-box">
-        <van-tabs
-          type="card"
-          animated
-          v-model="tabActive"
-          @change="tabChange"
-        >
-
-          <van-tab
-            v-for="(i,k) in lpnList"
-            :key="i"
-            :name="k"
-            :title="i"
-          />
-        </van-tabs>
-      </div>
-
-      <!-- 托盘数据 -->
-      <div class="lw-global-model-box">
-
-        <!-- 托盘号 -->
-        <div class="lw-global-row-start">
-          <span class="lw-global-title">
-            {{ $lwLanguage.get('wms_project.pda.receive.putaway.lpnCode', '托盘号') }}
-          </span>
-          <span class="lw-global-value-bold">
-            {{ lpnTaskData.lpn }}
-          </span>
-        </div>
-
-        <!-- 原库位、目标库位 -->
-        <div class="lw-global-row lw-global-flex-between">
-
-          <div>
-            <span class="lw-global-title">
-              {{ $lwLanguage.get('wms_project.pda.receive.putaway.fromLocal', '原库位') }}
-            </span>
-            <span class="lw-global-value-bold">
-              {{ lpnTaskData.fromLocationCode }}
-            </span>
-          </div>
-
-          <div>
-            <span class="lw-global-title">
-              {{ $lwLanguage.get('wms_project.pda.receive.putaway.toLocal', '目标库位') }}
-            </span>
-            <span class="lw-global-value-bold">
-              {{ lpnTaskData.toLocationCode }}
-            </span>
-          </div>
-
-        </div>
-
-        <!-- 总数量、行数 -->
-        <div class="lw-global-row lw-global-flex-between">
-
-          <div>
-            <span class="lw-global-title">
-              {{ $lwLanguage.get('wms_project.pda.receive.putaway.allNum', '总数量') }}
-            </span>
-            <span class="lw-global-value-bold">
-              {{ lpnTaskData.qty }}
-            </span>
-          </div>
-
-          <div>
-              <span class="lw-global-title">
-                {{ $lwLanguage.get('wms_project.pda.receive.putaway.cellNum', '行数') }}
-              </span>
-            <span class="lw-global-value-bold">
-              {{ lpnTaskData.lineCount }}
-            </span>
-          </div>
-
-        </div>
-
-        <!-- 零件信息 -->
-        <sku-info
-          :sku-list="lpnTaskData.lines"
-          :show-abnormal="showSkuAbnormal"
-          :location-code="lpnTaskData.fromLocationCode"
-          :task-id="lpnTaskData.taskId"
-          @abnSuccess="tabChange"
-        />
-
-      </div>
-
-      <!-- 输入框 -->
-      <div class="lw-global-model-box">
-
-        <!-- 接力上架 -->
-        <lw-cell
-          style="padding: 0"
-          :title="$lwLanguage.get('wms_project.pda.receive.putaway.relayUp','接力上架')"
-          :is-link="false"
-          required
-        >
-          <template #value>
-            <van-switch
-              v-model="relay"
-              size="22px"
-              @change="relayChange"
-            />
-          </template>
-        </lw-cell>
-
-        <!-- 目标库位 -->
-        <lw-input
-          v-if="!relay"
-          class="lw-global-animation-rotate"
-          :title="$lwLanguage.get('wms_project.pda.receive.putaway.toLocal','目标库位')"
-          v-model="local.value"
-          :get-focus.sync="local.focus"
-          required
-          rule-key="location"
-          @confirm="putawayAction"
-        />
-
-        <!-- 通道库位 -->
-        <lw-input
-          v-else
-          class="lw-global-animation-left"
-          :title="$lwLanguage.get('wms_project.pda.receive.putaway.wayLocal','通道库位')"
-          v-model="local.value"
-          :get-focus.sync="local.focus"
-          required
-          rule-key="location"
-          @confirm="putawayAction"
-        />
-
-
-
-      </div>
-
-    </div>
-
-    <lw-bottom-bar>
-      <lw-button
-        v-if="!relay"
-        class="lw-global-animation-rotate"
-        @click="putawayAction"
-      >
-        {{ $lwLanguage.get('wms_project.pda.receive.putaway.allLpnUp','整托盘上架') }}
-      </lw-button>
-      <lw-button
-        v-else
-        class="lw-global-animation-left"
-        @click="putawayAction"
-      >
-        {{ $lwLanguage.get('wms_project.pda.receive.putaway.relayUp','接力上架') }}
-      </lw-button>
-    </lw-bottom-bar>
-
-  </div>
-</template>
-
-<script>
-
-import SkuInfo from './../components/SkuInfo/index.vue'
-import {
-  wmsMobileGetPutawayTaskByWholeLpn,
-  wmsMobileSubmitPutawayByWholeLpn
-} from "../../../../../api/receive/putaway";
-
-export default {
-  name: "lwReceivePutawayLpnActionPage",
-  components:{
-    SkuInfo
-  },
-  props:{
-
-    // 是否显示零件异常上报按钮
-    showSkuAbnormal:{
-      type: Boolean,
-      default: true
-    }
-
-  },
-  data() {
-    return {
-      // 返回步数
-      backStep: -1,
-      // 托盘列表
-      lpnList: [],
-
-      // tab当前激活项
-      tabActive: 0,
-
-      // 当前操作数据
-      lpnTaskData:{},
-
-      // 是否接力上架
-      relay: false,
-      // 库位
-      local:{
-        value:'',
-        focus:true
-      },
-    }
-  },
-  mounted() {
-    const {lwLpnList, lwBack} = this.$route.query
-    const lpnList = JSON.parse(lwLpnList || '[]')
-    this.backStep = Number('-'+lwBack)
-
-    if (!lpnList.length) {
-      this.$lwShowErrorMsg(
-        this.$lwLanguage.get('wms_project.pda.receive.putaway.lpnCodeNull', '托盘数据为空')
-      )
-      history.go(this.backStep)
-
-      return
-    }
-
-    this.lpnList = lpnList
-    this.tabChange()
-
-  },
-  methods: {
-    // tab切换
-    tabChange() {
-      this.relay = false
-      this.local.value = ''
-      this.local.focus = true
-
-      if (!this.lpnList.length) {
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.receive.putaway.taskOver','当前任务已全部完成')
-        )
-        history.go(this.backStep)
-      }
-
-      this.tabActive + 1 > this.lpnList.length ? this.tabActive = 0 : ''
-
-      wmsMobileGetPutawayTaskByWholeLpn({
-        lpn: this.lpnList[this.tabActive]
-      }).then(res=>{
-        this.lpnTaskData = res
-      }).catch((err)=>{
-        this.$dialog.confirm({
-          title: this.$lwLanguage.get('wms_project.pda.receive.putaway.dataError','数据异常'),
-          message:
-            this.$lwLanguage.get('wms_project.pda.receive.putaway.errorInfo','错误信息：') +
-            err.data.message +
-            '\n' +
-            this.$lwLanguage.get('wms_project.pda.receive.putaway.errorMsg','点击确定继续执行剩余任务，点击返回回退至上一页')
-          ,
-          cancelButtonText: this.$lwLanguage.get('wms_project.pda.receive.putaway.back','返回'),
-        }).then(()=>{
-          this.lpnList.splice(this.tabActive, 1)
-          this.tabChange()
-        }).catch(()=>{
-          history.go(this.backStep)
-        })
-      })
-    },
-
-    // 接力上架状态改变
-    relayChange(){
-      this.local.value = ''
-      this.local.focus = true
-    },
-
-    // 执行上架
-    putawayAction(){
-      if (!this.local.value){
-        this.local.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.receive.putaway.localNull','库位不能为空')
-        )
-        return
-      }
-
-      if (!this.relay && this.local.value !== this.lpnTaskData.toLocationCode){
-        this.$dialog.confirm({
-          title: this.$lwLanguage.get('wms_project.pda.receive.putaway.total','提示'),
-          message: this.$lwLanguage.get('wms_project.pda.receive.putaway.localError','当前库位与目标库位不一致，是否继续上架？')
-        }).then(()=>{
-          this.putawaySubmit()
-        }).catch(()=>{})
-
-        return;
-      }
-
-      this.putawaySubmit()
-
-    },
-
-    // 提交上架任务
-    putawaySubmit(){
-      wmsMobileSubmitPutawayByWholeLpn({
-        fromLpn: this.lpnTaskData.lpn,
-        toLocationCode: this.local.value,
-        relay: this.relay
-      }).then(()=>{
-        this.lpnList.splice(this.tabActive, 1)
-
-        if (this.lpnList.length){
-          this.tabChange()
-          this.$lwToast.success(
-            this.$lwLanguage.get('wms_project.pda.receive.putaway.upSuccess','上架成功')
-          )
-
-          return
-        }
-
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.receive.putaway.taskOver','当前任务已全部完成')
-        )
-        history.go(this.backStep)
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  入库上架 - 整托盘上架执行
+  @author: 张文
+  @date: 2022-02-25
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.receive.putaway.titleLpn','入库上架 - 整托盘')"/>
+
+    <div class="lw-global-page-box">
+
+      <!-- tab -->
+      <div class="lw-global-tab-box">
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+
+          <van-tab
+            v-for="(i,k) in lpnList"
+            :key="i"
+            :name="k"
+            :title="i"
+          />
+        </van-tabs>
+      </div>
+
+      <!-- 托盘数据 -->
+      <div class="lw-global-model-box" v-if="lpnTaskData">
+
+        <!-- 托盘号 -->
+        <div class="lw-global-row-start">
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.receive.putaway.lpnCode', '托盘号') }}
+          </span>
+          <span class="lw-global-value-bold">
+            {{ lpnTaskData.lpn }}
+          </span>
+        </div>
+
+        <!-- 原库位、目标库位 -->
+        <div class="lw-global-row lw-global-flex-between">
+
+          <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.receive.putaway.fromLocal', '原库位') }}
+            </span>
+            <span class="lw-global-value-bold">
+              {{ lpnTaskData.fromLocationCode }}
+            </span>
+          </div>
+
+          <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.receive.putaway.toLocal', '目标库位') }}
+            </span>
+            <span class="lw-global-value-bold">
+              {{ lpnTaskData.toLocationCode }}
+            </span>
+          </div>
+
+        </div>
+
+        <!-- 总数量、行数 -->
+        <div class="lw-global-row lw-global-flex-between">
+
+          <div>
+            <span class="lw-global-title">
+                {{ $lwLanguage.get('wms_project.pda.receive.putaway.allqty.and.paqty','总数量/待上架') }}
+              </span>
+            <span class="lw-global-value-bold">
+                <span>{{ lpnTaskData.qty }}</span>
+                /
+                <span style="color: #D50000">{{ lpnTaskData.canPaQty }}</span>
+              </span>
+          </div>
+
+          <div>
+              <span class="lw-global-title">
+                {{ $lwLanguage.get('wms_project.pda.receive.putaway.cellNum', '行数') }}
+              </span>
+            <span class="lw-global-value-bold">
+              {{ lpnTaskData.lineCount }}
+            </span>
+          </div>
+
+        </div>
+
+        <!--   箱信息     -->
+        <case-info
+          v-if="lpnTaskData.caseList && lpnTaskData.caseList.length>0"
+          :case-list="lpnTaskData.caseList || []"
+          :task-id="lpnTaskData.taskId"
+        />
+
+        <!-- 商品信息 -->
+        <sku-info
+          v-else
+          :sku-list="lpnTaskData.lines"
+          :show-abnormal="showSkuAbnormal"
+          :location-code="lpnTaskData.fromLocationCode"
+          :task-id="lpnTaskData.taskId"
+          @abnSuccess="tabChange"
+        />
+
+      </div>
+
+      <!-- 输入框 -->
+      <div class="lw-global-model-box">
+
+        <!-- 接力上架 -->
+        <lw-cell
+          style="padding: 0"
+          :title="$lwLanguage.get('wms_project.pda.receive.putaway.relayUp','接力上架')"
+          :is-link="false"
+          required
+        >
+          <template #value>
+            <van-switch
+              v-model="relay"
+              size="22px"
+              @change="relayChange"
+            />
+          </template>
+        </lw-cell>
+
+        <!-- 目标库位 -->
+        <lw-input
+          v-if="!relay"
+          class="lw-global-animation-rotate"
+          :title="$lwLanguage.get('wms_project.pda.receive.putaway.toLocal','目标库位')"
+          v-model="local.value"
+          :get-focus.sync="local.focus"
+          required
+          rule-key="location"
+          @confirm="putawayAction"
+        />
+
+        <!-- 通道库位 -->
+        <lw-input
+          v-else
+          class="lw-global-animation-left"
+          :title="$lwLanguage.get('wms_project.pda.receive.putaway.wayLocal','通道库位')"
+          v-model="local.value"
+          :get-focus.sync="local.focus"
+          required
+          rule-key="location"
+          @confirm="putawayAction"
+        />
+
+
+
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+      <lw-button
+        v-if="!relay"
+        class="lw-global-animation-rotate"
+        @click="putawayAction"
+      >
+        {{ $lwLanguage.get('wms_project.pda.receive.putaway.allLpnUp','整托盘上架') }}
+      </lw-button>
+      <lw-button
+        v-else
+        class="lw-global-animation-left"
+        @click="putawayAction"
+      >
+        {{ $lwLanguage.get('wms_project.pda.receive.putaway.relayUp','接力上架') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+import SkuInfo from './../components/SkuInfo/index.vue'
+import CaseInfo from './../components/CaseInfo/index.vue'
+
+import {
+  wmsMobileGetPutawayTaskByWholeLpn,
+  wmsMobileSubmitPutawayByWholeLpn
+} from "../../../../../api/receive/putaway";
+
+export default {
+  name: "lwReceivePutawayLpnActionPage",
+  components:{
+    SkuInfo,CaseInfo
+  },
+  props:{
+
+    // 是否显示商品异常上报按钮
+    showSkuAbnormal:{
+      type: Boolean,
+      default: true
+    }
+
+  },
+  data() {
+    return {
+      // 返回步数
+      backStep: -1,
+      // 托盘列表
+      lpnList: [],
+
+      // tab当前激活项
+      tabActive: 0,
+
+      // 当前操作数据
+      lpnTaskData: null,
+
+      // 是否接力上架
+      relay: false,
+      // 库位
+      local:{
+        value:'',
+        focus:true
+      },
+    }
+  },
+  mounted() {
+    const {lwLpnList, lwBack} = this.$route.query
+    const lpnList = JSON.parse(lwLpnList || '[]')
+    this.backStep = Number('-'+lwBack)
+
+    if (!lpnList.length) {
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.receive.putaway.lpnCodeNull', '托盘数据为空')
+      )
+      history.go(this.backStep)
+
+      return
+    }
+
+    this.lpnList = lpnList
+    this.tabChange()
+
+  },
+  methods: {
+    // tab切换
+    tabChange() {
+      this.relay = false
+      this.local.value = ''
+      this.local.focus = true
+
+      if (!this.lpnList.length) {
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.receive.putaway.taskOver','当前任务已全部完成')
+        )
+        history.go(this.backStep)
+      }
+
+      this.tabActive + 1 > this.lpnList.length ? this.tabActive = 0 : ''
+
+      wmsMobileGetPutawayTaskByWholeLpn({
+        lpn: this.lpnList[this.tabActive]
+      }).then(res=>{
+        this.lpnTaskData = res
+      }).catch((err)=>{
+        this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.receive.putaway.dataError','数据异常'),
+          message:
+            this.$lwLanguage.get('wms_project.pda.receive.putaway.errorInfo','错误信息：') +
+            err.data.message +
+            '\n' +
+            this.$lwLanguage.get('wms_project.pda.receive.putaway.errorMsg','点击确定继续执行剩余任务，点击返回回退至上一页')
+          ,
+          cancelButtonText: this.$lwLanguage.get('wms_project.pda.receive.putaway.back','返回'),
+        }).then(()=>{
+          this.lpnList.splice(this.tabActive, 1)
+          this.tabChange()
+        }).catch(()=>{
+          history.go(this.backStep)
+        })
+      })
+    },
+
+    // 接力上架状态改变
+    relayChange(){
+      this.local.value = ''
+      this.local.focus = true
+    },
+
+    // 执行上架
+    putawayAction(){
+      if (!this.local.value){
+        this.local.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.receive.putaway.localNull','库位不能为空')
+        )
+        return
+      }
+
+      if (!this.relay && this.local.value !== this.lpnTaskData.toLocationCode){
+
+        this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.receive.putaway.total','提示'),
+          message: this.$lwLanguage.get('wms_project.pda.receive.putaway.localError','当前库位与目标库位不一致，是否继续上架？'),
+          msgList: [
+            {
+              key: this.$lwLanguage.get('wms_project.pda.receive.putaway.sdfeess','推荐库位'),
+              value: this.lpnTaskData.toLocationCode
+            },
+            {
+              key: this.$lwLanguage.get('wms_project.pda.receive.putaway.sdfqwss','当前库位'),
+              value: this.local.value
+            },
+          ],
+        }).then(()=>{
+          this.putawaySubmit()
+        }).catch(()=>{})
+
+        /*this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.receive.putaway.total','提示'),
+          message: this.$lwLanguage.get('wms_project.pda.receive.putaway.localError','当前库位与目标库位不一致，是否继续上架？')
+        }).then(()=>{
+          this.putawaySubmit()
+        }).catch(()=>{})*/
+
+        return;
+      }
+
+      this.putawaySubmit()
+
+    },
+
+    // 提交上架任务
+    putawaySubmit(){
+      wmsMobileSubmitPutawayByWholeLpn({
+        fromLpn: this.lpnTaskData.lpn,
+        toLocationCode: this.local.value,
+        relay: this.relay
+      }).then(()=>{
+        this.lpnList.splice(this.tabActive, 1)
+
+        if (this.lpnList.length){
+          this.tabChange()
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.receive.putaway.upSuccess','上架成功')
+          )
+
+          return
+        }
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.receive.putaway.taskOver','当前任务已全部完成')
+        )
+        history.go(this.backStep)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>