<template>
  <view class="page-wraper">
    <view class="">
      <com-blank-view @goScan="showFromLocationPopup" v-if="detailSource.length == 0"></com-blank-view>
    </view>
    <view class="page-wraper" v-if="detailSource.length > 0">
      <view class="flex u-col-center" style="width: 100%; background-color: #fff">
        <view class="" style="margin-left: 20rpx; font-size: 30rpx; flex-shrink: 0">报废原因：</view>
        <view style="width: 100%">
          <!--  <uni-data-picker style="background-color: #fff; margin-right: 20rpx" class="uni-data-picker" placeholder="请选择报废原因" popup-title="报废原因" :localdata="reasonList" @change="reasonChange"> </uni-data-picker> -->
          <view class="choose-box1" style="background: white" @click="show = true">
            <view class="choose-item1">
              <view class="choose-text1"> {{ reasonText }}</view>
              <u-icon name="arrow-down-fill" color="#b4b4b4" size="24"></u-icon>
            </view>
          </view>
          <u-select v-model="show" :list="reasonList" @confirm="reasonChange"></u-select>
        </view>
      </view>
      <view class="page-main">
        <scroll-view scroll-y="true" class="page-main-scroll">
          <view class="detail-list" v-for="(item, index) in detailSource" :key="item.id">
            <view class="">
              <record-com-detail-card :dataContent="item" :index="index" :settingParam="dataContent" :isShowFromLocation="true" :isShowToLocation="false" @removeItem="removeItem(index, item)" @updateData="updateData" @removePack="removePack"> </record-com-detail-card>
            </view>
            <view class="split_line"></view>
          </view>
        </scroll-view>
      </view>

      <view class="page-footer">
        <view class="padding_20" style="background-color: ghostwhite; width: 100%">
          <view class=""> </view>

          <button class="btn_single_commit" hover-class="btn_commit_after" style="width: 100%" @click="commit">提交</button>
        </view>
      </view>
      <win-scan-button @goScan="openScanPopup"></win-scan-button>
    </view>

    <win-scan-pack-and-location ref="scanPopup" @getResult="getScanResult"></win-scan-pack-and-location>
    <com-message ref="comMessageRef" />
    <win-scan-location ref="scanLocationCode" title="来源库位" @getLocation="getLocation" :locationAreaTypeList="fromLocationAreaTypeList"></win-scan-location>
  </view>
</template>

<script setup lang="ts">
import { ref, getCurrentInstance, nextTick } from 'vue'
import { onShow, onLoad, onNavigationBarButtonTap } from '@dcloudio/uni-app'
import { scrapRequestCreate } from '@/api/request2.js'

import { goHome, getCurrDateOneMonthsTimes, navigateBack } from '@/common/basic.js'

import { getInventoryStatusDesc, getDirectoryItemArray, getScarpReasonList } from '@/common/directory.js'

import { getBusinessType, createItemInfo, createDetailInfo, calcHandleQty } from '@/common/record.js'

import winScanButton from '@/mycomponents/scan/winScanButton.vue'
import winScanPack from '@/mycomponents/scan/winScanPack.vue'
import comBlankView from '@/mycomponents/common/comBlankView.vue'
import winScanLocation from '@/mycomponents/scan/winScanLocation.vue'
import winScanPackAndLocation from '@/mycomponents/scan/winScanPackAndLocation.vue'
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue'
import { useCountStore } from '@/store'
// 获取自定义的store
const store = useCountStore()
const { proxy } = getCurrentInstance()

const id = ref('')
const receiptJob = ref({})
const received = ref(false)
const isShowPackingCode = ref(true)
const scanCount = ref(0)
const dataContent = ref({}) // 任务内容
const subList = ref([]) // 接口返回的任务
const detailSource = ref([]) // 绑定在页面上的数据源
const fromLocationInfo = ref({})
const fromLocationCode = ref('')
const isShowLocation = ref(false)
const fromLocationAreaTypeList = ref([])
const toLocationAreaTypeList = ref([])
const allowModifyLocation = ref(false)
const inInventoryStatus = ref('') // 目标入库库存状态
const outInventoryStatus = ref('') // 来源出库库存状态
const businessType = ref({})
const reasonList = ref([])
const reasonText = ref('请选择')
const reasonCode = ref('')
const comMessageRef = ref()
const scanPopup = ref()
const scanLocationCode = ref()
const show = ref(false)
onLoad((option) => {
  reasonList.value = getScarpReasonList()
  const typeCode = 'Scrap'
  getBusinessType(typeCode, (res) => {
    if (res.success) {
      businessType.value = res.businessType
      fromLocationAreaTypeList.value = res.fromLocationAreaTypeList
      toLocationAreaTypeList.value = res.toLocationAreaTypeList
      showFromLocationPopup()
    } else {
      showErrorMessage(res.message)
    }
  })
})
// 返回首页
onNavigationBarButtonTap((e) => {
  if (e.index === 0) {
    goHome()
  }
})

const getScanResult = (result) => {
  const { balance } = result
  const { label } = result
  const pack = result.package
  const item = detailSource.value.find((res) => {
    if (res.itemCode == balance.itemCode) {
      return res
    }
  })
  if (item == undefined) {
    const itemp = createItemInfo(balance, pack)
    const newDetail = createDetailInfo(balance, pack) //
    itemp.subList.push(newDetail)
    detailSource.value.push(itemp)
  } else {
    const detail = item.subList.find((r) => {
      if (r.packingNumber == balance.packingNumber && r.batch == balance.batch && r.locationCode == balance.locationCode && r.inventoryStatus == balance.inventoryStatus) {
        return r
      }
    })
    if (detail == undefined) {
      const newDetail = createDetailInfo(balance, pack)
      item.subList.push(newDetail)
    } else if (detail.scaned == true) {
      showErrorMessage(`箱码[${balance.packingNumber}批次[${balance.batch}]已经在列表中`)
    }
  }
  handleCalcHandleQty()
}

const handleCalcHandleQty = () => {
  calcHandleQty(detailSource.value)
}

const removeItem = (index, item) => {
  detailSource.value.splice(index, 1)
}

const removePack = () => {
  for (let i = 0; i < detailSource.value.length; i++) {
    const item = detailSource.value[i]
    if (item.subList.length == 0) {
      detailSource.value.splice(i, 1)
    }
  }
  updateData()
}

const openScanPopup = () => {
  if (fromLocationCode.value == '') {
    showFromLocationPopup()
    return
  }
  scanPopup.value.openScanPopupForType(fromLocationCode.value, businessType.value)
}
const showFromLocationPopup = () => {
  nextTick(() => {
    scanLocationCode.value.openScanPopup()
  })
}
const closeScanPopup = () => {
  if (scanPopup.value != undefined) {
    scanPopup.value.closeScanPopup()
  }
}

const scanPopupGetFocus = () => {
  if (scanPopup.value != undefined) {
    scanPopup.value.getfocus()
  }
}

const commit = () => {
  if (reasonText.value == '') {
    showMessage('请先选择报废原因')
    return
  }
  if (detailSource.value.length == 0) {
    showErrorMessage('请先扫描数据')
    return
  }
  // 允许部分提交

  proxy.$modal.loading('提交中....')

  const params = setRequestParams()
  scrapRequestCreate(params)
    .then((res) => {
      uni.hideLoading()
      if (res.data) {
        showCommitSuccessMessage(`提交成功<br>生成报废出库申请<br>${res.data}`)
      } else {
        showErrorMessage(`提交失败[${res.msg}]`)
      }
    })
    .catch((error) => {
      uni.hideLoading()
      showErrorMessage(error)
    })
}

const setRequestParams = () => {
  const subList = []
  detailSource.value.forEach((item) => {
    item.subList.forEach((detail) => {
      if (detail.scaned) {
        detail.fromLocationCode = detail.locationCode
        subList.push(detail)
      }
    })
  })

  dataContent.value.subList = subList
  dataContent.value.status = 1
  dataContent.value.dueTime = getCurrDateOneMonthsTimes()
  return dataContent.value
}

const showMessage = (message) => {
  comMessageRef.value.showMessage(message, (res) => {
    if (res) {
    }
  })
}
const showErrorMessage = (message) => {
  comMessageRef.value.showErrorMessage(message, (res) => {
    if (res) {
    }
  })
}
const showScanMessage = (message) => {
  comMessageRef.value.showScanMessage(message)
}

const afterCloseMessage = () => {
  scanPopupGetFocus()
}

const closeScanMessage = () => {
  scanPopupGetFocus()
}

const getLocation = (location, code) => {
  getFromLocationCode(location, code)
}
const getFromLocationCode = (location, code) => {
  fromLocationInfo.value = location
  fromLocationCode.value = code
  openScanPopup()
}

const showCommitSuccessMessage = (hint) => {
  comMessageRef.value.showSuccessMessage(hint, (res) => {
    navigateBack(1)
  })
}
const updateData = () => {
  handleCalcHandleQty()
  for (let i = 0; i < detailSource.value.length; i++) {
    const item = detailSource.value[i]
    if (item.qty == 0) {
      detailSource.value.splice(i, 1)
    }
  }
}

const reasonChange = (e) => {
  console.log(e)
  if (e.length == 0) {
    reasonCode.value = ''
    reasonText.value = ''
  } else {
    reasonCode.value = e[0].value
    reasonText.value = e[0].label
  }
}
</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>
