@logwire/logwire-wms-pda-ui 1.1.15

package/src/components/page/inner/reportAbnormal/action/index.vue

@@ -0,0 +1,246 @@
+<!--
+  库内异常上报 - 执行页
+  @author: 张文
+  @date: 2022-02-25
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.reportAbn.action.title','在库异常上报')"/>
+
+    <div
+      v-if="abnData.length"
+      class="lw-global-page-box"
+    >
+
+      <!-- 零件信息 -->
+      <div
+        style="padding-top: 0"
+        class="lw-global-model-box"
+      >
+
+        <lw-cell
+          :title="$lwLanguage.get('wms_project.pda.reportAbn.action.sku','商品')"
+          :is-link="false"
+        >
+
+          <template #value>
+            <div class="lw-global-value-bold">{{ abnData[index].skuCode }}</div>
+            <div class="lw-global-title">{{ abnData[index].skuName }}</div>
+          </template>
+
+        </lw-cell>
+
+        <lw-cell
+          :title="$lwLanguage.get('wms_project.pda.reportAbn.action.local','库位')"
+          :value="abnData[index].locationCode"
+          :is-link="false"
+        />
+
+      </div>
+
+      <!-- 任务行 -->
+      <div
+        v-if="abnData.length"
+        class="lw-global-model-box"
+      >
+
+        <!-- 卡片切换 -->
+        <lw-cut-card
+          style="padding-top: 0"
+          v-model="index"
+          :length="abnData.length"
+        />
+
+        <!-- 总库存量 -->
+        <lw-cell
+          :title="$lwLanguage.get('wms_project.pda.reportAbn.action.allQty','总库存量')"
+          :is-link="false"
+        >
+          <template #value>
+            <span class="lw-global-value-bold">
+              {{ abnData[index].invQty }}
+            </span>
+          </template>
+        </lw-cell>
+
+        <!-- 可用量 -->
+        <lw-cell
+          :title="$lwLanguage.get('wms_project.pda.reportAbn.action.availInvQty','可用量')"
+          :is-link="false"
+        >
+          <template #value>
+            <span
+              class="lw-global-value-bold"
+              style="color: #D50000"
+            >{{ abnData[index].availInvQty }}</span>
+          </template>
+        </lw-cell>
+
+        <!-- 货主 -->
+        <lw-cell
+          :title="$lwLanguage.get('wms_project.pda.reportAbn.action.owner','货主')"
+          :is-link="false"
+        >
+          <template #value>
+            <span class="lw-global-value-bold">
+              {{ abnData[index].ownerCode }} - {{ abnData[index].ownerName }}
+            </span>
+          </template>
+        </lw-cell>
+
+        <!-- 批次信息 -->
+        <div
+          style="margin-top: 13px"
+          class="lw-global-value-bold"
+        >
+          {{ $lwLanguage.get('wms_project.pda.reportAbn.action.lot','批次信息') }}
+        </div>
+
+        <lw-lot-look-module :columns="abnData[index].lotAttributeData.items"/>
+
+
+      </div>
+      <lw-not-data v-else/>
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        plain
+        type="last"
+        @click="back"
+      >
+        {{ $lwLanguage.get('wms_project.pda.reportAbn.action.seo','重新查询') }}
+      </lw-button>
+
+      <lw-button @click="report">
+        {{ $lwLanguage.get('wms_project.pda.reportAbn.action.abnSubmit','上报异常') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.reportAbn.action.abnSubmit','上报异常')"
+      v-model="abnPopup.show"
+      @closed="abnPopup.comShow=false"
+    >
+
+      <lw-inner-abnormal-module
+        v-if="abnPopup.comShow"
+        ref="abnormal"
+        :sku-code="abnData[index].skuCode"
+        :sku-name="abnData[index].skuName"
+        :qty="abnData[index].availInvQty"
+        :location="abnData[index].locationCode"
+        :type="$lwLanguage.get('wms_project.pda.reportAbn.action.inbound','在库')"
+        :ab-type="$lwLanguage.get('wms_project.pda.reportAbn.action.inboundS','在库保管')"
+      />
+
+      <template #button>
+        <lw-button @click="abnSubmit">
+          {{ $lwLanguage.get('wms_project.pda.reportAbn.action.confirm','确认上报') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+
+import {
+  wmsGetInventoryForSubmitAbnormal,
+  wmsInnerAbnormalSubmit
+} from "../../../../../api/inner/reportAbnormal";
+
+export default {
+  name: "lwInnerReportAbnormalActionPage",
+  data() {
+    return {
+      // 操作的数据
+      abnData:[],
+      // 当前激活项
+      index:0,
+
+      // 异常上报弹框
+      abnPopup:{
+        show: false,
+        comShow: false
+      }
+    }
+  },
+  mounted() {
+    this.index = 0
+    this.getData()
+  },
+  methods: {
+    // 获取数据
+    getData(){
+
+      const {lwSkuId, lwOwnerId, lwLocationCode, lwLpn} = this.$route.query
+
+      wmsGetInventoryForSubmitAbnormal({
+        ownerId: lwOwnerId,
+        skuId: lwSkuId,
+        locationCode: lwLocationCode,
+        lpn: lwLpn,
+      }).then(res=>{
+        if(!res || !res.length){
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.reportAbn.action.dataNull','没有查询到任何数据')
+          )
+          this.back()
+          return
+        }
+
+        this.abnData = res
+        if((this.index + 1) > res.length){
+          this.index--
+        }
+      }).catch(()=>this.back())
+    },
+
+    // 重新查询
+    back(){
+      history.go(-1)
+    },
+
+    // 上报异常
+    report(){
+      this.abnPopup.comShow = true
+      this.abnPopup.show = true
+    },
+
+    // 确认异常上报
+    abnSubmit(){
+      const {success, data} = this.$refs.abnormal.getAbnormalData()
+
+      if (!success) return
+
+      const item = this.abnData[this.index]
+      wmsInnerAbnormalSubmit({
+        inventoryId: item.inventoryId,
+        skuId: item.skuId,
+        abnBelongType: 'STOCK',
+        abnDiscoveryPoint: 'STOCK',
+        ...data
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.reportAbn.action.submitSuccess','上报成功')
+        )
+
+        this.abnPopup.show = false
+        this.getData()
+      })
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,11 @@
+/*
+* 在库异常上报 - 起始页
+* @author: 张文
+* @date  2022-05-20
+* */
+
+import lwInnerReportAbnormalPage from "./index.vue";
+
+lwInnerReportAbnormalPage.install = Vue => Vue.component(lwInnerReportAbnormalPage.name, lwInnerReportAbnormalPage)
+
+export default lwInnerReportAbnormalPage

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

@@ -0,0 +1,240 @@
+<!--
+  在库异常上报 - 起始页
+  @author: 张文
+  @date: 2022-05-20
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.reportAbn.index.title','在库异常上报')"/>
+
+    <div class="lw-global-page-box">
+      <div
+        class="lw-global-model-box"
+        style="transition: all .3s;overflow: hidden"
+        :style="{ height: showMore ? '237px' : '39px' }"
+      >
+
+        <!-- 商品号 -->
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.reportAbn.index.sku','商品号')"
+          v-model="sku.value"
+          :get-focus.sync="sku.focus"
+          required
+          @confirm="skuConfirm"
+        >
+          <template #button>
+            <lw-button
+              round
+              mini
+              @click="skuConfirm"
+            >
+              {{ $lwLanguage.get('wms_project.pda.reportAbn.index.seo','查询') }}
+            </lw-button>
+          </template>
+        </lw-input>
+
+        <!-- 商品信息 -->
+        <lw-cell
+          :title="$lwLanguage.get('wms_project.pda.reportAbn.index.name','商品名称')"
+          :value="selectOwner.item.skuName"
+          :is-link="false"
+        />
+
+        <!-- 货主 -->
+        <lw-cell
+          :title="$lwLanguage.get('wms_project.pda.reportAbn.index.owner','货主')"
+          :value="selectOwner.item.ownerCode + ' - ' + selectOwner.item.ownerName"
+          :is-link="false"
+        />
+
+        <!-- 库位 -->
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.reportAbn.index.local','库位')"
+          v-model="local.value"
+          :get-focus.sync="local.focus"
+          input-align="right"
+          required
+          @confirm="localConfirm"
+        />
+
+        <!-- 托盘号 -->
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.reportAbn.index.lpn','托盘号')"
+          v-model="lpn.value"
+          :get-focus.sync="lpn.focus"
+          input-align="right"
+          @confirm="lpnConfirm"
+        />
+
+        <!-- 查询库位 -->
+        <lw-button
+          style="margin-top: 10px"
+          block
+          @click="seo"
+        >
+          {{ $lwLanguage.get('wms_project.pda.reportAbn.index.seoLocal','查询库存') }}
+        </lw-button>
+
+      </div>
+    </div>
+
+    <!-- 选择货主 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.reportAbn.index.selectOwner','选择货主')"
+      v-model="selectOwner.show"
+    >
+      <div
+        class="lw-global-click-style lw-global-flex-between lw-global-row"
+        v-for="(i,k) in selectOwner.list"
+        :key="k"
+        @click="selectOwnerConfirm(i)"
+      >
+        <div style="flex: 1;">
+          <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.reportAbn.index.owner','货主') }}
+            </span>
+            <span class="lw-global-value-bold">
+              {{ i.ownerCode }} - {{ i.ownerName }}
+            </span>
+          </div>
+          <div
+            style="margin-top: 5px"
+            class="lw-global-value-bold"
+          >{{ i.skuCode }}</div>
+          <div class="lw-global-title">{{ i.skuName }}</div>
+        </div>
+
+        <van-icon name="arrow" />
+
+      </div>
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import {
+  wmsGetSkuInfoByCode
+} from "../../../../../api/inner/reportAbnormal";
+
+export default {
+  name: "lwInnerReportAbnormalPage",
+  data() {
+    return {
+      // 商品号
+      sku:{
+        value:'',
+        focus: true,
+        item:{}
+      },
+      // 库位
+      local:{
+        value:'',
+        focus: false
+      },
+      // 托盘号
+      lpn:{
+        value:'',
+        focus: false
+      },
+
+      // 显示更多信息
+      showMore: false,
+
+      // 选择货主
+      selectOwner: {
+        show: false,
+        list:[],
+        item:''
+      }
+    }
+  },
+  watch:{
+    'sku.value':{
+      handler(n){
+        if (!n){
+          this.selectOwner.list = []
+          this.selectOwner.item = {}
+          this.local.value = ''
+          this.lpn.value = ''
+          this.showMore = false
+        }
+      }
+    }
+  },
+  methods: {
+    // 商品号确认
+    skuConfirm(){
+      if (!this.sku.value){
+        this.$lwLanguage.get('wms_project.pda.reportAbn.index.skuNull','商品号不能为空')
+        return
+      }
+
+      wmsGetSkuInfoByCode({
+        skuCode: this.sku.value
+      }).then(res=>{
+        this.selectOwner.list = res
+        this.selectOwner.show = true
+      })
+    },
+
+    // 选择零件确认
+    selectOwnerConfirm(item){
+      this.selectOwner.item = item
+      this.selectOwner.show = false
+      this.showMore = true
+      this.local.focus = true
+    },
+
+    // 库位确认
+    localConfirm(){
+      if (this.localCheck()) this.lpn.focus = true
+    },
+    // 库位必填校验
+    localCheck(){
+      if(this.local.value) return true
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.reportAbn.index.localNull','库位不能为空')
+      )
+      return false
+    },
+
+    // 托盘号确认
+    lpnConfirm(){
+      this.seo()
+    },
+
+
+    // 查询库存
+    seo(){
+      if (this.sku.value !== this.selectOwner.item.skuCode){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.reportAbn.index.skuError','输入的商品号与选择的商品信息不一致！请点击商品号输入框后的查询按钮，重新获取当前输入的商品信息')
+        )
+        return
+
+      }
+
+      if (!this.localCheck()) return
+
+      const item = this.selectOwner.item
+      this.$router.push({
+        path:'/inner/reportAbnormal/lwAction',
+        query:{
+          lwSkuId: item.skuId,
+          lwOwnerId: item.ownerId,
+          lwLocationCode: this.local.value,
+          lwLpn: this.lpn.value
+        }
+      })
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,11 @@
+/*
+* 标准移动 - 任务界面进入
+* @author: 张文
+* @date  2022-05-16
+* */
+
+import lwTaskMovePage from "./index.vue";
+
+lwTaskMovePage.install = Vue => Vue.component(lwTaskMovePage.name, lwTaskMovePage)
+
+export default lwTaskMovePage