Skip to content

FlowPropertyPanelShell 属性面板外壳

流程属性面板的统一外壳布局。提供标准化的头部(标题+描述+图标+关闭按钮)、可滚动内容区和可选底部区。

基本用法

vue
<template>
  <FlowPropertyPanelShell
    title="审批人设置"
    description="配置审批人、候选人和办理规则"
    icon="i-material-symbols:person-check"
    @close="handleClose"
  >
    <!-- 内容区 -->
    <ApproverConfig />

    <template #footer>
      <n-button type="primary" @click="save">保存</n-button>
    </template>
  </FlowPropertyPanelShell>
</template>

<script setup>
import { FlowPropertyPanelShell } from '@/components/flow'
</script>

Props

属性类型默认值说明
titleString'属性设置'面板标题
descriptionString''面板副标题/描述
iconString'i-material-symbols:tune'头部图标 CSS 类名
emptyBooleanfalse是否显示空白状态
emptyTextString'请先选择一个节点。'空白状态提示文本
bodyScrollableBooleantrue内容区是否可滚动(overflow-y: auto)

Events

事件名参数说明
close点击关闭按钮时触发

Slots

插槽名说明
default主体内容区域
footer底部固定区域(仅当插槽存在时渲染)

Forge Admin — 基于 Vue3 + Spring Boot 的企业级后台管理框架