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

package/src/components/page/inner/borrow/index/index.js

@@ -0,0 +1,11 @@
+/*
+* 借用单 - 执行拣选
+* @author: 王强
+* @date  2022-07-11
+* */
+
+import lwInnerBorrowPage from "./index.vue"
+
+lwInnerBorrowPage.install = Vue => Vue.component(lwInnerBorrowPage.name, lwInnerBorrowPage)
+
+export default lwInnerBorrowPage

package/src/components/page/inner/borrow/index/index.vue

@@ -0,0 +1,249 @@
+<!--
+* 借用单 - 首页
+* @author: 王强
+* @date  2022-07-11
+-->
+<template>
+  <div>
+    <!--    导航栏-->
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inner.borrow.borrowPick','借件拣选')"/>
+
+    <!--    中间内容-->
+    <div  class="lw-global-page-box">
+
+      <div class="lw-global-model-top-radius">
+        <div>{{ $lwLanguage.get('wms_project.pda.inner.borrow.borrowNo','借件单号') }}</div>
+        <lw-input
+          v-model="this.borrowNo"
+          required
+          @confirm="getRecentlyBorrow"
+        />
+      </div>
+
+
+      <!--     tab页-->
+      <div class="lw-global-tab-box "  style="margin-top: 10px" >
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+          <!-- 当日借件单 -->
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.inner.borrow.today.order','当日借件单')"
+            name="today"
+          >
+            <div
+              v-for="(i,k) in todayList"
+              :key="k"
+              class="lw-global-model-box"
+            >
+              <!-- 借件单号、类型 -->
+              <div class="lw-global-flex-between">
+                <div class="lw-global-value-bold">{{ i.borrowNo }}</div>
+                <div class="lw-global-value-bold-red">{{ i.typeLabel }}</div>
+              </div>
+
+              <!-- 借件单位-->
+              <lw-title-value-cell
+                style="flex:1"
+                :title="$lwLanguage.get('wms_project.pda.inner.borrow.org','借件单位')"
+                :value="i.borrowOrganization"
+                val-bold
+                :is-row="false"
+              />
+
+              <!-- 借件人-->
+              <lw-title-value-cell
+                style="flex:1"
+                :title="$lwLanguage.get('wms_project.pda.inner.borrow.user','借件人')"
+                :value="i.borrowerName"
+                val-bold
+                :is-row="false"
+              />
+
+              <div class="lw-global-flex-between">
+                <!-- 拣选库区-->
+                <lw-title-value-cell
+                  style="flex:1"
+                  :title="$lwLanguage.get('wms_project.pda.inner.borrow.pickZone','拣选库区')"
+                  :value="i.zoneCode"
+                  val-bold
+                  :is-row="false"
+                />
+                <!-- 行数-->
+                <lw-title-value-cell
+                  style="flex:1"
+                  :title="$lwLanguage.get('wms_project.pda.inner.borrow.lineCount','行数')"
+                  :value="i.lineCount"
+                  val-bold
+                  :is-row="false"
+                />
+              </div>
+
+              <div class="lw-global-flex-between">
+                <!-- 商品数-->
+                <lw-title-value-cell
+                  style="flex:1"
+                  :title="$lwLanguage.get('wms_project.pda.inner.borrow.skuCount','商品数')"
+                  :value="i.skuCount"
+                  val-bold
+                  :is-row="false"
+                />
+                <!-- 拣选按钮-->
+                <lw-button
+                  type="last"
+                  @click="jumpToTask(i.borrowNo)"
+                >
+                  {{ $lwLanguage.get('wms_project.pda.inner.borrow.pick','拣选') }}
+                </lw-button>
+              </div>
+            </div>
+            <lw-not-data v-if="todayList == null || !todayList.length "/>
+          </van-tab>
+
+          <!-- 前三日借件单 -->
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.inner.borrow.lastThreeDay','前三日借件单')"
+            name="lastThreeDay"
+          >
+            <div
+              v-for="(i,k) in lastThreeDayList"
+              :key="k"
+              class="lw-global-model-box"
+            >
+              <!-- 借件单号、类型 -->
+              <div class="lw-global-flex-between">
+                <div class="lw-global-value-bold">{{ i.borrowNo }}</div>
+                <div class="lw-global-value-bold-red">{{ i.typeLabel }}</div>
+              </div>
+
+              <!-- 借件单位-->
+              <lw-title-value-cell
+                style="flex:1"
+                :title="$lwLanguage.get('wms_project.pda.inner.borrow.org','借件单位')"
+                :value="i.borrowOrganization"
+                val-bold
+                :is-row="false"
+              />
+
+              <!-- 借件人-->
+              <lw-title-value-cell
+                style="flex:1"
+                :title="$lwLanguage.get('wms_project.pda.inner.borrow.user','借件人')"
+                :value="i.borrowerName"
+                val-bold
+                :is-row="false"
+              />
+
+              <div class="lw-global-flex-between">
+                <!-- 拣选库区-->
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.inner.borrow.pickLocation','拣选库区')"
+                  :value="i.zoneCode"
+                  val-bold
+                  :is-row="false"
+                />
+                <!-- 行数-->
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.inner.borrow.lineCount','行数')"
+                  :value="i.lineCount"
+                  val-bold
+
+                  :is-row="false"
+                />
+              </div>
+
+              <div class="lw-global-flex-between">
+                <!-- 商品数-->
+                <lw-title-value-cell
+                  style="flex:1"
+                  :title="$lwLanguage.get('wms_project.pda.inner.borrow.skuCount','商品数')"
+                  :value="i.skuCount"
+                  val-bold
+                  :is-row="false"
+                />
+                <!-- 拣选按钮-->
+                <lw-button
+                  type="last"
+                  @click="jumpToTask(i.borrowNo)"
+                >
+                  {{ $lwLanguage.get('wms_project.pda.inner.borrow.pick','拣选') }}
+                </lw-button>
+              </div>
+            </div>
+            <lw-not-data v-if="lastThreeDayList == null || !lastThreeDayList.length "/>
+          </van-tab>
+
+        </van-tabs>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+import {
+  wmsGetRecentlyBorrow
+} from "../../../../../api/inner/borrow";
+
+export default {
+  name: "lwInnerBorrowPage",
+  data() {
+    return {
+      borrowNo: '',
+      todayList: [],
+      lastThreeDayList: [],
+      //tab
+      tabActive: "today",
+
+    }
+  },
+  mounted() {
+    this.init()
+  },
+  methods: {
+    init() {
+      this.getRecentlyBorrow()
+    },
+
+    //获取最近借件单
+    getRecentlyBorrow() {
+
+      wmsGetRecentlyBorrow({
+        borrowNo: this.borrowNo
+      }).then(res => {
+        console.log(res)
+        this.todayList = res.today
+        this.lastThreeDayList = res.lastThreeDay
+
+        if (this.todayList.length && !this.lastThreeDayList.length) {
+          this.tabActive = "today"
+        }
+        if (!this.todayList.length && this.lastThreeDayList.length) {
+          this.tabActive = "lastThreeDay"
+        }
+      }).catch((e) => {
+        console.log(e)
+      })
+    },
+
+    //跳转页面
+    jumpToTask(borrowNo) {
+      this.$router.push({
+        path: "/inner/borrow/action/lwIndex",
+        query: {
+          borrowNo: borrowNo
+        }
+      })
+    }
+  }
+}
+</script>
+
+
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/dead/components/abnPopup.vue

@@ -0,0 +1,83 @@
+<!--
+  异常弹框
+  @author: 张文
+  @date: 2022-07-12
+-->
+<template>
+  <lw-popup
+    :title="$lwLanguage.get('wms_project.pda.inner.deadCom.abnTitle','异常上报')"
+    v-model="show"
+    @closed="showCom=false"
+  >
+
+    <lw-inner-abnormal-module
+      v-if="showCom"
+      ref="abnormal"
+      :sku-code="skuCode"
+      :sku-name="skuName"
+      :qty="qty"
+      :location="location"
+      :type="$lwLanguage.get('wms_project.pda.inner.deadCom.in','在库')"
+      :ab-type="$lwLanguage.get('wms_project.pda.inner.deadCom.abType','呆滞品整理')"
+    />
+
+    <template #button>
+
+      <lw-button @click="abnSubmit">
+        {{ $lwLanguage.get('wms_project.pda.inner.deadCom.submit','上报') }}
+      </lw-button>
+
+    </template>
+
+  </lw-popup>
+</template>
+
+<script>
+
+export default {
+  name: "abnPopup",
+  props:{
+    value: Boolean,
+    skuCode: String,
+    skuName: String,
+    qty: [String, Number],
+    location: String,
+  },
+  computed:{
+    show:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input', v)
+      }
+    }
+  },
+  watch:{
+    show(n){
+      if (n) this.showCom = true
+    }
+  },
+  data() {
+    return {
+      // 是否显示组件
+      showCom: false,
+
+    }
+  },
+  methods: {
+    // 确认异常上报
+    abnSubmit(){
+      const {success, data} = this.$refs.abnormal.getAbnormalData()
+
+      if (!success) return
+
+      this.$emit('submit', data)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/dead/components/bagItem.vue

@@ -0,0 +1,104 @@
+<!--
+  呆滞袋
+  @author: 张文
+  @date: 2022-07-13
+-->
+<template>
+  <div class="lw-global-model-box">
+
+    <div class="lw-global-row-start">
+      <lw-title-value-cell
+        :title="
+          isNow ?
+          $lwLanguage.get('wms_project.pda.inner.deadCom.bag','当前袋') :
+          $lwLanguage.get('wms_project.pda.inner.deadCom.deadBag','呆滞袋')
+        "
+        :value="item.bagNum"
+        val-bold
+        :is-row="false"
+      />
+    </div>
+
+    <lw-sku-info-module
+      v-for="(i,k) in item.lines"
+      :key="k"
+      v-bind="i"
+      is-row
+    />
+
+    <div class="lw-global-row-end lw-global-flex-between">
+
+      <lw-button
+        mini
+        round
+        plain
+        block
+        type="last"
+        @click="printLabel"
+      >{{ $lwLanguage.get('wms_project.pda.inner.deadCom.print','补打标签') }}</lw-button>
+
+      <lw-button
+        v-if="!hiddenOffBagBtn"
+        style="margin-left: 10px"
+        mini
+        round
+        block
+        @click="offBag"
+      >{{ $lwLanguage.get('wms_project.pda.inner.deadCom.overBag','完成封袋') }}</lw-button>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+import {wmsDullSkuMoveTaskCompleteBag, wmsDullSkuMoveTaskPrintBag} from "../../../../../api/inner/dead/small";
+
+export default {
+  name: "bagItem",
+  props:{
+    item:{
+      type: Object,
+      default: () => {}
+    },
+    deviceId: String,
+    isNow: Boolean,
+    hiddenOffBagBtn: Boolean
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 补打标签
+    printLabel(){
+      wmsDullSkuMoveTaskPrintBag({
+        taskId: this.$route.query.lwTaskId,
+        deviceId: this.deviceId,
+        bagNum: this.item.bagNum
+      }).then(res=>{
+        this.$lwPrint.bluetoothPrint([res])
+      })
+    },
+
+    // 封袋
+    offBag(){
+      wmsDullSkuMoveTaskCompleteBag({
+        taskId: this.$route.query.lwTaskId,
+        deviceId: this.deviceId,
+        bagNum: this.item.bagNum
+      }).then(res=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.inner.deadCom.endBag','已封袋')
+        )
+
+        this.$emit('off', res)
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/dead/components/boxListItem.vue

@@ -0,0 +1,135 @@
+<!--
+  已装箱列表
+  @author: 张文
+  @date: 2022-07-13
+-->
+<template>
+  <div
+    style="padding: 5px 10px"
+    class="lw-global-model-box lw-global-collapse-box"
+  >
+    <van-collapse
+      v-model="collapse"
+      :border="false"
+    >
+      <van-collapse-item name="1">
+
+        <template #title>
+
+          <div class="lw-global-row-start lw-global-flex-between">
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.inner.deadCom.deadBox','呆滞箱')"
+              :value="item.boxNum"
+              val-bold
+              :is-row="false"
+            />
+
+            <lw-button
+              style="flex-shrink: 0"
+              mini
+              round
+              @click.stop="print"
+            >{{ $lwLanguage.get('wms_project.pda.inner.deadCom.print','补打标签') }}</lw-button>
+
+          </div>
+
+          <div class="lw-global-row-end lw-global-flex-between">
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.inner.deadCom.skuCount','品种数')"
+              :value="item.skuCount"
+              val-bold
+              :is-row="false"
+            />
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.inner.deadCom.bagNum','袋数')"
+              :value="item.bagCount"
+              val-bold
+              :is-row="false"
+            />
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.inner.deadCom.total','总数量')"
+              :value="item.qty"
+              val-bold
+              val-red
+              :is-row="false"
+            />
+
+          </div>
+
+        </template>
+
+        <div
+          class="box-list-item"
+          v-for="(i,k) in item.lines"
+          :key="k"
+        >
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.inner.deadCom.bagNo','装袋号')"
+            :value="i.bagNum"
+            val-bold
+            val-red
+          />
+
+          <lw-sku-info-module
+            v-for="(item,key) in i.lines"
+            :key="key"
+            v-bind="item"
+            is-row
+            :is-row-last="(key+1)===i.lines.length"
+          />
+        </div>
+
+      </van-collapse-item>
+    </van-collapse>
+  </div>
+</template>
+
+<script>
+
+import {wmsDullSkuMoveTaskPrintBox} from "../../../../../api/inner/dead/small";
+
+export default {
+  name: "boxListItem",
+  props:{
+    item:{
+      type: Object,
+      default: () => {}
+    },
+    deviceId: String,
+  },
+  data() {
+    return {
+      collapse: []
+    }
+  },
+  methods: {
+    // 打印
+    print(){
+      wmsDullSkuMoveTaskPrintBox({
+        taskId: this.$route.query.lwTaskId,
+        deviceId: this.deviceId,
+        boxNum: this.item.boxNum
+      }).then(res=>{
+        this.$lwPrint.bluetoothPrint([res])
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.box-list-item{
+  padding: 5px;
+  border: solid 1px #f0f0f0;
+  border-radius: 5px;
+
+  &+.box-list-item{
+    margin-top: 10px;
+  }
+}
+</style>

package/src/components/page/inner/dead/components/dataInfo.vue

@@ -0,0 +1,94 @@
+<!--
+  数据看板
+  @author: 张文
+  @date: 2022-07-12
+-->
+<template>
+  <div>
+
+    <div class="lw-global-model-top-radius lw-global-flex-between">
+
+      <div class="lw-global-value-bold">{{ taskNo }}</div>
+
+      <lw-tag
+        v-if="sizeLabel"
+        round
+        plain
+      >{{ sizeLabel }}</lw-tag>
+
+    </div>
+    <lw-data-look-bg type="bottom">
+
+      <div>
+        <div>{{ planQty || 0 }}</div>
+        <div>
+          {{ $lwLanguage.get('wms_project.pda.inner.deadCom.planQty','计划量') }}
+        </div>
+      </div>
+
+      <div>
+        <div>{{ lpnedQty || 0 }}</div>
+        <div>
+          {{
+            type === 'large' ?
+            $lwLanguage.get('wms_project.pda.inner.deadCom.lpned','已组托') :
+            $lwLanguage.get('wms_project.pda.inner.deadCom.bagging','已装袋')
+          }}
+        </div>
+      </div>
+
+      <div>
+        <div>{{ lpnCount || 0 }}</div>
+        <div>
+          {{
+            type === 'large' ?
+              $lwLanguage.get('wms_project.pda.inner.deadCom.lpnNum','托盘数') :
+              $lwLanguage.get('wms_project.pda.inner.deadCom.boxNum','已装箱')
+          }}
+        </div>
+      </div>
+
+      <div>
+        <div>{{ abnQty || 0 }}</div>
+        <div>
+          {{ $lwLanguage.get('wms_project.pda.inner.deadCom.abnNum','异常量') }}
+        </div>
+      </div>
+
+
+    </lw-data-look-bg>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "dataInfo",
+  props:{
+    // 大小件类型
+    type:{
+      type: String,
+      default: 'large'
+    },
+    // 任务号
+    taskNo: String,
+    // 尺寸大小
+    sizeLabel: String,
+    // 计划量
+    planQty: [String, Number],
+    // 已组托
+    lpnedQty: [String, Number],
+    // 托盘数
+    lpnCount: [String, Number],
+    // 异常量
+    abnQty: [String, Number],
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+</style>