@logwire/logwire-wms-pda-ui 1.1.15

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

@@ -0,0 +1,247 @@
+<!--
+   入库上架 - 零件信息
+  @author: 张文
+  @date: 2022-05-25
+-->
+<template>
+
+  <div>
+
+    <!-- 任务信息 -->
+    <div
+      class="lw-global-row lw-putaway-com-sku-info-item"
+      v-for="(i,k) in skuList"
+      :key="k"
+    >
+
+      <!-- 零件基本信息 -->
+      <div class="lw-global-value-bold">{{ i.sku.code }}</div>
+      <div class="lw-global-title">{{ i.sku.name }}</div>
+
+      <!-- 各种标签 -->
+      <div style="margin-top: 3px">
+
+        <!-- 商品频度 -->
+        <lw-tag
+          v-if="i.sku.abcTypeLabel"
+          plain
+          round
+          type="warning"
+        >
+          {{ i.sku.abcTypeLabel }}
+        </lw-tag>
+
+        <!-- 尺寸类型 -->
+        <lw-tag
+          v-if="i.sku.sizeTypeLabel"
+          plain
+          round
+        >
+          {{ i.sku.sizeTypeLabel }}
+        </lw-tag>
+
+        <!-- 质检方式 -->
+        <lw-tag
+          v-if="i.sku.qualityTypeLabel"
+          plain
+          round
+        >
+          {{ i.sku.qualityTypeLabel }}
+        </lw-tag>
+
+        <!-- 快收件 -->
+        <lw-tag
+          v-if="i.sku.isFastReceive"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.fastReceive','快收件') }}
+        </lw-tag>
+
+        <!-- 快移 -->
+        <lw-tag
+          v-if="i.sku.isFastMove"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.fastMove','快移') }}
+        </lw-tag>
+
+        <!-- 打刻件 -->
+        <lw-tag
+          v-if="i.sku.isEngraving"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.engraving','打刻件') }}
+        </lw-tag>
+
+        <!-- 左右件 -->
+        <lw-tag
+          v-if="i.sku.isLeftRight"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.leftRight','左右件') }}
+        </lw-tag>
+
+        <!-- 新品 -->
+        <lw-tag
+          v-if="i.sku.isNew"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.new','新品') }}
+        </lw-tag>
+
+        <!-- 设变号 -->
+        <lw-tag
+          v-if="i.sku.isDesignChangeNum"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.designChangeNum','设变号') }}
+        </lw-tag>
+
+
+      </div>
+
+      <!-- 数量 -->
+      <div class="lw-global-flex-between">
+
+        <div>
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.receive.putaway.qty', '数量') }}
+          </span>
+          <span
+            class="lw-global-value-bold"
+            style="color: #D50000"
+          >{{ i.qty }}</span>
+        </div>
+
+        <lw-button
+          v-if="showAbnormal"
+          round
+          mini
+          type="last"
+          @click="openAbn(i)"
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.upAbn', '上报异常') }}
+        </lw-button>
+
+      </div>
+
+    </div>
+
+    <!-- 异常弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.receive.putaway.abn','入库上架异常')"
+      v-model="abnPopup.show"
+      @closed="abnPopup.comShow=false"
+    >
+      <lw-inner-abnormal-module
+        v-if="abnPopup.comShow"
+        ref="abnormal"
+        :sku-code="abnPopup.sku.skuCode"
+        :sku-name="abnPopup.sku.skuName"
+        :qty="abnPopup.sku.qty"
+        :location="locationCode"
+        :type="$lwLanguage.get('wms_project.pda.receive.putaway.inbound','在库')"
+        :ab-type="$lwLanguage.get('wms_project.pda.receive.putaway.putaway','入库上架')"
+      />
+
+      <template #button>
+        <lw-button @click="abnConfirm">
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.upAbn','上报异常') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+
+  </div>
+
+</template>
+
+<script>
+
+import {wmsMobileSubmitPutawayByAbnormal} from "../../../../../../api/receive/putaway";
+
+export default {
+  name: "SkuInfo",
+  props:{
+    // 零件数据
+    skuList:{
+      type: Array,
+      default: () => []
+    },
+
+    // 是否显示异常上报按钮
+    showAbnormal:{
+      type: Boolean,
+      default: true
+    },
+
+    // 库位 - 异常使用
+    locationCode: String,
+
+    // 任务id
+    taskId: String
+  },
+  data() {
+    return {
+
+      // 异常弹框
+      abnPopup:{
+        show: false,
+        comShow: false,
+        sku: {}
+      }
+    }
+  },
+  methods: {
+
+    // 点击上报异常按钮
+    openAbn(item) {
+      this.abnPopup.comShow = true
+      this.abnPopup.sku = {
+        skuCode: item.sku.code,
+        skuName: item.sku.name,
+        qty:item.qty,
+        groupKey: item.groupKey
+      }
+      this.abnPopup.show = true
+    },
+
+    // 上报异常
+    abnConfirm(){
+      const {success, data} = this.$refs.abnormal.getAbnormalData()
+
+      if (!success) return
+
+      wmsMobileSubmitPutawayByAbnormal({
+        taskId: this.taskId,
+        skuCode: this.abnPopup.sku.skuCode,
+        groupKey: this.abnPopup.sku.groupKey,
+        ...data
+      }).then(()=>{
+        this.abnPopup.show = false
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.receive.putaway.abnSuccess','异常上报成功')
+        )
+        this.$emit('abnSuccess')
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+.lw-putaway-com-sku-info-item{
+
+  &:last-child{
+    border-bottom: none;
+  }
+
+}
+
+</style>

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

@@ -0,0 +1,203 @@
+<!--
+  按零件上架 - 零件信息
+  @author: 张文
+  @date: 2022-05-25
+-->
+<template>
+  <div
+    :style="{
+      borderRadius: topRadius ? '8px 8px 0 0' : 'unset',
+      background:'#fff'
+    }"
+  >
+
+    <div style="padding: 10px">
+      <!-- 零件信息 -->
+      <div class="lw-global-value-bold">{{ item.sku.code }}</div>
+      <div class="lw-global-title">{{ item.sku.name }}</div>
+
+      <!-- 各种标签 -->
+      <div style="margin-top: 5px">
+
+        <!-- 商品频度 -->
+        <lw-tag
+          v-if="item.sku.abcTypeLabel"
+          plain
+          round
+          type="warning"
+        >
+          {{ item.sku.abcTypeLabel }}
+        </lw-tag>
+
+        <!-- 尺寸类型 -->
+        <lw-tag
+          v-if="item.sku.sizeTypeLabel"
+          plain
+          round
+        >
+          {{ item.sku.sizeTypeLabel }}
+        </lw-tag>
+
+        <!-- 质检方式 -->
+        <lw-tag
+          v-if="item.sku.qualityTypeLabel"
+          plain
+          round
+        >
+          {{ item.sku.qualityTypeLabel }}
+        </lw-tag>
+
+        <!-- 快收件 -->
+        <lw-tag
+          v-if="item.sku.isFastReceive"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.fastReceive','快收件') }}
+        </lw-tag>
+
+        <!-- 快移 -->
+        <lw-tag
+          v-if="item.sku.isFastMove"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.fastMove','快移') }}
+        </lw-tag>
+
+        <!-- 打刻件 -->
+        <lw-tag
+          v-if="item.sku.isEngraving"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.engraving','打刻件') }}
+        </lw-tag>
+
+        <!-- 左右件 -->
+        <lw-tag
+          v-if="item.sku.isLeftRight"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.leftRight','左右件') }}
+        </lw-tag>
+
+        <!-- 新品 -->
+        <lw-tag
+          v-if="item.sku.isNew"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.new','新品') }}
+        </lw-tag>
+
+        <!-- 设变号 -->
+        <lw-tag
+          v-if="item.sku.isDesignChangeNum"
+          plain
+          round
+        >
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.designChangeNum','设变号') }}
+        </lw-tag>
+
+
+      </div>
+
+      <!-- 扩展分组显示字段 -->
+      <div
+        v-if="item.extendGroupFields && item.extendGroupFields.length"
+        class="lw-putaway-com-extend-box"
+      >
+        <div
+          v-for="(i,k) in item.extendGroupFields"
+          :key="k"
+        >
+          <span class="lw-global-title">{{ i.fieldName }}</span>
+          <span class="lw-global-value">{{ i.fieldValue }}</span>
+        </div>
+      </div>
+
+      <!-- 推荐库位 -->
+      <div style="margin-top: 5px">
+      <span class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.receive.putaway.recommend','推荐库位') }}
+      </span>
+        <span class="lw-global-value-bold" style="font-size: 16px">
+        {{ item.toLocationCode }}
+      </span>
+      </div>
+    </div>
+
+    <!-- 看板 -->
+    <lw-data-look-bg :type="lookType">
+
+      <!-- 计划量 -->
+      <div>
+        <div>{{ item.qty || 0 }}</div>
+        <div class="lw-data-look-bg-title">
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.planQty','计划量') }}
+        </div>
+      </div>
+
+      <!-- 已上架 -->
+      <div>
+        <div>{{ item.paQty || 0 }}</div>
+        <div class="lw-data-look-bg-title">
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.paQty','已上架') }}
+        </div>
+      </div>
+
+      <!-- 异常 -->
+      <div>
+        <div>{{ item.abnormalQty || 0 }}</div>
+        <div class="lw-data-look-bg-title">
+          {{ $lwLanguage.get('wms_project.pda.receive.putaway.abnQty','异常量') }}
+        </div>
+      </div>
+    </lw-data-look-bg>
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "SkuPutawayInfo",
+  props:{
+    // 数据信息
+    item:{
+      type: Object,
+      default: () => {}
+    },
+
+    // 是否显示顶部圆角
+    topRadius:{
+      type: Boolean,
+      default: true
+    },
+
+    // 底部数据看板样式
+    lookType:{
+      type: String,
+      default: 'bottom'
+    },
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+.lw-putaway-com-extend-box{
+  margin-top: 5px;
+  padding: 5px 0;
+  border-top: solid 1px #f0f0f0;
+  border-bottom:solid 1px #f0f0f0;
+}
+
+</style>

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

@@ -0,0 +1,216 @@
+<!--
+  入库上架起始页 - 折叠框
+  @author: 张文
+  @date: 2022-04-24
+-->
+<template>
+  <div class="lw-global-model-box lw-global-collapse-box">
+
+    <!-- 折叠框 -->
+    <van-collapse
+      v-model="activeNames"
+      :border="false"
+    >
+      <van-collapse-item>
+        <template #title>
+
+          <!-- 托盘号、是否整托 -->
+          <div class="lw-global-flex-between">
+            <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.inbound.LpnItem.lpn','托盘号') }}
+            </span>
+              <span class="lw-global-value-bold">{{ item.lpn || '-' }}</span>
+            </div>
+
+            <lw-tag
+              v-if="item.wholeLpnPutaway"
+              plain
+              round
+              type="success"
+            >
+              {{ $lwLanguage.get('wms_project.pda.receive.putaway.allLpn','整托') }}
+            </lw-tag>
+
+            <lw-tag
+              v-else
+              plain
+              round
+              type="warning"
+            >
+              {{ $lwLanguage.get('wms_project.pda.receive.putaway.scattered','零散') }}
+            </lw-tag>
+          </div>
+
+          <!-- 原库位、目标库区 -->
+          <div
+            style="margin: 3px 0 5px"
+            class="lw-global-flex-between"
+          >
+            <div>
+              <span class="lw-global-title">
+                {{ $lwLanguage.get('wms_project.pda.inbound.LpnItem.old','原库位') }}
+              </span>
+              <span class="lw-global-value-bold">{{ item.fromLocationCode }}</span>
+            </div>
+            <div>
+              <span class="lw-global-title">
+                {{ $lwLanguage.get('wms_project.pda.inbound.LpnItem.new','目标库区') }}
+              </span>
+              <span class="lw-global-value-bold">{{ item.toZoneCode }}</span>
+            </div>
+          </div>
+
+          <!-- 数量、行数 -->
+          <div class="lw-global-flex-between">
+            <div>
+              <span class="lw-global-title">
+                {{ $lwLanguage.get('wms_project.pda.inbound.LpnItem.num','数量') }}
+              </span>
+              <span class="lw-global-value-bold">{{ item.qty }}</span>
+            </div>
+            <div>
+              <span class="lw-global-title">
+                {{ $lwLanguage.get('wms_project.pda.inbound.LpnItem.col','行数') }}
+              </span>
+              <span class="lw-global-value-bold">{{ item.lineCount }}</span>
+            </div>
+          </div>
+
+        </template>
+
+        <!-- 零件信息 -->
+        <sku-info
+          :sku-list="item.lines"
+          :show-abnormal="showSkuAbnormal"
+          :location-code="locationCode"
+          :task-id="item.taskId"
+          @abnSuccess="$emit('abnSuccess')"
+        />
+
+
+      </van-collapse-item>
+    </van-collapse>
+
+    <!-- 按钮操作区 -->
+    <div
+      v-if="showDel || showPrint"
+      class="lw-putaway-com-item-btn-box"
+    >
+      <!-- 删除按钮 -->
+      <lw-button
+        v-if="showDel"
+        type="last"
+        mini
+        round
+        @click="del"
+      >
+        {{ $lwLanguage.get('wms_project.pda.receive.putaway.del','删除') }}
+      </lw-button>
+
+      <!-- 补打标签按钮 -->
+      <lw-button
+        v-if="showPrint"
+        mini
+        round
+        @click="printLabel"
+      >
+        {{ $lwLanguage.get('wms_project.pda.receive.putaway.printLabel','补打标签') }}
+      </lw-button>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import SkuInfo from './../SkuInfo/index.vue'
+import {
+  wmsMobilePrintPutawayLabel
+} from "../../../../../../api/receive/putaway";
+
+export default {
+  name: "TaskInfo",
+  components:{
+    SkuInfo
+  },
+  props:{
+    // 零件数据
+    item:{
+      type: Object,
+      default: () => {}
+    },
+
+    // 是否显示删除按钮
+    showDel:{
+      type: Boolean,
+      default: true
+    },
+
+    // 是否显示补打标签按钮
+    showPrint:{
+      type: Boolean,
+      default: true
+    },
+
+    // 是否显示零件异常上报按钮
+    showSkuAbnormal:{
+      type: Boolean,
+      default: true
+    },
+
+    // 库位 - 异常使用
+    locationCode:{
+      type: String,
+      default: ''
+    },
+  },
+  data() {
+    return {
+      activeNames:[]
+    }
+  },
+  methods: {
+    // 删除
+    del(){
+      this.$dialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.receive.putaway.total','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.receive.putaway.confirmDel','确认删除当前数据？')
+      }).then(()=>{
+        this.$emit('del')
+      }).catch(()=>{})
+    },
+
+    // 补打标签
+    printLabel(){
+      wmsMobilePrintPutawayLabel({
+        taskId: this.item.taskId
+      }).then(res=>{
+        console.log('补打标签返回的数据', res)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+
+.lw-putaway-com-item-btn-box{
+  padding-top: 8px;
+  border-top: solid 1px #f0f0f0;
+  text-align: right;
+
+
+  >.lw-button{
+    //flex: 1;
+
+    &:nth-child(2){
+      margin-left: 8px;
+    }
+  }
+
+}
+
+
+
+</style>

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

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