<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>

    <up-radio-group v-model="changeType">
      <up-radio
        :customStyle="{ marginBottom: '8px' }"
        v-for="(item, index) in changeTypeOptions"
        :key="index"
        :label="item.label"
        :name="item.name"
      >
      </up-radio>
    </up-radio-group>
    <up-input
      v-model="sampleCode"
      :placeholder="`请扫描${changeType == 'sample' ? '样品编号' : '库位编码'}`"
      prefixIcon="scan"
      fontSize="16"
      prefixIconStyle="font-size: 30px;"
    >
    </up-input>
    <uni-section type="line" title="样品及当前归库信息">
      <uni-card>
        <view
          >样品名称：<text>{{ sampleData.sampleName }}</text></view
        >
        <view class="mt4"
          >样品库名称：<text>{{ sampleData.sampleCode }}</text></view
        >
        <view class="mt4"
          >归库编码：<text>{{ sampleData.sampleCode }}</text></view
        >
        <view class="mt4"
          >(原)库位编码：<text>{{ sampleData.sampleCode }}</text></view
        >
      </uni-card>
    </uni-section>
    <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'

const changeType = ref('sample')
const changeTypeOptions = reactive([
  {
    name: 'sample',
    label: '按样品变更'
  },
  {
    name: 'location',
    label: '按库位变更'
  }
])
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 {
          if (changeType.value == 'sample') {
            sampleCode.value = newVal
          } else {
          }
          // 执行
          // 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>
