功能说明
响应式布局:
使用CSS Grid实现,默认两列布局
在小于768px的屏幕上自动变为单列布局
每个模块有统一的最小高度和样式
权限控制:
根据quanxians数组过滤模块,只显示有权限的模块
权限检查在visibleModules计算属性中完成
模块配置对话框:
使用el-dialog实现配置面板
每个模块有el-switch控制显示/隐藏
使用vuedraggable实现拖拽排序功能
本地存储:
配置保存在localStorage中,键为dashboard-modules-config
存储格式为{'grcloud-dashboard': [components名称,...]}
实时交互:
开关状态和拖拽顺序变化会实时反映在工作台布局上
需要点击"保存"按钮才会将配置持久化到localStorage