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

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

@@ -1,376 +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="LJ-001"
-              sku-name="零件001"
-              is-row-first
-              :show-right="false"
-            />
-
-            <div class="lw-global-row-end lw-global-flex-between">
-
-              <lw-title-value-cell
-                :title="$lwLanguage.get('','计划量')"
-                :value="100"
-                :is-row="false"
-              />
-
-              <lw-title-value-cell
-                :title="$lwLanguage.get('','已加工')"
-                :value="100"
-                :is-row="false"
-                val-bold
-              />
-
-              <lw-title-value-cell
-                :title="$lwLanguage.get('','待加工')"
-                :value="10"
-                :is-row="false"
-                val-bold
-                val-red
-              />
-
-            </div>
-
-          </template>
-
-          <div
-            v-for="(i,k) in 3"
-            :key="k"
-            :class="[
-            k === 0 ? 'lw-global-row-start' : k === 2 ? 'lw-global-row-end' : 'lw-global-row'
-          ]"
-          >
-            <lw-title-value-cell
-              :title="$lwLanguage.get('','库位')"
-              value="KW-001"
-              :is-row="false"
-            />
-            <lw-title-value-cell
-              :title="$lwLanguage.get('','托盘号')"
-              value="LPN-001"
-              :is-row="false"
-            />
-            <lw-title-value-cell
-              style="margin-bottom: 5px"
-              :title="$lwLanguage.get('','数量')"
-              :value="30"
-              :is-row="false"
-              val-bold
-              val-red
-            />
-
-            <lw-lot-look-module
-              :columns="lot"
-              value-key="value"
-              title-key="title"
-              :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
-      :title="$lwLanguage.get('','打印成品标签')"
-      v-model="printPopup.show"
-      @closed="printPopupOff"
-    >
-
-      <lw-sku-info-module
-        sku-code="LJ-001"
-        sku-name="零件001"
-        is-row-first
-        :show-right="false"
-      />
-
-      <lw-data-look-bg
-        type="null"
-      >
-
-        <div>
-          <div style="color: #D50000">2</div>
-          <div>{{ $lwLanguage.get('','最小销售数') }}</div>
-        </div>
-
-        <div>
-          <div>2</div>
-          <div>{{ $lwLanguage.get('','内装数') }}</div>
-        </div>
-
-        <div>
-          <div>20</div>
-          <div>{{ $lwLanguage.get('','箱装数') }}</div>
-        </div>
-
-        <div>
-          <div>200</div>
-          <div>{{ $lwLanguage.get('','托盘数') }}</div>
-        </div>
-
-      </lw-data-look-bg>
-
-      <lw-data-look-bg
-        type="not"
-      >
-
-        <div>
-          <div>2</div>
-          <div>{{ $lwLanguage.get('','计划量') }}</div>
-        </div>
-
-        <div>
-          <div>2</div>
-          <div>{{ $lwLanguage.get('','标签量') }}</div>
-        </div>
-
-        <div>
-          <div>20</div>
-          <div>{{ $lwLanguage.get('','箱标签') }}</div>
-        </div>
-
-        <div style="color:#eeee20;">
-          <div>200</div>
-          <div>{{ $lwLanguage.get('','已打印') }}</div>
-        </div>
-
-      </lw-data-look-bg>
-
-      <lw-cell
-        :title="$lwLanguage.get('','打印内装')"
-        :is-edit="false"
-        :is-link="false"
-      >
-
-        <template #value>
-
-          <van-switch
-            v-model="printPopup.innerPrint"
-            size="18px"
-          />
-
-        </template>
-
-      </lw-cell>
-
-      <lw-cell
-        :title="$lwLanguage.get('','打印箱数')"
-        :is-edit="false"
-        :is-link="false"
-      >
-        <template #value>
-          <van-switch
-            v-model="printPopup.boxPrint"
-            size="18px"
-          />
-        </template>
-      </lw-cell>
-
-      <lw-cell
-        :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"
-        @confirm="numConfirm"
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','商品标签')"
-        :value="233"
-        val-red
-        val-bold
-      />
-
-      <div class="lw-global-row lw-global-flex-between">
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','内装标签')"
-          :value="233"
-          val-red
-          val-bold
-          :is-row="false"
-        />
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','内装尾数')"
-          :value="233"
-          val-red
-          val-bold
-          :is-row="false"
-        />
-
-      </div>
-
-      <div class="lw-global-row lw-global-flex-between">
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','箱装标签')"
-          :value="233"
-          val-red
-          val-bold
-          :is-row="false"
-        />
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','箱装尾数')"
-          :value="233"
-          val-red
-          val-bold
-          :is-row="false"
-        />
-
-      </div>
-
-      <div :class="[
-        printPopup.cause.show ? 'lw-global-row' : 'lw-global-row-end',
-        'lw-global-flex-between'
-        ]">
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','托装标签')"
-          :value="233"
-          val-red
-          val-bold
-          :is-row="false"
-        />
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','托装尾数')"
-          :value="233"
-          val-red
-          val-bold
-          :is-row="false"
-        />
-
-      </div>
-
-      <lw-input
-        v-if="printPopup.cause.show"
-        :title="$lwLanguage.get('','补打原因')"
-        v-model="printPopup.cause.value"
-        :show-bottom-border="false"
-        type="textarea"
-        :rows="2"
-      />
-
-      <template #button>
-
-        <lw-button @click="printConfirm">
-          {{
-            printPopup.cause.show ?
-              $lwLanguage.get('','补打标签') :
-              $lwLanguage.get('','打印标签')
-          }}
-        </lw-button>
-
-      </template>
-
-    </lw-popup>
-
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "overCollapse",
-  data() {
-    return {
-      collapseActive: [],
-
-      // 测试数据
-      lot:[
-        {title:'批次1',value:'显示值1'},
-        {title:'批次2',value:'显示值2'},
-        {title:'批次3',value:'显示值3'},
-      ],
-
-      // 成品打印弹框
-      printPopup:{
-        show: false,
-        num: '',
-        cause:{
-          value:'',
-          show: true
-        },
-        innerPrint: false,
-        boxPrint: false,
-        lpnPrint: false,
-      }
-    }
-  },
-  methods: {
-    print(){
-      this.printPopup.show = true
-    },
-    // 打印商品数量输入完成
-    numConfirm(){
-
-    },
-    // 确认打印
-    printConfirm(){
-
-    },
-    // 打印标签弹框关闭
-    printPopupOff(){
-      this.printPopup.num = ''
-      this.printPopup.cause.show = false
-      this.printPopup.cause.value = ''
-      this.printPopup.innerPrint = false
-      this.printPopup.boxPrint = false
-      this.printPopup.lpnPrint = false
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  成品折叠框
+  @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>