@logwire/logwire-wms-pda-ui 1.1.15

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

@@ -0,0 +1,524 @@
+<!--
+  异常处理 - 执行页
+  @author: 张文
+  @date: 2022-06-23
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','异常详情12333')"/>
+
+    <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('','反馈异常')"
+      v-model="feedback.show"
+    >
+      <lw-input
+        :title="$lwLanguage.get('','反馈备注')"
+        v-model="feedback.value"
+        :get-focus.sync="feedback.focus"
+        type="textarea"
+        :rows="4"
+        required
+      />
+
+      <template #button>
+
+        <lw-button @click="feedbackConfirm">
+          {{ $lwLanguage.get('','提交') }}
+        </lw-button>
+
+      </template>
+    </lw-popup>
+
+    <!-- 确认异常弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('','确认异常')"
+      v-model="abnConfirm.show"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('','确认数量')"
+        v-model="abnConfirm.qty.value"
+        :get-focus.sync="abnConfirm.qty.focus"
+        type="digit"
+        required
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('','确认备注')"
+        v-model="abnConfirm.remark"
+        type="textarea"
+        :rows="4"
+      />
+
+      <template #button>
+
+        <lw-button @click="abnConfirmSubmit">
+          {{ $lwLanguage.get('','提交') }}
+        </lw-button>
+
+      </template>
+    </lw-popup>
+
+    <!-- 调入异常区 -->
+    <lw-popup
+      :title="$lwLanguage.get('','调入异常区')"
+      v-model="goQuestionArea.show"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('','调入数量')"
+        v-model="goQuestionArea.qty.value"
+        :get-focus.sync="goQuestionArea.qty.focus"
+        type="digit"
+        input-align="right"
+        required
+      />
+
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('','调入原因')"
+        v-model="goQuestionArea.lockReasonCode"
+        required
+        dict-key="inventory_biz_lock_reason_choice"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('','调入原因备注')"
+        v-model="goQuestionArea.lockReason"
+        type="textarea"
+        :rows="4"
+        input-align="right"
+      />
+
+      <template #button>
+
+        <lw-button @click="goQuestionAreaSubmit">
+          {{ $lwLanguage.get('','提交') }}
+        </lw-button>
+
+      </template>
+    </lw-popup>
+
+    <!-- 完结 -->
+    <lw-popup
+      :title="$lwLanguage.get('','完结')"
+      v-model="over.show"
+    >
+
+      <lw-cell
+        :title="$lwLanguage.get('', '强制完结')"
+        :is-link="false"
+      >
+        <template #value>
+          <van-switch
+            v-model="over.forceClose"
+            size="18px"
+          />
+        </template>
+      </lw-cell>
+
+      <lw-input
+        :title="$lwLanguage.get('','完结备注')"
+        v-model="over.closeRemark"
+        type="textarea"
+        :rows="4"
+        input-align="right"
+        required
+      />
+
+      <template #button>
+
+        <lw-button @click="overSubmit">
+          {{ $lwLanguage.get('','提交') }}
+        </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('','反馈异常'),
+          click: this.feedbackClick
+        },
+        confirm:{
+          text: this.$lwLanguage.get('','确认异常'),
+          click: this.abnConfirmClick
+        },
+        goQuestionArea:{
+          text: this.$lwLanguage.get('','调入异常区'),
+          click: this.goQuestionAreaClick
+        },
+        over:{
+          text: this.$lwLanguage.get('','完结'),
+          click: this.overClick
+        },
+        remark:{
+          text: this.$lwLanguage.get('','备注'),
+          click: ()=>this.disposeRemarkClick('remark')
+        },
+        dispose:{
+          text: this.$lwLanguage.get('','处理异常'),
+          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('','反馈备注不能为空')
+        )
+        return
+      }
+
+      wmsProjectMobileAbnormalRecordFeedback({
+        recordId: this.recordId,
+        feedbackRemark: this.feedback.value
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','反馈成功')
+        )
+
+        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('','确认数量不能为空，且应当是大于0的整数')
+        )
+        return
+      }
+
+
+      if (num > this.abnConfirm.confirmQty){
+        this.abnConfirm.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','确认数量不能大于上报数量')
+        )
+        return
+      }
+
+      wmsProjectMobileAbnormalRecordConfirm({
+        recordId: this.recordId,
+        confirmQty: this.abnConfirm.qty.value,
+        confirmRemark: this.abnConfirm.remark
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','确认成功')
+        )
+        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('','确认数量不能为空，且应当是大于0的整数')
+        )
+        return
+      }
+
+      if (num > this.goQuestionArea.questionQty){
+        this.goQuestionArea.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','确认数量不能大于上报数量')
+        )
+        return
+      }
+
+      if (!this.goQuestionArea.lockReasonCode){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','调入原因不能为空')
+        )
+        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('','操作成功')
+        )
+        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('','完结备注不能为空')
+        )
+
+        return
+      }
+
+      wmsProjectMobileAbnormalRecordCloseAbnormal({
+        recordId: this.recordId,
+        closeRemark: this.over.closeRemark,
+        forceClose: this.over.forceClose,
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','操作成功')
+        )
+        this.over.show = false
+        this.getData()
+      })
+    },
+
+    // 处理或备注点击
+    disposeRemarkClick(type){
+      if (type==='remark'){
+        this.disposeRemark.isDispose = false
+        this.disposeRemark.title = this.$lwLanguage.get('','备注')
+      }else {
+        const confirmQty = this.abnDataObj[this.tabActive].confirmQty
+        this.disposeRemark.waitQty = Number(confirmQty || 0)
+        this.disposeRemark.isDispose = true
+        this.disposeRemark.title = this.$lwLanguage.get('','处理异常')
+      }
+
+      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('','操作成功')
+        )
+        this.disposeRemark.show = false
+        this.getData()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>