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

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

@@ -1,542 +1,548 @@
-<!--
-  入库上架 - 整箱上架执行
--->
-<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>
+<!--
+  入库上架 - 整箱上架执行
+-->
+<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.lpn.value = ''
+      this.local.value = ''
+      this.caseNum.value = ''
+      this.caseNum.focus = true
+      this.relay = false
+      this.lpn.focus = false
+      this.local.focus = false
+      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 = ''
+      if(this.scanCaseList.length === this.lpnTaskData.caseList.length){
+        this.caseNum.focus = false
+        this.local.focus = true
+      }else{
+        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>