<script lang="ts" setup>
/**
 * 就诊类型标签：线下就诊 / 在线问诊 / 在线复诊
 * 对应处方、订单字段 is_online
 */
import { computed } from 'vue';

import { Tag } from 'ant-design-vue';

const props = defineProps<{
  /** 就诊渠道：0线下 1在线问诊 2/3在线复诊 */
  isOnline?: number | null;
}>();

const label = computed(() => {
  const v = Number(props.isOnline ?? 0);
  if (v === 1) return { text: '在线问诊', color: 'blue' };
  if (v === 2 || v === 3) return { text: '在线复诊', color: 'green' };
  return { text: '线下就诊', color: 'purple' };
});
</script>

<template>
  <Tag :color="label.color">{{ label.text }}</Tag>
</template>
