@logwire/logwire-wms-pda-ui 1.1.19 → 3.1.0

package/src/components/page/process/process/components/dockTaskInfo.vue

@@ -0,0 +1,172 @@
+<!--
+  线路任务详情
+  @author: 张文
+  @date: 2022-08-12
+-->
+<template>
+  <div
+    class="lw-global-animation-out dock-task-info-box"
+    :style="{animationDelay: 50 * index + 'ms'}">
+    <div @click="$emit('click')">
+      <div :class="['lw-global-model-top-radius', showClick ? 'lw-global-click-style' : '']">
+        <div class="lw-global-row-start">
+          <div class="lw-global-value-bold">{{ item.orderNo }}</div>
+          <div style="margin-top: 5px">
+            <lw-tag v-if="item.bomSkuFastMove" round plain>BO</lw-tag>
+            <lw-tag v-if="item.urgency" round plain>BO</lw-tag>
+            <lw-tag v-if="item.bomSkuSizeType" round plain>
+              {{ $lwDict.getDictLabel('size_type_choice', item.bomSkuSizeType) }}
+            </lw-tag>
+          </div>
+        </div>
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell
+            style="flex: 1"
+            :title="$lwLanguage.get('','单号')"
+            :value="item.orderNo"
+            val-bold
+            :is-row="false"/>
+          <lw-tag
+            style="flex-shrink: 0"
+            round
+            plain>{{ $lwDict.getDictLabel('WorkOrderStatus', item.status) }}
+          </lw-tag>
+        </div>
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','货主')"
+          :value="(item.ownerCode || '-') + ' / ' + (item.ownerName || '-')"
+          val-bold/>
+        <div class="lw-global-row-end lw-global-flex-start-start">
+          <div
+            style="flex-shrink: 0"
+            class="lw-global-title">{{ $lwLanguage.get('', 'BOM') }}
+          </div>
+          <div style="flex: 1;margin-left: 5px">
+            <div class="lw-global-value-bold">{{ item.bomSkuCode }}</div>
+            <div class="lw-global-title">{{ item.bomSkuName }}</div>
+          </div>
+        </div>
+        <!-- 进度条 -->
+        <van-progress
+          style="margin: 15px 0 5px 0"
+          stroke-width="8"
+          :percentage="finishRate"
+          color="linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%)"/>
+        <div class="lw-global-row lw-global-flex-between">
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','开始时间')"
+            :value="$lwDate.format(item.issueTime,'hh:mm')"
+            val-bold
+            :is-row="false"/>
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','预计完成')"
+            :value="$lwDate.format(finishTime,'hh:mm')"
+            val-bold
+            :is-row="false"/>
+        </div>
+        <div class="lw-global-row-end lw-global-flex-between">
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','标准工时')"
+            :value="item.standardTime + $lwLanguage.get('','秒')"
+            val-bold
+            :is-row="false"/>
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','目前用时')"
+            :value="$lwDate.timeToStr({l:item.issueTime,minType:'min'}).text"
+            val-bold
+            :is-row="false"/>
+        </div>
+      </div>
+      <lw-data-look-bg :type="lookDataType">
+        <div>
+          <div>{{ item.qty }}</div>
+          <div>{{ $lwLanguage.get('', '计划量') }}</div>
+        </div>
+        <div>
+          <div>{{ item.endedQty || 0 }}</div>
+          <div>{{ $lwLanguage.get('', '已加工') }}</div>
+        </div>
+        <div style="color: #eeee20">
+          <div>{{ item.pendingQty }}</div>
+          <div>{{ $lwLanguage.get('', '待加工') }}</div>
+        </div>
+        <div>
+          <div>{{ prepareRate }}%</div>
+          <div>{{ $lwLanguage.get('', '备料') }}</div>
+        </div>
+      </lw-data-look-bg>
+      <div v-if="item.status === '550'" class="lw-global-model-bottom-radius">
+        <div class="lw-global-row-end lw-global-flex-start">
+          <lw-title-value-cell :title="$lwLanguage.get('','暂停原因')" :value="$lwDict.getDictLabel('WmsSkuPackTaskPauseReason', item.pauseReason) || '-'" is-row-start/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'dockTaskInfo',
+  props: {
+    item: {
+      type: Object,
+      default: () => {}
+    },
+    index: {
+      type: Number,
+      default: 0
+    },
+    lookDataType: {
+      type: String,
+      default: 'bottom'
+    },
+    workers: {
+      type: Number,
+      default: 1
+    },
+    // 是否显示点击动画
+    showClick: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    finishRate () {
+      if (!this.item.qty) {
+        return 0
+      }
+      let rate = (this.item.endedQty || 0) / this.item.qty * 100
+      rate=parseInt(rate)
+      return rate > 100 ? 100 : rate
+    },
+    finishTime () {
+      const st = this.item.standardTime || 1
+      const s = (this.item.qty - (this.item.endedQty || 0)) * st / this.workers
+      const date = new Date()
+      if (s) {
+        date.setSeconds(date.getSeconds() + s)
+      }
+      return date
+    },
+    prepareRate () {
+      if (!this.item.materialQty) {
+        return 100
+      }
+      const qty = this.item.materialQty - (this.item.materialCancelQty || 0)
+      if (!qty) {
+        return 100
+      }
+      return (this.item.materialPrepareQty / qty * 100).toFixed(1)
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+.dock-task-info-box {
+  & + .dock-task-info-box {
+    margin-top: 10px;
+  }
+}
+</style>

package/src/components/page/process/process/components/overCollapse.vue

@@ -0,0 +1,385 @@
+<!--
+  成品折叠框
+  @author: 张文
+  @date: 2022-08-12
+-->
+<template>
+  <div style="padding-top: 5px" class="lw-global-model-box">
+    <div class="lw-global-row-start lw-global-collapse-box">
+      <van-collapse v-model="collapseActive" :border="false">
+        <van-collapse-item name="1">
+          <template #title>
+            <lw-sku-info-module
+              :sku-code="product.skuCode"
+              :sku-name="product.skuName"
+              is-row-first
+              :show-right="false"/>
+            <div class="lw-global-row-end lw-global-flex-between">
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','计划量')"
+                :value="product.qty"
+                :is-row="false"/>
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','已加工')"
+                :value="product.endedQty"
+                :is-row="false"
+                val-bold/>
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','待加工')"
+                :value="product.qty - product.endedQty"
+                :is-row="false"
+                val-bold
+                val-red/>
+            </div>
+          </template>
+          <div v-for="(i,k) in product.lotList" :key="i.id" :class="[k === 0 ? 'lw-global-row-start' : k === 2 ? 'lw-global-row-end' : 'lw-global-row']">
+            <lw-title-value-cell
+              :title="$lwLanguage.get('','库位')"
+              :value="i.locCode"
+              :is-row="false"/>
+            <lw-title-value-cell
+              :title="$lwLanguage.get('','托盘号')"
+              :value="i.lpn"
+              :is-row="false"/>
+            <lw-title-value-cell
+              style="margin-bottom: 5px"
+              :title="$lwLanguage.get('','数量')"
+              :value="i.qty"
+              :is-row="false"
+              val-bold
+              val-red/>
+            <lw-lot-look-module
+              :columns="i.lot.items"
+              value-key="formatValue"
+              title-key="displayName"
+              :show-row="false"/>
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+    <div
+      style="text-align: right"
+      class="lw-global-row-end">
+      <lw-button mini @click="print">{{ $lwLanguage.get('','打印标签') }}</lw-button>
+    </div>
+    <!-- 补打标签弹框 -->
+    <lw-popup v-if="sp" :title="$lwLanguage.get('','打印成品标签')" v-model="printPopup.show" @closed="printPopupOff">
+      <lw-sku-info-module
+        :sku-code="sp.sku.code"
+        :sku-name="sp.sku.name"
+        is-row-first
+        :show-right="false"/>
+      <lw-data-look-bg type="null">
+        <div>
+          <div style="color: #D50000">{{ sp.sku.minSellQty || 1}}</div>
+          <div>{{ $lwLanguage.get('','最小销售数') }}</div>
+        </div>
+        <div>
+          <div>{{ sp.pack.innerQty || '-' }}</div>
+          <div>{{ $lwLanguage.get('','内装数') }}</div>
+        </div>
+        <div>
+          <div>{{ sp.pack.caseQty || '-' }}</div>
+          <div>{{ $lwLanguage.get('','箱装数') }}</div>
+        </div>
+        <div>
+          <div>{{ sp.pack.palletQty || '-' }}</div>
+          <div>{{ $lwLanguage.get('','托盘数') }}</div>
+        </div>
+      </lw-data-look-bg>
+      <lw-data-look-bg type="not">
+        <div>
+          <div>{{ product.qty }}</div>
+          <div>{{ $lwLanguage.get('','计划量') }}</div>
+        </div>
+        <div>
+          <div>{{ tagCount }}</div>
+          <div>{{ $lwLanguage.get('','标签量') }}</div>
+        </div>
+        <div>
+          <div>{{ caseTagCount }}</div>
+          <div>{{ $lwLanguage.get('','箱标签') }}</div>
+        </div>
+        <div style="color:#eeee20;">
+          <div>{{ product.printedQty }}</div>
+          <div>{{ $lwLanguage.get('','已打印') }}</div>
+        </div>
+      </lw-data-look-bg>
+<!--      <lw-cell-->
+<!--        v-if="sp.pack.innerQty > 0"-->
+<!--        :title="$lwLanguage.get('','打印内装')"-->
+<!--        :is-edit="false"-->
+<!--        :is-link="false">-->
+<!--        <template #value>-->
+<!--          <van-switch v-model="printPopup.innerPrint" size="18px"/>-->
+<!--        </template>-->
+<!--      </lw-cell>-->
+      <lw-cell
+        v-if="sp.pack.caseQty > 0"
+        :title="$lwLanguage.get('','打印箱数')"
+        :is-edit="false"
+        :is-link="false">
+        <template #value>
+          <van-switch v-model="printPopup.boxPrint" size="18px"/>
+        </template>
+      </lw-cell>
+      <lw-cell
+        v-if="sp.pack.palletQty > 0"
+        :title="$lwLanguage.get('','打印托装')"
+        :is-edit="false"
+        :is-link="false">
+        <template #value>
+          <van-switch v-model="printPopup.lpnPrint" size="18px"/>
+        </template>
+      </lw-cell>
+      <lw-input
+        :title="$lwLanguage.get('','打印商品量')"
+        v-model="printPopup.num"
+        required
+        type="digit"/>
+
+
+      <div  class="lw-global-row lw-global-flex-between">
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','商品标签')"
+          :value="skuTag.c"
+          val-red
+          val-bold
+          :is-row="false"/>
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','商品尾数')"
+          :value="skuTag.w"
+          val-red
+          val-bold
+          :is-row="false"/>
+      </div>
+
+      <div v-if="printInner" class="lw-global-row lw-global-flex-between">
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','内装标签')"
+          :value="innerTag.c"
+          val-red
+          val-bold
+          :is-row="false"/>
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','内装尾数')"
+          :value="innerTag.w"
+          val-red
+          val-bold
+          :is-row="false"/>
+      </div>
+      <div v-if="printCase" class="lw-global-row lw-global-flex-between">
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','箱装标签')"
+          :value="caseTag.c"
+          val-red
+          val-bold
+          :is-row="false"/>
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','箱装尾数')"
+          :value="caseTag.w"
+          val-red
+          val-bold
+          :is-row="false"/>
+      </div>
+      <div v-if="printPallet" :class="[
+        printPopup.cause.show ? 'lw-global-row' : 'lw-global-row-end',
+        'lw-global-flex-between'
+        ]">
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','托装标签')"
+          :value="palletTag.c"
+          val-red
+          val-bold
+          :is-row="false"/>
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','托装尾数')"
+          :value="palletTag.w"
+          val-red
+          val-bold
+          :is-row="false"/>
+      </div>
+      <lw-input
+        v-if="isBu"
+        :title="$lwLanguage.get('','补打原因')"
+        v-model="printPopup.cause"
+        :show-bottom-border="false"
+        type="textarea"
+        :rows="2"/>
+      <template #button>
+        <lw-button @click="printConfirm">
+          {{ isBu ? $lwLanguage.get('','补打标签') : $lwLanguage.get('','打印标签')}}
+        </lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+import { getWorkOrderProductPack, doWorkOrderProductPrint } from '../../../../../api/process/order'
+
+export default {
+  name: "overCollapse",
+  props: {
+    product: {
+      type: Object,
+      required: true,
+    }
+  },
+  data() {
+    return {
+      collapseActive: [],
+      // 测试数据
+      lot:[
+        {title:'批次1',value:'显示值1'},
+        {title:'批次2',value:'显示值2'},
+        {title:'批次3',value:'显示值3'},
+      ],
+      sp: null,
+      // 成品打印弹框
+      printPopup:{
+        show: false,
+        num: null,
+        cause: '',
+        innerPrint: false,
+        boxPrint: false,
+        lpnPrint: false,
+      }
+    }
+  },
+  computed: {
+    tagCount () {
+      return Math.ceil(this.product.qty / (this.sp?.sku?.minSellQty ?? 1))
+    },
+    caseTagCount () {
+      if (!this.sp?.pack?.caseQty) {
+        return '-'
+      }
+      return Math.floor(this.product.qty / this.sp.pack.caseQty)
+    },
+    printInner () {
+      return this.sp?.pack?.innerQty > 0 && this.printPopup.innerPrint
+    },
+    printCase () {
+      return this.sp?.pack?.caseQty > 0 && this.printPopup.boxPrint
+    },
+    printPallet () {
+      return this.sp?.pack?.palletQty > 0 && this.printPopup.lpnPrint
+    },
+    isBu () {
+      if (this.printPopup.num > 0) {
+        return (Number(this.printPopup.num) + this.product.printedQty) > this.product.qty
+      }
+      return false
+    },
+    skuTag () {
+
+      if (this.printPopup.num > 0) {
+        return {
+          c: Math.floor(this.printPopup.num / (this.sp.sku.minSellQty || 1)),
+          w: this.printPopup.num % (this.sp.sku.minSellQty || 1)
+        }
+      }
+      return { c: 0, w: 0 }
+    },
+    innerTag () {
+      if (this.printInner && this.printPopup.num > 0) {
+        return {
+          c: Math.floor(this.printPopup.num / this.sp.pack.innerQty),
+          w: this.printPopup.num % this.sp.pack.innerQty
+        }
+      }
+      return { c: 0, w: 0 }
+    },
+    caseTag () {
+      if (this.printCase && this.printPopup.num > 0) {
+        return {
+          c: Math.floor(this.printPopup.num / this.sp.pack.caseQty),
+          w: this.printPopup.num % this.sp.pack.caseQty
+        }
+      }
+      return { c: 0, w: 0 }
+    },
+    palletTag () {
+      if (this.printPallet && this.printPopup.num > 0) {
+        return {
+          c: Math.floor(this.printPopup.num / this.sp.pack.palletQty),
+          w: this.printPopup.num % this.sp.pack.palletQty
+        }
+      }
+      return { c: 0, w: 0 }
+    },
+  },
+  methods: {
+    async print(){
+      if (!this.sp) {
+        this.sp = await getWorkOrderProductPack(this.product.id)
+      }
+      if (!this.sp) {
+        return this.$lwShowErrorMsg('找不到成品可用的包装')
+      }
+      this.printPopup.show = true
+    },
+    // 确认打印
+    printConfirm(){
+      const {success, printData} = this.$lwPrint.test(
+        'WORK_PRODUCT_PRINT_LABEL',
+        this.$lwLanguage.get('','加工成品标签')
+      )
+      if(!success){
+        return
+      }
+      const data = {
+        'workOrderId': this.product.workOrderId,
+        'workOrderProductId': this.product.id,
+        'qty': Number(this.printPopup.num),
+        'printInner': this.printInner,
+        'printCase': this.printCase,
+        'printPallet': this.printPallet,
+        'reprint': this.isBu,
+        'reason': this.printPopup.cause,
+        "packId": this.sp.pack.id,
+        "printDeviceId":printData.printId,
+        "printTemplateId":printData.templateId
+
+      }
+      // todo 设置打印模板和打印机器
+
+      if(!data.printDeviceId){
+        return this.$lwShowErrorMsg('请设置打印设备')
+      }
+      if(!data.printTemplateId){
+        return this.$lwShowErrorMsg('请设置打印模板')
+      }
+      if (data.qty <= 0) {
+        return this.$lwShowErrorMsg('打印数量必须大于0')
+      }
+      if (data.reprint && !data.reason) {
+        return this.$lwShowErrorMsg('补打必须注明原因')
+      }
+      doWorkOrderProductPrint(data).then(res => {
+        if(res.printTaskId){
+          try{
+            this.$lwPrint.bluetoothPrint({taskId:res.printTaskId})
+          }catch (err){
+            console.error('打印失败:' + err)
+          }
+        }
+        this.printPopupOff()
+        this.$emit('printComplete', res)
+      })
+    },
+    // 打印标签弹框关闭
+    printPopupOff(){
+      this.printPopup.show = false
+      this.printPopup.num = null
+      this.printPopup.cause = ''
+      this.printPopup.innerPrint = false
+      this.printPopup.boxPrint = false
+      this.printPopup.lpnPrint = false
+    }
+  }
+}
+</script>
+<style scoped lang="less">
+</style>

package/src/components/page/process/process/components/rawCollapse.vue

@@ -0,0 +1,82 @@
+<!--
+  原料折叠框
+  @author: 张文
+  @date: 2022-08-12
+-->
+<template>
+  <div
+    style="padding: 5px 10px"
+    class="lw-global-model-box lw-global-collapse-box">
+    <van-collapse
+      v-model="collapseActive"
+      :border="false">
+      <van-collapse-item name="1">
+        <template #title>
+          <lw-sku-info-module
+            :sku-code="material.skuCode"
+            :sku-name="material.skuName"
+            is-row-first>
+            <lw-tag plain>{{ $lwDict.getDictLabel('WmsMaterialPrepareMethod', material.prepareMethod)}}</lw-tag>
+            <lw-tag round plain>{{ $lwDict.getDictLabel('WmsMaterialType', material.materialType)}}</lw-tag>
+          </lw-sku-info-module>
+          <div class="lw-global-row-end lw-global-flex-between">
+            <lw-title-value-cell
+              :title="$lwLanguage.get('','数量')"
+              :value="material.qty"
+              :is-row="false"/>
+            <lw-title-value-cell
+              :title="material.prepareMethod==='LIMIT' ? $lwLanguage.get('','可用量') : $lwLanguage.get('', '备料量')"
+              :value="material.prepareQty"
+              :is-row="false"/>
+            <lw-title-value-cell
+              :title="$lwLanguage.get('','消耗量')"
+              :value="material.expendQty"
+              :is-row="false"
+              val-bold
+              val-red/>
+          </div>
+        </template>
+        <div v-for="(l, k) in material.lines" :key="l.id" :class="[k === 0 ? 'lw-global-row-start' : k === 2 ? 'lw-global-row-end' : 'lw-global-row']">
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','库位')"
+            :value="l.toLocCode"
+            :is-row="false"/>
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','托盘号')"
+            :value="l.toLpn || '-'"
+            :is-row="false"/>
+          <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('','备料量 / 消耗量') }}
+            </span>
+            <span class="lw-global-value-bold">
+              <span>{{ l.prepareQty }} / </span>
+              <span class="lw-global-value-bold-red">{{ l.expendQty }}</span>
+            </span>
+          </div>
+        </div>
+      </van-collapse-item>
+    </van-collapse>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "rawCollapse",
+  props: {
+    material: {
+      type: Object,
+      required: true,
+    }
+  },
+  data() {
+    return {
+      collapseActive: []
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+</style>