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

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

@@ -0,0 +1,376 @@
+<!--
+  成品折叠框
+  @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>

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

@@ -0,0 +1,113 @@
+<!--
+  原料折叠框
+  @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="LJ-001"
+            sku-name="零件001"
+            is-row-first
+          >
+
+            <lw-tag
+              round
+              plain
+            >主材料</lw-tag>
+
+          </lw-sku-info-module>
+
+          <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"
+          />
+          <div>
+
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('','备料量 / 消耗量') }}
+            </span>
+
+            <span class="lw-global-value-bold">
+
+              <span>{{ 40 }} / </span>
+              <span class="lw-global-value-bold-red">{{ 20 }}</span>
+
+            </span>
+
+          </div>
+        </div>
+
+      </van-collapse-item>
+    </van-collapse>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "rawCollapse",
+  data() {
+    return {
+      collapseActive: []
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,90 @@
+<!--
+
+  @author: 张文
+  @date: 2022-08-15
+-->
+<template>
+  <lw-popup
+    :title="title"
+    v-model="show"
+    @closed="stopPopupOff"
+  >
+
+    <lw-cell-popup-radio
+      v-model="cause"
+      :title="$lwLanguage.get('','原因')"
+      required
+      dict-key="WmsSkuPackTaskPauseReason"
+    />
+
+    <lw-input
+      :title="$lwLanguage.get('','备注')"
+      v-model="remark"
+      type="textarea"
+      :rows="4"
+      :show-bottom-border="false"
+    />
+
+    <template #button>
+      <lw-button @click="stopPopupConfirm">
+        {{ $lwLanguage.get('','确认') }}
+      </lw-button>
+    </template>
+
+  </lw-popup>
+</template>
+
+<script>
+
+export default {
+  name: "stopPopup",
+  props:{
+    title: String,
+
+    value: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed:{
+    show:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input', v)
+      }
+    }
+  },
+  data() {
+    return {
+      cause: '',
+      remark: ''
+    }
+  },
+  methods: {
+    stopPopupOff(){
+      this.cause = ''
+      this.remark = ''
+      this.$emit('off')
+    },
+    stopPopupConfirm(){
+      if (!this.cause){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','请选择原因')
+        )
+        return
+      }
+      console.log(this.cause,this.remark,1234)
+      this.$emit('confirm', {
+        cause: this.cause,
+        remark: this.remark,
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/process/process/console/index.js

@@ -0,0 +1,11 @@
+/*
+* 加工执行 - 控制台
+* @author: 张文
+* @date 2022-08-11
+* */
+
+import lwProcessActionConsolePage from "./index.vue";
+
+lwProcessActionConsolePage.install = Vue => Vue.component(lwProcessActionConsolePage.name, lwProcessActionConsolePage)
+
+export default lwProcessActionConsolePage