aizuda-web-vue3/src/components/Flow/FlowStatusTag.vue

<template>
	<div class="status">
		<el-tag v-if="status == FlowStatusEnum.APPROVED" type="success">已通过</el-tag>
		<el-tag v-else-if="status == FlowStatusEnum.REJECTED" type="danger">不通过</el-tag>
		<el-tag v-else-if="status == FlowStatusEnum.UNDERWAY">审批中</el-tag>
		<el-tag v-else-if="status == FlowStatusEnum.CANCELLED" type="warning">已撤销</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>