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

package/src/components/page/inventory/index.js

@@ -0,0 +1,17 @@
+/*
+* 库存入口
+* @author: 鲍珺
+* @date  2022-07-07
+* */
+
+import lwQueryInventoryIndex from './queryInventory/index/index'
+import lwQueryInventoryPage from './queryInventory/page/index'
+import lwInventoryItem from './inventoryItem/index.vue'
+import lwInventoryLotPage from './inventoryLotPage/index.vue'
+
+export const inventory = [
+  lwQueryInventoryIndex,
+  lwQueryInventoryPage,
+  lwInventoryItem,
+  lwInventoryLotPage
+]

package/src/components/page/inventory/inventoryItem/index.vue

@@ -0,0 +1,127 @@
+<template>
+  <div
+    :class="[
+      'lw-global-model-box',
+      item.lwPdaStart ?
+        'lw-global-animation-breath' :
+        'lw-global-animation-out'
+    ]"
+    :style="{
+      animationDelay:item.lwPdaStart ? '' : 50 * index + 'ms',
+      background: item.lwPdaStart ? 'rgb(244 218 219)' : ''
+    }"
+    @click="detail"
+  >
+
+    <!-- 库位 -->
+    <div class="lw-global-flex-between lw-global-row-start" v-if="type === 'location'">
+      <div>
+        <span class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.inventory.query.location', '库位') }}
+        </span>
+        <span class="lw-global-value-bold">
+          {{ item.locationCode }}
+        </span>
+      </div>
+
+      <div style="flex-shrink: 0">
+        <span class="lw-global-value-bold">
+          {{ item.locationTypeLabel }}
+        </span>
+      </div>
+    </div>
+
+    <!-- 商品 -->
+    <div class="lw-global-flex-between lw-global-row-start" v-if="type === 'sku'">
+      <div>
+        <span class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.inventory.query.sku', '商品') }}
+        </span>
+        <span class="lw-global-value-bold">
+          {{ item.skuCode }}
+        </span>
+      </div>
+
+      <div style="flex-shrink: 0">
+        <span class="lw-global-value-bold">
+          {{ item.locationTypeLabel }}
+        </span>
+      </div>
+    </div>
+
+    <!-- 库存统计 -->
+    <div class="lw-global-row">
+      <span class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.inventory.query.invReport', '库存统计') }}
+      </span>
+      <span>
+        <span class="lw-global-value">
+          {{ $lwLanguage.get('wms_project.pda.inventory.query.invReport.qty', '库存量') }}
+        </span>
+        <span
+          class="lw-global-value-bold"
+          style="color: #D50000"
+        >
+          {{ item.qty }}
+        </span>
+        <span class="lw-global-value">
+           / {{ $lwLanguage.get('wms_project.pda.inventory.query.invReport.lockQty', '锁定量') }}
+        </span>
+        <span
+          class="lw-global-value-bold"
+          style="color: #D50000"
+        >
+          {{ item.lockQty }}
+        </span>
+        <span class="lw-global-value">
+           / {{ $lwLanguage.get('wms_project.pda.inventory.query.invReport.availQty', '可用量') }}
+        </span>
+        <span
+          class="lw-global-value-bold"
+          style="color: #D50000"
+        >
+          {{ item.availQty }}
+        </span>
+      </span>
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "index",
+  props:{
+    type: {
+      type: String,
+      default: ''
+    },
+
+    // 数据
+    item:{
+      type: Object,
+      default: ()=>{}
+    },
+
+    // 数据索引
+    index:{
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 查看详细
+    detail(){
+      this.$emit('detail', this.item, this.index)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>

package/src/components/page/inventory/inventoryLotPage/index.vue

@@ -0,0 +1,208 @@
+<template>
+  <div>
+    <!-- 商品 -->
+    <div class="lw-global-model-box">
+      <div class="lw-global-flex-between lw-global-row-start">
+        <div>
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.inventory.query.sku', '商品') }}
+          </span>
+          <span class="lw-global-value-bold">
+            {{ item.skuCode }}
+          </span>
+        </div>
+
+        <div style="flex-shrink: 0">
+          <slot name="button">
+          </slot>
+        </div>
+      </div>
+
+      <div class="lw-global-row">
+        <span class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.inventory.query.skuName', '商品名称') }}
+        </span>
+        <span class="lw-global-value">
+          {{ item.skuName }}
+        </span>
+      </div>
+
+      <!-- 库位 -->
+      <div class="lw-global-flex-between lw-global-row">
+        <div>
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.inventory.query.location', '库位') }}
+          </span>
+            <span class="lw-global-value-bold">
+            {{ item.locationCode }}
+          </span>
+        </div>
+
+        <div style="flex-shrink: 0">
+          <span class="lw-global-value-bold">
+            {{ item.locationTypeLabel }}
+          </span>
+        </div>
+      </div>
+
+      <!-- 库存统计 -->
+      <div class="lw-global-row">
+      <span class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.inventory.query.invReport', '库存统计') }}
+      </span>
+        <span>
+        <span class="lw-global-value">
+          {{ $lwLanguage.get('wms_project.pda.inventory.query.invReport.qty', '库存量') }}
+        </span>
+        <span
+          class="lw-global-value-bold"
+          style="color: #D50000"
+        >
+          {{ item.qty }}
+        </span>
+        <span class="lw-global-value">
+           / {{ $lwLanguage.get('wms_project.pda.inventory.query.invReport.lockQty', '锁定量') }}
+        </span>
+        <span
+          class="lw-global-value-bold"
+          style="color: #D50000"
+        >
+          {{ item.lockQty }}
+        </span>
+        <span class="lw-global-value">
+           / {{ $lwLanguage.get('wms_project.pda.inventory.query.invReport.availQty', '可用量') }}
+        </span>
+        <span
+          class="lw-global-value-bold"
+          style="color: #D50000"
+        >
+          {{ item.availQty }}
+        </span>
+      </span>
+      </div>
+    </div>
+
+    <!-- 数据看板 -->
+    <div class="lw-global-row lw-global-flex-around">
+      <!-- 待下架 -->
+      <div class="lw-task-move-look-item">
+        <div class="lw-global-value-bold">{{ lotPage.data.qty || 0 }}</div>
+        <div class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.inbound.taskMove.todoQty','库存量') }}
+        </div>
+      </div>
+
+      <!-- 已下架 -->
+      <div class="lw-task-move-look-item">
+        <div class="lw-global-value-bold">{{ lotPage.data.lockQty || 0 }}</div>
+        <div class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.inventory.query.invReport.lockQty', '锁定量') }}
+        </div>
+      </div>
+
+      <!-- 异常量 -->
+      <div class="lw-task-move-look-item">
+        <div class="lw-global-value-bold" style="color: #D50000">
+          {{ lotPage.data.availQty || 0 }}
+        </div>
+        <div class="lw-global-title" style="color: #D50000">
+          {{ $lwLanguage.get('wms_project.pda.inventory.query.invReport.availQty', '可用量') }}
+        </div>
+      </div>
+    </div>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('wms_project.pda.inventory.query.lpn', '托盘号')"
+      :value="lotPage.data.lpn"
+    />
+    <lw-title-value-cell
+      :title="$lwLanguage.get('wms_project.pda.inventory.query.caseNum', '箱号')"
+      :value="lotPage.data.caseNum"
+    />
+    <lw-lot-look-module :columns="lotPage.data.lotItems" />
+
+    <!-- 分页 -->
+    <lw-pages
+      mode="simple"
+      v-model="lotPage.pageNum"
+      :page-total="lotPage.total"
+      :page-size="lotPage.pageSize"
+      :hide="false"
+      @change="paging"
+    />
+
+  </div>
+</template>
+
+<script>
+
+import {projectWmsQueryInventoryLotBySku} from "../../../../api/inventory/inventory";
+
+export default {
+  name: "index",
+  props:{
+    // 数据
+    item:{
+      type: Object,
+      default: ()=>{}
+    },
+  },
+  data() {
+    return {
+      lotPage: {
+        pageNum: 1,
+        pageSize: 1,
+        total: 0,
+        data: {}
+      }
+    }
+  },
+  mounted() {
+    this.resetPage()
+    this.paging()
+  },
+  watch:{
+    item:{
+      handler(n){
+        if(n){
+          this.resetPage()
+          this.paging()
+        }
+      }
+    }
+  },
+  methods: {
+    // 分页查询
+    paging(){
+      projectWmsQueryInventoryLotBySku({
+        skuCode: this.item.skuCode,
+        locationCode: this.item.locationCode,
+        ownerCode: this.item.ownerCode,
+        belongCompanyCode: this.item.belongCompanyCode,
+        pageNum: this.lotPage.pageNum,
+        pageSize: this.lotPage.pageSize
+      }).then(res => {
+        this.resetPage()
+
+        if (res.datas.length > 0) {
+          this.lotPage.pageNum = res.pageNum
+          this.lotPage.pageSize = res.pageSize
+          this.lotPage.total = res.total
+          this.lotPage.data = res.datas[0]
+        }
+      })
+    },
+
+    resetPage() {
+      this.lotPage.pageNum = 1
+      this.lotPage.pageSize = 1
+      this.lotPage.total = 0
+      this.lotPage.data = {}
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>

package/src/components/page/inventory/queryInventory/index/index.js

@@ -0,0 +1,11 @@
+/*
+* 库存查询
+* @author: 鲍珺
+* @date  2022-07-06
+* */
+
+import lwQueryInventoryIndex from "./index.vue";
+
+lwQueryInventoryIndex.install = Vue => Vue.component(lwQueryInventoryIndex.name, lwQueryInventoryIndex)
+
+export default lwQueryInventoryIndex

package/src/components/page/inventory/queryInventory/index/index.vue

@@ -0,0 +1,231 @@
+<!--
+  库存查询
+  @author: 鲍珺
+  @date: 2022-07-06
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.queryInventory.title','库存查询')"/>
+
+    <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
+            :title="$lwLanguage.get('wms_project.pda.queryInventory.sku','商品')"
+            name="sku"
+          />
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.queryInventory.location','库位')"
+            name="location"
+          />
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.queryInventory.skuLocation','商品+库位')"
+            name="skuLocation"
+          />
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.queryInventory.sn','序列号')"
+            name="sn"
+          />
+        </van-tabs>
+
+        <!-- 搜索 -->
+        <div class="lw-global-model-box" v-if="tabActive === 'sku' || tabActive === 'skuLocation'">
+          <lw-input :title="$lwLanguage.get('wms_project.pda.queryInventory.skuCode','商品条码')"
+                    v-model="sku.value"
+                    :get-focus.sync="sku.focus"
+                    required
+                    rule-key="sku"
+                    @confirm="skuConfirm" />
+        </div>
+        <div class="lw-global-model-box" v-if="tabActive === 'location' || tabActive === 'skuLocation'">
+          <lw-input :title="$lwLanguage.get('wms_project.pda.queryInventory.location','库位')"
+                    v-model="location.value"
+                    :get-focus.sync="location.focus"
+                    required
+                    rule-key="location"
+                    @confirm="locationConfirm" />
+        </div>
+        <div class="lw-global-model-box" v-if="tabActive === 'sn'">
+          <lw-input :title="$lwLanguage.get('wms_project.pda.queryInventory.sn','序列号')"
+                    v-model="sn.value"
+                    :get-focus.sync="sn.focus"
+                    required
+                    rule-key="sn"
+                    @confirm="snConfirm" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "lwQueryInventoryIndex",
+  components: {
+
+  },
+  data() {
+    return {
+      tabActive: 'sku',
+
+      // 商品条码
+      sku: {
+        value: "",
+        focus: true
+      },
+      // 库位
+      location: {
+        value: "",
+        focus: true
+      },
+      // 库位
+      sn: {
+        value: "",
+        focus: true
+      },
+    }
+  },
+
+  mounted() {
+    let tabActive = this.$route.query.tabActive
+    if (tabActive) {
+      this.tabActive = tabActive
+      this.tabChange()
+    }
+  },
+
+  methods: {
+    tabChange() {
+      if (this.tabActive === 'sn') {
+        this.location.focus = false
+        this.sku.focus = false
+        this.sn.focus = true
+      } else if (this.tabActive === 'sku' || this.tabActive === 'skuLocation') {
+        this.location.focus = false
+        this.sku.focus = true
+        this.sn.focus = false
+      } else {
+        this.sku.focus = false
+        this.location.focus = true
+        this.sn.focus = false
+      }
+    },
+
+    //商品条码校验
+    skuCheck() {
+      if (!this.sku.value) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.queryInventory.sku.null','商品条码不能为空')
+        )
+        this.sku.focus = true
+        return false
+      }
+
+      return true
+    },
+    //商品确认
+    skuConfirm() {
+      if (!this.skuCheck()) {
+        return
+      }
+
+      switch (this.tabActive) {
+        case "sku":
+          this.$router.replace({
+            path: '/inventory/queryInventory/lwPage',
+            query: {
+              'type': this.tabActive,
+              'skuCode': this.sku.value
+            }
+          })
+          break
+        case "skuLocation":
+          this.location.focus = true
+          break
+      }
+    },
+
+    //序列号校验
+    snCheck() {
+      if (!this.sn.value) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.queryInventory.sn.null','序列号不能为空')
+        )
+        this.sn.focus = true
+        return false
+      }
+
+      return true
+    },
+    //序列号确认
+    snConfirm() {
+      if (!this.snCheck()) {
+        return
+      }
+
+      this.$router.replace({
+        path: '/inventory/queryInventory/lwPage',
+        query: {
+          'type': this.tabActive,
+          'sn': this.sn.value
+        }
+      })
+    },
+
+    //库位校验
+    locationCheck() {
+      if (!this.location.value) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.queryInventory.location.null','库位不能为空')
+        )
+        this.location.focus = true
+        return false
+      }
+
+      return true
+    },
+    //库位确认
+    locationConfirm() {
+      if (!this.locationCheck()) {
+        return
+      }
+
+      switch (this.tabActive) {
+        case "location":
+          this.$router.replace({
+            path: '/inventory/queryInventory/lwPage',
+            query: {
+              'type': this.tabActive,
+              'locationCode': this.location.value
+            }
+          })
+          break
+        case "skuLocation":
+          if (!this.skuCheck()) {
+            return
+          }
+
+          this.$router.replace({
+            path: '/inventory/queryInventory/lwPage',
+            query: {
+              'type': this.tabActive,
+              'skuCode': this.sku.value,
+              'locationCode': this.location.value
+            }
+          })
+          break
+      }
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inventory/queryInventory/page/index.js

@@ -0,0 +1,11 @@
+/*
+* 库存查询
+* @author: 鲍珺
+* @date  2022-07-06
+* */
+
+import lwQueryInventoryPage from "./index.vue";
+
+lwQueryInventoryPage.install = Vue => Vue.component(lwQueryInventoryPage.name, lwQueryInventoryPage)
+
+export default lwQueryInventoryPage