@logwire/logwire-wms-pda-ui 1.1.15

package/src/components/page/inbound/receive/home/index.vue

@@ -0,0 +1,73 @@
+<template>
+  <div>
+    <lw-nav-bar title="收货"/>
+    <div v-if="asn">
+      <div class="lw-global-page-box">
+        <div class="lw-global-model-box">
+          <asn-info :data="asn"/>
+        </div>
+      </div>
+    </div>
+    <div v-else>
+      <lw-not-data/>
+    </div>
+    <lw-bottom-bar v-if="asn">
+      <lw-button @click="toReceive('sku')">按商品收货</lw-button>
+      <lw-button>调拨收货</lw-button>
+      <lw-button plain @click="toReceive('lpn')">整托收货</lw-button>
+      <lw-button plain @click="toReceive('case')">整箱收货</lw-button>
+    </lw-bottom-bar>
+  </div>
+</template>
+
+<script>
+import { getInboundAsnByNo, getInboundAsnByTaskId } from '../../../../../api/inbound/receive'
+import AsnInfo from '../../components/AsnInfo'
+
+const receiveTypePaths = {
+  sku: '/inbound/receive/sku/scan',
+  lpn: '/inbound/receive/lpn/scan',
+  'case': '/inbound/receive/case/scan',
+}
+
+export default {
+  name: 'lwInboundReceiveHomePage',
+  components: { AsnInfo },
+  data () {
+    return {
+      asn: null,
+    }
+  },
+  created () {
+    const { lwTaskId, asnNo } = this.$route.query
+    if (lwTaskId) {
+      this.getAsnByTaskId(lwTaskId)
+    } else if (asnNo) {
+      this.getAsnByAsnNo(asnNo)
+    } else {
+      return this.$lwShowErrorMsg('参数错误')
+    }
+  },
+  methods: {
+    getAsnByTaskId (taskId) {
+      getInboundAsnByTaskId(taskId).then(res => this.asn = res)
+    },
+    getAsnByAsnNo (asnNo) {
+      getInboundAsnByNo(asnNo).then(data => {
+        if (data && data.length) {
+          this.asn = data[0]
+          return
+        }
+        this.$lwShowErrorMsg('错误的到货通知单号')
+      })
+    },
+    toReceive (type = 'sku') {
+      const path = receiveTypePaths[type]
+      if (!path) {
+        return this.$lwShowErrorMsg('错误的收货方式')
+      }
+      this.$router.push({ path, query: { asnNo: this.asn.asnNo } })
+    }
+  }
+}
+</script>

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

@@ -0,0 +1,5 @@
+import lwInboundReceiveIndexPage from './index.vue'
+
+lwInboundReceiveIndexPage.install = Vue => Vue.component(lwInboundReceiveIndexPage.name, lwInboundReceiveIndexPage)
+
+export default lwInboundReceiveIndexPage

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

@@ -0,0 +1,89 @@
+<template>
+  <div>
+    <lw-nav-bar :title="title"/>
+    <div class="lw-global-page-box">
+      <div class="lw-global-model-box">
+        <lw-input title="收货单号" required
+                  v-model="asnNo.value"
+                  :get-focus.sync="asnNo.focus"
+                  placeholder="到货通知单/外部单号/入库计划单号/调拨单号"
+                  @confirm="getData"/>
+        <lw-button
+            block
+            style="margin-top: 10px"
+            @click="getData">
+          查询到货通知单
+        </lw-button>
+      </div>
+      <div v-if="data" style="margin: 10px 0;">
+        <div class="lw-global-model-box" v-for="a in data" :key="a.id" @click="toDetails(a)">
+          <asn-info :data="a"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getInboundAsnByNo } from '../../../../../api/inbound/receive'
+import AsnInfo from '../../components/AsnInfo'
+
+const titles = {
+  sku: '收货',
+  lpn: '整托盘收货',
+  'case': '整箱收货',
+}
+
+const receiveTypePaths = {
+  sku: '/inbound/receive/sku/scan',
+  lpn: '/inbound/receive/lpn/scan',
+  'case': '/inbound/receive/case/scan',
+}
+
+export default {
+  name: 'lwInboundReceiveIndexPage',
+  components: { AsnInfo },
+  data () {
+    return {
+      type: 'sku',
+      asnNo: {
+        value: '',
+        focus: true
+      },
+      data: null,
+    }
+  },
+  computed: {
+    title () {
+      return titles[this.type]
+    },
+  },
+  created () {
+    const type = this.$route.query.type
+    if (['sku', 'lpn', 'case'].includes(type)) {
+      this.type = type
+    }
+  },
+  methods: {
+    getData () {
+      this.data = null
+      if (this.asnNo.value) {
+        getInboundAsnByNo(this.asnNo.value).then(data => {
+          if (data && data.length) {
+            this.data = data
+            return
+          }
+          this.$lwShowErrorMsg('错误的单号')
+        })
+      }
+    },
+    toDetails (item) {
+      let path = receiveTypePaths[this.type]
+      if (!path) {
+        path = receiveTypePaths['sku']
+      }
+      this.$router.push({ path, query: { asnNo: item.asnNo } })
+    },
+  }
+}
+</script>

package/src/components/page/inbound/receive/quality/LwInboundQualityExecutePage.vue

@@ -0,0 +1,338 @@
+<template>
+  <div>
+    <lw-nav-bar title="收货品检"/>
+    <div class="lw-global-page-box">
+      <div class="lw-global-model-box">
+        <quality-task-info :data="task"/>
+      </div>
+      <div v-if="card" class="lw-global-model-box">
+        <quality-card :data="card"/>
+      </div>
+      <div v-if="task" class="lw-global-tab-box" style="margin-top: 10px;">
+        <van-tabs type="card" animated v-model="tabActive">
+          <van-tab title="品检">
+            <div class="lw-global-model-box">
+              <lw-input v-if="!currentLpn" title="托盘" v-model="lpn.value" :get-focus.sync="lpn.focus" @confirm="scanLpn"/>
+              <template v-if="currentLpn">
+                <div class="lw-global-props">
+                  <div>
+                    <div>当前托盘号</div>
+                    <div>{{currentLpn.lpn}}</div>
+                  </div>
+                </div>
+                <div class="quality-table">
+                  <div class="quality-table-header">
+                    <div>待检量</div>
+                    <div>抽检量</div>
+                    <div>异常量</div>
+                  </div>
+                  <div>
+                    <div>{{currentLpn.canQualityQty}}</div>
+                    <div>
+                      <lw-input name="抽检量" v-model="currentLpn.samplingQty"/>
+                    </div>
+                    <div>{{currentLpn.qualityLossQty}}</div>
+                  </div>
+                </div>
+              </template>
+            </div>
+            <div v-if="task.sku.needSn" class="lw-global-model-box" style="margin-top: 10px;">
+              <lw-input title="序列号条码" required v-model="sn" @confirm="addSn"/>
+              <div v-if="sns.length" class="tag-list">
+                <div class="tag-list-title">
+                  <div>当前扫描结果</div>
+                  <div>SN <span>{{ sns.length }}</span></div>
+                  <div style="display: flex; justify-content: center;">
+                    <div>数量 <span>{{ snsQty }}</span></div>
+                    <div style="margin-left: 10px;">
+                      <lw-button mini @click="showSns=true">全部</lw-button>
+                    </div>
+                  </div>
+                </div>
+                <div class="tag-list-head">
+                  <div>SN</div>
+                  <div>数量</div>
+                  <div>操作</div>
+                </div>
+                <div class="tag-list-row" v-for="t in sns" :key="t.sn">
+                  <div>{{ t.sn }}</div>
+                  <div>{{ t.qty }}</div>
+                  <div>
+                    <lw-button mini @click="removeSn(t)">剔除</lw-button>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div v-if="lotQuery" class="lw-global-model-box">
+              <lw-lot-module :query="lotQuery" ref="lot"/>
+            </div>
+          </van-tab>
+          <van-tab title="托盘号">
+            <div class="lw-global-model-box">
+              <div class="lpn-table">
+                <div class="lpn-table-header">
+                  <div>托盘号</div>
+                  <div>数量</div>
+                  <div>抽检量</div>
+                  <div>异常量</div>
+                </div>
+                <div v-for="line in task.lines" :key="line.lpn" :class="{abnormal: line.qualityLossQty > 0}">
+                  <div>{{line.lpn}}</div>
+                  <div>{{line.qty}}</div>
+                  <div>{{line.qualityQty}}</div>
+                  <div>{{line.qualityLossQty}}</div>
+                </div>
+              </div>
+            </div>
+          </van-tab>
+        </van-tabs>
+      </div>
+    </div>
+    <lw-bottom-bar>
+      <lw-button type="warning">品检异常</lw-button>
+      <lw-button plain @click="changeLpn">切换托盘</lw-button>
+      <lw-button @click="submitLpn">提交品检结果</lw-button>
+    </lw-bottom-bar>
+    <van-dialog v-model="showSns" title="当前扫描的SN列表">
+      <sns-list :sns="sns" @remove="removeSn"/>
+    </van-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getInboundFoundQualityCard,
+  getInboundGetQualityDetail,
+  submitSkuQuality, submitSkuSnQuality
+} from '../../../../../api/inbound/quality'
+import QualityTaskInfo from '../../components/QualityTaskInfo'
+import QualityCard from '../../components/QualityCard'
+import SnsList from '../../components/SnsList'
+import { getAsnSkuSnDetail } from '../../../../../api/inbound/receive'
+
+export default {
+  name: 'LwInboundQualityExecutePage',
+  components: { SnsList, QualityCard, QualityTaskInfo },
+  data () {
+    return {
+      task: null,
+      card: null,
+      tabActive: 0,
+      lpn: {
+        value: '',
+        focus: true,
+      },
+      currentLpn: null,
+      sn: '',
+      sns: [],
+      showSns: false,
+      lotQuery: null,
+    }
+  },
+  computed: {
+    snsQty () {
+      return this.sns.map(i => parseInt(i.qty)).reduce((a, b) => a + b, 0)
+    },
+  },
+  created () {
+    const taskId = this.$route.query.taskId
+    if (taskId) {
+      this.getTask(taskId)
+    } else {
+      this.$lwShowErrorMsg('无效的任务Id')
+    }
+  },
+  methods: {
+    getTask (taskId) {
+      getInboundGetQualityDetail(taskId).then(res => {
+        if (res) {
+          this.task = res
+          getInboundFoundQualityCard(taskId).then(data => this.card = data)
+        }
+      })
+    },
+    scanLpn () {
+      if (!this.lpn.value) {
+        return
+      }
+      const lpn = this.task.lines.find(i => i.lpn === this.lpn.value)
+      if (!lpn) {
+        return this.$lwShowErrorMsg('错误的托盘号')
+      }
+      if (lpn.canQualityQty <= 0) {
+        return this.$lwShowErrorMsg('该托盘已品检')
+      }
+      this.lotQuery = {
+        warehouseId: this.task.asn.warehouseId,
+        ownerId: this.task.asn.ownerId,
+        skuId: this.task.sku.id,
+        type: 1,
+        lotType: 'inventory',
+        header: this.task.map,
+        line: lpn.map,
+      }
+      lpn.samplingQty = 0
+      this.currentLpn = lpn
+    },
+    submitLpn () {
+      if (!this.currentLpn) {
+        return this.$lwShowErrorMsg('请扫描LPN')
+      }
+      if (this.currentLpn.samplingQty < 0 || this.currentLpn.samplingQty > this.currentLpn.canQualityQty) {
+        return this.$lwShowErrorMsg('抽检量必须大于0且小于待检量')
+      }
+      if (this.task.sku.needSn) {
+        const snQty = this.sns.map(i => parseInt(i.qty)).reduce((a, b) => a + b, 0)
+        if (snQty !== parseInt(this.currentLpn.canQualityQty)) {
+          return this.$lwShowErrorMsg('商品序列号数量与待检量不符，请确认')
+        }
+      }
+      const lotData = this.$refs.lot.getData()
+      const data = {
+        warehouseId: this.task.asn.warehouseId,
+        ownerId: this.task.asn.ownerId,
+        taskId: this.task.taskId,
+        lpn: this.currentLpn.lpn,
+        checkQty: this.currentLpn.samplingQty,
+      }
+      if (lotData.success) {
+        data.lotAttributes = lotData.data
+        let method = null
+        if (this.task.sku.needSn) {
+          data.snList = this.sns
+          method = submitSkuSnQuality
+        } else {
+          method = submitSkuQuality
+        }
+        method(data).then(res => {
+          if (res && res.quality) {
+            this.task = res.quality
+          }
+          this.changeLpn()
+        })
+      }
+    },
+    addSn () {
+      if (!this.sn) {
+        return
+      }
+      const param = { componentId: 'WMS_INBOUND_RECEIVE_SKU_SN', barcode: this.sn, ownerId: this.task.asn.ownerId }
+      this.$lwApi.barcode.resolver(param).then(res => {
+        if (!res.data.sn) {
+          return this.$lwShowErrorMsg('错误的商品条码序列号')
+        }
+        const osn = this.sns.find(i => i.sn === res.data.sn)
+        if (osn) {
+          return this.$lwShowErrorMsg('重复的序列号')
+        }
+        getAsnSkuSnDetail(this.task.asn.id, this.task.sku.id, res.data.sn).then(data => {
+          if (data && data.sn) {
+            this.sns.unshift({
+              sn: data.sn,
+              qty: data.qty || 1
+            })
+            this.sn = ''
+          } else {
+            return this.$lwShowErrorMsg('错误的序列号')
+          }
+        })
+      })
+    },
+    changeLpn () {
+      this.lpn.value = ''
+      this.lpn.focus = true
+      this.currentLpn = null
+      this.lotQuery = null
+    },
+    removeSn (sn) {
+      const idx = this.sns.indexOf(sn)
+      if (idx > -1) {
+        this.sns.splice(idx, 1)
+      }
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.lpn-table {
+  font-size: 0.9em;
+  line-height: 2em;
+  &-header {
+    color: gray;
+  }
+  & > div {
+    display: grid;
+    margin-top: 1px;
+    grid-template-columns: 2fr 1fr 1fr 1fr;
+    text-align: center;
+    &.abnormal {
+      background: #fdbdbe;
+    }
+  }
+}
+.lw-global-props {
+  margin: 10px 0;
+}
+.quality-table {
+  font-size: 0.9em;
+  line-height: 2em;
+  &-header {
+    color: gray;
+  }
+  & > div {
+    display: grid;
+    margin-top: 1px;
+    grid-template-columns: 1fr 1fr 1fr;
+    text-align: center;
+    &.abnormal {
+      background: #fdbdbe;
+    }
+  }
+}
+.tag-list {
+  margin-top: 10px;
+  & > div {
+    display: flex;
+    align-items: center;
+
+    & > div:first-child {
+      flex-basis: 40%;
+    }
+
+    & > div:nth-child(2) {
+      flex-basis: 20%;
+      text-align: center;
+    }
+
+    & > div:last-child {
+      flex-basis: 40%;
+      text-align: center;
+    }
+  }
+
+  &-title {
+    background: #0f90dd;
+    color: white;
+    margin: -10px -10px 0;
+    padding: 8px;
+
+    span {
+      color: yellow;
+      font-weight: bold;
+    }
+  }
+
+  &-head {
+    font-size: 0.9em;
+    color: gray;
+    padding: 5px 0;
+  }
+
+  &-row {
+    font-size: 0.9em;
+    height: 36px;
+    border-top: 1px solid lightgray;
+  }
+}
+</style>

package/src/components/page/inbound/receive/quality/LwInboundQualityTaskListPage.vue

@@ -0,0 +1,158 @@
+<template>
+  <div>
+    <lw-nav-bar title="收货品检"/>
+    <div class="lw-global-page-box">
+      <div v-if="mode === 0" class="lw-global-model-box">
+        <lw-input title="托盘号" required v-model="lpn" :get-focus="true" @confirm="lpnScan"/>
+      </div>
+      <template v-else>
+        <!-- LPN信息 -->
+        <div class="lw-global-model-box quality-lpn">
+          <div>
+            <div>托盘号 <span>PL21398423947</span></div>
+          </div>
+          <div class="lw-global-sh"></div>
+          <div>
+            <div>品种数 <span>2</span></div>
+            <div>行数 <span>10</span></div>
+            <div>待检量 <span>690</span></div>
+          </div>
+        </div>
+        <!-- 任务 -->
+        <div class="lw-global-model-box" v-for="t in tasks" :key="t.taskId" @click="toTask(t)">
+          <quality-task-info :data="t"/>
+        </div>
+      </template>
+    </div>
+    <lw-bottom-bar v-if="mode === 1">
+      <lw-button plain @click="showSku">扫描商品</lw-button>
+      <lw-button v-if="!taskId" @click="reset">切换托盘</lw-button>
+    </lw-bottom-bar>
+
+    <van-dialog v-model="showSkuScan" title="扫描定位商品" :show-confirm-button="false">
+      <div class="lw-global-page-box">
+        <div class="lw-global-model-box">
+          <div>
+            <lw-input title="商品条码" required v-model="skuBarCode.value" :get-focus.sync="skuBarCode.focus"
+                      @confirm="resolveSkuBarcode"/>
+          </div>
+        </div>
+      </div>
+      <lw-bottom-bar>
+        <lw-button plain @click="showSkuScan = false">关闭</lw-button>
+        <lw-button @click="resolveSkuBarcode">确定</lw-button>
+      </lw-bottom-bar>
+    </van-dialog>
+  </div>
+</template>
+
+<script>
+import { getInboundGetQualityDetail, getInboundQueryQualityByLpn } from '../../../../../api/inbound/quality'
+import QualityTaskInfo from '../../components/QualityTaskInfo.vue'
+
+export default {
+  name: 'LwInboundQualityTaskListPage',
+  components: { QualityTaskInfo },
+  data () {
+    return {
+      lpn: '',
+      taskId: '',
+      mode: 0,
+      tasks: [],
+      showSkuScan: false,
+      skuBarCode: {
+        value: '',
+        focus: false,
+      },
+    }
+  },
+  created () {
+    const {lwTaskId, lpn} = this.$route.query
+    if (lwTaskId) {
+      this.mode = 1
+      this.taskId = lwTaskId
+      this.getTask()
+    } else if (lpn) {
+      this.lpn = lpn
+      this.lpnScan()
+    }
+  },
+  methods: {
+    lpnScan () {
+      getInboundQueryQualityByLpn(this.lpn).then(res => {
+        if (res && res.length) {
+          if (this.lpn !== this.$route.query.lpn) {
+            this.$router.replace({query: {lpn: this.lpn}})
+          }
+          this.tasks = res
+          this.mode = 1
+        }
+      })
+    },
+    getTask () {
+      getInboundGetQualityDetail(this.taskId).then(res => {
+        this.tasks = [res]
+      })
+    },
+    showSku () {
+      this.showSkuScan = true
+      this.skuBarCode.value = ''
+      this.skuBarCode.focus = true
+    },
+    resolveSkuBarcode () {
+      if (this.skuBarCode.value) {
+        const ownerIds = this.tasks.map(i => i.asn.ownerId)
+        const warehouseIds = this.tasks.map(i => i.asn.warehouseId)
+        this.$lwApi.barcode.resolver({
+          componentId: 'WMS_SKU',
+          barcode: this.skuBarCode.value,
+          ownerId: ownerIds.length === 1 ? ownerIds[0] : null,
+          warehouseId: warehouseIds.length === 1 ? warehouseIds[0] : null,
+        }).then(res => {
+          if (res.data.sku) {
+            const task = this.tasks.find(i => i.sku.code === res.data.sku)
+            if (task) {
+              this.toTask(task)
+            } else {
+              this.$lwShowErrorMsg(`商品 ${res.data.sku} 无匹配任务`)
+            }
+          } else {
+            this.$lwShowErrorMsg('错误的商品条码')
+          }
+        })
+      }
+    },
+    toTask (task) {
+      this.$router.push({
+        path: '/inbound/quality/execute',
+        query: { taskId: task.taskId }
+      })
+    },
+    reset () {
+      this.lpn = ''
+      this.tasks = []
+      this.mode = 0
+      this.$router.replace({query: {lpn: undefined}})
+    },
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.quality-lpn {
+  font-size: 0.9em;
+  line-height: 1.5em;
+
+  & > div {
+    margin: 5px 0;
+    display: flex;
+    justify-content: space-between;
+    color: gray;
+
+    span {
+      font-weight: bold;
+      color: #232323;
+    }
+  }
+}
+</style>

package/src/components/page/inbound/receive/quality/index.js

@@ -0,0 +1,16 @@
+import LwInboundQualityTaskListPage from './LwInboundQualityTaskListPage.vue'
+import LwInboundQualityExecutePage from './LwInboundQualityExecutePage.vue'
+
+const pages = [
+  LwInboundQualityTaskListPage,
+  LwInboundQualityExecutePage,
+]
+
+pages.forEach(page => page.install = Vue => Vue.component(page.name, page))
+
+export {
+  LwInboundQualityTaskListPage,
+  LwInboundQualityExecutePage,
+}
+
+export default pages