<template>
    <div class="app-performance-rule">
        <div class="block" v-for="(step, j) in item?.LstStep" :key="j">
            <el-tag :type="j % 2 ? 'warning' : ''" disable-transitions>{{ step.steptypename }}</el-tag>
            <span class="block-label">{{ step.stepdate }}</span>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { PropType } from 'vue'

defineProps({
    item: {
        type: Object as PropType<Ermcp.PermancePlanTmpRsp>,
    }
})
</script>

<style lang="less">
@import './index.less';
</style>