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

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

@@ -1,426 +1,418 @@
-<!--
-  质检 - 抽检
-  @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>
+<!--
+  质检 - 抽检
+  @author: 张文
+  @date: 2022-08-17
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.hvwteqqo','质检 - 抽样')"/>
+
+    <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('wms_project.pda.components.page.inner.quality.sample.index.nxfppips','正在抽样')"
+          >
+
+            <div class="lw-global-model-box">
+
+              <div
+                style="font-weight: bold"
+                class="lw-global-title lw-global-row-start"
+              >
+                {{ $lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.egtqmtej','待检商品') }}
+              </div>
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.hlcpdoiv','库位')"
+                :value="qualityData.locationCode"
+                val-bold
+              />
+
+              <lw-title-value-cell
+                v-if="qualityData.lpn"
+                :title="$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.yehynnzk','托盘号')"
+                :value="qualityData.lpn || '-'"
+                val-bold
+              />
+
+              <lw-title-value-cell
+                v-if="qualityData.caseNum"
+                :title="$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.ettldegt','箱号')"
+                :value="qualityData.caseNum || '-'"
+                val-bold
+              />
+
+              <div class="lw-global-flex-between lw-global-row">
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.ipvgdslm','待检量')"
+                  :value="qualityData.qty"
+                  val-bold
+                  val-red
+                  :is-row="false"
+                />
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.qvdjzsun','已抽样')"
+                  :value="qualityData.sampleQty"
+                  val-bold
+                  :is-row="false"
+                />
+
+              </div>
+
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.dpkuwdvo','商品号')"
+                v-model="sku.value"
+                :get-focus.sync="sku.focus"
+                :create-rule="$lwScanRule.create('质检-抽检-商品号','SKU')"
+                rule-key="sku"
+                required
+                @confirm="skuConfirm"
+              />
+
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.mpoeyjdx','抽样数量')"
+                v-model="qty.value"
+                :get-focus.sync="qty.focus"
+                type="digit"
+                required
+                @confirm="qtyConfirm"
+              />
+
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.jhugktnk','样品容器号')"
+                v-model="container.value"
+                :get-focus.sync="container.focus"
+                :create-rule="$lwScanRule.create('质检-抽检-样品容器号','CONTAINER')"
+                rule-key="container"
+                required
+                @confirm="containerConfirm"
+              />
+
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.augnvvlk','备注')"
+                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('wms_project.pda.components.page.inner.quality.sample.index.qvdjzsun','已抽样')"
+          >
+
+            <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('wms_project.pda.components.page.inner.quality.sample.index.jhugktnk','样品容器号')"
+                :value="i.sampleContainer"
+                val-bold
+                is-row-start
+              />
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.mpoeyjdx','抽样数量')"
+                :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('wms_project.pda.components.page.inner.quality.sample.index.htbzymvn','完成抽样') }}</lw-button>
+
+      <lw-button @click="actionSample">
+        {{ $lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.hunokfng','执行抽样') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import lookData from "../components/lookData.vue";
+import {
+  projectWmsQcGetSampleTaskData, projectWmsQcMobileFinishSample,
+  projectWmsQcMobileSubmitSample
+} from "../../../../../api/inner/quality/sample";
+
+export default {
+  name: "lwQualitySampleIndexPage",
+  components:{
+    lookData
+  },
+  data() {
+    return {
+      // 任务数据
+      taskData:{
+        taskLineList: [],
+        sampleList: []
+      },
+
+      // 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(){
+      this.cutEnd()
+      projectWmsQcGetSampleTaskData({
+        taskId: this.$route.query.lwTaskId
+      }).then(res=>{
+        if (res && Object.keys(res).length){
+          this.qualityIndex = this.$lwUtils.cutCardIndexCount(this.qualityIndex, res.taskLineList.length)
+        }else {
+          this.qualityData = 0
+          res = {
+            taskLineList: [],
+            sampleList: []
+          }
+        }
+        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('wms_project.pda.components.page.inner.quality.sample.index.morphzwi','商品号不能为空')
+      )) return false
+
+      if (this.sku.value !== this.taskData.skuCode){
+        this.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.insvbljz','当前商品与需要质检的商品不一致')
+        )
+        this.sku.value = ''
+        return false
+      }
+
+      return true
+    },
+    // 抽样数量确认
+    qtyConfirm(){
+      if (this.qtyCheck()) this.container.focus = true
+    },
+    // 抽样数量校验
+    qtyCheck(){
+      if (!this.inputNullCheck(
+        'qty',
+        this.$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.wbvzzczj','抽样数量不能为空，且应当是大于0的整数')
+      )) return false
+
+      if (Number(this.qty.value) > Number(this.qualityData.qty || 0)){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.hydfkshf','抽样数量不能大于待检量')
+        )
+        this.qty.value = ''
+        return false
+      }
+
+      return true
+    },
+    // 容器号确认
+    containerConfirm(){
+      if (this.containerCheck()) this.remark.focus = true
+    },
+    // 容器号校验
+    containerCheck(){
+      return this.inputNullCheck(
+        'container',
+        this.$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.pjrmuaes','样品容器号不能为空')
+      )
+    },
+
+    // 任务切换前
+    cutStart(){
+      return new Promise((res, err) => {
+
+        if (['sku','qty','container','remark'].some(item => !!this[item].value)) {
+          this.$lwDialog.confirm({
+            title: this.$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.ezqxexnj','警告'),
+            message: this.$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.diwdnlvj','切换后当前输入数据将会被清空')
+          }).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 (!Object.keys(this.qualityData).length){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.wiruhztk','数据有误')
+        )
+        history.go(-1)
+        return
+      }
+
+      if (this.qualityData.qty === 0) {
+        this.overSampleAction()
+        return
+      }
+
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.patxlzll','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.ssfwsihk','待检量剩余{qty}，是否完成任务？',{qty: this.qualityData.qty})
+      }).then(()=>{
+        this.overSampleAction()
+      }).catch(()=>{})
+
+    },
+    // 完成抽检执行
+    overSampleAction(){
+      projectWmsQcMobileFinishSample({
+        qcOrderId: this.taskData.qcOrderId
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.ftpdlxut','任务已完成')
+        )
+        history.go(-1)
+      })
+    },
+    // 执行抽样
+    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('wms_project.pda.components.page.inner.quality.sample.index.wdzpzmmo','当前抽样任务已完成')
+          )
+          history.go(-1)
+          return
+        }
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.inner.quality.sample.index.lcflgvmr','抽样成功')
+        )
+        this.getTaskData()
+
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>