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

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

@@ -0,0 +1,542 @@
+<!--
+  入库上架 - 整箱上架执行
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.receive.putaway.titleCase','入库上架 - 整箱')"/>
+
+    <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 v-if="lpnTaskData">
+
+        <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.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.caseCount', '箱数') }}
+              </span>
+              <span class="lw-global-value-bold">
+              {{ lpnTaskData.caseCount }}
+            </span>
+            </div>
+
+          </div>
+
+        </div>
+
+        <div class="lw-global-model-box lpn-title">
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.receive.putaway.caseNum', '箱号')"
+            required v-model="caseNum.value" :get-focus.sync="caseNum.focus"
+            rule-key="case"
+            @confirm="scanCase"/>
+        </div>
+
+        <div class="lw-global-tab-box" style="margin-top: 10px">
+          <van-tabs animated v-model="tabCaseActive" type="card">
+            <van-tab
+              :title="$lwLanguage.get('wms_project.pda.receive.putaway.caseNum.tab.scan', '扫描箱')">
+              <div v-if="scanCaseList.length" class="lw-global-model-box">
+
+                <div class="lw-global-flex-between lpn-num">
+
+                  <div class="lw-global-title" style="margin-left: 40px;"> {{$lwLanguage.get('wms_project.pda.receive.putaway.caseNum.scan','已扫描托盘')}}</div>
+
+                  <lw-title-value-cell
+                    style="margin-right: 20px;"
+                    :title="$lwLanguage.get('wms_project.pda.receive.putaway.caseCount','箱数')"
+                    :value="scanCaseList.length"
+                    val-bold
+                    val-red
+                    :is-row="false"
+                    val-size="16px"
+                  />
+                </div>
+
+                <case-info class="lw-global-row"
+                           :case-list="scanCaseList"
+                           :task-id="lpnTaskData.taskId"
+                           :show-del="true"
+                           @delItem="removeScanCase"
+                />
+              </div>
+              <lw-not-data v-else/>
+            </van-tab>
+
+            <van-tab
+              :title="$lwLanguage.get('wms_project.pda.receive.putaway.caseNum.tab.all', '待扫描列表')">
+              <div v-if="lpnTaskData && lpnTaskData.caseList && lpnTaskData.caseList.length>0"
+                   class="lw-global-model-box">
+
+                <div class="lw-global-flex-between lpn-num">
+
+                  <div class="lw-global-title" style="margin-left: 90px;"> {{$lwLanguage.get('wms_project.pda.receive.putaway.caseNum','箱号')}}</div>
+
+                  <div class="lw-global-title" style="margin-right: 30px;"> {{$lwLanguage.get('wms_project.pda.receive.putaway.qty','数量')}}</div>
+                </div>
+
+                <case-info class="lw-global-row"
+                           :case-list="lpnTaskData.caseList"
+                           :task-id="lpnTaskData.taskId"
+                           :show-scanned="true"/>
+
+              </div>
+              <lw-not-data v-else/>
+            </van-tab>
+
+          </van-tabs>
+        </div>
+
+
+      </div>
+
+      <!-- 输入框 -->
+      <div
+        v-if="scanCaseList.length"
+        class="lw-global-model-box" style="margin-top: 16px;"
+      >
+
+        <!-- 接力上架 -->
+        <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>
+
+        <!-- 目标库位 -->
+        <template v-if="!relay">
+
+          <lw-input
+            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="confirmLocal"
+          />
+
+          <lw-input
+            class="lw-global-animation-rotate"
+            :title="$lwLanguage.get('wms_project.pda.receive.putaway.toLpn','目标托盘')"
+            v-model="lpn.value"
+            rule-key="lpn"
+            :get-focus.sync="lpn.focus"
+            :show-bottom-border="false"
+            @confirm="confirmLpn"
+          />
+        </template>
+
+        <!-- 通道库位 -->
+        <template v-else>
+          <lw-input
+            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="confirmLocal"
+          />
+
+          <lw-input
+            class="lw-global-animation-left"
+            :title="$lwLanguage.get('wms_project.pda.receive.putaway.tempLpn','暂存容器')"
+            v-model="lpn.value"
+            rule-key="lpn"
+            :get-focus.sync="lpn.focus"
+            :show-bottom-border="false"
+            @confirm="confirmLpn"
+          />
+        </template>
+
+
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+      <lw-button
+        v-if="!relay"
+        class="lw-global-animation-rotate"
+        @click="putawayAction"
+      >
+        {{ $lwLanguage.get('wms_project.pda.receive.putaway.allCaseUp', '整箱上架') }}
+      </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 CaseInfo from './../components/CaseInfo/index.vue'
+
+import {
+  wmsMobileGetPutawayTaskByWholeLpn,
+  wmsMobileSubmitPutawayByWholeCase
+} from "../../../../../api/receive/putaway";
+
+export default {
+  name: "lwReceivePutawayCaseActionPage",
+  components: {
+    CaseInfo
+  },
+  props: {},
+  data() {
+    return {
+      // 返回步数
+      backStep: -1,
+      // 托盘列表
+      lpnList: [],
+
+      // tab当前激活项
+      tabActive: 0,
+
+      tabCaseActive: 0,
+
+      caseNum: {
+        value: '',
+        focus: true
+      },
+
+      // 当前操作数据
+      lpnTaskData: null,
+      scanCaseList:[],
+
+      // 是否接力上架
+      relay: false,
+      // 库位
+      local: {
+        value: '',
+        focus: true
+      },
+      lpn: {
+        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.lpn.value = ''
+      this.lpn.focus = false
+      this.caseNum.value = ''
+      this.caseNum.focus = false
+      this.local.value = ''
+      this.local.focus = true
+      this.scanCaseList = []
+
+      if (!this.lpnList.length) {
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.receive.putaway.taskOver', '当前任务已全部完成')
+        )
+        history.go(this.backStep)
+      }
+
+      if (this.scanCaseList.length > 0) {
+        this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.receive.putaway.tip.dlg.case.scan.title', '提示'),
+          message: this.$lwLanguage.get('wms_project.pda.receive.putaway.tip.dlg.case.scan.content', '存在已扫描箱数据，切换 托盘 数据丢失，是否继续？'),
+          cancelButtonText: this.$lwLanguage.get('wms_project.pda.receive.putaway.tip.dlg.case.scan.no', '取消'),
+        }).then(() => {
+          if (this.lpnTaskData && this.lpnTaskData.caseList) {
+            this.lpnTaskData.caseList.forEach(c => c._scanned = false)
+          }
+          this.tabChange()
+        })
+      } else {
+        this.tabActive + 1 > this.lpnList.length ? this.tabActive = 0 : ''
+
+        wmsMobileGetPutawayTaskByWholeLpn({
+          lpn: this.lpnList[this.tabActive]
+        }).then(res => {
+          if(res && res.caseList){
+            res.caseList.forEach(c=>c._scanned = false)
+          }
+          this.tabCaseActive = 0
+          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)
+          })
+        })
+      }
+    },
+
+    scanCase() {
+      const caseNum = this.caseNum.value
+      if (!caseNum) {
+        this.caseNum.value = null
+        this.caseNum.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.receive.putaway.error.caseNum.null', '箱号 不能为空'))
+      }
+
+      if (this.scanCaseList.find(i => i.fromCase === caseNum)) {
+        this.caseNum.value = null
+        this.caseNum.focus = true
+        return this.$lwShowErrorMsg(caseNum + this.$lwLanguage.get('wms_project.pda.receive.putaway.case.error.scan', '箱号已扫描，请检查'))
+      }
+      const i = this.lpnTaskData.caseList.findIndex(i => i.fromCase === caseNum)
+      console.log("---index----")
+      console.log(i)
+      if (i < 0) {
+        this.caseNum.value = null
+        this.caseNum.focus = true
+        return this.$lwShowErrorMsg(caseNum + this.$lwLanguage.get('wms_project.pda.receive.putaway.case.error.not.find', '箱号不在当前上架任务，请检查'))
+      }
+      this.lpnTaskData.caseList[i]._scanned = true
+      this.scanCaseList = this.lpnTaskData.caseList.filter(c => c._scanned)
+
+      this.caseNum.value = ''
+      this.caseNum.focus = true
+    },
+
+    // 接力上架状态改变
+    relayChange() {
+      this.local.value = ''
+      this.local.focus = true
+      this.lpn.value = ''
+    },
+
+    confirmLocal() {
+      if (!this.local.value) {
+        this.local.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.receive.putaway.localNull', '库位不能为空')
+        )
+        return
+      }
+      this.lpn.value = ''
+      this.lpn.focus = true
+      this.confirmLpn()
+    },
+    confirmLpn() {
+      if (!this.lpn.value) {
+        return
+      }
+      this.putawayAction()
+    },
+
+    // 执行上架
+    putawayAction() {
+      if (this.scanCaseList.length === 0) {
+        this.caseNum.value = ''
+        this.caseNum.focus = true
+        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.receive.putaway.error.caseNum.null', '箱号 不能为空'))
+        return
+      }
+
+      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(() => {
+        })
+        return;
+      }
+
+      this.putawaySubmit()
+    },
+
+    removeScanCase(item) {
+      const caseNum = item.fromCase
+      if (!caseNum) {
+        this.caseNum.value = null
+        this.caseNum.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.receive.putaway.error.caseNum.null', '箱号 不能为空'))
+      }
+
+      if (this.lpnTaskData && this.lpnTaskData.caseList) {
+        this.lpnTaskData.caseList
+          .filter(c => c.fromCase === item.fromCase)
+          .forEach(c => c._scanned = false)
+
+        this.scanCaseList = this.lpnTaskData.caseList.filter(c => c._scanned)
+      }
+
+      this.caseNum.value = ''
+      this.caseNum.focus = true
+    },
+
+    // 提交上架任务
+    putawaySubmit() {
+      const cs = this.scanCaseList.map(c => c.fromCase)
+
+      const allCase = this.scanCaseList.length === this.lpnTaskData.caseList.length
+
+      wmsMobileSubmitPutawayByWholeCase({
+        taskId: this.lpnTaskData.taskId,
+        caseNumList: cs,
+        toLocationCode: this.local.value,
+        toLpn: this.lpn.value,
+        relay: this.relay
+      }).then(() => {
+        if (allCase) {
+          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)
+        }else{
+          this.tabChange()
+
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.receive.putaway.upSuccess', '上架成功')
+          )
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>