<template>
	<div class="status">
		<el-tag v-if="status == FlowStatusEnum.COMPLETE" type="success">已通过</el-tag>
		<el-tag v-else-if="status == FlowStatusEnum.REJECT" type="danger">不通过</el-tag>
		<el-tag v-else-if="status == FlowStatusEnum.ACTIVE">审批中</el-tag>
		<el-tag v-else-if="status == FlowStatusEnum.REVOKE" type="warning">已撤销</el-tag>
		<el-tag v-else-if="status == FlowStatusEnum.TIMEOUT" type="danger">超时结束</el-tag>
		<el-tag v-else-if="status == FlowStatusEnum.TERMINATE" type="danger">强制终止</el-tag>
	</div>
</template>

<script setup lang="ts">
import { FlowStatusEnum } from './enums'

defineProps({
	status: { type: Number, default: 0 }
})
</script>

<style lang="scss" scoped>
.status {
	margin-left: 16px;
}
</style>
