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

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

@@ -1,524 +1,634 @@
-<!--
-  异常处理 - 执行页
-  @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">
-
-      <div class="lw-global-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>
-      </div>
-
-    </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
-      />
-
-      <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-model="disposeRemark.show"
-      :wait-qty="disposeRemark.waitQty"
-      :is-dispose="disposeRemark.isDispose"
-      :title="disposeRemark.title"
-      @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
-} 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: false,
-        },
-      },
-
-      // 调入问题区
-      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: ''
-      }
-    }
-  },
-  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()
-      })
-    },
-
-    // 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;
-      }
-
-    },
-
-    // 反馈异常点击
-    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
-      }).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){
-      console.log(data)
-      const api = this.disposeRemark.isDispose ?
-        wmsProjectMobileAbnormalRecordHandleAbnormal :
-        wmsProjectMobileAbnormalRecordRemarkAbnormal
-
-      api({
-        recordId: this.recordId,
-        ...data
-      }).then(()=>{
-
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.inner.disposeAbnormal.action.rkzbbsve','操作成功')
-        )
-        this.disposeRemark.show = false
-        this.getData()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  异常处理 - 执行页
+  @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">
+
+      <div class="lw-global-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>
+      </div>
+
+    </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[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
+} 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: ''
+      }
+    }
+  },
+  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;
+      }
+
+    },
+
+    // 反馈异常点击
+    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){
+      console.log(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
+
+    }
+  },
+}
+</script>
+
+<style scoped lang="less">
+
+</style>