流程图
菜单
▶
{{sys.key.toUpperCase().substring(0,3)}}
{{sys.label}}
{{getSystemFlowchartCount(sys.key)}}
{{mod.name}}
{{getModuleFlowchartCount(mod.id)}}
{{fc.name}}
+
新建模块
{{totalFlowcharts}} 个流程图
📂 {{ dirName || '文件模式' }}
💾 本地
加载中...
{{currentFlowchartName}}
{{currentFlowchartDesc}}
{{ saveStatusText || (saved ? '已保存' : '未保存') }}
{{ showEditor ? '收起' : '打开' }}编辑器
格式化
重置
保存
渲染
导出SVG
📂 {{ dirName || '文件模式' }}
💾 本地存储
{{ storageMode === 'file' ? '更改存储目录' : '选择存储目录' }}
请选择流程图
返回首页
📂 {{ dirName || '文件模式' }}
💾 本地存储
{{ storageMode === 'file' ? '更改存储目录' : '选择存储目录' }}
编辑 (Mermaid)
{{sourceLineCount}} 行
点击左侧流程图开始编辑
预览
双击缩放
预览区域
渲染错误
{{ renderError }}
点击"渲染"查看流程图
选择模板
B[步骤1]\n B --> C[步骤2]\n C --> D[结束]'" :style="{borderColor: newModuleMermaid.indexOf('graph TD')===0 ? '#409EFF' : '#e4e7ed',background: newModuleMermaid.indexOf('graph TD')===0 ? '#ecf5ff' : '#fff'}">
流程图 (TD)
自上而下
B[步骤1]\n B --> C[步骤2]\n C --> D[结束]'" :style="{borderColor: newModuleMermaid.indexOf('graph LR')===0 ? '#409EFF' : '#e4e7ed',background: newModuleMermaid.indexOf('graph LR')===0 ? '#ecf5ff' : '#fff'}">
流程图 (LR)
从左到右
.mmd
取消
创建
一级菜单(系统)
二级菜单(模块)
取消
保存