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

package/src/components/page/inner/quality/components/lookData.vue

@@ -0,0 +1,109 @@
+<!--
+  数据看板
+  @author: 张文
+  @date: 2022-08-18
+-->
+<template>
+  <div style="margin-bottom: 10px">
+    <div class="lw-global-model-top-radius">
+
+      <div class="lw-global-flex-between lw-global-row-start">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','质检单号')"
+          :value="item.qcOrderNo"
+          val-bold
+          :is-row="false"
+        />
+
+        <div
+          style="flex-shrink: 0"
+          class="lw-global-title"
+        >
+
+          <span>{{ $lwDate.format(item.taskCreateTime, 'MM-dd') }}</span>
+          <span style="display: inline-block;margin-left: 10px">
+            {{ $lwLanguage.get('', '已过') }}
+            {{ $lwDate.timeToStr({l: item.taskCreateTime, minType: 'min'}).text }}
+          </span>
+
+        </div>
+      </div>
+
+      <lw-sku-info-module
+        :sku-code="item.skuCode"
+        :sku-name="item.skuName"
+        is-row-last
+      >
+
+        <lw-tag
+          round
+          plain
+        >{{ item.skuSizeLabel }}</lw-tag>
+        <lw-tag
+          v-if="item.qcInventoryTypeLabel"
+          round
+          plain
+          type="success"
+        >{{ $lwLanguage.get('','有库存') }}</lw-tag>
+
+        <lw-tag
+          v-else
+          round
+          plain
+          type="danger"
+        >{{ $lwLanguage.get('','无库存') }}</lw-tag>
+
+      </lw-sku-info-module>
+    </div>
+    <lw-data-look-bg type="not">
+
+      <div>
+        <div>{{ item.qty }}</div>
+        <div>{{ $lwLanguage.get('','待检量') }}</div>
+      </div>
+
+      <div>
+        <div>{{ item.sampleRate }}%</div>
+        <div>{{ $lwLanguage.get('','抽样比例') }}</div>
+      </div>
+
+      <div>
+        <div>{{ item.waitSampleQty }}</div>
+        <div>{{ $lwLanguage.get('','待抽样') }}</div>
+      </div>
+
+      <div>
+        <div>{{ item.sampleQty }}</div>
+        <div>{{ $lwLanguage.get('','已抽样') }}</div>
+      </div>
+
+    </lw-data-look-bg>
+    <div class="lw-global-model-bottom-radius">
+      <div class="lw-global-title">
+        {{ $lwLanguage.get('','原批次信息') }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lookData",
+  props:{
+    item:{
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/quality/components/sampleInfo.vue

@@ -0,0 +1,62 @@
+<!--
+  质检执行 - 样品信息
+  @author: 张文
+  @date: 2022-08-18
+-->
+<template>
+  <div>
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','抽样容器')"
+      :value="item.sampleContainer"
+      val-bold
+      is-row-start
+    />
+
+    <div class="lw-global-row" style="padding: 0">
+      <lw-data-look-bg type="null">
+
+        <div>
+          <div>{{ item.qty || 0 }}</div>
+          <div>{{ $lwLanguage.get('','抽样量') }}</div>
+        </div>
+
+        <div>
+          <div>{{ item.useQty || 0 }}</div>
+          <div>{{ $lwLanguage.get('','已消耗') }}</div>
+        </div>
+
+        <div>
+          <div style="color: #D50000">{{ item.qcQty || 0 }}</div>
+          <div>{{ $lwLanguage.get('','已质检') }}</div>
+        </div>
+
+        <div>
+          <div style="color: #D50000">{{ item.waitQcQty || 0 }}</div>
+          <div>{{ $lwLanguage.get('','待质检') }}</div>
+        </div>
+
+      </lw-data-look-bg>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "sampleInfo",
+  props:{
+    item:{
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/quality/sample/index.js

@@ -0,0 +1,11 @@
+/*
+* 质检 - 抽检
+* @author: 张文
+* @date: 2022-08-17
+* */
+
+import lwQualitySampleIndexPage from "./index.vue";
+
+lwQualitySampleIndexPage.install = Vue => Vue.component(lwQualitySampleIndexPage.name, lwQualitySampleIndexPage)
+
+export default lwQualitySampleIndexPage

package/src/components/page/inner/quality/sample/index.vue

@@ -0,0 +1,426 @@
+<!--
+  质检 - 抽检
+  @author: 张文
+  @date: 2022-08-17
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','质检 - 抽样')"/>
+
+    <div class="lw-global-page-box">
+
+      <look-data :item="taskData"/>
+
+      <div class="lw-global-tab-box">
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+
+          <van-tab
+            name="ing"
+            :title="$lwLanguage.get('','正在抽样')"
+          >
+
+            <div class="lw-global-model-box">
+
+              <div
+                style="font-weight: bold"
+                class="lw-global-title lw-global-row-start"
+              >
+                {{ $lwLanguage.get('','待检商品') }}
+              </div>
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','库位')"
+                :value="qualityData.locationCode"
+                val-bold
+              />
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','托盘号')"
+                :value="qualityData.lpn || '-'"
+                val-bold
+              />
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','箱号')"
+                :value="qualityData.caseNum || '-'"
+                val-bold
+              />
+
+              <div class="lw-global-flex-between lw-global-row">
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','待检量')"
+                  :value="qualityData.qty"
+                  val-bold
+                  :is-row="false"
+                />
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','已抽样')"
+                  :value="qualityData.sampleQty"
+                  val-bold
+                  :is-row="false"
+                />
+
+              </div>
+
+              <lw-input
+                :title="$lwLanguage.get('','商品号')"
+                v-model="sku.value"
+                :get-focus.sync="sku.focus"
+                :rule-production-data="$lwScanRule.production('质检-抽检-商品号','SKU')"
+                rule-key="sku"
+                required
+                @confirm="skuConfirm"
+              />
+
+              <lw-input
+                :title="$lwLanguage.get('','抽样数量')"
+                v-model="qty.value"
+                :get-focus.sync="qty.focus"
+                type="digit"
+                required
+                @confirm="qtyConfirm"
+              />
+
+              <lw-input
+                :title="$lwLanguage.get('','样品容器号')"
+                v-model="container.value"
+                :get-focus.sync="container.focus"
+                :rule-production-data="$lwScanRule.production('质检-抽检-样品容器号','CONTAINER')"
+                rule-key="container"
+                required
+                @confirm="containerConfirm"
+              />
+
+              <lw-input
+                :title="$lwLanguage.get('','备注')"
+                v-model="remark.value"
+                :get-focus.sync="remark.focus"
+                type="textarea"
+                :rows="4"
+              />
+
+              <lw-cut-card
+                v-model="qualityIndex"
+                :length="taskData.taskLineList.length"
+                :cut-start="cutStart"
+                :cut-end="cutEnd"
+              />
+
+            </div>
+
+          </van-tab>
+
+          <van-tab
+            name="over"
+            :title="$lwLanguage.get('','已抽样')"
+          >
+
+            <div
+              class="lw-global-model-box lw-global-animation-out"
+              v-for="(i,k) in taskData.sampleList"
+              :key="k"
+              :style="{animationDelay: 50 * k + 'ms'}"
+            >
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','样品容器号')"
+                :value="i.sampleContainer"
+                val-bold
+                is-row-start
+              />
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','抽样数量')"
+                :value="i.sampleQty"
+                val-bold
+                val-red
+                is-row-end
+              />
+
+            </div>
+
+            <lw-not-data v-if="!taskData.sampleList.length"/>
+
+          </van-tab>
+        </van-tabs>
+
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        type="last"
+        @click="overSample"
+      >{{ $lwLanguage.get('','完成抽样') }}</lw-button>
+
+      <lw-button @click="actionSample">
+        {{ $lwLanguage.get('','执行抽样') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import lookData from "../components/lookData.vue";
+import {
+  projectWmsQcGetSampleTaskData,
+  projectWmsQcMobileSubmitSample
+} from "../../../../../api/inner/quality/sample";
+
+// TODO 完成抽烟接口暂无
+export default {
+  name: "lwQualitySampleIndexPage",
+  components:{
+    lookData
+  },
+  data() {
+    return {
+      // 任务数据
+      taskData:{
+        qcOrderNo: 'ZZ-001',
+        taskCreateTime: '2022-08-17T02:00:00Z',
+        skuCode:'LJ-001',
+        skuName:'零件001',
+        skuSizeLabel:'中件',
+        qcInventoryTypeLabel: false,
+        qty: 100,
+        sampleRate:1,
+        waitSampleQty: 20,
+        sampleQty:1,
+        taskLineList:[
+          {
+            locationCode:'KW-001',
+            caseNum:'BOX-001',
+            lpn:'LPN-001',
+            qty: 10,
+            sampleQty:2
+          },
+          {
+            locationCode:'KW-002',
+            caseNum:'BOX-002',
+            lpn:'LPN-002',
+            qty: 10,
+            sampleQty:2
+          },
+          {
+            locationCode:'KW-003',
+            caseNum:'BOX-003',
+            lpn:'LPN-003',
+            qty: 10,
+            sampleQty:2
+          },
+        ],
+        sampleList: [
+          {
+            sampleContainer:'RQ-001',
+            sampleQty: 1
+          },
+          {
+            sampleContainer:'RQ-002',
+            sampleQty: 2
+          },
+          {
+            sampleContainer:'RQ-003',
+            sampleQty: 3
+          },
+        ]
+      },
+
+      // tab激活项
+      tabActive: '',
+      // 当前任务所以
+      qualityIndex: 0,
+      sku:{
+        value:'',
+        focus: false
+      },
+      qty:{
+        value:'',
+        focus: false
+      },
+      container:{
+        value:'',
+        focus: false
+      },
+      remark:{
+        value:'',
+        focus: false
+      },
+
+    }
+  },
+  computed:{
+    // 正在抽检数据
+    qualityData(){
+      if (this.taskData.taskLineList && this.taskData.taskLineList.length){
+        return this.taskData.taskLineList[this.qualityIndex] || {}
+      }
+      return {}
+    }
+  },
+  mounted() {
+    // this.getTaskData()
+  },
+  methods: {
+
+    // 获取任务数据
+    getTaskData(){
+      projectWmsQcGetSampleTaskData({
+        taskId: this.$router.query.lwTaskId
+      }).then(res=>{
+        this.qualityIndex = this.$lwUtils.cutCardIndexCount(this.qualityIndex, res.length)
+        this.taskData = res
+      }).catch(()=>{
+        history.go(-1)
+      })
+    },
+
+    // 非空数据校验
+    inputNullCheck(key,msg){
+      let val = this[key].value
+      if (key ==='qty') val = Number(val || 0)
+
+      if (!val){
+        this[key].focus = true
+        this.$lwShowErrorMsg(msg)
+        this[key].value = ''
+        return false
+      }
+      return true
+    },
+
+    // 商品号确认
+    skuConfirm(){
+      if (this.skuCheck()) this.qty.focus = true
+    },
+    // 商品号检查
+    skuCheck(){
+      if (!this.inputNullCheck(
+        'sku',
+        this.$lwLanguage.get('','商品号不能为空')
+      )) return false
+
+      if (this.sku.value !== this.taskData.skuCode){
+        this.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','当前商品与需要质检的商品不一致')
+        )
+        this.sku.value = ''
+        return false
+      }
+
+      return true
+    },
+    // 抽样数量确认
+    qtyConfirm(){
+      if (this.qtyCheck()) this.container.focus = true
+    },
+    // 抽样数量校验
+    qtyCheck(){
+      if (!this.inputNullCheck(
+        'qty',
+        this.$lwLanguage.get('','抽样数量不能为空，且应当是大于0的整数')
+      )) return false
+
+      if (Number(this.qty.value) > Number(this.qualityData.qty || 0)){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','抽样数量不能大于待拣量')
+        )
+        this.qty.value = ''
+        return false
+      }
+
+      return true
+    },
+    // 容器号确认
+    containerConfirm(){
+      if (this.containerCheck()) this.remark.focus = true
+    },
+    // 容器号校验
+    containerCheck(){
+      return this.inputNullCheck(
+        'container',
+        this.$lwLanguage.get('','样品容器号不能为空')
+      )
+    },
+
+    // 任务切换前
+    cutStart(){
+      return new Promise((res, err) => {
+
+        if (['sku','qty','container','remark'].some(item => !!this[item].value)) {
+          this.$lwDialog.confirm({
+            title: this.$lwLanguage.get('','警告'),
+            message: this.$lwLanguage.get('','切换后当前输入数据将会被清空')
+          }).then(() => res()).catch(() => err('用户取消'))
+          return
+        }
+
+        res()
+      })
+    },
+    // 任务切换后
+    cutEnd(){
+      ['sku','qty','container','remark'].forEach(item=>{
+        this[item].value = ''
+      })
+    },
+
+    // 检查全部
+    checkAllInput(){
+      return this.skuCheck() && this.qtyCheck() && this.containerCheck()
+    },
+
+    // 完成抽样
+    overSample(){
+
+      if (!this.checkAllInput()) return
+
+      console.log('over')
+
+    },
+    // 执行抽样
+    actionSample(){
+      if (!this.checkAllInput()) return
+
+      projectWmsQcMobileSubmitSample({
+        qcOrderId: this.taskData.qcOrderId,
+        qcOrderLineId: this.qualityData.qcOrderLineId,
+        currentSampleQty: this.qty.value,
+        sampleContainer: this.container.value,
+        remark: this.remark.value,
+      }).then(res=>{
+        if(res.sampleFinish){
+          this.$lwToast.success(
+            this.$lwLanguage.get('','当前抽样任务已完成')
+          )
+          history.go(-1)
+          return
+        }
+        this.$lwToast.success(
+          this.$lwLanguage.get('','抽样成功')
+        )
+        this.getTaskData()
+
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>