@logwire/logwire-wms-pda-ui 1.1.15 → 1.1.16

package/src/components/page/outbound/summary/lpn/action/index.js

@@ -1,12 +1,12 @@
-/*
-* 按托盘集货 - 执行页
-* @author: 张文
-* @date  2022-04-29
-* */
-
-
-import lwOutboundSummaryLpnActionPage from "./index.vue";
-
-lwOutboundSummaryLpnActionPage.install = Vue => Vue.component(lwOutboundSummaryLpnActionPage.name, lwOutboundSummaryLpnActionPage)
-
-export default lwOutboundSummaryLpnActionPage
+/*
+* 按托盘集货 - 执行页
+* @author: 张文
+* @date  2022-04-29
+* */
+
+
+import lwOutboundSummaryLpnActionPage from "./index.vue";
+
+lwOutboundSummaryLpnActionPage.install = Vue => Vue.component(lwOutboundSummaryLpnActionPage.name, lwOutboundSummaryLpnActionPage)
+
+export default lwOutboundSummaryLpnActionPage

package/src/components/page/outbound/summary/lpn/action/index.vue

@@ -1,251 +1,253 @@
-<!--
-  集货-操作页
-  @author: 张文
-  @date: 2022-04-25
--->
-<template>
-  <div>
-    <lw-nav-bar
-      :title="$lwLanguage.get('wms_project.pda.outbound.summary.title','集货 - 托盘')"
-      :click-left="back"
-    />
-
-    <div class="lw-global-page-box">
-
-      <div class="lw-global-model-box">
-
-        <div class="lw-global-row">
-          <span class="lw-global-title">
-            {{ $lwLanguage.get('wms_project.pda.outbound.summary.lpn','托盘号') }}
-          </span>
-          <span class="lw-global-value-bold">{{ summaryData.lpn }}</span>
-        </div>
-
-        <div class="lw-global-flex-between lw-global-row">
-
-          <div>
-            <span class="lw-global-title">
-              {{ $lwLanguage.get('wms_project.pda.outbound.summary.passage','集货通道') }}
-            </span>
-            <span class="lw-global-value-bold">{{ summaryData.passage }}</span>
-          </div>
-
-          <div>
-            <span class="lw-global-title">
-              {{ $lwLanguage.get('wms_project.pda.outbound.summary.locationCode','集货库位') }}
-            </span>
-            <span class="lw-global-value-bold">{{ summaryData.locationCode }}</span>
-          </div>
-
-        </div>
-
-        <div class="lw-global-row">
-
-          <span class="lw-global-title">
-            {{ $lwLanguage.get('','可用集货位') }}
-          </span>
-          <span class="lw-global-value-bold">{{ summaryData.canUseLocations }}</span>
-
-
-        </div>
-
-        <lw-input
-          :title="$lwLanguage.get('wms_project.pda.outbound.summary.locationCode','集货库位')"
-          v-model="summaryLocal.value"
-          :get-focus.sync="summaryLocal.focus"
-          required
-          @confirm="summaryLocalConfirm"
-        />
-
-        <lw-input
-          :title="$lwLanguage.get('wms_project.pda.outbound.summary.lpnCode','码托号')"
-          v-model="lpn.value"
-          :get-focus.sync="lpn.focus"
-          @confirm="lpnConfirm"
-        />
-
-        <div class="lw-summary-action-sku-box">
-
-          <div class="lw-global-flex-between lw-summary-action-row">
-            <div style="flex: 1">
-              {{ $lwLanguage.get('wms_project.pda.outbound.summary.store','商品') }}
-            </div>
-            <div class="lw-summary-action-row-num">
-              {{ $lwLanguage.get('wms_project.pda.outbound.summary.num','数量') }}
-            </div>
-          </div>
-
-          <div
-            class="lw-global-flex-between lw-summary-action-row"
-            style="align-items: flex-start"
-            v-for="(i,k) in summaryData.skuList"
-            :key="k"
-          >
-            <div style="flex: 1">
-              <div class="lw-global-value">{{ i.skuCode }}</div>
-              <div class="lw-global-title">{{ i.skuName }}</div>
-            </div>
-            <div
-              style="color: #D50000"
-              class="lw-global-value-bold lw-summary-action-row-num"
-            >
-              {{ i.qty }}
-            </div>
-
-          </div>
-
-
-        </div>
-
-      </div>
-    </div>
-
-    <lw-bottom-bar>
-
-      <lw-button @click="confirmSummary">
-        {{ $lwLanguage.get('wms_project.pda.outbound.summary.confirm','确认集货') }}
-      </lw-button>
-
-    </lw-bottom-bar>
-  </div>
-</template>
-
-<script>
-import {
-  projectGetLpnCollectInfo,
-  projectConfirmCollect
-} from "../../../../../../api/outbound/summary/lpn";
-
-export default {
-  name: "lwOutboundSummaryLpnActionPage",
-  data() {
-    return {
-      // 后退步数
-      backStep: 1,
-
-      // 集货库位
-      summaryLocal:{
-        value:'',
-        focus: true
-      },
-
-      // 码托号
-      lpn:{
-        value:'',
-        focus: false
-      },
-
-      // 后台返回的数据
-      summaryData:{
-        lpn: '',
-        passage: '',
-        locationCode:'',
-        skuList:[]
-      }
-    }
-  },
-  mounted() {
-    const query = this.$route.query
-    this.backStep = query.lwBackStep || 1
-    projectGetLpnCollectInfo({
-      lpn: query.lwLpn
-    }).then(res=>{
-      this.summaryData = res
-    }).catch(()=>{
-      this.back()
-    })
-  },
-  methods: {
-    // 返回
-    back(){
-      history.go(Number('-' + this.backStep))
-    },
-
-    // 集货库位确定
-    summaryLocalConfirm(){
-
-      if (this.summaryLocalCheck()) this.lpn.focus = true
-
-    },
-    // 集货库位校验
-    summaryLocalCheck(){
-      if (!this.summaryLocal.value){
-        this.summaryLocal.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','集货库位不能为空')
-        )
-        return false
-      }
-
-      if (!this.summaryData.canUseLocationList.includes(this.summaryLocal.value)){
-        this.summaryLocal.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.outbound.summary.error','集货库位不一致')
-        )
-        this.summaryLocal.value = ''
-        return false
-      }
-
-      return true
-    },
-
-    // 码托号确定
-    lpnConfirm(){
-
-      this.confirmSummary()
-
-    },
-
-    // 确认集货
-    confirmSummary(){
-
-      if (!this.summaryLocalCheck()) return
-
-      this.$dialog.confirm({
-        title: this.$lwLanguage.get('wms_project.pda.outbound.summary.total','提示'),
-        message: this.$lwLanguage.get('wms_project.pda.outbound.summary.confirm','确认集货？')
-      }).then(()=>{
-        projectConfirmCollect({
-          locationId: this.summaryData.locationId,
-          collectLpn: this.lpn.value,
-          soId: this.summaryData.soId,
-          oriLpn: this.summaryData.lpn
-        }).then(()=>{
-          this.$lwToast.success(
-            this.$lwLanguage.get('wms_project.pda.outbound.summary.success','集货完成')
-          )
-          this.back()
-        })
-      }).catch(()=>{})
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-.lw-summary-action-sku-box{
-  margin-top: 5px;
-  font-size: 14px;
-}
-
-.lw-summary-action-row{
-  padding: 5px;
-
-  &+.lw-summary-action-row{
-    border-top: solid 1px #f0f0f0;
-  }
-
-  &:last-child{
-    padding-bottom: 0;
-  }
-
-  .lw-summary-action-row-num{
-    width: 35px;
-    text-align: center;
-  }
-}
-
-
-
-</style>
+<!--
+  集货-操作页
+  @author: 张文
+  @date: 2022-04-25
+-->
+<template>
+  <div>
+    <lw-nav-bar
+      :title="$lwLanguage.get('wms_project.pda.outbound.summary.title','集货 - 托盘')"
+      :click-left="back"
+    />
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box">
+
+        <div class="lw-global-row">
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.outbound.summary.lpn','托盘号') }}
+          </span>
+          <span class="lw-global-value-bold">{{ summaryData.lpn }}</span>
+        </div>
+
+        <div class="lw-global-flex-between lw-global-row">
+
+          <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.outbound.summary.passage','集货通道') }}
+            </span>
+            <span class="lw-global-value-bold">{{ summaryData.passage }}</span>
+          </div>
+
+          <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.outbound.summary.locationCode','集货库位') }}
+            </span>
+            <span class="lw-global-value-bold">{{ summaryData.locationCode }}</span>
+          </div>
+
+        </div>
+
+        <div class="lw-global-row">
+
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('','可用集货位') }}
+          </span>
+          <span class="lw-global-value-bold">{{ summaryData.canUseLocations }}</span>
+
+
+        </div>
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.outbound.summary.locationCode','集货库位')"
+          v-model="summaryLocal.value"
+          :get-focus.sync="summaryLocal.focus"
+          required
+          rule-key="location"
+          @confirm="summaryLocalConfirm"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.outbound.summary.lpnCode','码托号')"
+          v-model="lpn.value"
+          :get-focus.sync="lpn.focus"
+          rule-key="lpn"
+          @confirm="lpnConfirm"
+        />
+
+        <div class="lw-summary-action-sku-box">
+
+          <div class="lw-global-flex-between lw-summary-action-row">
+            <div style="flex: 1">
+              {{ $lwLanguage.get('wms_project.pda.outbound.summary.store','商品') }}
+            </div>
+            <div class="lw-summary-action-row-num">
+              {{ $lwLanguage.get('wms_project.pda.outbound.summary.num','数量') }}
+            </div>
+          </div>
+
+          <div
+            class="lw-global-flex-between lw-summary-action-row"
+            style="align-items: flex-start"
+            v-for="(i,k) in summaryData.skuList"
+            :key="k"
+          >
+            <div style="flex: 1">
+              <div class="lw-global-value">{{ i.skuCode }}</div>
+              <div class="lw-global-title">{{ i.skuName }}</div>
+            </div>
+            <div
+              style="color: #D50000"
+              class="lw-global-value-bold lw-summary-action-row-num"
+            >
+              {{ i.qty }}
+            </div>
+
+          </div>
+
+
+        </div>
+
+      </div>
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button @click="confirmSummary">
+        {{ $lwLanguage.get('wms_project.pda.outbound.summary.confirm','确认集货') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+  </div>
+</template>
+
+<script>
+import {
+  projectGetLpnCollectInfo,
+  projectConfirmCollect
+} from "../../../../../../api/outbound/summary/lpn";
+
+export default {
+  name: "lwOutboundSummaryLpnActionPage",
+  data() {
+    return {
+      // 后退步数
+      backStep: 1,
+
+      // 集货库位
+      summaryLocal:{
+        value:'',
+        focus: true
+      },
+
+      // 码托号
+      lpn:{
+        value:'',
+        focus: false
+      },
+
+      // 后台返回的数据
+      summaryData:{
+        lpn: '',
+        passage: '',
+        locationCode:'',
+        skuList:[]
+      }
+    }
+  },
+  mounted() {
+    const query = this.$route.query
+    this.backStep = query.lwBackStep || 1
+    projectGetLpnCollectInfo({
+      lpn: query.lwLpn
+    }).then(res=>{
+      this.summaryData = res
+    }).catch(()=>{
+      this.back()
+    })
+  },
+  methods: {
+    // 返回
+    back(){
+      history.go(Number('-' + this.backStep))
+    },
+
+    // 集货库位确定
+    summaryLocalConfirm(){
+
+      if (this.summaryLocalCheck()) this.lpn.focus = true
+
+    },
+    // 集货库位校验
+    summaryLocalCheck(){
+      if (!this.summaryLocal.value){
+        this.summaryLocal.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','集货库位不能为空')
+        )
+        return false
+      }
+
+      if (!this.summaryData.canUseLocationList.includes(this.summaryLocal.value)){
+        this.summaryLocal.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.outbound.summary.error','集货库位不一致')
+        )
+        this.summaryLocal.value = ''
+        return false
+      }
+
+      return true
+    },
+
+    // 码托号确定
+    lpnConfirm(){
+
+      this.confirmSummary()
+
+    },
+
+    // 确认集货
+    confirmSummary(){
+
+      if (!this.summaryLocalCheck()) return
+
+      this.$dialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.outbound.summary.total','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.outbound.summary.confirm','确认集货？')
+      }).then(()=>{
+        projectConfirmCollect({
+          locationId: this.summaryData.locationId,
+          collectLpn: this.lpn.value,
+          soId: this.summaryData.soId,
+          oriLpn: this.summaryData.lpn
+        }).then(()=>{
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.outbound.summary.success','集货完成')
+          )
+          this.back()
+        })
+      }).catch(()=>{})
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+.lw-summary-action-sku-box{
+  margin-top: 5px;
+  font-size: 14px;
+}
+
+.lw-summary-action-row{
+  padding: 5px;
+
+  &+.lw-summary-action-row{
+    border-top: solid 1px #f0f0f0;
+  }
+
+  &:last-child{
+    padding-bottom: 0;
+  }
+
+  .lw-summary-action-row-num{
+    width: 35px;
+    text-align: center;
+  }
+}
+
+
+
+</style>

package/src/components/page/outbound/summary/lpn/index/index.js

@@ -1,12 +1,12 @@
-/*
-* 按托盘集货 - 起始页
-* @author: 张文
-* @date  2022-04-29
-* */
-
-
-import lwOutboundSummaryLpnIndexPage from "./index.vue";
-
-lwOutboundSummaryLpnIndexPage.install = Vue => Vue.component(lwOutboundSummaryLpnIndexPage.name, lwOutboundSummaryLpnIndexPage)
-
-export default lwOutboundSummaryLpnIndexPage
+/*
+* 按托盘集货 - 起始页
+* @author: 张文
+* @date  2022-04-29
+* */
+
+
+import lwOutboundSummaryLpnIndexPage from "./index.vue";
+
+lwOutboundSummaryLpnIndexPage.install = Vue => Vue.component(lwOutboundSummaryLpnIndexPage.name, lwOutboundSummaryLpnIndexPage)
+
+export default lwOutboundSummaryLpnIndexPage