<template>
  <!-- 10-草稿 -->
  <a-tag v-if="props.record.instanceStatus == 10">{{ props.record.instanceStatusWrapper }}</a-tag>
  <!-- 20:处理中 blue -->
  <a-tag v-else-if="props.record.instanceStatus == 20" color="blue" class="blue">{{ props.record.instanceStatusWrapper }}</a-tag>
  <!-- 30:已完成 -->
  <a-tag v-else-if="props.record.instanceStatus == 30" color="green">{{ props.record.instanceStatusWrapper }}</a-tag>
  <!-- 40:已拒绝  -->
  <a-tag v-else-if="props.record.instanceStatus == 40" color="red">{{ props.record.instanceStatusWrapper }}</a-tag>
  <!-- 50:挂起 -->
  <a-tag v-else-if="props.record.instanceStatus == 50" color="blue">{{ props.record.instanceStatusWrapper }}</a-tag>
  <!-- 60:作废 -->
  <a-tag v-else-if="props.record.instanceStatus == 60" color="purple">{{ props.record.instanceStatusWrapper }}</a-tag>
  <!-- 其他-预览-->
  <a-tag v-else color="cyan">{{ props.record.instanceStatusWrapper }}</a-tag>
</template>

<script setup name="InstanceStatusTag">
// 接收属性
const props = defineProps({
  record: {
    type: Object,
    default: () => {}
  }
});
</script>
<style lang="less" scoped>
.blue {
  color: #0F56D7 !important;
  background: rgba(207, 221, 247, 0.35) !important;
  border-color: rgba(207, 221, 247, 0.35) !important;
}
</style>
