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

package/src/components/page/inner/taskMove/whole/MoveTaskWholeCaseDown.vue

@@ -0,0 +1,328 @@
+<template>
+  <div>
+    <lw-nav-bar title="库存移动 - 整箱下架" />
+    <div class="lw-global-page-box">
+      <!-- 托盘信息 -->
+      <div class="lw-global-model-box">
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell title="托盘号" :value="lpnData.lpn" val-bold :is-row="false" />
+          <div>
+            <lw-tag plain round>整托盘</lw-tag>
+          </div>
+        </div>
+        <div class="lw-global-row">
+          <lw-title-value-cell title="当前库位" :value="lpnData.locCode" val-bold :is-row="false" />
+        </div>
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell title="目标库区" :value="lpnData.toZoneCode" val-bold :is-row="false" />
+          <lw-title-value-cell title="目标库位" :value="lpnData.toLocCode" val-bold :is-row="false" />
+        </div>
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell title="待下架箱数" :value="lpnData.cases.length" val-bold val-red :is-row="false" />
+          <lw-title-value-cell title="待下架商品数" :value="lpnData.toDownQty" val-bold val-red :is-row="false" />
+        </div>
+      </div>
+
+      <!-- Tab -->
+      <div class="lw-global-tab-box" style="margin-top: 10px">
+        <van-tabs type="card" animated v-model="tabActive">
+          <!-- 扫描箱 -->
+          <van-tab name="scan" title="当前扫描箱">
+            <div class="lw-global-model-box">
+              <div class="lw-global-row lw-global-flex-between" style="padding: 0;">
+                <lw-input title="扫描箱号" v-model="caseNum.value" :get-focus.sync="caseNum.focus" :show-bottom-border="false" @confirm="onScanBox"/>
+                <lw-title-value-cell title="箱数：" :value="scanedCases.length" val-bold val-red :is-row="false" />
+              </div>
+              <div class="box-list">
+                <div v-for="c in scanedCases" :key="c.caseNum" class="box-item lw-global-flex-between" @click="showBoxInfo(c)">
+                  <div class="box-item-name">{{ c.caseNum }}</div>
+                  <div>
+                    <span class="box-item-qty">{{ c.qty }}</span>
+                    <van-icon class="btn-shrink" name="arrow-up" />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </van-tab>
+          <!-- 所有箱 -->
+          <van-tab name="all" title="待下架箱列表">
+            <div class="lw-global-model-box box-list">
+              <div v-for="c in lpnData.cases" :key="c.caseNum" class="box-item lw-global-flex-between" @click="showBoxInfo(c)">
+                <div style="display: flex; align-items: center;">
+                  <div class="box-item-name">{{ c.caseNum }}</div>
+                  <lw-tag plain v-if="c.scan">已扫描</lw-tag>
+                </div>
+                <div>
+                  <span class="box-item-qty">{{ c.qty }}</span>
+                  <van-icon class="btn-shrink" name="arrow-up" />
+                </div>
+              </div>
+              <lw-not-data v-if="!lpnData.cases.length"/>
+            </div>
+          </van-tab>
+        </van-tabs>
+      </div>
+    </div>
+    <lw-bottom-bar height="auto">
+
+      <div style="padding: 10px 0; width: 100%;" >
+        <lw-cell
+          :title="$lwLanguage.get('', '快速移动')"
+          :is-link="false"
+        >
+          <template #value>
+            <van-switch
+              v-model="wholeCaseFastMove.wholeCase"
+              size="18px"
+            />
+          </template>
+        </lw-cell>
+
+        <div v-if="wholeCaseFastMove.wholeCase">
+          <lw-input title="目标库位" v-model="wholeCaseFastMove.fastMovaToLocationCode.value" :get-focus.sync="wholeCaseFastMove.fastMovaToLocationCode.focus" required @confirm="fastMoveLocationCodeConfirm"/>
+          <lw-input title="目标托盘号" v-model="wholeCaseFastMove.fastMovaToLpn.value" :get-focus.sync="wholeCaseFastMove.fastMovaToLpn.focus"  @confirm="doWholeCaseFastMove"/>
+        </div>
+        <lw-input v-else title="中转容器号" v-model="transferLpn.value" :get-focus.sync="transferLpn.focus" required @confirm="doWholeBoxDown"/>
+        <div style="margin-top: 10px;">
+          <lw-button  v-if="wholeCaseFastMove.wholeCase" block @click="doWholeCaseFastMove">整箱快速移动</lw-button>
+          <lw-button v-else block @click="doWholeBoxDown">整箱下架</lw-button>
+        </div>
+      </div>
+    </lw-bottom-bar>
+
+    <lw-popup title="箱" v-if="boxPop.data" v-model="boxPop.show">
+      <div class="box-popup">
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell title="箱号" :value="boxPop.data.caseNum" val-bold :is-row="false" />
+          <div>
+            <lw-tag plain>整箱</lw-tag>
+          </div>
+        </div>
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell title="品种数" :value="boxPop.data.skuCount" val-bold val-red :is-row="false" />
+          <lw-title-value-cell title="数量" :value="boxPop.data.qty" val-bold val-red :is-row="false" />
+        </div>
+        <div class="lw-global-row box-popup-sku" v-for="line in boxPop.data.lines" :key="line.id">
+          <!-- 商品信息 -->
+          <div>
+            <div class="lw-global-flex-between">
+              <div class="lw-global-value-bold">{{line.skuCode}}</div>
+              <div>
+                <lw-tag plain round v-if="line.skuSizeType">{{$lwDict.getDictLabel('size_type_choice', line.skuSizeType)}}</lw-tag>
+                <lw-tag plain round v-if="line.skuFastReceive">快收</lw-tag>
+              </div>
+            </div>
+            <div class="lw-global-title">{{line.skuName}}</div>
+          </div>
+          <div class="lw-global-flex-between">
+            <lw-title-value-cell title="数量" :value="line.planQty" val-bold val-red :is-row="false" />
+            <lw-title-value-cell title="目标库位" :value="line.toLocationCode || '-'" val-bold val-red :is-row="false" />
+          </div>
+        </div>
+      </div>
+      <template #button>
+        <lw-button v-if="boxPop.data.scan" @click="removeCaseScan">从已扫描移除</lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+import {
+  wmsGetWholeContainerMoveTaskInfo,
+  wmsWholeCaseDown,
+  wmsWholeCaseFastMove
+} from '../../../../../api/inner/move/taskMove'
+export default {
+  name: 'MoveTaskWholeCaseDown',
+  data() {
+    return {
+      taskId: null,
+      lpn: null,
+      tabActive: 'scan',
+      lpnData: {
+        cases: [],
+      },
+      caseNum: {
+        value: '',
+        focus: true,
+      },
+      transferLpn: {
+        value: '',
+        focus: false,
+      },
+      boxPop: {
+        show: false,
+        data: null,
+      },
+      wholeCaseFastMove:{
+        wholeCase:false,
+        fastMovaToLocationCode:{
+          value: '',
+          focus: true,
+        },
+        fastMovaToLpn:{
+          value: '',
+          focus: true,
+        }
+      }
+    }
+  },
+  computed: {
+    scanedCases () {
+      return this.lpnData.cases?.filter(i => i.scan) ?? []
+    },
+  },
+  created () {
+    const { taskId, lpn } = this.$route.query
+    if (!taskId) {
+      return this.$lwShowErrorMsg('未指定任务')
+    }
+    this.taskId = taskId
+    this.lpn = lpn
+    this.loadTask()
+  },
+  methods: {
+    loadTask () {
+      wmsGetWholeContainerMoveTaskInfo(this.taskId).then(this.initTaskLpn)
+    },
+    initTaskLpn (task) {
+      const lpn = task.lpns.find(i => i.lpn === this.lpn)
+      if (!lpn) {
+        this.$lwToast.success(`托盘 ${this.lpn} 已没有可以整箱下架的任务`)
+        this.$router.back()
+        return
+      }
+      const cases = lpn.cases?.filter(i => !!i.caseNum && i.status === '300') ?? []
+      if (!cases.length) {
+        this.$lwToast.success(`托盘 ${this.lpn} 已没有可以整箱下架的任务`)
+        this.$router.back()
+        return
+      }
+      lpn.wholeCase = false
+      for (const c of cases) {
+        c.shrink = true
+        c.scan = false
+        if (c.whole) {
+          lpn.wholeCase = true
+        }
+      }
+      lpn.cases = cases
+      this.lpnData = lpn
+    },
+    showBoxInfo (c) {
+      this.boxPop.data = c
+      this.boxPop.show = true
+    },
+    onScanBox () {
+      const boxNum = this.caseNum.value
+      if (!boxNum) {
+        return
+      }
+      const box = this.lpnData.cases.find(i => i.caseNum === boxNum)
+      this.caseNum.value = ''
+      this.caseNum.focus = true
+      if (!box) {
+        return this.$lwShowErrorMsg(`未找到箱号 ${boxNum}`)
+      }
+      box.scan = true
+    },
+    removeCaseScan () {
+      this.boxPop.show = false
+      this.boxPop.data.scan = false
+    },
+    doWholeBoxDown () {
+      const transferLpn = this.transferLpn.value
+      if (!transferLpn) {
+        this.transferLpn.focus = true
+        return this.$lwShowErrorMsg('中转容器号不能为空')
+      }
+      if (this.scanedCases.length === 0) {
+        this.caseNum.focus = true
+        return this.$lwShowErrorMsg('请扫描箱号添加箱')
+      }
+      const caseNums = this.scanedCases.map(i => i.caseNum)
+      wmsWholeCaseDown(this.taskId, this.lpnData.locId, this.lpnData.lpn, caseNums, transferLpn).then(res => {
+        this.initTaskLpn(res)
+        this.$lwToast.success('操作成功')
+        this.caseNum.value = ''
+        this.transferLpn.value = ''
+        this.caseNum.focus = true
+      })
+    },
+
+    fastMoveLocationCodeConfirm () {
+      const toLocationCode = this.wholeCaseFastMove.fastMovaToLocationCode.value
+      if (!toLocationCode) {
+        this.transferLpn.focus = true
+        return this.$lwShowErrorMsg('快速移动目标库位编码不能为空')
+      }
+      if (this.scanedCases.length === 0) {
+        this.caseNum.focus = true
+        return this.$lwShowErrorMsg('请扫描箱号添加箱')
+      }
+
+      this.wholeCaseFastMove.fastMovaToLpn.focus=true
+      return true;
+    },
+
+
+
+    doWholeCaseFastMove () {
+
+      let confirmResut = this.fastMoveLocationCodeConfirm();
+      if(!confirmResut){
+        return;
+      }
+
+      const caseNums = this.scanedCases.map(i => i.caseNum)
+      wmsWholeCaseFastMove(this.taskId, this.lpnData.locId, this.lpnData.lpn, caseNums,this.wholeCaseFastMove.fastMovaToLocationCode.value, this.wholeCaseFastMove.fastMovaToLpn.value,).then(res => {
+        this.initTaskLpn(res)
+        this.$lwToast.success('操作成功')
+        this.caseNum.value = ''
+        this.wholeCaseFastMove.fastMovaToLocationCode.value = ''
+        this.wholeCaseFastMove.fastMovaToLpn.value = ''
+        this.caseNum.focus = true
+      })
+    },
+
+
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.btn-shrink {
+  margin-left: 10px;
+  padding: 0 5px;
+  transform: rotate(90deg);
+}
+
+.box-list {
+  .box-item {
+    height: 40px;
+    border-bottom: 1px solid #ffe6e6;
+
+    &-name {
+      font-weight: bold;
+    }
+
+    &-qty {
+      font-weight: bold;
+      color: red;
+    }
+  }
+
+  .box-item:last-child {
+    border: none;
+  }
+}
+
+.box-popup {
+  border-radius: 5px;
+
+  &-sku {
+    line-height: 22px;
+  }
+}
+</style>

package/src/components/page/inner/taskMove/whole/MoveTaskWholeCaseUp.vue

@@ -0,0 +1,282 @@
+<template>
+  <div>
+    <lw-nav-bar title="库存移动 - 整箱上架" />
+    <div class="lw-global-page-box">
+      <!-- 托盘信息 -->
+      <div class="lw-global-model-box">
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell title="中转容器号" :value="lpnData.lpn" val-bold :is-row="false" />
+          <div>
+            <lw-tag plain round>整托盘</lw-tag>
+          </div>
+        </div>
+        <div class="lw-global-row">
+          <lw-title-value-cell title="当前库位" :value="lpnData.locCode" val-bold :is-row="false" />
+        </div>
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell title="目标库区" :value="lpnData.toZoneCode" val-bold :is-row="false" />
+          <lw-title-value-cell title="目标库位" :value="lpnData.toLocCode" val-bold :is-row="false" />
+        </div>
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell title="待上架箱数" :value="lpnData.cases.length" val-bold val-red :is-row="false" />
+          <lw-title-value-cell title="待上架商品数" :value="lpnData.toUpQty" val-bold val-red :is-row="false" />
+        </div>
+      </div>
+
+      <!-- Tab -->
+      <div class="lw-global-tab-box" style="margin-top: 10px">
+        <van-tabs type="card" animated v-model="tabActive">
+          <!-- 扫描箱 -->
+          <van-tab name="scan" title="当前扫描箱">
+            <div class="lw-global-model-box">
+              <div class="lw-global-row lw-global-flex-between" style="padding: 0;">
+                <lw-input title="扫描箱号" v-model="caseNum.value" :get-focus.sync="caseNum.focus" :show-bottom-border="false" @confirm="onScanBox"/>
+                <lw-title-value-cell title="箱数：" :value="scanedCases.length" val-bold val-red :is-row="false" />
+              </div>
+              <div class="box-list">
+                <div v-for="c in scanedCases" :key="c.caseNum" class="box-item lw-global-flex-between" @click="showBoxInfo(c)">
+                  <div class="box-item-name">{{ c.caseNum }}</div>
+                  <div>
+                    <span class="box-item-qty">{{ c.qty }}</span>
+                    <van-icon class="btn-shrink" name="arrow-up" />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </van-tab>
+          <!-- 所有箱 -->
+          <van-tab name="all" title="待上架箱列表">
+            <div class="lw-global-model-box box-list">
+              <div v-for="c in lpnData.cases" :key="c.caseNum" class="box-item lw-global-flex-between" @click="showBoxInfo(c)">
+                <div style="display: flex; align-items: center;">
+                  <div class="box-item-name">{{ c.caseNum }}</div>
+                  <lw-tag plain v-if="c.scan">已扫描</lw-tag>
+                </div>
+                <div>
+                  <span class="box-item-qty">{{ c.qty }}</span>
+                  <van-icon class="btn-shrink" name="arrow-up" />
+                </div>
+              </div>
+              <lw-not-data v-if="!lpnData.cases.length"/>
+            </div>
+          </van-tab>
+        </van-tabs>
+      </div>
+    </div>
+    <lw-bottom-bar height="auto">
+      <div style="padding: 10px 0; width: 100%;">
+        <lw-cell style="padding: 0"
+          :title="$lwLanguage.get('wms_project.pda.receive.skuAction.rely','接力上架')"
+          :is-link="false" required>
+          <template #value>
+            <van-switch v-model="form.relay" size="22px"/>
+          </template>
+        </lw-cell>
+        <lw-input :title="form.relay ? '通道库位' : '目标库位'" v-model="form.toLocCode.value" :get-focus.sync="form.toLocCode.focus" required @confirm="form.toLpn.focus = true" />
+        <lw-input :title="form.relay ? '暂存容器号' : '目标托盘号'" v-model="form.toLpn.value" :get-focus.sync="form.toLpn.focus" :required="form.relay" @confirm="doWholeBoxUp"/>
+        <div style="margin-top: 10px;">
+          <lw-button block @click="doWholeBoxUp">{{form.relay ? '整箱接力上架' : '整箱上架'}}</lw-button>
+        </div>
+      </div>
+    </lw-bottom-bar>
+
+    <lw-popup title="箱" v-if="boxPop.data" v-model="boxPop.show">
+      <div class="box-popup">
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell title="箱号" :value="boxPop.data.caseNum" val-bold :is-row="false" />
+          <div>
+            <lw-tag plain>整箱</lw-tag>
+          </div>
+        </div>
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell title="品种数" :value="boxPop.data.skuCount" val-bold val-red :is-row="false" />
+          <lw-title-value-cell title="数量" :value="boxPop.data.qty" val-bold val-red :is-row="false" />
+        </div>
+        <div class="lw-global-row box-popup-sku" v-for="line in boxPop.data.lines" :key="line.id">
+          <!-- 商品信息 -->
+          <div>
+            <div class="lw-global-flex-between">
+              <div class="lw-global-value-bold">{{line.skuCode}}</div>
+              <div>
+                <lw-tag plain round v-if="line.skuSizeType">{{$lwDict.getDictLabel('size_type_choice', line.skuSizeType)}}</lw-tag>
+                <lw-tag plain round v-if="line.skuFastReceive">快收</lw-tag>
+              </div>
+            </div>
+            <div class="lw-global-title">{{line.skuName}}</div>
+          </div>
+          <div class="lw-global-flex-between">
+            <lw-title-value-cell title="数量" :value="line.planQty" val-bold val-red :is-row="false" />
+            <lw-title-value-cell title="目标库位" :value="line.toLocationCode || '-'" val-bold val-red :is-row="false" />
+          </div>
+        </div>
+      </div>
+      <template #button>
+        <lw-button v-if="boxPop.data.scan" @click="removeCaseScan">从已扫描移除</lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+import { wmsGetWholeLpnMoveTaskInfo, wmsWholeCaseUp } from '../../../../../api/inner/move/taskMove'
+export default {
+  name: 'MoveTaskWholeCaseUp',
+  data() {
+    return {
+      lpn: null,
+      tabActive: 'scan',
+      lpnData: {
+        cases: [],
+      },
+      caseNum: {
+        value: '',
+        focus: true,
+      },
+      form: {
+        relay: false,
+        toLocCode: {
+          value: '',
+          focus: false,
+        },
+        toLpn: {
+          value: '',
+          focus: false,
+        },
+      },
+      boxPop: {
+        show: false,
+        data: null,
+      }
+    }
+  },
+  computed: {
+    scanedCases () {
+      return this.lpnData.cases?.filter(i => i.scan) ?? []
+    },
+  },
+  created () {
+    const { lpn } = this.$route.query
+    if (!lpn) {
+      return this.$lwShowErrorMsg('未指定托盘号')
+    }
+    this.lpn = lpn
+    this.loadTask(lpn)
+  },
+  methods: {
+    loadTask (lpn) {
+      wmsGetWholeLpnMoveTaskInfo(lpn).then(lpnData => {
+        const cases = lpnData.cases?.filter(i => i.status === '400' && i.whole) ?? []
+        if (!cases.length) {
+          this.$lwToast.success('当前托盘已没有可以整托上架的任务')
+          this.$router.back()
+          return  
+        }
+        lpnData.wholeCase = false
+        for (const c of cases) {
+          c.shrink = true
+          c.scan = false
+          if (c.whole) {
+            lpnData.wholeCase = true
+          }
+        }
+        lpnData.cases = cases
+        this.lpnData = lpnData
+        this.caseNum.value = ''
+        this.caseNum.focus = true
+      })
+    },
+    showBoxInfo (c) {
+      this.boxPop.data = c
+      this.boxPop.show = true
+    },
+    onScanBox () {
+      const boxNum = this.caseNum.value
+      if (!boxNum) {
+        return
+      }
+      const box = this.lpnData.cases.find(i => i.caseNum === boxNum)
+      this.caseNum.value = ''
+      this.caseNum.focus = true
+      if (!box) {
+        return this.$lwShowErrorMsg(`未找到箱号 ${boxNum}`)
+      }
+      box.scan = true
+    },
+    removeCaseScan () {
+      this.boxPop.show = false
+      this.boxPop.data.scan = false
+    },
+    doWholeBoxUp () {
+      if (this.scanedCases.length === 0) {
+        this.caseNum.focus = true
+        return this.$lwShowErrorMsg('请扫描箱号添加箱')
+      }
+      const toLocCode = this.form.toLocCode.value
+      if (!toLocCode) {
+        this.form.toLocCode.focus = true
+        return this.$lwShowErrorMsg('上架库位不能为空')
+      }
+      const toLpn = this.form.toLpn.value
+      if (!toLpn && this.form.relay) {
+        this.form.toLpn.focus = true
+        return this.$lwShowErrorMsg('接力上架暂存容器不能为空')
+      }
+      const caseNums = this.scanedCases.map(i => i.caseNum)
+      const method = () => {
+        wmsWholeCaseUp(this.lpn, caseNums, toLocCode, toLpn, this.form.relay).then(() => {
+          this.loadTask(this.lpn)
+          this.$lwToast.success('操作成功')
+          this.form.toLocCode.value = ''
+          this.form.toLpn.value = ''
+          this.caseNum.focus = true
+        })
+      }
+
+      if (this.lpnData.toLocCode && this.lpnData.toLocCode !== toLocCode) {
+        this.$dialog.confirm({
+          title: '提示',
+          message: `任务的目标库位是 ${this.lpnData.toLocCode}，确定要上架的库位 ${toLocCode} 吗？`
+        }).then(method).catch(() => {})
+      } else {
+        method()
+      }
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.btn-shrink {
+  margin-left: 10px;
+  padding: 0 5px;
+  transform: rotate(90deg);
+}
+
+.box-list {
+  .box-item {
+    height: 40px;
+    border-bottom: 1px solid #ffe6e6;
+
+    &-name {
+      font-weight: bold;
+    }
+
+    &-qty {
+      font-weight: bold;
+      color: red;
+    }
+  }
+
+  .box-item:last-child {
+    border: none;
+  }
+}
+
+.box-popup {
+  border-radius: 5px;
+
+  &-sku {
+    line-height: 22px;
+  }
+}
+</style>