<template>
  <job-com-main-card :dataContent="dataContent">
    <view v-if="dataContent.countRange != undefined" class="">
      <view v-for="(range, index) in dataContent.countRange" :key="index">
        <view class="card_view">
          <text class="card_packing_code">{{ getCountScopeName(range.type) }}</text>
          <text class="card_content">{{ range.value }}</text>
        </view>
      </view>
    </view>
  </job-com-main-card>
</template>

<script setup lang="ts">
import { ref, onMounted, nextTick, watch } from 'vue'
import { getCountScopeType } from '@/common/directory.js'
import jobComMainCard from '@/mycomponents/job/jobComMainCard.vue'
import jobComMainDetailCard from '@/mycomponents/job/jobComMainDetailCard.vue'
import toLocation from '@/mycomponents/balance/toLocation.vue'

const props = defineProps({
  dataContent: {
    type: Object,
    default: {}
  }
})
const getCountScopeName = () => {
  const item = getCountScopeType(value)
  return item.label
}
</script>

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