FlowModelStats 流程模型统计

流程模型统计卡片。展示全部模型、设计中、已部署、已挂起、已禁用的数量，支持高亮当前激活状态。

基本用法

<template>
  <FlowModelStats
    :total-count="total"
    :designing-count="designing"
    :deployed-count="deployed"
    :suspended-count="suspended"
    :disabled-count="disabled"
    :active-status="currentStatus"
    @filter="handleFilter"
  />
</template>

<script setup>
import { FlowModelStats } from '@/components/flow/FlowModelStats.vue'
import { ref } from 'vue'

const currentStatus = ref('all')

const handleFilter = (status) => {
  currentStatus.value = status
  // status: 'all' | 0 (设计中) | 1 (已部署) | 2 (已挂起) | 3 (已禁用)
}
</script>

Props

属性	类型	默认值	说明
totalCount	Number	0	全部模型总数
designingCount	Number	0	设计中的模型数
deployedCount	Number	0	已部署的模型数
suspendedCount	Number	0	已挂起的模型数
disabledCount	Number	0	已禁用的模型数
activeStatus	Number | String	'all'	当前激活筛选状态

Events

事件名	参数	说明
filter	'all' | 0 | 1 | 2 | 3	点击卡片时触发筛选