<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="uni-flex uni-row u-col-center" style="width: 100%" v-if="detailSource.length > 0">
        <view class="" style="text-align: center; font-size: 32rpx; font-weight: 700; margin-left: 20rpx"> 报废原因 : </view>
        <!-- 	<uni-data-picker v-if="detailSource.length>0" style="padding: 20rpx; background-color:#fff;"
					class='uni-data-picker' placeholder="请选择原因" popup-title="选择报废原因" :localdata="reasonList"
					@change="reasonChange">
				</uni-data-picker> -->
        <view class=""  style="width: 75%;">
          <u-input v-if="detailSource.length>0"  v-model="reasonText" placeholder="请输入报废原因" maxlength='24'></u-input>
        </view>
      </view>
      <view class='split_line'></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" @removeItem="removeItem(index, item)" @updateData="updateData" :isShowToLocation="false" @removePack="removePack"> </record-com-detail-card>
            </view>
            <view class="split_line"></view>
          </view>
        </scroll-view>
      </view>

      <view class="page-footer">
        <view class="uni-flex u-col-center space-between padding_10" style="background-color: ghostwhite; width: 100%">
          <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 { onLoad, onNavigationBarButtonTap, onReady, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
import { scrapRecordSubmit } from '@/api/request2.js'

import { goHome, deepCopyData } 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 dataContent = ref({}) // 内容
const subList = ref([]) // 接口返回的任务subList
const detailSource = ref([]) // 绑定在页面上的数据源
const fromLocationCode = ref('')
const fromLocationAreaTypeList = ref([])
const toLocationAreaTypeList = ref([])
const inInventoryStatus = ref('') // 目标入库库存状态
const outInventoryStatus = ref('') // 来源出库库存状态
const businessType = ref({})
const reasonList = ref([])
const reasonText = ref('请选择')
const comMessageRef = ref()
const scanPopup = ref()
const scanLocationCode = ref()
const managementList = ref([])
const show = ref(false)
onLoad((option) => {
  uni.setNavigationBarTitle({
    title: option.title
  })
  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 showErrorMessage = (message) => {
  comMessageRef.value.showErrorMessage(message, (res) => {
    if (res) {
    }
  })
}

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 = () => {
  proxy.$modal.loading('提交中....')
  const params = setParams()
  scrapRecordSubmit(params)
    .then((res) => {
      uni.hideLoading()
      if (res.data) {
        showCommitSuccessMessage(`提交成功\n生成报废出库记录\n${res.data}`)
      } else {
        showErrorMessage(`提交失败[${res.msg}]`)
      }
    })
    .catch((error) => {
      uni.hideLoading()
      showErrorMessage(error)
    })
}

const setParams = () => {
  const subList = []
  const creator = store.id
  detailSource.value.forEach((item) => {
    item.subList.forEach((detail) => {
      if (detail.scaned) {
        const submitItem = deepCopyData(detail)
        submitItem.itemCode = detail.itemCode
        submitItem.itemName = detail.package.itemName
        submitItem.itemDesc1 = detail.package.itemDesc1
        submitItem.itemDesc2 = detail.package.itemDesc2

        submitItem.inventoryStatus = detail.inventoryStatus

        detail.fromPackingNumber = detail.packingNumber
        detail.toPackingNumber = detail.packingNumber

        submitItem.fromContainerNumber = detail.containerNumber
        submitItem.toContainerNumber = detail.containerNumber

        submitItem.fromBatch = detail.batch
        submitItem.toBatch = detail.batch

        submitItem.fromLocationCode = detail.locationCode
        submitItem.toLocationCode = ''

        submitItem.reason = reasonText.value
        submitItem.qty = detail.handleQty
        submitItem.package = ''
        subList.push(submitItem)
      }
    })
  })

  dataContent.value.subList = subList
  dataContent.value.creator = creator
  return dataContent.value
}
const showScanMessage = (message) => {
  comMessageRef.value.showScanMessage(message)
}
const afterCloseMessage = () => {
  scanPopupGetFocus()
}
const closeScanMessage = () => {
  scanPopupGetFocus()
}

const getLocation = (location, code) => {
  getFromLocationCode(location, code)
}
const getFromLocationCode = (location, code) => {
  fromLocationCode.value = code
  openScanPopup()
}
const showCommitSuccessMessage = (hint) => {
  comMessageRef.value.showSuccessMessage(hint, (res) => {
    if (res) {
      clearData()
    }
  })
}
const clearData = () => {
  reasonCode.value = ''
  fromLocationCode.value = ''
  reasonText.value = ''
  subList.value = []
  detailSource.value = []
  managementList.value = []
  dataContent.value = {}
}
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)
    }
  }
}
</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>
