feat(system): 实现菜单备份与恢复功能- 新增菜单数据导入组件 (Import.vue)

- 修改菜单搜索组件,添加备份与恢复按钮
- 调整主页面组件属性绑定
- 实现 Excel 格式菜单数据的导出与导入
- 添加文件类型与大小验证
- 支持拖拽上传与点击上传两种方式
- 提供操作成功/失败的消息反馈
-限制功能仅超级管理员可用
- 更新相关 API 接口调用 (importSystemMenu)- 优化用户体验与界面交互
This commit is contained in:
2025-09-30 22:47:31 +08:00
parent b0816eb3b4
commit addd4bbe01
11 changed files with 631 additions and 143 deletions

View File

@@ -4,6 +4,7 @@
<!-- 搜索表单 -->
<menu-search @search="reload" />
<!-- 表格 -->
<!-- 表格 -->
<ele-pro-table
ref="tableRef"
row-key="menuId"
@@ -36,7 +37,7 @@
<a-button type="dashed" class="ele-btn-icon" @click="removeBatch">
批量删除
</a-button>
<a-button type="dashed" class="ele-btn-icon" @click="cloneMenu">
<a-button type="dashed" class="ele-btn-icon" @click="cloneMenu()">
一键克隆
</a-button>
</a-space>
@@ -130,8 +131,8 @@
:menu-list="menuData"
@done="reload"
/>
<Delete v-model:visible="showRemoveBatch" @done="reload" />
<Clone v-model:visible="showClone" @done="reload" />
<Delete v-model:visible="showRemoveBatch" :menu-list="menuData" :data="current" :parent-id="parentId" @done="reload" />
<Clone v-model:visible="showClone" :menu-list="menuData" :data="current" :parent-id="parentId" @done="reload" />
</div>
</template>