<template>
  <view class="">
    <u-popup v-model="show" mode="bottom">
      <detail-common-info :dataContent="dataContent"></detail-common-info>
    </u-popup>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { getInventoryStatusName, getPackUnitInfo } from '@/common/directory.js'

import detailCommonInfo from '@/mycomponents/detail/detailCommonInfo.vue'

const props = defineProps({
  title: {
    type: String,
    default: ''
  }
})
const show = ref(false)
const dataContent = ref('')
const openScanPopup = (val) => {
  dataContent.value = val
  setTimeout((res) => {
    show.value = true
  }, 500)
}
const closeScanPopup = () => {
  show.value = false
}
const getInventoryStatusInfo = (value) => {
  return getInventoryStatusName(value).label
}
const getPackUnit = (uom) => {
  const item = getPackUnitInfo(uom)
  if (item == '') {
    return uom
  }
  return item.label
}
</script>

<style>
.popup_box {
  width: 500rpx;
  height: 500rpx;
}

.item_big_title {
  color: #2196f3;
  font-size: 35rpx;
  margin-top: 15rpx;
  margin-bottom: 15rpx;
}

.item {
  padding-top: 5rpx;
  padding-bottom: 5rpx;
}

.item_title {
  color: #000000;
  font-size: 32rpx;
}
</style>
