@logwire/logwire-wms-pda-ui 3.1.2 → 3.3.2

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

@@ -1,665 +0,0 @@
-<!--
-  异常处理 - 执行页
-  @author: 张文
-  @date: 2022-06-23
--->
-<template>
-  <div>
-
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.rvaholqc','异常详情')"/>
-
-    <div class="lw-global-page-box">
-
-      <lw-tab-box>
-        <van-tabs
-          type="card"
-          animated
-          v-model="tabActive"
-          @change="tabChange"
-        >
-
-          <van-tab
-            v-for="(i,k) in abnDataObj"
-            :key="k"
-            :name="k"
-            :title="k"
-          >
-            <abn-info :item="i"/>
-          </van-tab>
-        </van-tabs>
-      </lw-tab-box>
-
-    </div>
-
-    <lw-bottom-bar-btn-hidden :btn-list="btnList"/>
-
-    <!-- 反馈异常弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.tttcwjfs','反馈异常')"
-      v-model="feedback.show"
-    >
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.zykrxafh','反馈备注')"
-        v-model="feedback.value"
-        :get-focus.sync="feedback.focus"
-        type="textarea"
-        :rows="4"
-        required
-      />
-
-      <template #button>
-
-        <lw-button @click="feedbackConfirm">
-          {{ $lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.eoscyzwp','提交') }}
-        </lw-button>
-
-      </template>
-    </lw-popup>
-
-    <!-- 确认异常弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.sdffagzj','确认异常')"
-      v-model="abnConfirm.show"
-    >
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.ovleagdn','确认数量')"
-        v-model="abnConfirm.qty.value"
-        :get-focus.sync="abnConfirm.qty.focus"
-        type="digit"
-        required
-        @confirm="qtyConfirm"
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.inner.disposeAbnormal.sn','序列号')"
-        v-model="abnConfirm.sn.value"
-        v-if="this.abnDataObj.length && this.abnDataObj[this.tabActive].subType !== 'QTY_LESS'"
-        :get-focus.sync="abnConfirm.sn.focus"
-        :placeholder="$lwLanguage.get('wms_project.pda.inner.disposeAbnormal.inputSn','输入/扫描商品序列号')"
-        :create-rule="$lwScanRule.create('异常记录-SN','SN')"
-        rule-key="sn"
-        @confirm="scanSnConfirm"
-      />
-
-      <lw-scan-data-list-module
-        v-if="abnSnList.length"
-        :title="$lwLanguage.get('wms_project.pda.inner.disposeAbnormal.scannedSn','已扫描序列号')"
-        v-model="abnSnList"
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.jljkoryz','确认备注')"
-        v-model="abnConfirm.remark"
-        type="textarea"
-        :rows="4"
-      />
-
-      <template #button>
-
-        <lw-button @click="abnConfirmSubmit">
-          {{ $lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.eoscyzwp','提交') }}
-        </lw-button>
-
-      </template>
-    </lw-popup>
-
-    <!-- 调入异常区 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.qvlappkw','调入异常区')"
-      v-model="goQuestionArea.show"
-    >
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.jzxortfr','调入数量')"
-        v-model="goQuestionArea.qty.value"
-        :get-focus.sync="goQuestionArea.qty.focus"
-        type="digit"
-        input-align="right"
-        required
-      />
-
-      <lw-cell-popup-radio
-        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.iohafejy','调入原因')"
-        v-model="goQuestionArea.lockReasonCode"
-        required
-        dict-key="inventory_biz_lock_reason_choice"
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.wikqupgh','调入原因备注')"
-        v-model="goQuestionArea.lockReason"
-        type="textarea"
-        :rows="4"
-        input-align="right"
-      />
-
-      <template #button>
-
-        <lw-button @click="goQuestionAreaSubmit">
-          {{ $lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.eoscyzwp','提交') }}
-        </lw-button>
-
-      </template>
-    </lw-popup>
-
-    <!-- 完结 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.dlyesixz','完结')"
-      v-model="over.show"
-    >
-
-      <lw-cell
-        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.zmpwukol','强制完结')"
-        :is-link="false"
-      >
-        <template #value>
-          <van-switch
-            v-model="over.forceClose"
-            size="18px"
-          />
-        </template>
-      </lw-cell>
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.ehyypdqw','完结备注')"
-        v-model="over.closeRemark"
-        type="textarea"
-        :rows="4"
-        input-align="right"
-        required
-      />
-
-      <template #button>
-
-        <lw-button @click="overSubmit">
-          {{ $lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.eoscyzwp','提交') }}
-        </lw-button>
-
-      </template>
-    </lw-popup>
-
-    <!-- 处理或备注弹框 -->
-    <dispose-popup
-      v-if="Object.values(abnDataObj).length"
-      v-model="disposeRemark.show"
-      :wait-qty="disposeRemark.waitQty"
-      :is-dispose="disposeRemark.isDispose"
-      :title="disposeRemark.title"
-      :abnormal="abnDataObj[tabActive]"
-      :sn-list="abnSnList"
-      @submit="disposeRemarkSubmit"
-    />
-  </div>
-</template>
-
-<script>
-import abnInfo from './../components/abnInfo/index.vue';
-import disposePopup from './../components/disposePopup/index.vue'
-import {
-  wmsProjectMobileAbnormalRecordCloseAbnormal,
-  wmsProjectMobileAbnormalRecordConfirm,
-  wmsProjectMobileAbnormalRecordFeedback,
-  wmsProjectMobileAbnormalRecordGetDetailInfo,
-  wmsProjectMobileAbnormalRecordHandleAbnormal,
-  wmsProjectMobileAbnormalRecordLock,
-  wmsProjectMobileAbnormalRecordRemarkAbnormal,
-  projectMobileQueryInvSn,
-  projectMobileGetAbnormalRecordSn,
-  projectMobileAbnormalPrintLabel
-} from "../../../../../api/inner/disposeAbnormal/action";
-
-export default {
-  name: "lwInnerDisposeAbnormalActionPage",
-  components:{
-    disposePopup,
-    abnInfo
-  },
-  computed:{
-    recordId(){
-      const item = this.abnDataObj[this.tabActive]
-      return item ? item.id : ''
-    }
-  },
-  data() {
-    return {
-      // tab激活项
-      tabActive:'',
-      // 异常数据
-      abnDataObj:{},
-
-      // 全部按钮
-      allBtn:{
-        feedback:{
-          text: this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.tttcwjfs','反馈异常'),
-          click: this.feedbackClick
-        },
-        confirm:{
-          text: this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.sdffagzj','确认异常'),
-          click: this.abnConfirmClick
-        },
-        goQuestionArea:{
-          text: this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.qvlappkw','调入异常区'),
-          click: this.goQuestionAreaClick
-        },
-        over:{
-          text: this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.dlyesixz','完结'),
-          click: this.overClick
-        },
-        remark:{
-          text: this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.jrbpxdxf','备注'),
-          click: ()=>this.disposeRemarkClick('remark')
-        },
-        dispose:{
-          text: this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.lomwpuef','处理异常'),
-          click: ()=>this.disposeRemarkClick('dispose')
-        },
-      },
-      // 底部按钮显示
-      btnList:[],
-
-
-      // 反馈异常输入框
-      feedback:{
-        value:'',
-        focus: false,
-        show: false
-      },
-
-      // 确认异常
-      abnConfirm:{
-        show: false,
-        remark:'',
-        confirmQty: 0,
-        qty:{
-          focus: false,
-          value: '',
-        },
-        sn:{
-          focus: false,
-          value: '',
-        },
-        snQty: 0,
-      },
-
-      //扫描sn列表
-      abnSnList:[],
-      abnSn:{
-        show: false,
-        sn:{
-          focus: false,
-          value: '',
-        },
-      },
-
-      // 调入问题区
-      goQuestionArea:{
-        show: false,
-        lockReason:'',
-        lockReasonCode:'',
-        questionQty: 0,
-        qty:{
-          focus: false,
-          value: false,
-        }
-      },
-
-      // 完结
-      over:{
-        show: false,
-        forceClose: false,
-        closeRemark: ''
-      },
-
-      // 确认或备注的弹出框
-      disposeRemark:{
-        show: false,
-        waitQty: 0,
-        // 是否是处理
-        isDispose: false,
-        title: ''
-      },
-
-      // 打印机数据
-      printData:{}
-    }
-  },
-  mounted() {
-    this.getData(true)
-  },
-  methods: {
-    // 获取数据
-    getData(first=false){
-      wmsProjectMobileAbnormalRecordGetDetailInfo({
-        recordId: this.$route.query.lwId
-      }).then(res=>{
-        this.abnDataObj = res
-        first ? this.tabActive = this.$route.query.lwAbnormalNo : ''
-        this.tabChange()
-
-        this.getRecordSn()
-      }).catch(()=>{
-        history.go(-1)
-      })
-
-    },
-
-    //获取异常关联sn
-    getRecordSn(){
-      projectMobileGetAbnormalRecordSn({
-        recordId: this.$route.query.lwId
-      }).then(res=>{
-        this.abnSnList = res
-      })
-    },
-
-    // tab切换
-    tabChange(){
-      this.btnList = []
-
-      const item = this.abnDataObj[this.tabActive]
-      switch (item.handleStatus){
-        case '100':
-          this.btnList=[
-            this.allBtn.confirm,
-            this.allBtn.feedback,
-            this.allBtn.remark,
-          ]
-          break;
-        case '200':
-        case '300':
-          this.btnList=[
-            this.allBtn.dispose,
-            this.allBtn.goQuestionArea,
-            this.allBtn.feedback,
-            this.allBtn.remark,
-            this.allBtn.over,
-          ]
-          break;
-        case '500':
-          this.btnList=[
-            this.allBtn.feedback,
-            this.allBtn.over,
-          ]
-          break;
-      }
-
-      // 只要系统内且有实物才能打印
-      if (!item.systemOut && item.hasPhysical) {
-        this.btnList.push({
-          text: this.$lwLanguage.get('', '补打异常标识卡'),
-          click: this.printLabel
-        })
-      }
-
-    },
-
-    // 反馈异常点击
-    feedbackClick(){
-      this.feedback.value = ''
-      this.feedback.show = true
-      this.feedback.focus = true
-    },
-    // 确认反馈异常
-    feedbackConfirm(){
-      if (!this.feedback.value){
-        this.feedback.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.whxvkura','反馈备注不能为空')
-        )
-        return
-      }
-
-      wmsProjectMobileAbnormalRecordFeedback({
-        recordId: this.recordId,
-        feedbackRemark: this.feedback.value
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.yzqekkne','反馈成功')
-        )
-
-        this.feedback.show = false
-        this.getData()
-      })
-    },
-
-    // 确认异常点击
-    abnConfirmClick(){
-      const item = this.abnDataObj[this.tabActive]
-      this.abnConfirm.confirmQty = item.qty
-      this.abnConfirm.remark = ''
-      this.abnConfirm.qty.value = item.qty
-      this.abnConfirm.show = true
-      this.abnConfirm.qty.focus = true
-    },
-    // 确认异常提交
-    abnConfirmSubmit(){
-      const num = Number(this.abnConfirm.qty.value || 0)
-
-      if (!num){
-        this.abnConfirm.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.dbamnjux','确认数量不能为空，且应当是大于0的整数')
-        )
-        return
-      }
-
-
-      if (num > this.abnConfirm.confirmQty){
-        this.abnConfirm.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.oplwdlao','确认数量不能大于上报数量')
-        )
-        return
-      }
-
-      wmsProjectMobileAbnormalRecordConfirm({
-        recordId: this.recordId,
-        confirmQty: this.abnConfirm.qty.value,
-        confirmRemark: this.abnConfirm.remark,
-        ownerId: this.abnDataObj[this.tabActive].ownerId,
-        snList: this.abnSnList.map(item => item.sn),
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.sturehko','确认成功')
-        )
-        this.abnConfirm.show = false
-        this.getData()
-      })
-    },
-
-    // 调入异常区按钮点击
-    goQuestionAreaClick(){
-      const item = this.abnDataObj[this.tabActive]
-      this.goQuestionArea.questionQty = item.confirmQty
-      this.goQuestionArea.lockReason = ''
-      this.goQuestionArea.lockReasonCode = ''
-      this.goQuestionArea.qty.value = item.confirmQty
-      this.goQuestionArea.show = true
-      this.goQuestionArea.qty.focus = true
-    },
-    // 调入问题区提交
-    goQuestionAreaSubmit(){
-      const num = Number(this.goQuestionArea.qty.value || 0)
-
-      if (!num){
-        this.goQuestionArea.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.dbamnjux','确认数量不能为空，且应当是大于0的整数')
-        )
-        return
-      }
-
-      if (num > this.goQuestionArea.questionQty){
-        this.goQuestionArea.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.oplwdlao','确认数量不能大于上报数量')
-        )
-        return
-      }
-
-      if (!this.goQuestionArea.lockReasonCode){
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.bmzddhmx','调入原因不能为空')
-        )
-        return
-      }
-
-      wmsProjectMobileAbnormalRecordLock({
-        recordId: this.recordId,
-        lockReasonCode: this.goQuestionArea.lockReasonCode,
-        lockQty: this.goQuestionArea.qty.value,
-        lockReason: this.goQuestionArea.lockReason,
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.rkzbbsve','操作成功')
-        )
-        this.goQuestionArea.show = false
-        this.getData()
-      })
-    },
-
-    // 完结按钮点击
-    overClick(){
-      this.over.forceClose = false
-      this.over.closeRemark = ''
-      this.over.show = true
-    },
-    // 完结提交
-    overSubmit(){
-      if (!this.over.closeRemark){
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.ekpmkewz','完结备注不能为空')
-        )
-
-        return
-      }
-
-      wmsProjectMobileAbnormalRecordCloseAbnormal({
-        recordId: this.recordId,
-        closeRemark: this.over.closeRemark,
-        forceClose: this.over.forceClose,
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.rkzbbsve','操作成功')
-        )
-        this.over.show = false
-        this.getData()
-      })
-    },
-
-    // 处理或备注点击
-    disposeRemarkClick(type){
-      if (type==='remark'){
-        this.disposeRemark.isDispose = false
-        this.disposeRemark.title = this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.jrbpxdxf','备注')
-      }else {
-        const confirmQty = this.abnDataObj[this.tabActive].confirmQty
-        this.disposeRemark.waitQty = Number(confirmQty || 0)
-        this.disposeRemark.isDispose = true
-        this.disposeRemark.title = this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.lomwpuef','处理异常')
-      }
-
-      this.disposeRemark.show = true
-    },
-    // 处理或备注提交
-    disposeRemarkSubmit(data){
-      const api = this.disposeRemark.isDispose ?
-        wmsProjectMobileAbnormalRecordHandleAbnormal :
-        wmsProjectMobileAbnormalRecordRemarkAbnormal
-
-      api({
-        recordId: this.recordId,
-        ownerId: this.abnDataObj[this.tabActive].ownerId,
-        ...data
-      }).then(()=>{
-
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.rkzbbsve','操作成功')
-        )
-        this.disposeRemark.show = false
-        this.getData()
-      })
-    },
-
-    //确认数量
-    qtyConfirm(){
-      this.abnConfirm.sn.focus = true
-    },
-
-    // 扫描序列号输入框确认
-    scanSnConfirm(val, {data}){
-
-      if (!data || !data.key){
-        this.abnConfirm.sn.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.inner.disposeAbnormal.snNotNull','序列号不能为空')
-        )
-        return
-      }
-
-      if (this.abnSnList.some(item=>item.sn === data.key)) {
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.inner.disposeAbnormal.snExist','当前sn已存在于sn列表中')
-        )
-        return
-      }
-
-      const abnQty = this.abnDataObj[this.tabActive].qty
-      const inputSnQty = this.abnSnList.map(i => parseInt(i.qty) || 0).reduce((a, b) => a + b, 0)
-
-
-
-      projectMobileQueryInvSn({
-        recordId: this.abnDataObj[this.tabActive].id,
-        ownerId: this.abnDataObj[this.tabActive].ownerId,
-        skuId: this.abnDataObj[this.tabActive].skuId,
-        sn: data.key
-      }).then((res)=>{
-
-        if(inputSnQty + res.snQty > abnQty){
-          this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.inner.disposeAbnormal.snMore','sn数量不能超过异常数量')
-          )
-          return
-        }
-
-        this.abnSnList.unshift({
-          snId: null,
-          sn: data.key,
-          qty: res.snQty
-        })
-      })
-
-      this.abnConfirm.sn.value=''
-      this.abnConfirm.sn.focus=true
-
-    },
-
-    // 补打异常标识卡
-    printLabel(){
-      if(!Object.keys(this.printData).length){
-        const {success, printData} = this.$lwPrint.test(
-          'ABNORMAL_RECORD_LABEL',
-          this.$lwLanguage.get('','异常标识卡')
-        )
-        if(!success) return
-        this.printData = printData
-      }
-
-      projectMobileAbnormalPrintLabel({
-        recordId:this.abnDataObj[this.tabActive].id
-      }).then(res=>{
-        if (!res.length) return
-        this.$lwPrint.bluetoothPrint({
-          taskId: res[0].id
-        })
-      })
-    }
-  },
-}
-</script>
-
-<style scoped lang="less">
-
-</style>