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

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

@@ -0,0 +1,720 @@
+<!--
+  质检 - 执行
+  @author: 张文
+  @date: 2022-08-18
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','质检 - 执行')"/>
+
+    <div class="lw-global-page-box">
+
+      <look-data :item="taskData"/>
+
+      <!-- 录入结果批次 -->
+      <div class="lw-global-model-box">
+        <div class="lw-global-title-left-line lw-global-row-start lw-global-title">
+          {{ $lwLanguage.get('','录入结果批次信息') }}
+        </div>
+      </div>
+
+      <!-- 质检信息 -->
+      <div class="lw-global-model-box">
+
+        <div class="lw-global-title-left-line lw-global-row-start lw-global-title">
+          {{ $lwLanguage.get('','质检信息') }}
+        </div>
+
+        <lw-cell-popup-radio
+          :title="$lwLanguage.get('','检验机构类型')"
+          v-model="taskData.qcOrgType"
+          dict-key="QcOrgType"
+          required
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('','检验机构编码')"
+          v-model="taskData.qcOrgCode"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('','检验机构名称')"
+          v-model="taskData.qcOrgName"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('','质检人')"
+          v-model="taskData.qcName"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('','质检结论')"
+          v-model="taskData.qcResult"
+          type="textarea"
+          :rows="4"
+        />
+
+        <div class="lw-global-flex-start-start lw-global-row-end">
+
+          <div style="flex-shrink: 0;margin-right: 5px" class="lw-global-title">
+            {{ $lwLanguage.get('','质检报告') }}
+          </div>
+          <lw-img-upload
+            style="flex: 1"
+            v-model="taskData.qcImagesList"
+          />
+        </div>
+
+      </div>
+
+      <!-- tab信息 -->
+      <div style="margin-top: 10px" class="lw-global-tab-box">
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+
+          <van-tab
+            name="sku"
+            :title="$lwLanguage.get('','质检商品')"
+          >
+
+            <div
+              class="lw-global-model-box lw-global-animation-out lw-global-click-style"
+              v-for="(i,k) in taskData.taskLineList"
+              :key="k"
+              :style="{animationDelay: 50 * k + 'ms'}"
+              @click="itemOverQc(i)"
+            >
+
+              <div class="lw-global-flex-between lw-global-row-start">
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','库位')"
+                  :value="i.locationCode"
+                  val-bold
+                  :is-row="false"
+                />
+
+                <lw-tag
+                  round
+                  plain
+                  :type="qcFinishStatusTagType(i.qcFinishStatus)"
+                >{{ i.qcFinishStatusLabel }}</lw-tag>
+
+              </div>
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','托盘号')"
+                :value="i.lpn"
+                val-bold
+              />
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','箱号')"
+                :value="i.caseNum"
+                val-bold
+              />
+<!--              <div class="lw-global-row lw-global-flex-between">
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','箱号')"
+                  :value="i.caseNum"
+                  val-bold
+                  :is-row="false"
+                />
+                <lw-button
+                  mini
+                  @click="itemOverQc(i)"
+                >{{ $lwLanguage.get('','完成质检') }}</lw-button>
+              </div>-->
+
+              <div class="lw-global-row-end lw-global-flex-between">
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','待拣量')"
+                  :value="(i.qty || 0) - (i.qcQty || 0)"
+                  val-bold
+                  :is-row="false"
+                />
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','已抽样')"
+                  :value="i.sampleQty || 0"
+                  val-bold
+                  :is-row="false"
+                />
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','已质检')"
+                  :value="i.qcQty || 0"
+                  val-bold
+                  val-red
+                  :is-row="false"
+                />
+              </div>
+
+            </div>
+
+          </van-tab>
+
+          <van-tab
+            name="sample"
+            :title="$lwLanguage.get('','样品')"
+          >
+
+            <div
+              class="lw-global-model-box lw-global-animation-out"
+              v-for="(i,k) in taskData.taskSampleList"
+              :key="k"
+              :style="{animationDelay: 50 * k + 'ms'}"
+            >
+
+              <sample-info :item="i"/>
+
+              <div class="lw-global-row-end lw-global-flex-between">
+
+                <lw-button
+                  block
+                  mini
+                  type="last"
+                  @click="popupOpen('expendPopup', i)"
+                >{{ $lwLanguage.get('','消耗') }}</lw-button>
+
+                <lw-button
+                  style="margin-left: 10px"
+                  block
+                  mini
+                  @click="popupOpen('samplePopup', i)"
+                >{{ $lwLanguage.get('','完成质检') }}</lw-button>
+
+              </div>
+
+            </div>
+
+          </van-tab>
+        </van-tabs>
+
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button @click="orderOverQc">
+        {{ $lwLanguage.get('','整单完成质检') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 质检商品完成质检 -->
+    <lw-popup
+      :title="$lwLanguage.get('','完成质检')"
+      v-model="overQcPopup.show"
+      @closed="popupOffClearInput('overQcPopup')"
+    >
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','库位')"
+        :value="overQcPopup.data.locationCode"
+        val-bold
+      />
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','托盘号')"
+        :value="overQcPopup.data.lpn"
+        val-bold
+      />
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','箱号')"
+        :value="overQcPopup.data.caseNum"
+        val-bold
+      />
+      <div class="lw-global-row lw-global-flex-between">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','待检量')"
+          :value="(overQcPopup.data.qty || 0) - (overQcPopup.data.qcQty || 0)"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','可用')"
+          :value="overQcPopup.data.qty"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','已抽样')"
+          :value="overQcPopup.data.sampleQty"
+          val-bold
+          :is-row="false"
+        />
+      </div>
+
+      <lw-input
+        :title="$lwLanguage.get('','质检量')"
+        v-model="overQcPopup.qty.value"
+        :get-focus.sync="overQcPopup.qty.focus"
+        required
+        type="digit"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('','备注')"
+        v-model="overQcPopup.remark"
+        type="textarea"
+        :rows="4"
+      />
+
+      <div class="lw-global-row lw-global-value-bold-red">
+        {{ $lwLanguage.get('','结果批次信息 - 若不填写则以质检单的批次信息为准') }}
+      </div>
+
+      <template #button>
+
+        <lw-button @click="itemOverQcConfirm">
+          {{ $lwLanguage.get('','完成质检') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 样品消耗弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('','样品消耗')"
+      v-model="expendPopup.show"
+      @closed="popupOffClearInput('expendPopup')"
+    >
+      <sample-info :item="expendPopup.data"/>
+
+      <lw-input
+        :title="$lwLanguage.get('','消耗量')"
+        v-model="expendPopup.qty.value"
+        :get-focus.sync="expendPopup.qty.focus"
+        required
+        type="digit"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('','备注')"
+        v-model="expendPopup.remark"
+        type="textarea"
+        :rows="4"
+      />
+
+      <div class="lw-global-row-end lw-global-value-bold-red">
+        {{ $lwLanguage.get('','消耗掉的样品将上报对应的品质异常') }}
+      </div>
+
+      <template #button>
+
+        <lw-button @click="expendPopupConfirm">
+          {{ $lwLanguage.get('','确认') }}
+        </lw-button>
+
+      </template>
+    </lw-popup>
+
+    <!-- 样品完成质检 -->
+    <lw-popup
+      :title="$lwLanguage.get('','样品完成质检')"
+      v-model="samplePopup.show"
+      @closed="popupOffClearInput('samplePopup')"
+    >
+      <sample-info :item="samplePopup.data"/>
+
+      <lw-input
+        :title="$lwLanguage.get('','质检量')"
+        v-model="samplePopup.qty.value"
+        :get-focus.sync="samplePopup.qty.focus"
+        required
+        type="digit"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('','备注')"
+        v-model="samplePopup.remark"
+        type="textarea"
+        :rows="4"
+      />
+
+      <div class="lw-global-row lw-global-value-bold-red">
+        {{ $lwLanguage.get('','样品批次信息 - 若不填写则以质检单的批次信息为准') }}
+      </div>
+
+      <template #button>
+
+        <lw-button @click="samplePopupConfirm">
+          {{ $lwLanguage.get('','确认') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 整单完成质检 -->
+    <lw-popup
+      :title="$lwLanguage.get('','整单完成质检')"
+      v-model="allOrderPopup.show"
+      background="#f0f0f0"
+    >
+
+      <div
+        class="lw-global-model-box lw-global-animation-out"
+        v-for="(i,k) in allOrderPopup.data"
+        :key="k"
+        :style="{animationDelay: 50 * k + 'ms'}"
+      >
+
+        <sample-info :item="i"/>
+
+        <lw-input
+          :title="$lwLanguage.get('','样品剩余量')"
+          v-model="i.currentQcQty"
+          :show-bottom-border="false"
+          required
+        />
+
+      </div>
+
+      <div class="lw-global-model-box lw-global-value-bold-red">
+        {{ $lwLanguage.get('','未质检的质检商品和未质检剩余样品都直接使用质检单的结果批次信息，其余数量全部消耗并上报对应的品质异常') }}
+      </div>
+
+      <template #button>
+        <lw-button @click="allOrderConfirm">
+          {{ $lwLanguage.get('','完成质检') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import lookData from "../components/lookData.vue";
+import sampleInfo from "../components/sampleInfo.vue";
+import {
+  doProjectWmsQcMobileSubmitSampleQc,
+  projectWmsQcGetTaskData,
+  projectWmsQcMobileSubmitQc,
+  projectWmsQcMobileSubmitSampleUse, projectWmsQcMobileSubmitWholeQc
+} from "../../../../../api/inner/quality/action";
+
+export default {
+  name: "lwQualityActionPage",
+  components:{
+    lookData,
+    sampleInfo,
+  },
+  data() {
+    return {
+      // 任务数据
+      taskData:{
+        qcOrderNo: 'ZZ-001',
+        taskCreateTime: '2022-08-18T02:00:00Z',
+        skuCode:'LJ-001',
+        skuName:'零件001',
+        skuSizeLabel:'中件',
+        qcInventoryTypeLabel: false,
+        qty: 100,
+        sampleRate:1,
+        waitSampleQty: 20,
+        sampleQty:1,
+        qcOrgType:'THIRD_PARTY',
+        qcOrgCode:'',
+        qcOrgName:'',
+        qcName:'',
+        qcResult:'',
+        qcImages:'',
+        qcImagesList:[],
+        taskLineList:[
+          {
+            locationCode:'KW-001',
+            caseNum:'BOX-001',
+            lpn:'LPN-001',
+            qty: 10,
+            sampleQty:2,
+            qcQty: 1,
+            qcFinishStatusLabel: '待质检',
+            qcFinishStatus: '100'
+          },
+          {
+            locationCode:'KW-002',
+            caseNum:'BOX-002',
+            lpn:'LPN-002',
+            qty: 10,
+            sampleQty:2,
+            qcQty: 1,
+            qcFinishStatusLabel: '质检中',
+            qcFinishStatus: '150'
+          },
+          {
+            locationCode:'KW-003',
+            caseNum:'BOX-003',
+            lpn:'LPN-003',
+            qty: 10,
+            sampleQty:2,
+            qcQty: 1,
+            qcFinishStatusLabel: '已质检',
+            qcFinishStatus: '200'
+          },
+        ],
+        taskSampleList:[
+          {
+            sampleContainer:'LPN-001',
+            qty:1,
+            useQty:10,
+            qcQty:1,
+            waitQcQty:1,
+          },
+          {
+            sampleContainer:'LPN-002',
+            qty:2,
+            useQty:2,
+            qcQty:20,
+            waitQcQty:2,
+          },
+          {
+            sampleContainer:'LPN-003',
+            qty:3,
+            useQty:3,
+            qcQty:3,
+            waitQcQty:30,
+          },
+        ]
+      },
+
+      // tab激活项
+      tabActive: '',
+
+      // 单个商品质检完成
+      overQcPopup:{
+        show: false,
+        qty:{
+          value: '',
+          focus: false
+        },
+        remark: '',
+        data:{
+          locationCode:'LOC-001',
+          lpn:'LPN-001',
+          caseNum:'BOX-001',
+          qty: 10,
+          qcQty: 2,
+          sampleQty: 4
+        }
+      },
+
+      // 样品消耗弹框
+      expendPopup:{
+        show: false,
+        data:{},
+        qty:{
+          value: '',
+          focus: false
+        },
+        remark: '',
+      },
+
+      // 样品完成质检
+      samplePopup:{
+        show: false,
+        data:{},
+        qty:{
+          value: '',
+          focus: false
+        },
+        remark: '',
+      },
+
+      allOrderPopup:{
+        show: false,
+        data: []
+      }
+    }
+  },
+  mounted() {
+    // this.getTaskData()
+  },
+  methods: {
+    // 质检状态
+    qcFinishStatusTagType(status){
+      switch (status){
+        case '100':
+          return 'danger'
+        case '200':
+          return 'success'
+        default:
+          return 'primary'
+      }
+    },
+
+    // 获取数据
+    getTaskData(){
+      projectWmsQcGetTaskData({
+        taskId: this.$route.query.lwTaskId
+      }).then(res=>{
+        this.taskData = res
+      })
+    },
+    // 判断任务是否执行完成
+    taskOver(res, key, msg){
+      if(res.qcFinishStatus){
+        this.$lwToast.success(
+          this.$lwLanguage.get('','质检任务已全部完成')
+        )
+        history.go(-1)
+        return
+      }
+
+      this.$lwToast.success(msg)
+      this[key].show = false
+      this.getTaskData()
+
+    },
+
+
+    // 弹框关闭清空数据
+    popupOffClearInput(key){
+      this[key].qty.value = ''
+      this[key].remark = ''
+    },
+    // 打开弹框
+    popupOpen(key, item){
+      this[key].data = item
+      this[key].show = true
+      this[key].qty.focus = true
+    },
+    // 数量校验
+    qtyCheck({nullMsg, max=false, errMsg, key}){
+      const q = Number(this[key].qty.value || 0)
+
+      if (!q){
+        this[key].qty.focus = true
+        this.$lwShowErrorMsg(nullMsg)
+        return false
+      }
+
+      if (max === false) return true
+
+      const m = Number(max || 0)
+      if (q > m){
+        this[key].qty.focus = true
+        this.$lwShowErrorMsg(errMsg)
+        this[key].qty.value = ''
+        return false
+      }
+
+      return true
+    },
+
+
+    // 质检商品 - 完成单个质检
+    itemOverQc(item){
+      if (item.qcFinishStatus === '200'){
+        this.$lwToast.fail(
+          this.$lwLanguage.get('','当前商品已质检完成')
+        )
+        return
+      }
+
+      this.popupOpen('overQcPopup', item)
+    },
+    // 质检商品 - 确认质检
+    itemOverQcConfirm(){
+      if (!this.qtyCheck({
+        key: 'overQcPopup',
+        nullMsg: this.$lwLanguage.get('', '质检量不能为空，且应当是大于0的整数'),
+      })) return
+
+      projectWmsQcMobileSubmitQc({
+        qcOrderId: this.taskData.qcOrderId,
+        qcOrderLineId: this.overQcPopup.data.qcOrderLineId,
+        currentQcQty: this.overQcPopup.qty.value,
+        remark: this.overQcPopup.remark
+      }).then(res=>{
+        this.taskOver(
+          res,
+          'overQcPopup',
+          this.$lwLanguage.get('','质检成功')
+        )
+      })
+
+    },
+
+    // 样品 - 消耗 - 确认
+    expendPopupConfirm(){
+      if (!this.qtyCheck({
+        key: 'expendPopup',
+        nullMsg: this.$lwLanguage.get('', '消耗量不能为空，且应当是大于0的整数'),
+      })) return
+
+      projectWmsQcMobileSubmitSampleUse({
+        qcOrderId: this.taskData.qcOrderId,
+        qcSampleLineId: this.expendPopup.data.qcSampleLineId,
+        currentUseQty: this.expendPopup.qty.value,
+        remark: this.expendPopup.remark
+      }).then(res=>{
+        this.taskOver(
+          res,
+          'expendPopup',
+          this.$lwLanguage.get('','操作成功')
+        )
+      })
+    },
+
+    // 样品 - 质检 - 确认
+    samplePopupConfirm(){
+      if (!this.qtyCheck({
+        key: 'samplePopup',
+        nullMsg: this.$lwLanguage.get('', '质检量不能为空，且应当是大于0的整数'),
+      })) return
+
+      doProjectWmsQcMobileSubmitSampleQc({
+        qcOrderId: this.taskData.qcOrderId,
+        qcSampleLineId: this.samplePopup.data.qcSampleLineId,
+        currentUseQty: this.samplePopup.qty.value,
+        remark: this.samplePopup.remark
+      }).then(res=>{
+        this.taskOver(
+          res,
+          'samplePopup',
+          this.$lwLanguage.get('','质检成功')
+        )
+      })
+    },
+
+    // 整单完成质检
+    orderOverQc(){
+      this.allOrderPopup.data = this.$lwDeepCopy(this.taskData.taskSampleList)
+      this.allOrderPopup.show = true
+    },
+    // 整单确认完成质检
+    allOrderConfirm(){
+      projectWmsQcMobileSubmitWholeQc({
+        qcOrderId: this.taskData.qcOrderId,
+        qcSampleList: this.taskData.taskSampleList.map(item=>{
+          return {
+            qcSampleLineId: item.qcSampleLineId,
+            currentQcQty: item.currentQcQty
+          }
+        })
+      }).then(res=>{
+        this.taskOver(
+          res,
+          'allOrderPopup',
+          this.$lwLanguage.get('','质检成功')
+        )
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>