feat: 统一管理端弹窗与内容区交互样式

- 收敛管理端公共 Modal 链路,新增表单弹窗与普通内容弹窗包装\n- 迁移 Bot、知识库、插件、工作流、资源、MCP、数据中枢与系统管理页面级弹窗\n- 统一内容区工具栏、列表容器、导航与顶部按钮的视觉密度和交互节奏
This commit is contained in:
2026-03-06 19:58:26 +08:00
parent 76c2954a70
commit b191d1aaed
99 changed files with 3148 additions and 1623 deletions

View File

@@ -3,15 +3,10 @@ import type { UploadFile } from 'element-plus';
import { onMounted, ref } from 'vue';
import { EasyFlowPanelModal } from '@easyflow/common-ui';
import { downloadFileFromBlob } from '@easyflow/utils';
import {
ElButton,
ElDialog,
ElMessage,
ElMessageBox,
ElUpload,
} from 'element-plus';
import { ElButton, ElMessage, ElMessageBox, ElUpload } from 'element-plus';
import { api } from '#/api/request';
import uploadIcon from '#/assets/datacenter/upload.png';
@@ -99,12 +94,13 @@ function handleUpload() {
</script>
<template>
<ElDialog
v-model="dialogVisible"
draggable
<EasyFlowPanelModal
v-model:open="dialogVisible"
:closable="!btnLoading"
:title="props.title"
:before-close="closeDialog"
:close-on-click-modal="false"
:show-cancel-button="false"
:show-confirm-button="false"
>
<ElUpload
:file-list="fileList"
@@ -148,7 +144,7 @@ function handleUpload() {
</ElButton>
</div>
</template>
</ElDialog>
</EasyFlowPanelModal>
</template>
<style scoped>