<template>
  <div class="disease-terminology">
    <div class="icd">
      <div class="icd-selector">
        <el-radio-group v-model="selectedIcd">
          <el-radio v-for="icd in icdOptions" :value="icd.value" :key="icd.value">{{ icd.label }}</el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="terminology-content">

    </div>
  </div>

</template>

<script setup>
import { ref } from 'vue'

const props = defineProps(['title'])
let selectedIcd = ref(1)
let icdOptions = ref([
  {
    label: "ICD-10临床版2.0",
    value: 1,
  },
  {
    label: 'ICD-10医保版2.0',
    value: 2
  },
  {
    label: "ICD-11",
    value: 3,
  }
])

</script>

<style lang="less" scoped>
.disease-terminology {
  margin-top: 5px;

  .icd {
    // width: 300px;

    .icd-selector {
      padding: 5px 10px 0px;
      background-color: #EEF6FF;
      border-radius: 4px;

      .el-radio-group {
        .el-radio {
          flex: 0 0 50%;
          margin: 0px;
        }
      }
    }
  }
}
</style>