@logwire/logwire-wms-pda-ui 1.1.15

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

@@ -0,0 +1,286 @@
+<!--
+  在库上架 - 起始页
+  @author: 张文
+  @date: 2022-02-25
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.receive.putaway.title','入库上架')"/>
+
+    <div class="lw-global-page-box">
+
+      <!-- 输入框 -->
+      <div
+        v-if="!fromTask"
+        class="lw-global-model-box"
+      >
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.receive.putaway.lpn','托盘号/上架标签')"
+          v-model="lpn.value"
+          :get-focus.sync="lpn.focus"
+          required
+          @confirm="lpnConfirm"
+        />
+
+        <lw-input
+          v-if="local.show"
+          :title="$lwLanguage.get('wms_project.pda.receive.putaway.local', '库位')"
+          v-model="local.value"
+          :get-focus.sync="local.focus"
+          @confirm="lpnConfirm"
+        />
+      </div>
+
+      <!-- 扫描得到的数据 -->
+      <task-info
+        class="lw-global-animation-out"
+        v-for="(i,k) in taskList"
+        :key="i.taskId"
+        :style="{animationDelay: 50 * k + 'ms'}"
+        :item="i"
+        :show-del="showDel && !fromTask"
+        :show-print="showPrint"
+        :show-sku-abnormal="showSkuAbnormal"
+        :location-code="locationCode"
+        @del="itemDel(k)"
+      />
+
+    </div>
+
+    <lw-bottom-bar v-if="showBottomBar">
+
+      <lw-button
+        v-if="showLpnShelf"
+        plain
+        type="last"
+        @click="lpnShelf"
+      >{{ $lwLanguage.get('wms_project.pda.receive.putaway.allLpnUp','整托盘上架') }}</lw-button>
+
+      <lw-button @click="skuShelf">
+        {{ $lwLanguage.get('wms_project.pda.receive.putaway.skuUp','按商品上架') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+import TaskInfo from './../components/TaskInfo/index.vue'
+import {
+  wmsMobileGetPutawayTaskByLpn,
+  wmsMobileGetPutawayTaskByTask
+} from "../../../../../api/receive/putaway";
+
+export default {
+  name: "lwReceivePutawayPage",
+  components: {
+    TaskInfo
+  },
+  props:{
+    // 是否显示删除按钮
+    showDel:{
+      type: Boolean,
+      default: true
+    },
+
+    // 是否显示补打标签按钮
+    showPrint:{
+      type: Boolean,
+      default: true
+    },
+
+    // 是否显示零件异常上报按钮
+    showSkuAbnormal:{
+      type: Boolean,
+      default: true
+    },
+
+    // 库位 - 异常使用
+    locationCode:{
+      type: String,
+      default: ''
+    },
+  },
+  data() {
+    return {
+      // 是否通过任务进入
+      fromTask: false,
+
+      // 托盘号、上架标签
+      lpn: {
+        value: '',
+        focus: true
+      },
+
+      // 库位
+      local: {
+        show: false,
+        value: '',
+        focus: true
+      },
+
+      // 任务数据
+      taskList: [],
+
+      // 是否显示整托盘上架按钮
+      showLpnShelf: true
+    }
+  },
+  computed:{
+    // 是否显示底部按钮栏
+    showBottomBar(){
+      return !!this.taskList.length
+    },
+
+  },
+  watch: {
+    // 监听托盘号输入，为空时关闭库位输入框
+    'lpn.value': {
+      handler(n) {
+        if (!n) {
+          this.local.value = ''
+          this.local.show = false
+        }
+      }
+    }
+  },
+  mounted() {
+    const {lwTaskId} = this.$route.query
+    if (lwTaskId){
+      // 如果是任务进入的就不显示输入框
+      this.fromTask = true
+
+      wmsMobileGetPutawayTaskByTask({
+        taskId: lwTaskId
+      }).then(res=>{
+        this.taskList = [res]
+
+        this.showLpnShelf = this.taskList.every(item=>item.wholeLpnPutaway)
+
+      }).catch(()=>{
+        history.go(-1)
+      })
+    }
+  },
+  methods: {
+    // 托盘号确认
+    lpnConfirm() {
+      if (!this.lpn.value) {
+        this.lpnFocus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.receive.putaway.lpnNull', '托盘号不能为空')
+        )
+        return
+      }
+
+      if (this.local.show && !this.local) {
+        this.local.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.receive.putaway.scanLpn', '请扫描或输入仓库号定位当前托盘')
+        )
+        return
+      }
+
+      wmsMobileGetPutawayTaskByLpn({
+        lpn: this.lpn.value,
+        locationCode: this.local.value
+      }).then(res => {
+
+        // 是否存在多托盘
+        if (res.moreLocation) {
+          this.local.show = true
+          this.local.focus = true
+          return
+        }
+
+        for (let i=0;i<res.list.length;i++){
+          for (let j=0;j<this.taskList.length;j++){
+            if (res.list[i].taskId === this.taskList[j].taskId){
+              this.taskList.splice(j, 1)
+              j--
+            }
+          }
+        }
+
+        this.taskList = res.list.concat(this.taskList)
+        this.clearInput()
+      }).catch(()=>{
+        this.clearInput()
+      })
+    },
+
+    // 清空输入框
+    clearInput(){
+      this.local.show = false
+      this.local.value = ''
+      this.lpn.value = ''
+      this.lpn.focus = true
+    },
+
+    // 删除
+    itemDel(index){
+      this.taskList.splice(index, 1)
+    },
+
+    // 整托盘上架
+    lpnShelf(){
+      // 校验是否能够整托盘上架
+      let lpnList = []
+      let notLpn = []
+      this.taskList.forEach(item=>{
+        if (item.wholeLpnPutaway){
+          lpnList.push(item.lpn)
+        }else {
+          notLpn.push(item.lpn)
+        }
+      })
+
+      // 是否存在非整托盘上架的任务
+      if (notLpn.length){
+        this.$dialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.receive.putaway.total','提示'),
+          message: this.$lwLanguage.get(
+            '',
+            '当前上架任务中存在非整托上架任务，请删除后重试。或使用按商品上架功能继续任务'
+          ),
+          confirmButtonText: this.$lwLanguage.get('wms_project.pda.receive.putaway.goDel','去删除'),
+          cancelButtonText: this.$lwLanguage.get('wms_project.pda.receive.putaway.skuUp','按商品上架')
+        }).then(()=>{}).catch(()=>{
+          this.skuShelf()
+        })
+        return
+      }
+
+      this.$router.push({
+        path:'/receive/putaway/lwLpnAction',
+        query:{
+          lwLpnList: JSON.stringify(lpnList),
+          lwBack: this.fromTask ? 2 : 1
+        }
+      })
+    },
+
+    // 按商品上架
+    skuShelf(){
+      const taskIdList = this.taskList.map(item=>{
+        return item.taskId
+      })
+
+      this.$router.push({
+        path:'/receive/putaway/lwSkuAction',
+        query:{
+          lwTaskIdList: JSON.stringify(taskIdList),
+          lwBack: this.fromTask ? 2 : 1
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,11 @@
+/*
+* 入库上架 - 整托盘上架执行
+* @author: 张文
+* @date  2022-02-25
+* */
+
+import lwReceivePutawayLpnActionPage from "./index.vue";
+
+lwReceivePutawayLpnActionPage.install = Vue => Vue.component(lwReceivePutawayLpnActionPage.name, lwReceivePutawayLpnActionPage)
+
+export default lwReceivePutawayLpnActionPage

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

@@ -0,0 +1,330 @@
+<!--
+  入库上架 - 整托盘上架执行
+  @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
+          @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
+          @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>

package/src/components/page/receive/putaway/skuAction/index.js

@@ -0,0 +1,11 @@
+/*
+* 入库上架 - 按商品上架执行
+* @author: 张文
+* @date  2022-05-25
+* */
+
+import lwReceivePutawaySkuActionPage from "./index.vue";
+
+lwReceivePutawaySkuActionPage.install = Vue => Vue.component(lwReceivePutawaySkuActionPage.name, lwReceivePutawaySkuActionPage)
+
+export default lwReceivePutawaySkuActionPage