<template>
  <view class="p8">
    <navbar-back title="样品归库"></navbar-back>
    <uni-section type="line" title="库位编码"> </uni-section>
    <up-input
      v-model="locationCode"
      placeholder="请扫描库位编码"
      prefixIcon="scan"
      fontSize="16"
      prefixIconStyle="font-size: 30px;"
    >
    </up-input>
    <uni-section type="line" title="样品编号"> </uni-section>
    <up-input
      v-model="sampleCode"
      placeholder="请扫描样品编号"
      prefixIcon="scan"
      fontSize="16"
      prefixIconStyle="font-size: 30px;"
    >
      <template #suffix>
        <view class="fs18 font-bold" style="color: red" v-if="successCount > 0">{{ successCount }}</view>
      </template>
    </up-input>
    <up-button class="mt20" type="primary" style="width: 50%" text="清空" @click="handleReset"></up-button>
  </view>
</template>

<script setup>
import { ref, reactive, computed, onMounted, toRefs, watch } from 'vue'
import { onShow } from '@dcloudio/uni-app'
import nx from '@/nx'

function isJsonString(str) {
  if (typeof str !== 'string') return false

  try {
    const parsed = JSON.parse(str)
    return typeof parsed === 'object' && parsed !== null
  } catch (e) {
    return false
  }
}

const { scanQRInfo } = toRefs(nx.$store('biz'))
watch(scanQRInfo, newVal => {
  if (newVal && nx.$router.getCurrentPage().route == 'pages/sampleWarehouse/returnToStock/index') {
    try {
      if (!isJsonString(newVal)) {
        if (!locationCode.value) {
          uni.showToast({
            title: '请先扫描库位码',
            icon: 'none'
          })
          scanQRInfo.value = ''
          return
        } else {
          sampleCode.value = newVal
          // 执行归库
          handleReturnToStock()
        }
      } else {
        const codeObj = JSON.parse(newVal)
        locationCode.value = codeObj.code
      }
      scanQRInfo.value = ''
    } catch (error) {
      scanQRInfo.value = ''
      uni.showToast({
        title: '请扫描样品编码',
        icon: 'none'
      })
    }
  }
})
onShow(() => {
  scanQRInfo.value = ''
})
let needPrint = ref(false)

let locationCode = ref('')
let sampleCode = ref('')

function handleReturnToStock() {
  nx.$api.sampleWarehouse
    .execReturnToStock({
      warehouseLocationCode: locationCode.value,
      sampleCode: sampleCode.value
    })
    .then(res => {
      successCount.value++
      if (res.print) {
        uni.showToast({
          title: `归库成功，归库码为【${res.code}】`,
          duration: 3000,
          icon: 'none'
        })
        // 执行打印
      }
    })
}

const successCount = ref(2)
function handleReset() {
  locationCode.value = ''
  sampleCode.value = ''
  successCount.value = 0
}
</script>

<style lang="scss" scoped></style>
