变更说明: - 添加importResult数据状态管理弹窗显示和内容 - 创建专用Dialog组件展示导入结果,使用v-html渲染HTML - 修改handleFileSuccess方法,使用Dialog替代$alert - 添加Dialog专用样式,内容区域60vh高度支持独立滚动 - 美化滚动条样式(6px宽度、圆角设计、hover效果) - 删除旧的MessageBox全局样式 修复问题: - 解决CSS覆盖Element UI MessageBox样式不生效的问题 - 导入失败数据较多时,弹窗自适应页面高度 优势: - 样式100%可控,无CSS优先级冲突 - Dialog组件自带良好的响应式布局 - 代码结构清晰,易于维护和扩展 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
开发
# 克隆项目
git clone https://gitee.com/y_project/RuoYi-Vue
# 进入项目目录
cd ruoyi-ui
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com
# 启动服务
npm run dev
浏览器访问 http://localhost:80
发布
# 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod