seecoder-devcloud-frontend/src/components/StateTag.vue

<template>
  <template v-if="state === '已创建'">
    <ElTag type="primary">{{state}}</ElTag>
  </template>
  <template v-if="state === '进行中'">
    <ElTag type="success">{{state}}</ElTag>
  </template>
  <template v-if="state === '已完成'">
    <ElTag type="info">{{state}}</ElTag>
  </template>
  <template v-if="state === '已结束'">
    <ElTag type="info">{{state}}</ElTag>
  </template>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  props: {
    state: String,
  },
});
</script>