sfms3.0-uniapp/src/pages/count/job/fuzzyCountDetail.vue

<template>
  <view class="page-wraper">
    <view class="page-header">
      <view class="header_job_top">
        <job-top :dataContent="jobContent"></job-top>
      </view>
    </view>

    <view class="page-main" style="height: 500px">
      <view class="">
        <com-blank-view @goScan="showFromLocationPopup" v-if="detailSource.length == 0"></com-blank-view>
      </view>
      <scroll-view scroll-y="true" class="page-main-scroll">
        <uni-swipe-action ref="swipeAction">
          <uni-swipe-action-item @click="removeData($event, dataContent)" :right-options="removeOptions">
            <view class="detail-list" v-for="(item, index) in detailSource" :key="item.id">
              <view class="">
                <package-and-item-card :dataContent="item"></package-and-item-card>
                <!-- <com-count-detail-card :ref="'countDetail_'+index" :dataContent="item" :index="index"
								@editItem="editItem" :settingParam="jobContent" @remove="updateData"
								@updateData="updateData">
							</com-count-detail-card> -->
              </view>
              <view class="split_line"></view>
            </view>

            <!-- <item-qty v-if="settingParam.isOpenCount=='TRUE'" :dataContent="dataContent"
							:handleQty="dataContent.handleQty" :isShowBalanceQty="false">
						</item-qty>
						<item-qty v-else :dataContent="dataContent" :handleQty="dataContent.handleQty"
							:isShowBalanceQty="true" :showRecommendQty="false" :showStdPack="true">
						</item-qty> -->
          </uni-swipe-action-item>
        </uni-swipe-action>
      </scroll-view>
    </view>

    <view class="page-footer">
      <view class="uni-flex u-col-center space-between padding_10" style="background-color: ghostwhite; width: 100%">
        <view class=""> </view>
        <view class="uni-flex uni-row">
          <button class="btn_single_commit" hover-class="btn_commit_after" @click="commit">提交</button>
        </view>
      </view>
    </view>

    <win-scan-button v-if="fromLocationCode != ''" @goScan="openScanPopup"></win-scan-button>
    <win-scan-pack ref="scanPopup" @getResult="getScanResult"></win-scan-pack>

    <win-scan-location ref="scanLocationCode" title="盘点库位" @getLocation="getLocation"></win-scan-location>

    <count-qty-edit ref="countQtyEdit" @confirm="editConfirm" @close="editClose" :isShowStatus="true" :allowEditStatus="editInventoryStatus" :isShowBalance="jobContent.isOpenCount == 'TRUE'"> </count-qty-edit>
    <comMessage ref="comMessage"></comMessage>
  </view>
</template>

<script>
import { Decimal } from 'decimal.js' // 引入
import { getCountJobDetail, takeCountJob, cancleTakeCountJob, countJobSubmit } from '@/api/request2.js'
import { calc } from '@/common/calc.js'

import { goHome, navigateBack, getPackingNumberAndBatch } from '@/common/basic.js'
import { getCountStageName } from '@/common/directory.js'

import winScanButton from '@/mycomponents/scan/winScanButton.vue'
import winScanPack from '@/mycomponents/scan/winScanPack.vue'
import comCountDetailCard from '@/pages/count/coms/comCountDetailCard.vue'
// import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue"
import winScanLocation from '@/mycomponents/scan/winScanLocation.vue'
import countQtyEdit from '@/mycomponents/qty/countQtyEdit.vue'
import jobTop from '@/mycomponents/job/jobTop.vue'
import comBlankView from '@/mycomponents/common/comBlankView.vue'
import PackageAndItemCard from '@/mycomponents/package/PackageAndItemCard.vue'

export default {
  name: 'receipt_detail',
  components: {
    winScanButton,
    winScanPack,
    comCountDetailCard,
    // winScanPackAndLocation,
    winScanLocation,
    countQtyEdit,
    jobTop,
    comBlankView,
    PackageAndItemCard
  },
  data() {
    return {
      id: '',
      scanCount: 0,
      jobContent: {}, // 任务内容
      subList: [], // 接口返回的任务subList
      detailSource: [], // 绑定在页面上的数据源
      balance: {}, // 库存余额
      editInventoryStatus: false,
      package: {}, // 包装
      label: {}, // 标签
      currentEditItem: {},
      jobStatus: '',
      fromLocation: {},
      fromLocationCode: ''
    }
  },
  onLoad(option) {
    this.id = option.id
    if (this.id != undefined) {
      // 新建的任务自动接收
      if (option.status == '1') {
        this.receive((callback) => {
          this.getDetail()
        })
      } else {
        this.getDetail()
      }
    }
    this.showFromLocationPopup()
  },
  // 返回首页
  onNavigationBarButtonTap(e) {
    if (e.index === 0) {
      goHome()
    }
  },
  // 拦截返回按钮事件
  onBackPress(e) {
    // 已经接收但是没提交任务
    if (e.from === 'backbutton') {
      if (this.jobStatus == '2') {
        // 取消承接任务
        cancleTakeCountJob(this.id)
          .then((res) => {
            uni.navigateBack()
          })
          .catch((error) => {
            uni.navigateBack()
          })
      } else {
        uni.navigateBack()
      }
      return true
    }
  },

  onPullDownRefresh() {
    // uni.stopPullDownRefresh();
  },

  mounted() {},
  methods: {
    // 接收
    receive(callback) {
      if (this.id != null) {
        takeCountJob(this.id)
          .then((res) => {
            callback()
          })
          .catch((error) => {
            this.showErrorMessage(error)
          })
      }
    },

    getDetail() {
      const that = this
      uni.showLoading({
        title: '加载中....',
        mask: true
      })
      getCountJobDetail(that.id)
        .then((res) => {
          uni.hideLoading()
          that.jobContent = res.data
          that.jobStatus = res.data.status
        })
        .catch((error) => {
          uni.hideLoading()
          this.showErrorMessage(error)
        })
    },

    showFromLocationPopup() {
      this.$nextTick(() => {
        this.$refs.scanLocationCode.openScanPopup()
      })
    },

    getLocation(location, code) {
      this.getFromLocationCode(location, code)
    },

    getFromLocationCode(location, code) {
      this.fromLocation = location
      this.fromLocationCode = code
      this.openScanPopup()
    },

    openScanPopup() {
      this.$refs.scanPopup.openScanPopup()
    },

    closeScanPopup() {
      this.$refs.scanPopup.closeScanPopup()
    },

    scanPopupGetFocus() {
      if (this.$refs.scanPopup != undefined) {
        this.$refs.scanPopup.getfocus()
      }
    },

    closeScanPopup() {
      if (this.$refs.scanPopup != undefined) {
        this.$refs.scanPopup.closeScanPopup()
      }
    },

    scanPopupGetFocus() {
      if (this.$refs.scanPopup != undefined) {
        this.$refs.scanPopup.packGetFocus()
      }
    },

    scanPopupLoseFocus() {
      if (this.$refs.scanPopup != undefined) {
        this.$refs.scanPopup.packLoseFocus()
      }
    },

    // 明盘
    getScanResult(result) {
      const that = this
      const item = this.createDetailInfo(result.package)
      this.detailSource.push(item)
    },

    // 创建盘盈的明细
    createDetailInfo(packInfo) {
      const detail = {
        scaned: true,
        // countDetailNumber: "",
        number: this.jobContent.number,
        packingNumber: packInfo.number,
        batch: packInfo.batch,
        inventoryStatus: 'OK',
        itemCode: packInfo.itemCode,
        itemName: packInfo.itemName,
        itemDesc1: packInfo.itemDesc1,
        itemDesc2: packInfo.itemDesc2,
        projectCode: '',
        qty: packInfo.qty,
        uom: packInfo.uom,
        remark: '',
        locationCode: this.fromLocationCode,
        creator: this.$store.state.user.id,
        warehouseCode: this.fromLocation.warehouseCode,
        areaCode: this.fromLocation.areaCode,
        locationGroupCode: this.fromLocation.locationGroupCode
      }
      return detail
    },

    // 编辑盘点结果
    editCountResult(item, subItem) {
      const that = this
      this.$refs.comMessage.showQuestionMessage(`箱码【${that.label.packingNumber}】已经完成盘点,是否要编辑盘点结果?`, (res) => {
        if (res) {
          this.currentEditItem = subItem
          this.$refs.countQtyEdit.openEditPopup(subItem, item.subList)
          // this.$refs.countQtyEdit.openEditPopupShowSeconds(subItem,
          // 	item.subList);
        } else {
          this.scanPopupGetFocus()
        }
      })
    },

    editClose() {
      this.scanPopupGetFocus()
    },

    commit() {
      // if(this.detailSource.length==0)
      // {

      // }
      uni.showLoading({
        title: '提交中....',
        mask: true
      })
      const params = this.setParams()
      console.log('提交参数', JSON.stringify(params))
      countJobSubmit(params)
        .then((res) => {
          uni.hideLoading()
          if (res.data == null) {
            this.showCommitSuccessMessage('提交成功')
          } else {
            this.showErrorMessage(`提交失败[${res.msg}]`)
          }
        })
        .catch((error) => {
          uni.hideLoading()
          this.showErrorMessage(error)
        })
    },

    setParams() {
      const subList = []
      const creator = this.$store.state.user.id
      this.jobContent.subList = this.detailSource
      // this.jobContent.creator = creator;
      return this.jobContent
    },

    showMessage(message) {
      this.$refs.comMessage.showMessage(message, (res) => {
        if (res) {
          this.afterCloseMessage()
        }
      })
    },
    showErrorMessage(message) {
      this.$refs.comMessage.showErrorMessage(message, (res) => {
        if (res) {
          this.afterCloseMessage()
        }
      })
    },

    showScanMessage(message) {
      this.$refs.comMessage.showScanMessage(message)
    },

    afterCloseMessage() {
      this.scanPopupGetFocus()
    },

    closeScanMessage() {
      this.scanPopupGetFocus()
    },

    editItem(item) {
      this.currentEditItem = item
      const detail = this.detailSource.find((r) => r.itemCode == item.itemCode)
      this.$refs.countQtyEdit.openEditPopup(item, detail.subList)
    },

    showCommitSuccessMessage(hint) {
      this.$refs.comMessage.showSuccessMessage(hint, (res) => {
        navigateBack(1)
      })
    },
    getCountStageName(value) {
      return getCountStageName(value)
    },
    isOpenCount(value) {
      return value == 'TRUE' ? '明盘' : '盲盘'
    }
  }
}
</script>

<style scoped lang="scss">
page {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.page-wraper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.page-main {
  flex: 1;
  position: relative;
}

.page-main-scroll {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.page-main-list {
  /*  height: 80rpx;
	    line-height: 80rpx; */
  text-align: center;
  background: #e0e0e0;
}
</style>