<template>
  <span v-if="imgUrl==0">
    十级
  </span>
  <span v-else>
    <el-image :src="imgUrl" style="width: 70px;" />
    <!--    {{ szToHz(levelForImg) }}级-->
  </span>
</template>

<script setup>
// import { szToHz } from '@/utils/ruoyi'
import { watch, ref } from 'vue'
const imgUrl = ref('0')

const props = defineProps({
  level: {
    type: String,
    default: null
  }
})
// const levelForImg = computed(() => {
//   const temp = parseInt(props.level || '0')
//   if (temp > 0 && temp < 10) {
//     return temp
//   } else {
//     return 0
//   }
// })

watch(() => props.level, (newV) => {
  if (newV > 0 && newV < 10) {
    imgUrl.value = `/img/ji/${newV}.png`
  } else {
    imgUrl.value = '0'
  }
}, { deep: true, immediate: true })
// imgUrl.value = new URL(`/src/assets/images/ji/${levelForImg.value}.png`, import.meta.url).href
// imgUrl.value = `/img/ji/${levelForImg.value}.png`

</script>

<style scoped>

</style>