<template>
  <!-- 10-发起 -->
  <a-tag v-if="props.record.taskStatus == 10" style="color: #2dbe08; background-color: #edfee8">{{ props.record.taskStatusWrapper }}</a-tag>
  <!-- 15-待办理 -->
  <a-tag v-else-if="props.record.taskStatus == 15" style="color: #00a3d0; background-color: #e5ffff; border-color: #d1eeee">{{
    props.record.taskStatusWrapper
  }}</a-tag>
  <!-- 20:审批中 -->
  <a-tag v-else-if="props.record.taskStatus == 20" style="background-color: rgba(207, 221, 247, 0.35); color: #0f56d7">{{
    props.isProjectWork ? '办理中' : props.isProjectReview ? '评审中' : props.record.taskStatusWrapper
  }}</a-tag>
  <!-- 30:已审批 -->
  <a-tag v-else-if="props.record.taskStatus == 30" color="#00cc66">{{
    props.isProjectWork ? '已办理' : props.isProjectReview ? '已评审' : props.record.taskStatusWrapper
  }}</a-tag>
  <!-- 40:已拒绝  -->
  <a-tag v-else-if="props.record.taskStatus == 40" color="#fc653f">{{ props.record.taskStatusWrapper }}</a-tag>
  <!-- 50:已退回 -->
  <a-tag v-else-if="props.record.taskStatus == 50" color="#EBADAD">{{ props.record.taskStatusWrapper }}</a-tag>
  <!-- 60:已撤回 -->
  <a-tag v-else-if="props.record.taskStatus == 60" color="#f00056">{{ props.record.taskStatusWrapper }}</a-tag>
  <!-- 80:已转交 -->
  <a-tag v-else-if="props.record.taskStatus == 80" color="#cccccc">{{ props.record.taskStatusWrapper }}</a-tag>
  <!-- 90:已跳过 -->
  <a-tag v-else-if="props.record.taskStatus == 90" color="#cccccc">{{ props.record.taskStatusWrapper }}</a-tag>
  <!-- 其他-预览-->
  <a-tag v-else style="color: #898e91; background-color: rgba(197, 207, 209, 0.2)">{{ props.record.taskStatusWrapper }}</a-tag>
</template>

<script setup name="TaskStatusTag">
// 接收属性
const props = defineProps({
  record: {
    type: Object,
    default: () => {}
  },
  // 是否是项目工作流
  isProjectWork: {
    type: Boolean,
    default: false
  },
  // 是否是评审工作流
  isProjectReview: {
    type: Boolean,
    default: false
  }
});
</script>
<style lang="less" scoped></style>
