| | |
|---|
| | | <template>
|
|---|
| | | <div class="app-container home">
|
|---|
| | | <el-row :gutter="20">
|
|---|
| | | <el-col :sm="24" :lg="24">
|
|---|
| | | <blockquote class="text-warning" style="font-size: 14px">
|
|---|
| | | 领取阿里云通用云产品1888优惠券
|
|---|
| | | <br />
|
|---|
| | | <el-link
|
|---|
| | | href="https://www.aliyun.com/minisite/goods?userCode=brki8iof"
|
|---|
| | | type="primary"
|
|---|
| | | target="_blank"
|
|---|
| | | >https://www.aliyun.com/minisite/goods?userCode=brki8iof</el-link
|
|---|
| | | >
|
|---|
| | | <br />
|
|---|
| | | 领取腾讯云通用云产品2860优惠券
|
|---|
| | | <br />
|
|---|
| | | <el-link
|
|---|
| | | href="https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console"
|
|---|
| | | type="primary"
|
|---|
| | | target="_blank"
|
|---|
| | | >https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console</el-link
|
|---|
| | | >
|
|---|
| | | <br />
|
|---|
| | | 阿里云服务器折扣区
|
|---|
| | | <el-link href="http://aly.ruoyi.vip" type="primary" target="_blank"
|
|---|
| | | >>☛☛点我进入☚☚</el-link
|
|---|
| | | >
|
|---|
| | | 腾讯云服务器秒杀区
|
|---|
| | | <el-link href="http://txy.ruoyi.vip" type="primary" target="_blank"
|
|---|
| | | >>☛☛点我进入☚☚</el-link
|
|---|
| | | ><br />
|
|---|
| | | <h4 class="text-danger">
|
|---|
| | | 云产品通用红包，可叠加官网常规优惠使用。(仅限新用户)
|
|---|
| | | </h4>
|
|---|
| | | </blockquote>
|
|---|
| | |
|
|---|
| | | <hr />
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | | <el-row :gutter="20">
|
|---|
| | | <el-col :sm="24" :lg="12" style="padding-left: 20px">
|
|---|
| | | <h2>若依后台管理框架</h2>
|
|---|
| | | <p>
|
|---|
| | | 一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
|
|---|
| | | </p>
|
|---|
| | | <p>
|
|---|
| | | <b>当前版本:</b> <span>v{{ version }}</span>
|
|---|
| | | </p>
|
|---|
| | | <p>
|
|---|
| | | <el-tag type="danger">¥免费开源</el-tag>
|
|---|
| | | </p>
|
|---|
| | | <p>
|
|---|
| | | <el-button
|
|---|
| | | type="primary"
|
|---|
| | | icon="Cloudy"
|
|---|
| | | plain
|
|---|
| | | @click="goTarget('https://gitee.com/y_project/RuoYi-Vue')"
|
|---|
| | | >访问码云</el-button
|
|---|
| | | >
|
|---|
| | | <el-button
|
|---|
| | | icon="HomeFilled"
|
|---|
| | | plain
|
|---|
| | | @click="goTarget('http://ruoyi.vip')"
|
|---|
| | | >访问主页</el-button
|
|---|
| | | >
|
|---|
| | | </p>
|
|---|
| | | </el-col>
|
|---|
| | |
|
|---|
| | | <el-col :sm="24" :lg="12" style="padding-left: 50px">
|
|---|
| | | <el-row>
|
|---|
| | | <el-col :span="12">
|
|---|
| | | <h2>技术选型</h2>
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | | <el-row>
|
|---|
| | | <el-col :span="6">
|
|---|
| | | <h4>后端技术</h4>
|
|---|
| | | <ul>
|
|---|
| | | <li>SpringBoot</li>
|
|---|
| | | <li>Spring Security</li>
|
|---|
| | | <li>JWT</li>
|
|---|
| | | <li>MyBatis</li>
|
|---|
| | | <li>Druid</li>
|
|---|
| | | <li>Fastjson</li>
|
|---|
| | | <li>...</li>
|
|---|
| | | </ul>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :span="6">
|
|---|
| | | <h4>前端技术</h4>
|
|---|
| | | <ul>
|
|---|
| | | <li>Vue</li>
|
|---|
| | | <li>Vuex</li>
|
|---|
| | | <li>Element-ui</li>
|
|---|
| | | <li>Axios</li>
|
|---|
| | | <li>Sass</li>
|
|---|
| | | <li>Quill</li>
|
|---|
| | | <li>...</li>
|
|---|
| | | </ul>
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | | <el-divider />
|
|---|
| | | <el-row :gutter="20">
|
|---|
| | | <el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|---|
| | | <el-card class="update-log">
|
|---|
| | | <template v-slot:header>
|
|---|
| | | <div class="clearfix">
|
|---|
| | | <span>联系信息</span>
|
|---|
| | | </div>
|
|---|
| | | </template>
|
|---|
| | | <div class="body">
|
|---|
| | | <p>
|
|---|
| | | <i class="el-icon-s-promotion"></i> 官网：<el-link
|
|---|
| | | href="http://www.ruoyi.vip"
|
|---|
| | | target="_blank"
|
|---|
| | | >http://www.ruoyi.vip</el-link
|
|---|
| | | >
|
|---|
| | | </p>
|
|---|
| | | <p>
|
|---|
| | | <i class="el-icon-user-solid"></i> QQ群：<s>满937441</s> <s>满887144332</s>
|
|---|
| | | <s>满180251782</s> <s>满104180207</s> <s>满186866453</s> <s>满201396349</s>
|
|---|
| | | <s>满101456076</s> <s>满101539465</s> <s>满264312783</s> <s>满167385320</s> |
|---|
| | | <a href="https://jq.qq.com/?_wv=1027&k=DuWxuULe" target="_blank">
|
|---|
| | | 139821253</a
|
|---|
| | | >
|
|---|
| | | </p>
|
|---|
| | | <p>
|
|---|
| | | <i class="el-icon-chat-dot-round"></i> 微信：<a
|
|---|
| | | href="javascript:;"
|
|---|
| | | >/ *若依</a
|
|---|
| | | >
|
|---|
| | | </p>
|
|---|
| | | <p>
|
|---|
| | | <i class="el-icon-money"></i> 支付宝：<a
|
|---|
| | | href="javascript:;"
|
|---|
| | | class="支付宝信息"
|
|---|
| | | >/ *若依</a
|
|---|
| | | >
|
|---|
| | | </p>
|
|---|
| | | </div>
|
|---|
| | | </el-card>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|---|
| | | <el-card class="update-log">
|
|---|
| | | <template v-slot:header>
|
|---|
| | | <div class="clearfix">
|
|---|
| | | <span>更新日志</span>
|
|---|
| | | </div>
|
|---|
| | | </template>
|
|---|
| | | <el-collapse accordion>
|
|---|
| | | <el-collapse-item title="v3.8.2 - 2022-04-01">
|
|---|
| | | <ol>
|
|---|
| | | <li>前端支持设置是否需要防止数据重复提交</li>
|
|---|
| | | <li>开启TopNav没有子菜单情况隐藏侧边栏</li>
|
|---|
| | | <li>侧边栏菜单名称过长悬停显示标题</li>
|
|---|
| | | <li>用户访问控制时校验数据权限，防止越权</li>
|
|---|
| | | <li>导出Excel时屏蔽公式，防止CSV注入风险</li>
|
|---|
| | | <li>组件ImagePreview支持多图预览显示</li>
|
|---|
| | | <li>组件ImageUpload支持多图同时选择上传</li>
|
|---|
| | | <li>组件FileUpload支持多文件同时选择上传</li>
|
|---|
| | | <li>服务监控新增运行参数信息显示</li>
|
|---|
| | | <li>定时任务目标字符串过滤特殊字符</li>
|
|---|
| | | <li>定时任务目标字符串验证包名白名单</li>
|
|---|
| | | <li>代码生成列表图片支持预览</li>
|
|---|
| | | <li>代码生成编辑修改打开新页签</li>
|
|---|
| | | <li>代码生成新增Java类型Boolean</li>
|
|---|
| | | <li>代码生成子表支持日期/字典配置</li>
|
|---|
| | | <li>代码生成同步保留必填/类型选项</li>
|
|---|
| | | <li>升级oshi到最新版本6.1.2</li>
|
|---|
| | | <li>升级fastjson到最新版1.2.80</li>
|
|---|
| | | <li>升级pagehelper到最新版1.4.1</li>
|
|---|
| | | <li>升级spring-boot到最新版本2.5.11</li>
|
|---|
| | | <li>升级spring-boot-mybatis到最新版2.2.2</li>
|
|---|
| | | <li>添加遗漏的分页参数合理化属性</li>
|
|---|
| | | <li>修改npm即将过期的注册源地址</li>
|
|---|
| | | <li>修复分页组件请求两次问题</li>
|
|---|
| | | <li>修复通用文件下载接口跨域问题</li>
|
|---|
| | | <li>修复Xss注解字段值为空时的异常问题</li>
|
|---|
| | | <li>修复选项卡点击右键刷新丢失参数问题</li>
|
|---|
| | | <li>修复表单清除元素位置未垂直居中问题</li>
|
|---|
| | | <li>修复服务监控中运行参数显示条件错误</li>
|
|---|
| | | <li>修复导入Excel时字典字段类型为Long转义为空问题</li>
|
|---|
| | | <li>修复登录超时刷新页面跳转登录页面还提示重新登录问题</li>
|
|---|
| | | <li>优化加载字典缓存数据</li>
|
|---|
| | | <li>优化IP地址获取到多个的问题</li>
|
|---|
| | | <li>优化任务队列满时任务拒绝策略</li>
|
|---|
| | | <li>优化文件上传兼容Weblogic环境</li>
|
|---|
| | | <li>优化定时任务默认保存到内存中执行</li>
|
|---|
| | | <li>优化部门修改缩放后出现的错位问题</li>
|
|---|
| | | <li>优化Excel格式化不同类型的日期对象</li>
|
|---|
| | | <li>优化菜单表关键字导致的插件报错问题</li>
|
|---|
| | | <li>优化Oracle用户头像列为空时不显示问题</li>
|
|---|
| | | <li>优化页面若未匹配到字典标签则返回原字典值</li>
|
|---|
| | | <li>优化修复登录失效后多次请求提示多次弹窗问题</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | <el-collapse-item title="v3.8.1 - 2022-01-01">
|
|---|
| | | <ol>
|
|---|
| | | <li>新增Vue3前端代码生成模板</li>
|
|---|
| | | <li>新增图片预览组件</li>
|
|---|
| | | <li>新增压缩插件实现打包Gzip</li>
|
|---|
| | | <li>自定义xss校验注解实现</li>
|
|---|
| | | <li>自定义文字复制剪贴指令</li>
|
|---|
| | | <li>代码生成预览支持复制内容</li>
|
|---|
| | | <li>路由支持单独配置菜单或角色权限</li>
|
|---|
| | | <li>用户管理部门查询选择节点后分页参数初始</li>
|
|---|
| | | <li>修复用户分配角色属性错误</li>
|
|---|
| | | <li>修复打包后字体图标偶现的乱码问题</li>
|
|---|
| | | <li>修复菜单管理重置表单出现的错误</li>
|
|---|
| | | <li>修复版本差异导致的懒加载报错问题</li>
|
|---|
| | | <li>修复Cron组件中周回显问题</li>
|
|---|
| | | <li>修复定时任务多参数逗号分隔的问题</li>
|
|---|
| | | <li>修复根据ID查询列表可能出现的主键溢出问题</li>
|
|---|
| | | <li>修复tomcat配置参数已过期问题</li>
|
|---|
| | | <li>升级clipboard到最新版本2.0.8</li>
|
|---|
| | | <li>升级oshi到最新版本v5.8.6</li>
|
|---|
| | | <li>升级fastjson到最新版1.2.79</li>
|
|---|
| | | <li>升级spring-boot到最新版本2.5.8</li>
|
|---|
| | | <li>升级log4j2到2.17.1，防止漏洞风险</li>
|
|---|
| | | <li>优化下载解析blob异常提示</li>
|
|---|
| | | <li>优化代码生成字典组重复问题</li>
|
|---|
| | | <li>优化查询用户的角色组&岗位组代码</li>
|
|---|
| | | <li>优化定时任务cron表达式小时设置24</li>
|
|---|
| | | <li>优化用户导入提示溢出则显示滚动条</li>
|
|---|
| | | <li>优化防重复提交标识组合为(key+url+header)</li>
|
|---|
| | | <li>优化分页方法设置成通用方便灵活调用</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | <el-collapse-item title="v3.8.0 - 2021-12-01">
|
|---|
| | | <ol>
|
|---|
| | | <li>新增配套并同步的Vue3前端版本</li>
|
|---|
| | | <li>新增通用方法简化模态/缓存/下载/权限/页签使用</li>
|
|---|
| | | <li>优化导出数据/使用通用下载方法</li>
|
|---|
| | | <li>Excel注解支持自定义数据处理器</li>
|
|---|
| | | <li>Excel注解支持导入导出标题信息</li>
|
|---|
| | | <li>Excel导入支持@Excels注解</li>
|
|---|
| | | <li>新增组件data-dict，简化数据字典使用</li>
|
|---|
| | | <li>新增Jaxb依赖，防止jdk8以上出现的兼容错误</li>
|
|---|
| | | <li>生产环境使用路由懒加载提升页面响应速度</li>
|
|---|
| | | <li>修复五级以上菜单出现的404问题</li>
|
|---|
| | | <li>防重提交注解支持配置间隔时间/提示消息</li>
|
|---|
| | | <li>日志注解新增是否保存响应参数</li>
|
|---|
| | | <li>任务屏蔽违规字符&参数忽略双引号中的逗号</li>
|
|---|
| | | <li>升级SpringBoot到最新版本2.5.6</li>
|
|---|
| | | <li>升级pagehelper到最新版1.4.0</li>
|
|---|
| | | <li>升级spring-boot-mybatis到最新版2.2.0</li>
|
|---|
| | | <li>升级oshi到最新版本v5.8.2</li>
|
|---|
| | | <li>升级druid到最新版1.2.8</li>
|
|---|
| | | <li>升级velocity到最新版本2.3</li>
|
|---|
| | | <li>升级fastjson到最新版1.2.78</li>
|
|---|
| | | <li>升级axios到最新版本0.24.0</li>
|
|---|
| | | <li>升级dart-sass到版本1.32.13</li>
|
|---|
| | | <li>升级core-js到最新版本3.19.1</li>
|
|---|
| | | <li>升级jsencrypt到最新版本3.2.1</li>
|
|---|
| | | <li>升级js-cookie到最新版本3.0.1</li>
|
|---|
| | | <li>升级file-saver到最新版本2.0.5</li>
|
|---|
| | | <li>升级sass-loader到最新版本10.1.1</li>
|
|---|
| | | <li>升级element-ui到最新版本2.15.6</li>
|
|---|
| | | <li>新增sendGet无参请求方法</li>
|
|---|
| | | <li>禁用el-tag组件的渐变动画</li>
|
|---|
| | | <li>代码生成点击预览重置激活tab</li>
|
|---|
| | | <li>AjaxResult重写put方法，以方便链式调用</li>
|
|---|
| | | <li>优化登录/验证码请求headers不设置token</li>
|
|---|
| | | <li>优化用户个人信息接口防止修改用户名</li>
|
|---|
| | | <li>优化Cron表达式生成器关闭时销毁避免缓存</li>
|
|---|
| | | <li>优化注册成功提示消息类型success</li>
|
|---|
| | | <li>优化aop语法，使用spring自动注入注解</li>
|
|---|
| | | <li>优化记录登录信息，移除不必要的修改</li>
|
|---|
| | | <li>优化mybatis全局默认的执行器</li>
|
|---|
| | | <li>优化Excel导入图片可能出现的异常</li>
|
|---|
| | | <li>修复代码生成模板主子表删除缺少事务</li>
|
|---|
| | | <li>修复日志记录可能出现的转换异常</li>
|
|---|
| | | <li>修复代码生成复选框字典遗漏问题</li>
|
|---|
| | | <li>修复关闭xss功能导致可重复读RepeatableFilter失效</li>
|
|---|
| | | <li>修复字符串无法被反转义问题</li>
|
|---|
| | | <li>修复后端主子表代码模板方法名生成错误问题</li>
|
|---|
| | | <li>修复xss过滤后格式出现的异常</li>
|
|---|
| | | <li>修复swagger没有指定dataTypeClass导致启动出现warn日志</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | <el-collapse-item title="v3.7.0 - 2021-09-13">
|
|---|
| | | <ol>
|
|---|
| | | <li>参数管理支持配置验证码开关</li>
|
|---|
| | | <li>新增是否开启用户注册功能</li>
|
|---|
| | | <li>定时任务支持在线生成cron表达式</li>
|
|---|
| | | <li>菜单管理支持配置路由参数</li>
|
|---|
| | | <li>支持自定义注解实现接口限流</li>
|
|---|
| | | <li>Excel注解支持Image图片导入</li>
|
|---|
| | | <li>自定义弹层溢出滚动样式</li>
|
|---|
| | | <li>自定义可拖动弹窗宽度指令</li>
|
|---|
| | | <li>自定义可拖动弹窗高度指令</li>
|
|---|
| | | <li>修复任意账户越权问题</li>
|
|---|
| | | <li>修改时检查用户数据权限范围</li>
|
|---|
| | | <li>修复保存配置主题颜色失效问题</li>
|
|---|
| | | <li>新增暗色菜单风格主题</li>
|
|---|
| | | <li>菜单&部门新增展开/折叠功能</li>
|
|---|
| | | <li>页签新增关闭左侧&添加图标</li>
|
|---|
| | | <li>顶部菜单排除隐藏的默认路由</li>
|
|---|
| | | <li>顶部菜单同步系统主题样式</li>
|
|---|
| | | <li>跳转路由高亮相对应的菜单栏</li>
|
|---|
| | | <li>代码生成主子表多选行数据</li>
|
|---|
| | | <li>日期范围支持添加多组</li>
|
|---|
| | | <li>升级element-ui到最新版本2.15.5</li>
|
|---|
| | | <li>升级oshi到最新版本v5.8.0</li>
|
|---|
| | | <li>升级commons.io到最新版本v2.11.0</li>
|
|---|
| | | <li>定时任务屏蔽ldap远程调用</li>
|
|---|
| | | <li>定时任务屏蔽http(s)远程调用</li>
|
|---|
| | | <li>补充定时任务表字段注释</li>
|
|---|
| | | <li>定时任务对检查异常进行事务回滚</li>
|
|---|
| | | <li>启用父部门状态排除顶级节点</li>
|
|---|
| | | <li>富文本新增上传文件大小限制</li>
|
|---|
| | | <li>默认首页使用keep-alive缓存</li>
|
|---|
| | | <li>修改代码生成字典回显样式</li>
|
|---|
| | | <li>自定义分页合理化传入参数</li>
|
|---|
| | | <li>修复字典组件值为整形不显示问题</li>
|
|---|
| | | <li>修复定时任务日志执行状态显示</li>
|
|---|
| | | <li>角色&菜单新增字段属性提示信息</li>
|
|---|
| | | <li>修复角色分配用户页面参数类型错误提醒</li>
|
|---|
| | | <li>优化布局设置动画特效</li>
|
|---|
| | | <li>优化异常处理信息</li>
|
|---|
| | | <li>优化错误token导致的解析异常</li>
|
|---|
| | | <li>密码框新增显示切换密码图标</li>
|
|---|
| | | <li>定时任务新增更多操作</li>
|
|---|
| | | <li>更多操作按钮添加权限控制</li>
|
|---|
| | | <li>导入用户样式优化</li>
|
|---|
| | | <li>提取通用方法到基类控制器</li>
|
|---|
| | | <li>优化使用权限工具获取用户信息</li>
|
|---|
| | | <li>优化用户不能删除自己</li>
|
|---|
| | | <li>优化XSS跨站脚本过滤</li>
|
|---|
| | | <li>优化代码生成模板</li>
|
|---|
| | | <li>验证码默认20s超时</li>
|
|---|
| | | <li>BLOB下载时清除URL对象引用</li>
|
|---|
| | | <li>代码生成导入表按创建时间排序</li>
|
|---|
| | | <li>修复代码生成页面数据编辑保存之后总是跳转第一页的问题</li>
|
|---|
| | | <li>修复带safari浏览器无法格式化utc日期格式yyyy-MM-dd'T'HH:mm:ss.SSS问题</li>
|
|---|
| | | <li>多图上传组件移除多余的api地址&验证失败导致图片删除问题&无法删除相应图片修复</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | <el-collapse-item title="v3.6.0 - 2021-07-12">
|
|---|
| | | <ol>
|
|---|
| | | <li>角色管理新增分配用户功能</li>
|
|---|
| | | <li>用户管理新增分配角色功能</li>
|
|---|
| | | <li>日志列表支持排序操作</li>
|
|---|
| | | <li>优化参数&字典缓存操作</li>
|
|---|
| | | <li>系统布局配置支持动态标题开关</li>
|
|---|
| | | <li>菜单路由配置支持内链访问</li>
|
|---|
| | | <li>默认访问后端首页新增提示语</li>
|
|---|
| | | <li>富文本默认上传返回url类型</li>
|
|---|
| | | <li>新增自定义弹窗拖拽指令</li>
|
|---|
| | | <li>全局注册常用通用组件</li>
|
|---|
| | | <li>全局挂载字典标签组件</li>
|
|---|
| | | <li>ImageUpload组件支持多图片上传</li>
|
|---|
| | | <li>FileUpload组件支持多文件上传</li>
|
|---|
| | | <li>文件上传组件添加数量限制属性</li>
|
|---|
| | | <li>富文本编辑组件添加类型属性</li>
|
|---|
| | | <li>富文本组件工具栏配置视频</li>
|
|---|
| | | <li>封装通用iframe组件</li>
|
|---|
| | | <li>限制超级管理员不允许操作</li>
|
|---|
| | | <li>用户信息长度校验限制</li>
|
|---|
| | | <li>分页组件新增pagerCount属性</li>
|
|---|
| | | <li>添加bat脚本执行应用</li>
|
|---|
| | | <li>升级oshi到最新版本v5.7.4</li>
|
|---|
| | | <li>升级element-ui到最新版本2.15.2</li>
|
|---|
| | | <li>升级pagehelper到最新版1.3.1</li>
|
|---|
| | | <li>升级commons.io到最新版本v2.10.0</li>
|
|---|
| | | <li>升级commons.fileupload到最新版本v1.4</li>
|
|---|
| | | <li>升级swagger到最新版本v3.0.0</li>
|
|---|
| | | <li>修复关闭confirm提示框控制台报错问题</li>
|
|---|
| | | <li>修复存在的SQL注入漏洞问题</li>
|
|---|
| | | <li>定时任务屏蔽rmi远程调用</li>
|
|---|
| | | <li>修复用户搜索分页变量错误</li>
|
|---|
| | | <li>修复导出角色数据范围翻译缺少仅本人</li>
|
|---|
| | | <li>修复表单构建选择下拉选择控制台报错问题</li>
|
|---|
| | | <li>优化图片工具类读取文件</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | <el-collapse-item title="v3.5.0 - 2021-05-25">
|
|---|
| | | <ol>
|
|---|
| | | <li>新增菜单导航显示风格TopNav（false为左侧导航菜单，true为顶部导航菜单）</li>
|
|---|
| | | <li>布局设置支持保存&重置配置</li>
|
|---|
| | | <li>修复树表数据显示不全&加载慢问题</li>
|
|---|
| | | <li>新增IE浏览器版本过低提示页面</li>
|
|---|
| | | <li>用户登录后记录最后登录IP&时间</li>
|
|---|
| | | <li>页面导出按钮点击之后添加遮罩</li>
|
|---|
| | | <li>富文本编辑器支持自定义上传地址</li>
|
|---|
| | | <li>富文本编辑组件新增readOnly属性</li>
|
|---|
| | | <li>页签TagsView新增关闭右侧功能</li>
|
|---|
| | | <li>显隐列组件加载初始默认隐藏列</li>
|
|---|
| | | <li>关闭头像上传窗口还原默认图片</li>
|
|---|
| | | <li>个人信息添加手机&邮箱重复验证</li>
|
|---|
| | | <li>代码生成模板导出按钮点击后添加遮罩</li>
|
|---|
| | | <li>代码生成模板树表操作列添加新增按钮</li>
|
|---|
| | | <li>代码生成模板修复主子表字段重名问题</li>
|
|---|
| | | <li>升级fastjson到最新版1.2.76</li>
|
|---|
| | | <li>升级druid到最新版本v1.2.6</li>
|
|---|
| | | <li>升级mybatis到最新版3.5.6 阻止远程代码执行漏洞</li>
|
|---|
| | | <li>升级oshi到最新版本v5.6.0</li>
|
|---|
| | | <li>velocity剔除commons-collections版本，防止3.2.1版本的反序列化漏洞</li>
|
|---|
| | | <li>数据监控页默认账户密码防止越权访问</li>
|
|---|
| | | <li>修复firefox下表单构建拖拽会新打卡一个选项卡</li>
|
|---|
| | | <li>修正后端导入表权限标识</li>
|
|---|
| | | <li>修正前端操作日志&登录日志权限标识</li>
|
|---|
| | | <li>设置Redis配置HashKey序列化</li>
|
|---|
| | | <li>删除操作日志记录信息</li>
|
|---|
| | | <li>上传媒体类型添加视频格式</li>
|
|---|
| | | <li>修复请求形参未传值记录日志异常问题</li>
|
|---|
| | | <li>优化xss校验json请求条件</li>
|
|---|
| | | <li>树级结构更新子节点使用replaceFirst</li>
|
|---|
| | | <li>优化ExcelUtil空值处理</li>
|
|---|
| | | <li>日志记录过滤BindingResult对象，防止异常</li>
|
|---|
| | | <li>修改主题后mini类型按钮无效问题</li>
|
|---|
| | | <li>优化通用下载完成后删除节点</li>
|
|---|
| | | <li>通用Controller添加响应返回消息</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | <el-collapse-item title="v3.4.0 - 2021-02-22">
|
|---|
| | | <ol>
|
|---|
| | | <li>代码生成模板支持主子表</li>
|
|---|
| | | <li>表格右侧工具栏组件支持显隐列</li>
|
|---|
| | | <li>图片组件添加预览&移除功能</li>
|
|---|
| | | <li>Excel注解支持Image图片导出</li>
|
|---|
| | | <li>操作按钮组调整为朴素按钮样式</li>
|
|---|
| | | <li>代码生成支持文件上传组件</li>
|
|---|
| | | <li>代码生成日期控件区分范围</li>
|
|---|
| | | <li>代码生成数据库文本类型生成表单文本域</li>
|
|---|
| | | <li>用户手机邮箱&菜单组件修改允许空字符串</li>
|
|---|
| | | <li>升级SpringBoot到最新版本2.2.13 提升启动速度</li>
|
|---|
| | | <li>升级druid到最新版本v1.2.4</li>
|
|---|
| | | <li>升级fastjson到最新版1.2.75</li>
|
|---|
| | | <li>升级element-ui到最新版本2.15.0</li>
|
|---|
| | | <li>修复IE11浏览器报错问题</li>
|
|---|
| | | <li>优化多级菜单之间切换无法缓存的问题</li>
|
|---|
| | | <li>修复四级菜单无法显示问题</li>
|
|---|
| | | <li>修正侧边栏静态路由丢失问题</li>
|
|---|
| | | <li>修复角色管理-编辑角色-功能权限显示异常</li>
|
|---|
| | | <li>配置文件新增redis数据库索引属性</li>
|
|---|
| | | <li>权限工具类增加admin判断</li>
|
|---|
| | | <li>角色非自定义权限范围清空选择值</li>
|
|---|
| | | <li>修复导入数据为负浮点数时丢失精度问题</li>
|
|---|
| | | <li>移除path-to-regexp正则匹配插件</li>
|
|---|
| | | <li>修复生成树表代码异常</li>
|
|---|
| | | <li>修改ip字段长度防止ipv6地址长度不够</li>
|
|---|
| | | <li>防止get请求参数值为false或0等特殊值会导致无法正确的传参</li>
|
|---|
| | | <li>登录后push添加catch防止出现检查错误</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | <el-collapse-item title="v3.3.0 - 2020-12-14">
|
|---|
| | | <ol>
|
|---|
| | | <li>新增缓存监控功能</li>
|
|---|
| | | <li>支持主题风格配置</li>
|
|---|
| | | <li>修复多级菜单之间切换无法缓存的问题</li>
|
|---|
| | | <li>多级菜单自动配置组件</li>
|
|---|
| | | <li>代码生成预览支持高亮显示</li>
|
|---|
| | | <li>支持Get请求映射Params参数</li>
|
|---|
| | | <li>删除用户和角色解绑关联</li>
|
|---|
| | | <li>去除用户手机邮箱部门必填验证</li>
|
|---|
| | | <li>Excel支持注解align对齐方式</li>
|
|---|
| | | <li>Excel支持导入Boolean型数据</li>
|
|---|
| | | <li>优化头像样式，鼠标移入悬停遮罩</li>
|
|---|
| | | <li>代码生成预览提供滚动机制</li>
|
|---|
| | | <li>代码生成删除多余的数字float类型</li>
|
|---|
| | | <li>修正转换字符串的目标字符集属性</li>
|
|---|
| | | <li>回显数据字典防止空值报错</li>
|
|---|
| | | <li>日志记录增加过滤多文件场景</li>
|
|---|
| | | <li>修改缓存Set方法可能导致嵌套的问题</li>
|
|---|
| | | <li>移除前端一些多余的依赖</li>
|
|---|
| | | <li>防止安全扫描YUI出现的风险提示</li>
|
|---|
| | | <li>修改node-sass为dart-sass</li>
|
|---|
| | | <li>升级SpringBoot到最新版本2.1.18</li>
|
|---|
| | | <li>升级poi到最新版本4.1.2</li>
|
|---|
| | | <li>升级oshi到最新版本v5.3.6</li>
|
|---|
| | | <li>升级bitwalker到最新版本1.21</li>
|
|---|
| | | <li>升级axios到最新版本0.21.0</li>
|
|---|
| | | <li>升级element-ui到最新版本2.14.1</li>
|
|---|
| | | <li>升级vue到最新版本2.6.12</li>
|
|---|
| | | <li>升级vuex到最新版本3.6.0</li>
|
|---|
| | | <li>升级vue-cli到版本4.5.9</li>
|
|---|
| | | <li>升级vue-router到最新版本3.4.9</li>
|
|---|
| | | <li>升级vue-cli到最新版本4.4.6</li>
|
|---|
| | | <li>升级vue-cropper到最新版本0.5.5</li>
|
|---|
| | | <li>升级clipboard到最新版本2.0.6</li>
|
|---|
| | | <li>升级core-js到最新版本3.8.1</li>
|
|---|
| | | <li>升级echarts到最新版本4.9.0</li>
|
|---|
| | | <li>升级file-saver到最新版本2.0.4</li>
|
|---|
| | | <li>升级fuse.js到最新版本6.4.3</li>
|
|---|
| | | <li>升级js-beautify到最新版本1.13.0</li>
|
|---|
| | | <li>升级js-cookie到最新版本2.2.1</li>
|
|---|
| | | <li>升级path-to-regexp到最新版本6.2.0</li>
|
|---|
| | | <li>升级quill到最新版本1.3.7</li>
|
|---|
| | | <li>升级screenfull到最新版本5.0.2</li>
|
|---|
| | | <li>升级sortablejs到最新版本1.10.2</li>
|
|---|
| | | <li>升级vuedraggable到最新版本2.24.3</li>
|
|---|
| | | <li>升级chalk到最新版本4.1.0</li>
|
|---|
| | | <li>升级eslint到最新版本7.15.0</li>
|
|---|
| | | <li>升级eslint-plugin-vue到最新版本7.2.0</li>
|
|---|
| | | <li>升级lint-staged到最新版本10.5.3</li>
|
|---|
| | | <li>升级runjs到最新版本4.4.2</li>
|
|---|
| | | <li>升级sass-loader到最新版本10.1.0</li>
|
|---|
| | | <li>升级script-ext-html-webpack-plugin到最新版本2.1.5</li>
|
|---|
| | | <li>升级svg-sprite-loader到最新版本5.1.1</li>
|
|---|
| | | <li>升级vue-template-compiler到最新版本2.6.12</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | <el-collapse-item title="v3.2.1 - 2020-11-18">
|
|---|
| | | <ol>
|
|---|
| | | <li>阻止任意文件下载漏洞</li>
|
|---|
| | | <li>代码生成支持上传控件</li>
|
|---|
| | | <li>新增图片上传组件</li>
|
|---|
| | | <li>调整默认首页</li>
|
|---|
| | | <li>升级druid到最新版本v1.2.2</li>
|
|---|
| | | <li>mapperLocations配置支持分隔符</li>
|
|---|
| | | <li>权限信息调整</li>
|
|---|
| | | <li>调整sql默认时间</li>
|
|---|
| | | <li>解决代码生成没有bit类型的问题</li>
|
|---|
| | | <li>升级pagehelper到最新版1.3.0</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | <el-collapse-item title="v3.2.0 - 2020-10-10">
|
|---|
| | | <ol>
|
|---|
| | | <li>升级springboot版本到2.1.17 提升安全性</li>
|
|---|
| | | <li>升级oshi到最新版本v5.2.5</li>
|
|---|
| | | <li>升级druid到最新版本v1.2.1</li>
|
|---|
| | | <li>升级jjwt到版本0.9.1</li>
|
|---|
| | | <li>升级fastjson到最新版1.2.74</li>
|
|---|
| | | <li>修改sass为node-sass，避免el-icon图标乱码</li>
|
|---|
| | | <li>代码生成支持同步数据库</li>
|
|---|
| | | <li>代码生成支持富文本控件</li>
|
|---|
| | | <li>代码生成页面时不忽略remark属性</li>
|
|---|
| | | <li>代码生成添加select必填选项</li>
|
|---|
| | | <li>Excel导出类型NUMERIC支持精度浮点类型</li>
|
|---|
| | | <li>Excel导出targetAttr优化获取值，防止get方法不规范</li>
|
|---|
| | | <li>Excel注解支持自动统计数据总和</li>
|
|---|
| | | <li>Excel注解支持设置BigDecimal精度&舍入规则</li>
|
|---|
| | | <li>菜单&数据权限新增（展开/折叠 全选/全不选 父子联动）</li>
|
|---|
| | | <li>允许用户分配到部门父节点</li>
|
|---|
| | | <li>菜单新增是否缓存keep-alive</li>
|
|---|
| | | <li>表格操作列间距调整</li>
|
|---|
| | | <li>限制系统内置参数不允许删除</li>
|
|---|
| | | <li>富文本组件优化，支持自定义高度&图片冲突问题</li>
|
|---|
| | | <li>富文本工具栏样式对齐</li>
|
|---|
| | | <li>导入excel整形值校验优化</li>
|
|---|
| | | <li>修复页签关闭所有时固定标签路由不刷新问题</li>
|
|---|
| | | <li>表单构建布局型组件新增按钮</li>
|
|---|
| | | <li>左侧菜单文字过长显示省略号</li>
|
|---|
| | | <li>修正根节点为子部门时，树状结构显示问题</li>
|
|---|
| | | <li>修正调用目标字符串最大长度</li>
|
|---|
| | | <li>修正菜单提示信息错误</li>
|
|---|
| | | <li>修正定时任务执行一次权限标识</li>
|
|---|
| | | <li>修正数据库字符串类型nvarchar</li>
|
|---|
| | | <li>优化递归子节点</li>
|
|---|
| | | <li>优化数据权限判断</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | |
|
|---|
| | | <el-collapse-item title="v3.1.0 - 2020-08-13">
|
|---|
| | | <ol>
|
|---|
| | | <li>表格工具栏右侧添加刷新&显隐查询组件</li>
|
|---|
| | | <li>后端支持CORS跨域请求</li>
|
|---|
| | | <li>代码生成支持选择上级菜单</li>
|
|---|
| | | <li>代码生成支持自定义路径</li>
|
|---|
| | | <li>代码生成支持复选框</li>
|
|---|
| | | <li>Excel导出导入支持dictType字典类型</li>
|
|---|
| | | <li>Excel支持分割字符串组内容</li>
|
|---|
| | | <li>验证码类型支持（数组计算、字符验证）</li>
|
|---|
| | | <li>升级vue-cli版本到4.4.4</li>
|
|---|
| | | <li>修改 node-sass 为 dart-sass</li>
|
|---|
| | | <li>表单类型为Integer/Long设置整形默认值</li>
|
|---|
| | | <li>代码生成器默认mapper路径与默认mapperScan路径不一致</li>
|
|---|
| | | <li>优化防重复提交拦截器</li>
|
|---|
| | | <li>优化上级菜单不能选择自己</li>
|
|---|
| | | <li>修复角色的权限分配后，未实时生效问题</li>
|
|---|
| | | <li>修复在线用户日志记录类型</li>
|
|---|
| | | <li>修复富文本空格和缩进保存后不生效问题</li>
|
|---|
| | | <li>修复在线用户判断逻辑</li>
|
|---|
| | | <li>唯一限制条件只返回单条数据</li>
|
|---|
| | | <li>添加获取当前的环境配置方法</li>
|
|---|
| | | <li>超时登录后页面跳转到首页</li>
|
|---|
| | | <li>全局异常状态汉化拦截处理</li>
|
|---|
| | | <li>HTML过滤器改为将html转义</li>
|
|---|
| | | <li>检查字符支持小数点&降级改成异常提醒</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | |
|
|---|
| | | <el-collapse-item title="v3.0.0 - 2020-07-20">
|
|---|
| | | <ol>
|
|---|
| | | <li>单应用调整为多模块项目</li>
|
|---|
| | | <li>升级element-ui版本到2.13.2</li>
|
|---|
| | | <li>删除babel，提高编译速度。</li>
|
|---|
| | | <li>新增菜单默认主类目</li>
|
|---|
| | | <li>编码文件名修改为uuid方式</li>
|
|---|
| | | <li>定时任务cron表达式验证</li>
|
|---|
| | | <li>角色权限修改时已有权限未自动勾选异常修复</li>
|
|---|
| | | <li>防止切换权限用户后登录出现404</li>
|
|---|
| | | <li>Excel支持sort导出排序</li>
|
|---|
| | | <li>创建用户不允许选择超级管理员角色</li>
|
|---|
| | | <li>修复代码生成导入表结构出现异常页面不提醒问题</li>
|
|---|
| | | <li>修复代码生成点击多次表修改数据不变化的问题</li>
|
|---|
| | | <li>修复头像上传成功二次打开无法改变裁剪框大小和位置问题</li>
|
|---|
| | | <li>修复布局为small者mini用户表单显示错位问题</li>
|
|---|
| | | <li>修复热部署导致的强换异常问题</li>
|
|---|
| | | <li>修改用户管理复选框宽度，防止部分浏览器出现省略号</li>
|
|---|
| | | <li>IpUtils工具，清除Xss特殊字符，防止Xff注入攻击</li>
|
|---|
| | | <li>生成domain 如果是浮点型 统一用BigDecimal</li>
|
|---|
| | | <li>定时任务调整label-width，防止部署出现错位</li>
|
|---|
| | | <li>调整表头固定列默认样式</li>
|
|---|
| | | <li>代码生成模板调整，字段为String并且必填则加空串条件</li>
|
|---|
| | | <li>代码生成字典Integer/Long使用parseInt</li>
|
|---|
| | | <li>
|
|---|
| | | 修复dict_sort不可update为0的问题&查询返回增加dict_sort升序排序
|
|---|
| | | </li>
|
|---|
| | | <li>修正岗位导出权限注解</li>
|
|---|
| | | <li>禁止加密密文返回前端</li>
|
|---|
| | | <li>修复代码生成页面中的查询条件创建时间未生效的问题</li>
|
|---|
| | | <li>修复首页搜索菜单外链无法点击跳转问题</li>
|
|---|
| | | <li>修复菜单管理选择图标，backspace删除时不过滤数据</li>
|
|---|
| | | <li>用户管理部门分支节点不可检查&显示计数</li>
|
|---|
| | | <li>数据范围过滤属性调整</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | |
|
|---|
| | | <el-collapse-item title="v2.3.0 - 2020-06-01">
|
|---|
| | | <ol>
|
|---|
| | | <li>升级fastjson到最新版1.2.70 修复高危安全漏洞</li>
|
|---|
| | | <li>dev启动默认打开浏览器</li>
|
|---|
| | | <li>vue-cli使用默认source-map</li>
|
|---|
| | | <li>slidebar eslint报错优化</li>
|
|---|
| | | <li>当tags-view滚动关闭右键菜单</li>
|
|---|
| | | <li>字典管理添加缓存读取</li>
|
|---|
| | | <li>参数管理支持缓存操作</li>
|
|---|
| | | <li>支持一级菜单（和主页同级）在main区域显示</li>
|
|---|
| | | <li>限制外链地址必须以http(s)开头</li>
|
|---|
| | | <li>tagview & sidebar 主题颜色与element ui(全局)同步</li>
|
|---|
| | | <li>修改数据源类型优先级，先根据方法，再根据类</li>
|
|---|
| | | <li>支持是否需要设置token属性，自定义返回码消息。</li>
|
|---|
| | | <li>swagger请求前缀加入配置。</li>
|
|---|
| | | <li>登录地点设置内容过长则隐藏显示</li>
|
|---|
| | | <li>修复定时任务执行一次按钮后不提示消息问题</li>
|
|---|
| | | <li>修改上级部门（选择项排除本身和下级）</li>
|
|---|
| | | <li>通用http发送方法增加参数 contentType 编码类型</li>
|
|---|
| | | <li>更换IP地址查询接口</li>
|
|---|
| | | <li>修复页签变量undefined</li>
|
|---|
| | | <li>添加校验部门包含未停用的子部门</li>
|
|---|
| | | <li>修改定时任务详情下次执行时间日期显示错误</li>
|
|---|
| | | <li>角色管理查询设置默认排序字段</li>
|
|---|
| | | <li>swagger添加enable参数控制是否启用</li>
|
|---|
| | | <li>只对json类型请求构建可重复读取inputStream的request</li>
|
|---|
| | | <li>修改代码生成字典字段int类型没有自动选中问题</li>
|
|---|
| | | <li>vuex用户名取值修正</li>
|
|---|
| | | <li>表格树模板去掉多余的)</li>
|
|---|
| | | <li>代码生成序号修正</li>
|
|---|
| | | <li>全屏情况下不调整上外边距</li>
|
|---|
| | | <li>代码生成Date字段添加默认格式</li>
|
|---|
| | | <li>用户管理角色选择权限控制</li>
|
|---|
| | | <li>修复路由懒加载报错问题</li>
|
|---|
| | | <li>模板sql.vm添加菜单状态</li>
|
|---|
| | | <li>设置用户名称不能修改</li>
|
|---|
| | | <li>dialog添加append-to-body属性，防止ie遮罩</li>
|
|---|
| | | <li>菜单区分状态和显示隐藏功能</li>
|
|---|
| | | <li>升级fastjson到最新版1.2.68 修复安全加固</li>
|
|---|
| | | <li>修复代码生成如果选择字典类型缺失逗号问题</li>
|
|---|
| | | <li>登录请求params更换为data，防止暴露url</li>
|
|---|
| | | <li>日志返回时间格式处理</li>
|
|---|
| | | <li>添加handle控制允许拖动的元素</li>
|
|---|
| | | <li>布局设置点击扩大范围</li>
|
|---|
| | | <li>代码生成列属性排序查询</li>
|
|---|
| | | <li>代码生成列支持拖动排序</li>
|
|---|
| | | <li>修复时间格式不支持ios问题</li>
|
|---|
| | | <li>表单构建添加父级class，防止冲突</li>
|
|---|
| | | <li>定时任务并发属性修正</li>
|
|---|
| | | <li>角色禁用&菜单隐藏不查询权限</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | |
|
|---|
| | | <el-collapse-item title="v2.2.0 - 2020-03-18">
|
|---|
| | | <ol>
|
|---|
| | | <li>系统监控新增定时任务功能</li>
|
|---|
| | | <li>添加一个打包Web工程bat</li>
|
|---|
| | | <li>修复页签鼠标滚轮按下的时候，可以关闭不可关闭的tag</li>
|
|---|
| | | <li>修复点击退出登录有时会无提示问题</li>
|
|---|
| | | <li>修复防重复提交注解无效问题</li>
|
|---|
| | | <li>修复通知公告批量删除异常问题</li>
|
|---|
| | | <li>添加菜单时路由地址必填限制</li>
|
|---|
| | | <li>代码生成字段描述可编辑</li>
|
|---|
| | | <li>修复用户修改个人信息导致缓存不过期问题</li>
|
|---|
| | | <li>个人信息创建时间获取正确属性值</li>
|
|---|
| | | <li>操作日志详细显示正确类型</li>
|
|---|
| | | <li>导入表单击行数据时选中对应的复选框</li>
|
|---|
| | | <li>批量替换表前缀逻辑调整</li>
|
|---|
| | | <li>固定重定向路径表达式</li>
|
|---|
| | | <li>升级element-ui版本到2.13.0</li>
|
|---|
| | | <li>操作日志排序调整</li>
|
|---|
| | | <li>修复charts切换侧边栏或者缩放窗口显示bug</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | |
|
|---|
| | | <el-collapse-item title="v2.1.0 - 2020-02-24">
|
|---|
| | | <ol>
|
|---|
| | | <li>新增表单构建</li>
|
|---|
| | | <li>代码生成支持树表结构</li>
|
|---|
| | | <li>新增用户导入</li>
|
|---|
| | | <li>修复动态加载路由页面刷新问题</li>
|
|---|
| | | <li>修复地址开关无效问题</li>
|
|---|
| | | <li>汉化错误提示页面</li>
|
|---|
| | | <li>代码生成已知问题修改</li>
|
|---|
| | | <li>修复多数据源下配置关闭出现异常处理</li>
|
|---|
| | | <li>添加HTML过滤器，用于去除XSS漏洞隐患</li>
|
|---|
| | | <li>修复上传头像控制台出现异常</li>
|
|---|
| | | <li>修改用户管理分页不正确的问题</li>
|
|---|
| | | <li>修复验证码记录提示错误</li>
|
|---|
| | | <li>修复request.js缺少Message引用</li>
|
|---|
| | | <li>修复表格时间为空出现的异常</li>
|
|---|
| | | <li>添加Jackson日期反序列化时区配置</li>
|
|---|
| | | <li>调整根据用户权限加载菜单数据树形结构</li>
|
|---|
| | | <li>调整成功登录不恢复按钮，防止多次点击</li>
|
|---|
| | | <li>修改用户个人资料同步缓存信息</li>
|
|---|
| | | <li>修复页面同时出现el-upload和Editor不显示处理</li>
|
|---|
| | | <li>修复在角色管理页修改菜单权限偶尔未选中问题</li>
|
|---|
| | | <li>配置文件新增redis密码属性</li>
|
|---|
| | | <li>设置mybatis全局的配置文件</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | |
|
|---|
| | | <el-collapse-item title="v2.0.0 - 2019-12-02">
|
|---|
| | | <ol>
|
|---|
| | | <li>新增代码生成</li>
|
|---|
| | | <li>新增@RepeatSubmit注解，防止重复提交</li>
|
|---|
| | | <li>新增菜单主目录添加/删除操作</li>
|
|---|
| | | <li>日志记录过滤特殊对象，防止转换异常</li>
|
|---|
| | | <li>修改代码生成路由脚本错误</li>
|
|---|
| | | <li>用户上传头像实时同步缓存，无需重新登录</li>
|
|---|
| | | <li>调整切换页签后不重新加载数据</li>
|
|---|
| | | <li>添加jsencrypt实现参数的前端加密</li>
|
|---|
| | | <li>系统退出删除用户缓存记录</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | <el-collapse-item title="v1.1.0 - 2019-11-11">
|
|---|
| | | <ol>
|
|---|
| | | <li>新增在线用户管理</li>
|
|---|
| | | <li>新增按钮组功能实现（批量删除、导出、清空）</li>
|
|---|
| | | <li>新增查询条件重置按钮</li>
|
|---|
| | | <li>新增Swagger全局Token配置</li>
|
|---|
| | | <li>新增后端参数校验</li>
|
|---|
| | | <li>修复字典管理页面的日期查询异常</li>
|
|---|
| | | <li>修改时间函数命名防止冲突</li>
|
|---|
| | | <li>去除菜单上级校验，默认为顶级</li>
|
|---|
| | | <li>修复用户密码无法修改问题</li>
|
|---|
| | | <li>修复菜单类型为按钮时不显示权限标识</li>
|
|---|
| | | <li>其他细节优化</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | <el-collapse-item title="v1.0.0 - 2019-10-08">
|
|---|
| | | <ol>
|
|---|
| | | <li>若依前后端分离系统正式发布</li>
|
|---|
| | | </ol>
|
|---|
| | | </el-collapse-item>
|
|---|
| | | </el-collapse>
|
|---|
| | | </el-card>
|
|---|
| | | </el-col>
|
|---|
| | | <el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|---|
| | | <el-card class="update-log">
|
|---|
| | | <template v-slot:header>
|
|---|
| | | <div class="clearfix">
|
|---|
| | | <span>捐赠支持</span>
|
|---|
| | | </div>
|
|---|
| | | </template>
|
|---|
| | | <div class="body">
|
|---|
| | | <img
|
|---|
| | | src="https://oscimg.oschina.net/oscnet/up-d6695f82666e5018f715c41cb7ee60d3b73.png"
|
|---|
| | | alt="donate"
|
|---|
| | | style="width:100%"
|
|---|
| | | />
|
|---|
| | | <span style="display: inline-block; height: 30px; line-height: 30px"
|
|---|
| | | >你可以请作者喝杯咖啡表示鼓励</span
|
|---|
| | | >
|
|---|
| | | </div>
|
|---|
| | | </el-card>
|
|---|
| | | </el-col>
|
|---|
| | | </el-row>
|
|---|
| | | </div>
|
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | | <script setup name="Index">
|
|---|
| | | const version = ref('3.8.2')
|
|---|
| | |
|
|---|
| | | function goTarget(url) {
|
|---|
| | | window.open(url, '__blank')
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <style scoped lang="scss">
|
|---|
| | | .home {
|
|---|
| | | blockquote {
|
|---|
| | | padding: 10px 20px;
|
|---|
| | | margin: 0 0 20px;
|
|---|
| | | font-size: 17.5px;
|
|---|
| | | border-left: 5px solid #eee;
|
|---|
| | | }
|
|---|
| | | hr {
|
|---|
| | | margin-top: 20px;
|
|---|
| | | margin-bottom: 20px;
|
|---|
| | | border: 0;
|
|---|
| | | border-top: 1px solid #eee;
|
|---|
| | | }
|
|---|
| | | .col-item {
|
|---|
| | | margin-bottom: 20px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | ul {
|
|---|
| | | padding: 0;
|
|---|
| | | margin: 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|---|
| | | font-size: 13px;
|
|---|
| | | color: #676a6c;
|
|---|
| | | overflow-x: hidden;
|
|---|
| | |
|
|---|
| | | ul {
|
|---|
| | | list-style-type: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | h4 {
|
|---|
| | | margin-top: 0px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | h2 {
|
|---|
| | | margin-top: 10px;
|
|---|
| | | font-size: 26px;
|
|---|
| | | font-weight: 100;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | p {
|
|---|
| | | margin-top: 10px;
|
|---|
| | |
|
|---|
| | | b {
|
|---|
| | | font-weight: 700;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .update-log {
|
|---|
| | | ol {
|
|---|
| | | display: block;
|
|---|
| | | list-style-type: decimal;
|
|---|
| | | margin-block-start: 1em;
|
|---|
| | | margin-block-end: 1em;
|
|---|
| | | margin-inline-start: 0;
|
|---|
| | | margin-inline-end: 0;
|
|---|
| | | padding-inline-start: 40px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
| | |
|
|---|
| | | <template> |
|---|
| | | <div class="home-page"> |
|---|
| | | <div class="top-bar"> |
|---|
| | | <div class="user-box"> |
|---|
| | | <img :src="userStore.avatar" class="avatar" alt="" /> |
|---|
| | | <div> |
|---|
| | | <div class="hello">{{ userStore.roleName || "系统管理员" }}，你好</div> |
|---|
| | | <div class="sub">登录时间：{{ userStore.currentLoginTime }}</div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="top-actions"> |
|---|
| | | <span class="refresh-time">数据更新时间：{{ lastUpdatedAt || "-" }}</span> |
|---|
| | | <el-button size="small" type="primary" plain @click="refreshDashboardData">刷新数据</el-button> |
|---|
| | | <el-button size="small" plain @click="configDialogVisible = true">首页配置</el-button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="content-grid"> |
|---|
| | | <div class="left-col"> |
|---|
| | | <section class="section-card"> |
|---|
| | | <div class="section-title-row"> |
|---|
| | | <div class="section-title">快捷操作</div> |
|---|
| | | <el-button size="small" type="primary" link @click="openShortcutDialog">添加快捷入口</el-button> |
|---|
| | | </div> |
|---|
| | | <div class="quick-grid"> |
|---|
| | | <el-button |
|---|
| | | v-for="item in shortcuts" |
|---|
| | | :key="`${item.label}-${item.path}`" |
|---|
| | | :type="item.invalid ? 'danger' : 'default'" |
|---|
| | | @click="goTo(item.path)" |
|---|
| | | > |
|---|
| | | {{ item.label }} |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | | </section> |
|---|
| | | |
|---|
| | | <section class="section-card"> |
|---|
| | | <div class="section-title">重点待办</div> |
|---|
| | | <div class="todo-row" v-for="todo in todos" :key="todo.title"> |
|---|
| | | <el-tag size="small" :type="todo.type">{{ todo.level }}</el-tag> |
|---|
| | | <span>{{ todo.title }}</span> |
|---|
| | | </div> |
|---|
| | | </section> |
|---|
| | | |
|---|
| | | <section class="section-card"> |
|---|
| | | <div class="section-title">经营关注</div> |
|---|
| | | <div class="focus-row" v-for="item in businessFocus" :key="item.name"> |
|---|
| | | <span class="focus-name">{{ item.name }}</span> |
|---|
| | | <span class="focus-value">{{ item.value }}</span> |
|---|
| | | </div> |
|---|
| | | </section> |
|---|
| | | |
|---|
| | | <section class="section-card flex-fill-card"> |
|---|
| | | <div class="section-title-row"> |
|---|
| | | <div class="section-title">今日待处理</div> |
|---|
| | | <el-radio-group v-model="pendingFilter" size="small"> |
|---|
| | | <el-radio-button label="all">全部</el-radio-button> |
|---|
| | | <el-radio-button label="mine">我的</el-radio-button> |
|---|
| | | <el-radio-button label="high">高优先</el-radio-button> |
|---|
| | | </el-radio-group> |
|---|
| | | </div> |
|---|
| | | <div class="task-row" v-for="task in filteredPendingTasks" :key="task.id"> |
|---|
| | | <div class="task-left"> |
|---|
| | | <el-tag size="small" :type="task.type">{{ task.level }}</el-tag> |
|---|
| | | <span class="task-title">{{ task.title }}</span> |
|---|
| | | </div> |
|---|
| | | <el-button link type="primary" @click="goTo(task.path)">去处理</el-button> |
|---|
| | | </div> |
|---|
| | | <el-empty v-if="filteredPendingTasks.length === 0" description="暂无待处理事项" :image-size="80" /> |
|---|
| | | </section> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="right-col"> |
|---|
| | | <section class="section-card" v-if="isSectionVisible('trendCards')"> |
|---|
| | | <div class="section-title">最近7天关键指标趋势</div> |
|---|
| | | <div class="trend-cards"> |
|---|
| | | <div class="trend-card clickable" v-for="card in recentTrendCards" :key="card.key" @click="handleTrendCardClick(card)"> |
|---|
| | | <div class="trend-head"> |
|---|
| | | <span class="trend-label">{{ card.label }}</span> |
|---|
| | | <span class="trend-rate" :class="trendClass(card.change)"> |
|---|
| | | {{ card.change > 0 ? "+" : "" }}{{ card.change.toFixed(1) }}% |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | <div class="trend-value">{{ card.latest }} {{ card.unit }}</div> |
|---|
| | | <div class="sparkline"> |
|---|
| | | <span |
|---|
| | | v-for="(v, idx) in card.values" |
|---|
| | | :key="`${card.key}-${idx}`" |
|---|
| | | class="sparkline-bar" |
|---|
| | | :style="{ height: `${calcBarHeight(v, card.values)}%` }" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </section> |
|---|
| | | |
|---|
| | | <section class="section-card" v-if="isSectionVisible('planTrend')"> |
|---|
| | | <div class="section-title-row"> |
|---|
| | | <div class="section-title">计划与生产趋势</div> |
|---|
| | | <el-radio-group v-model="chartRangePlan" size="small" @change="loadPlanTrend"> |
|---|
| | | <el-radio-button :label="1">日</el-radio-button> |
|---|
| | | <el-radio-button :label="2">周</el-radio-button> |
|---|
| | | <el-radio-button :label="3">月</el-radio-button> |
|---|
| | | </el-radio-group> |
|---|
| | | </div> |
|---|
| | | <Echarts |
|---|
| | | :chartStyle="chartStyle" |
|---|
| | | :legend="planLegend" |
|---|
| | | :grid="grid" |
|---|
| | | :tooltip="lineTooltip" |
|---|
| | | :xAxis="planXAxis" |
|---|
| | | :yAxis="valueYAxis" |
|---|
| | | :series="planSeries" |
|---|
| | | style="height: 300px" |
|---|
| | | /> |
|---|
| | | </section> |
|---|
| | | |
|---|
| | | <div class="row-two" v-if="isSectionVisible('qualityChart') || isSectionVisible('costChart')"> |
|---|
| | | <section class="section-card" v-if="isSectionVisible('qualityChart')"> |
|---|
| | | <div class="section-title-row"> |
|---|
| | | <div class="section-title">质检异常分布</div> |
|---|
| | | <el-radio-group v-model="chartRangeQuality" size="small" @change="loadQualityData"> |
|---|
| | | <el-radio-button :label="1">周</el-radio-button> |
|---|
| | | <el-radio-button :label="2">月</el-radio-button> |
|---|
| | | <el-radio-button :label="3">季度</el-radio-button> |
|---|
| | | </el-radio-group> |
|---|
| | | </div> |
|---|
| | | <Echarts |
|---|
| | | :chartStyle="chartStyle" |
|---|
| | | :grid="grid" |
|---|
| | | :tooltip="barTooltip" |
|---|
| | | :xAxis="qualityXAxis" |
|---|
| | | :yAxis="valueYAxis" |
|---|
| | | :series="qualitySeries" |
|---|
| | | style="height: 260px" |
|---|
| | | /> |
|---|
| | | </section> |
|---|
| | | <section class="section-card" v-if="isSectionVisible('costChart')"> |
|---|
| | | <div class="section-title">能耗与成本结构</div> |
|---|
| | | <Echarts |
|---|
| | | :chartStyle="chartStyle" |
|---|
| | | :legend="costLegend" |
|---|
| | | :tooltip="pieTooltip" |
|---|
| | | :series="costSeries" |
|---|
| | | style="height: 260px" |
|---|
| | | /> |
|---|
| | | </section> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <section class="section-card" v-if="isSectionVisible('warningCenter')"> |
|---|
| | | <div class="section-title">异常预警中心</div> |
|---|
| | | <div class="warning-row" v-for="item in warningList" :key="item.id"> |
|---|
| | | <div class="warning-left"> |
|---|
| | | <el-tag size="small" :type="item.levelType">{{ item.levelText }}</el-tag> |
|---|
| | | <span class="warning-title">{{ item.title }}</span> |
|---|
| | | </div> |
|---|
| | | <el-button link type="danger" @click="goTo(item.path)">处理</el-button> |
|---|
| | | </div> |
|---|
| | | <el-empty v-if="warningList.length === 0" description="暂无异常预警" :image-size="80" /> |
|---|
| | | </section> |
|---|
| | | |
|---|
| | | <section class="section-card mini-table-wrap" v-if="isSectionVisible('planTable')"> |
|---|
| | | <div class="section-title">生产计划执行明细</div> |
|---|
| | | <el-table :data="planTable" size="small" stripe> |
|---|
| | | <el-table-column prop="planNo" label="计划单号" min-width="150" /> |
|---|
| | | <el-table-column prop="product" label="产品" min-width="120" /> |
|---|
| | | <el-table-column prop="qty" label="计划量" min-width="90" /> |
|---|
| | | <el-table-column prop="issued" label="已下发" min-width="90" /> |
|---|
| | | <el-table-column prop="status" label="状态" min-width="100" /> |
|---|
| | | <el-table-column label="操作" min-width="120"> |
|---|
| | | <template #default="{ row }"> |
|---|
| | | <el-button link type="primary" @click="goTo(routePathMap.plan)">查看</el-button> |
|---|
| | | <el-button |
|---|
| | | v-if="row.status !== '已完成'" |
|---|
| | | link |
|---|
| | | type="success" |
|---|
| | | @click="goTo(routePathMap.dispatch)" |
|---|
| | | > |
|---|
| | | 下发 |
|---|
| | | </el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </section> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <el-dialog v-model="shortcutDialogVisible" title="添加快捷入口（最多6个）" width="680px"> |
|---|
| | | <div class="shortcut-form-row"> |
|---|
| | | <el-tree-select |
|---|
| | | v-model="selectedPagePath" |
|---|
| | | placeholder="请选择页面（目录不可选）" |
|---|
| | | filterable |
|---|
| | | clearable |
|---|
| | | check-strictly |
|---|
| | | node-key="value" |
|---|
| | | :data="menuTreeOptions" |
|---|
| | | :props="{ label: 'label', value: 'value', children: 'children', disabled: 'disabled' }" |
|---|
| | | style="grid-column: span 2" |
|---|
| | | /> |
|---|
| | | <el-button type="success" @click="addShortcutBySelect">选择添加</el-button> |
|---|
| | | </div> |
|---|
| | | <el-table :data="shortcuts" size="small" border> |
|---|
| | | <el-table-column prop="label" label="名称" min-width="220" /> |
|---|
| | | <el-table-column label="状态" min-width="80"> |
|---|
| | | <template #default="{ row }"> |
|---|
| | | <el-tag size="small" :type="row.invalid ? 'danger' : 'success'">{{ row.invalid ? "无效" : "有效" }}</el-tag> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column label="操作" min-width="90" align="center"> |
|---|
| | | <template #default="{ $index }"> |
|---|
| | | <el-button link type="danger" @click="removeShortcut($index)">删除</el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | | <el-dialog v-model="configDialogVisible" title="首页模块配置" width="520px"> |
|---|
| | | <el-checkbox-group v-model="enabledSectionKeys" class="config-check-group"> |
|---|
| | | <el-checkbox v-for="item in sectionConfigOptions" :key="item.key" :label="item.key"> |
|---|
| | | {{ item.label }} |
|---|
| | | </el-checkbox> |
|---|
| | | </el-checkbox-group> |
|---|
| | | <template #footer> |
|---|
| | | <el-button @click="configDialogVisible = false">取消</el-button> |
|---|
| | | <el-button type="primary" @click="saveSectionConfig">保存</el-button> |
|---|
| | | </template> |
|---|
| | | </el-dialog> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup> |
|---|
| | | import { computed, onMounted, reactive, ref } from "vue"; |
|---|
| | | import { useRouter } from "vue-router"; |
|---|
| | | import { ElMessage } from "element-plus"; |
|---|
| | | import Echarts from "@/components/Echarts/echarts.vue"; |
|---|
| | | import useUserStore from "@/store/modules/user.js"; |
|---|
| | | import usePermissionStore from "@/store/modules/permission"; |
|---|
| | | import { |
|---|
| | | expenseCompositionAnalysis, |
|---|
| | | getProgressStatistics, |
|---|
| | | homeTodos, |
|---|
| | | orderCount, |
|---|
| | | processDataProductionStatistics, |
|---|
| | | qualityInspectionStatistics, |
|---|
| | | nonComplianceWarning, |
|---|
| | | } from "@/api/viewIndex.js"; |
|---|
| | | |
|---|
| | | const router = useRouter(); |
|---|
| | | const userStore = useUserStore(); |
|---|
| | | const permissionStore = usePermissionStore(); |
|---|
| | | |
|---|
| | | const SHORTCUT_STORAGE_KEY = "home-shortcuts-v1"; |
|---|
| | | |
|---|
| | | const defaultShortcuts = [ |
|---|
| | | { label: "主生产计划", path: "/productionManagement/productionPlan" }, |
|---|
| | | { label: "生产订单", path: "/productionManagement/productionOrder" }, |
|---|
| | | { label: "生产报工", path: "/productionManagement/productionReporting" }, |
|---|
| | | { label: "过程检", path: "/qualityManagement/processInspection" }, |
|---|
| | | { label: "生产能耗", path: "/energyManagement/productionEnergyConsumption" }, |
|---|
| | | { label: "生产成本", path: "/costAccounting/productionCostAccounting" }, |
|---|
| | | { label: "标准vs实际", path: "/costAccounting/stdVsActCostAnalysis" }, |
|---|
| | | { label: "决策分析", path: "/reportAnalysis/dataDashboard" }, |
|---|
| | | ]; |
|---|
| | | |
|---|
| | | const isRouteValid = (path) => { |
|---|
| | | if (!path || !path.startsWith("/")) return false; |
|---|
| | | const resolved = router.resolve(path); |
|---|
| | | return resolved.matched && resolved.matched.length > 0; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const withValidFlag = (list) => |
|---|
| | | list.map((item) => ({ |
|---|
| | | ...item, |
|---|
| | | invalid: !isRouteValid(item.path), |
|---|
| | | })); |
|---|
| | | |
|---|
| | | const pageOptions = router |
|---|
| | | .getRoutes() |
|---|
| | | .filter((route) => { |
|---|
| | | const hasTitle = Boolean(route.meta?.title); |
|---|
| | | const validPath = route.path && route.path.startsWith("/") && !route.path.includes(":"); |
|---|
| | | const isVisibleMenu = !route.meta?.hidden && route.path !== "/index"; |
|---|
| | | const notSpecial = |
|---|
| | | !route.path.includes("redirect") && |
|---|
| | | route.path !== "/login" && |
|---|
| | | route.path !== "/register" && |
|---|
| | | route.path !== "/401" && |
|---|
| | | !route.path.includes(":pathMatch"); |
|---|
| | | return hasTitle && validPath && isVisibleMenu && notSpecial; |
|---|
| | | }) |
|---|
| | | .map((route) => ({ |
|---|
| | | title: route.meta.title, |
|---|
| | | path: route.path, |
|---|
| | | })) |
|---|
| | | .sort((a, b) => a.path.localeCompare(b.path)); |
|---|
| | | |
|---|
| | | const normalizePath = (path) => String(path || "").replace(/\/+/g, "/"); |
|---|
| | | const joinPath = (parentPath, childPath) => { |
|---|
| | | if (!childPath) return normalizePath(parentPath || "/"); |
|---|
| | | if (String(childPath).startsWith("/")) return normalizePath(childPath); |
|---|
| | | return normalizePath(`${parentPath || ""}/${childPath}`); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const buildMenuTreeOptions = (routes = [], parentPath = "") => { |
|---|
| | | const result = []; |
|---|
| | | routes.forEach((route) => { |
|---|
| | | if (!route || route.hidden) return; |
|---|
| | | const fullPath = joinPath(parentPath, route.path); |
|---|
| | | const children = buildMenuTreeOptions(route.children || [], fullPath); |
|---|
| | | const title = route.meta?.title; |
|---|
| | | if (!title && children.length > 0) { |
|---|
| | | result.push(...children); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (!title) return; |
|---|
| | | result.push({ |
|---|
| | | label: title, |
|---|
| | | value: fullPath, |
|---|
| | | disabled: children.length > 0, |
|---|
| | | children, |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | return result; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const menuTreeOptions = computed(() => buildMenuTreeOptions(permissionStore.sidebarRouters || [])); |
|---|
| | | const selectableMenuMap = computed(() => { |
|---|
| | | const map = new Map(); |
|---|
| | | const walk = (list = []) => { |
|---|
| | | list.forEach((item) => { |
|---|
| | | if (!item.disabled) map.set(item.value, item.label); |
|---|
| | | if (item.children?.length) walk(item.children); |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | walk(menuTreeOptions.value); |
|---|
| | | return map; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const keywordMap = { |
|---|
| | | "主生产计划": ["生产计划", "productionPlan"], |
|---|
| | | "生产订单": ["生产订单", "productionOrder"], |
|---|
| | | "生产报工": ["报工", "productionReporting"], |
|---|
| | | "过程检": ["过程检", "processInspection"], |
|---|
| | | "生产能耗": ["生产能耗", "productionEnergyConsumption"], |
|---|
| | | "生产成本": ["生产成本", "productionCostAccounting"], |
|---|
| | | "标准vs实际": ["标准", "实际", "stdVsActCostAnalysis"], |
|---|
| | | "决策分析": ["决策", "看板", "dataDashboard"], |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const findRouteByKeywords = (keywords = []) => { |
|---|
| | | const lowerKeywords = keywords.map((k) => String(k).toLowerCase()); |
|---|
| | | return pageOptions.find((item) => { |
|---|
| | | const title = String(item.title || "").toLowerCase(); |
|---|
| | | const path = String(item.path || "").toLowerCase(); |
|---|
| | | return lowerKeywords.some((k) => title.includes(k) || path.includes(k)); |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const getPathByKeywords = (keywords = []) => findRouteByKeywords(keywords)?.path || ""; |
|---|
| | | |
|---|
| | | const getRecommendedShortcuts = () => { |
|---|
| | | const list = defaultShortcuts |
|---|
| | | .map((item) => { |
|---|
| | | const matched = findRouteByKeywords(keywordMap[item.label] || [item.label]); |
|---|
| | | return matched ? { label: item.label, path: matched.path } : null; |
|---|
| | | }) |
|---|
| | | .filter(Boolean); |
|---|
| | | return list.length > 0 ? list : defaultShortcuts; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const tryRepairSavedShortcut = (item) => { |
|---|
| | | const matched = findRouteByKeywords(keywordMap[item.label] || [item.label]); |
|---|
| | | if (matched) return { label: item.label, path: matched.path }; |
|---|
| | | return item; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const getSavedShortcuts = () => { |
|---|
| | | const recommended = getRecommendedShortcuts(); |
|---|
| | | try { |
|---|
| | | const saved = localStorage.getItem(SHORTCUT_STORAGE_KEY); |
|---|
| | | if (!saved) return recommended; |
|---|
| | | const parsed = JSON.parse(saved); |
|---|
| | | if (!Array.isArray(parsed) || parsed.length === 0) return recommended; |
|---|
| | | return parsed.map((item) => tryRepairSavedShortcut(item)); |
|---|
| | | } catch (error) { |
|---|
| | | return recommended; |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const shortcuts = reactive(withValidFlag(getSavedShortcuts().slice(0, 6))); |
|---|
| | | const shortcutDialogVisible = ref(false); |
|---|
| | | const configDialogVisible = ref(false); |
|---|
| | | const selectedPagePath = ref(""); |
|---|
| | | const lastUpdatedAt = ref(""); |
|---|
| | | const pendingFilter = ref("all"); |
|---|
| | | const chartRangePlan = ref(3); |
|---|
| | | const chartRangeQuality = ref(2); |
|---|
| | | |
|---|
| | | const routePathMap = { |
|---|
| | | plan: getPathByKeywords(["生产计划", "productionPlan"]), |
|---|
| | | order: getPathByKeywords(["生产订单", "productionOrder"]), |
|---|
| | | processInspection: getPathByKeywords(["过程检", "processInspection"]), |
|---|
| | | meter: getPathByKeywords(["抄表", "meterCollection", "能耗"]), |
|---|
| | | dispatch: getPathByKeywords(["生产调度", "productionDispatching"]), |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const persistShortcuts = () => { |
|---|
| | | localStorage.setItem( |
|---|
| | | SHORTCUT_STORAGE_KEY, |
|---|
| | | JSON.stringify(shortcuts.slice(0, 6).map(({ label, path }) => ({ label, path }))) |
|---|
| | | ); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const todos = reactive([]); |
|---|
| | | |
|---|
| | | const businessFocus = reactive([ |
|---|
| | | { name: "生产订单总数", value: "-" }, |
|---|
| | | { name: "已完成订单数", value: "-" }, |
|---|
| | | { name: "未完成订单数", value: "-" }, |
|---|
| | | { name: "部分完成订单数", value: "-" }, |
|---|
| | | { name: "质检总数", value: "-" }, |
|---|
| | | { name: "过程检总数", value: "-" }, |
|---|
| | | ]); |
|---|
| | | |
|---|
| | | const pendingTasks = reactive([]); |
|---|
| | | const warningList = reactive([]); |
|---|
| | | const SECTION_CONFIG_KEY = "home-sections-v1"; |
|---|
| | | const sectionConfigOptions = [ |
|---|
| | | { key: "trendCards", label: "最近7天趋势卡" }, |
|---|
| | | { key: "planTrend", label: "计划与生产趋势图" }, |
|---|
| | | { key: "qualityChart", label: "质检异常分布图" }, |
|---|
| | | { key: "costChart", label: "能耗与成本结构图" }, |
|---|
| | | { key: "warningCenter", label: "异常预警中心" }, |
|---|
| | | { key: "planTable", label: "生产计划执行明细表" }, |
|---|
| | | ]; |
|---|
| | | const enabledSectionKeys = ref(sectionConfigOptions.map((i) => i.key)); |
|---|
| | | |
|---|
| | | const chartStyle = { width: "100%", height: "100%" }; |
|---|
| | | const grid = { left: "3%", right: "4%", bottom: "3%", containLabel: true }; |
|---|
| | | const lineTooltip = { trigger: "axis" }; |
|---|
| | | const barTooltip = { trigger: "axis", axisPointer: { type: "shadow" } }; |
|---|
| | | const pieTooltip = { trigger: "item" }; |
|---|
| | | |
|---|
| | | const valueYAxis = [{ type: "value" }]; |
|---|
| | | const planXAxis = [{ type: "category", data: [] }]; |
|---|
| | | const qualityXAxis = [{ type: "category", data: [] }]; |
|---|
| | | |
|---|
| | | const planLegend = { show: true, data: ["计划量", "下发量", "完成量"] }; |
|---|
| | | const costLegend = { |
|---|
| | | show: true, |
|---|
| | | orient: "vertical", |
|---|
| | | right: 10, |
|---|
| | | top: "center", |
|---|
| | | data: ["能耗成本", "生产成本", "质量损失成本", "其他成本"], |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const planSeries = reactive([ |
|---|
| | | { name: "计划量", type: "line", smooth: true, data: [] }, |
|---|
| | | { name: "下发量", type: "line", smooth: true, data: [] }, |
|---|
| | | { name: "完成量", type: "line", smooth: true, data: [] }, |
|---|
| | | ]); |
|---|
| | | |
|---|
| | | const qualitySeries = reactive([ |
|---|
| | | { |
|---|
| | | name: "异常数", |
|---|
| | | type: "bar", |
|---|
| | | barWidth: 26, |
|---|
| | | itemStyle: { color: "#e67e22", borderRadius: [6, 6, 0, 0] }, |
|---|
| | | data: [], |
|---|
| | | }, |
|---|
| | | ]); |
|---|
| | | |
|---|
| | | const costSeries = reactive([ |
|---|
| | | { |
|---|
| | | type: "pie", |
|---|
| | | radius: ["45%", "68%"], |
|---|
| | | center: ["35%", "50%"], |
|---|
| | | label: { formatter: "{b}: {d}%" }, |
|---|
| | | data: [], |
|---|
| | | }, |
|---|
| | | ]); |
|---|
| | | |
|---|
| | | const planTable = reactive([]); |
|---|
| | | const recentTrendCards = reactive([ |
|---|
| | | { key: "planIssued", label: "计划下发量", unit: "单", values: [0, 0, 0, 0, 0, 0, 0], latest: 0, change: 0 }, |
|---|
| | | { key: "qualityRaw", label: "来料检数量", unit: "条", values: [0, 0, 0, 0, 0, 0, 0], latest: 0, change: 0 }, |
|---|
| | | { key: "qualityProcess", label: "过程检数量", unit: "条", values: [0, 0, 0, 0, 0, 0, 0], latest: 0, change: 0 }, |
|---|
| | | { key: "qualityFactory", label: "成品检数量", unit: "条", values: [0, 0, 0, 0, 0, 0, 0], latest: 0, change: 0 }, |
|---|
| | | ]); |
|---|
| | | |
|---|
| | | const toNumber = (value) => { |
|---|
| | | const num = Number(value); |
|---|
| | | return Number.isFinite(num) ? num : 0; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const pickFirstNumber = (obj, keys = []) => { |
|---|
| | | for (const key of keys) { |
|---|
| | | if (obj && obj[key] !== undefined && obj[key] !== null) return toNumber(obj[key]); |
|---|
| | | } |
|---|
| | | return 0; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const updateArray = (target, list) => { |
|---|
| | | target.splice(0, target.length, ...list); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const toFixedOne = (num) => Number(num || 0).toFixed(1); |
|---|
| | | |
|---|
| | | const normalizeSeven = (list = []) => { |
|---|
| | | const nums = list.map((i) => toNumber(i)); |
|---|
| | | if (nums.length >= 7) return nums.slice(-7); |
|---|
| | | return [...Array(7 - nums.length).fill(0), ...nums]; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const calcTrend = (list = []) => { |
|---|
| | | if (!Array.isArray(list) || list.length === 0) return { latest: 0, change: 0 }; |
|---|
| | | const first = toNumber(list[0]); |
|---|
| | | const latest = toNumber(list[list.length - 1]); |
|---|
| | | if (first === 0) return { latest, change: latest > 0 ? 100 : 0 }; |
|---|
| | | return { latest, change: ((latest - first) / first) * 100 }; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const setTrendCard = (key, values) => { |
|---|
| | | const target = recentTrendCards.find((i) => i.key === key); |
|---|
| | | if (!target) return; |
|---|
| | | const series = normalizeSeven(values); |
|---|
| | | const { latest, change } = calcTrend(series); |
|---|
| | | target.values = series; |
|---|
| | | target.latest = latest; |
|---|
| | | target.change = Number(toFixedOne(change)); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const trendClass = (change) => (change > 0 ? "up" : change < 0 ? "down" : "flat"); |
|---|
| | | |
|---|
| | | const calcBarHeight = (value, list) => { |
|---|
| | | const max = Math.max(...list, 1); |
|---|
| | | return Math.max(18, Math.round((toNumber(value) / max) * 100)); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const filteredPendingTasks = computed(() => { |
|---|
| | | if (pendingFilter.value === "high") return pendingTasks.filter((i) => i.level === "高"); |
|---|
| | | if (pendingFilter.value === "mine") { |
|---|
| | | const currentUserName = String(userStore?.name || "").toLowerCase(); |
|---|
| | | const currentUserId = String(userStore?.userId || ""); |
|---|
| | | return pendingTasks.filter((i) => { |
|---|
| | | const ownerName = String(i.ownerName || "").toLowerCase(); |
|---|
| | | const ownerId = String(i.ownerId || ""); |
|---|
| | | return (currentUserName && ownerName && ownerName.includes(currentUserName)) || (currentUserId && ownerId === currentUserId); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | return pendingTasks; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const isSectionVisible = (key) => enabledSectionKeys.value.includes(key); |
|---|
| | | |
|---|
| | | const goTo = (path) => { |
|---|
| | | if (!isRouteValid(path)) { |
|---|
| | | ElMessage.warning("当前菜单未配置该页面或无访问权限"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | router.push(path); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const handleTrendCardClick = (card) => { |
|---|
| | | const mapping = { |
|---|
| | | planIssued: routePathMap.plan || routePathMap.order, |
|---|
| | | qualityRaw: routePathMap.processInspection, |
|---|
| | | qualityProcess: routePathMap.processInspection, |
|---|
| | | qualityFactory: routePathMap.processInspection, |
|---|
| | | }; |
|---|
| | | const target = mapping[card.key]; |
|---|
| | | if (!target) { |
|---|
| | | ElMessage.warning("未配置可跳转页面"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | const query = |
|---|
| | | card.key === "planIssued" |
|---|
| | | ? { dateType: String(chartRangePlan.value), source: "homeTrend" } |
|---|
| | | : { dateType: String(chartRangeQuality.value), source: "homeTrend" }; |
|---|
| | | router.push({ path: target, query }); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const openShortcutDialog = () => { |
|---|
| | | shortcutDialogVisible.value = true; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const addShortcutBySelect = () => { |
|---|
| | | if (shortcuts.length >= 6) { |
|---|
| | | ElMessage.warning("快捷入口最多只能添加6个"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (!selectedPagePath.value) { |
|---|
| | | ElMessage.warning("请先选择页面"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | if (shortcuts.some((item) => item.path === selectedPagePath.value)) { |
|---|
| | | ElMessage.warning("该快捷入口已存在"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | const label = selectableMenuMap.value.get(selectedPagePath.value); |
|---|
| | | if (!label) { |
|---|
| | | ElMessage.warning("请选择可添加的页面，目录节点不可选"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | shortcuts.push({ |
|---|
| | | label, |
|---|
| | | path: selectedPagePath.value, |
|---|
| | | invalid: !isRouteValid(selectedPagePath.value), |
|---|
| | | }); |
|---|
| | | persistShortcuts(); |
|---|
| | | selectedPagePath.value = ""; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const removeShortcut = (index) => { |
|---|
| | | shortcuts.splice(index, 1); |
|---|
| | | persistShortcuts(); |
|---|
| | | ElMessage.success("已删除快捷入口"); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const loadHomeTodos = async () => { |
|---|
| | | try { |
|---|
| | | const res = await homeTodos(); |
|---|
| | | const list = Array.isArray(res?.data) ? res.data : []; |
|---|
| | | const mapped = list.slice(0, 4).map((item, idx) => { |
|---|
| | | const text = item?.approveReason || item?.approveTypeName || `待处理事项 ${idx + 1}`; |
|---|
| | | const levelType = idx === 0 ? "danger" : idx <= 2 ? "warning" : "success"; |
|---|
| | | const level = idx === 0 ? "高" : idx <= 2 ? "中" : "低"; |
|---|
| | | return { level, title: text, type: levelType }; |
|---|
| | | }); |
|---|
| | | updateArray(todos, mapped); |
|---|
| | | const pendingMapped = list.slice(0, 4).map((item, idx) => { |
|---|
| | | const title = item?.approveReason || item?.approveTypeName || `待处理事项 ${idx + 1}`; |
|---|
| | | const path = inferTodoPath(item); |
|---|
| | | return { |
|---|
| | | id: item?.id || `${idx}-${title}`, |
|---|
| | | title, |
|---|
| | | level: idx === 0 ? "高" : idx <= 2 ? "中" : "低", |
|---|
| | | type: idx === 0 ? "danger" : idx <= 2 ? "warning" : "success", |
|---|
| | | path, |
|---|
| | | ownerId: item?.approveUserId || item?.userId || "", |
|---|
| | | ownerName: item?.approveUserName || item?.userName || "", |
|---|
| | | }; |
|---|
| | | }); |
|---|
| | | updateArray(pendingTasks, pendingMapped); |
|---|
| | | } catch (error) { |
|---|
| | | console.error("homeTodos接口获取失败:", error); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const loadOrderAndProgress = async () => { |
|---|
| | | try { |
|---|
| | | const [orderRes, progressRes] = await Promise.allSettled([orderCount(), getProgressStatistics()]); |
|---|
| | | |
|---|
| | | if (orderRes.status === "fulfilled") { |
|---|
| | | const items = Array.isArray(orderRes.value?.data) ? orderRes.value.data : []; |
|---|
| | | const byName = Object.fromEntries( |
|---|
| | | items.map((i) => [String(i?.name || "").replace(/\s/g, ""), i?.value]) |
|---|
| | | ); |
|---|
| | | businessFocus[0].value = `${pickFirstNumber(byName, ["生产订单数", "生产订单总数", "总订单数"]) || 0} 单`; |
|---|
| | | businessFocus[1].value = `${pickFirstNumber(byName, ["已完成订单数"]) || 0} 单`; |
|---|
| | | businessFocus[2].value = `${pickFirstNumber(byName, ["待生产订单数", "未完成订单数"]) || 0} 单`; |
|---|
| | | businessFocus[3].value = `${pickFirstNumber(byName, ["部分完成订单数"]) || 0} 单`; |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (progressRes.status === "fulfilled") { |
|---|
| | | const p = progressRes.value?.data || {}; |
|---|
| | | const detail = Array.isArray(p.completedOrderDetails) ? p.completedOrderDetails : []; |
|---|
| | | const rows = detail.slice(0, 6).map((item, index) => { |
|---|
| | | const qty = pickFirstNumber(item, ["quantity", "planQuantity"]); |
|---|
| | | const done = pickFirstNumber(item, ["completeQuantity", "completedQuantity"]); |
|---|
| | | return { |
|---|
| | | planNo: item.npsNo || item.productionPlanNo || `NO-${index + 1}`, |
|---|
| | | product: item.productCategory || item.productName || "-", |
|---|
| | | qty, |
|---|
| | | issued: done, |
|---|
| | | status: qty > 0 && done >= qty ? "已完成" : done > 0 ? "执行中" : "待下发", |
|---|
| | | }; |
|---|
| | | }); |
|---|
| | | updateArray(planTable, rows); |
|---|
| | | setTrendCard( |
|---|
| | | "planIssued", |
|---|
| | | detail.slice(-7).map((i) => pickFirstNumber(i, ["completeQuantity", "completedQuantity", "issueNum"])) |
|---|
| | | ); |
|---|
| | | |
|---|
| | | } |
|---|
| | | } catch (error) { |
|---|
| | | console.error("orderCount/getProgressStatistics接口获取失败:", error); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const inferTodoPath = (todo) => { |
|---|
| | | const text = `${todo?.approveTypeName || ""}${todo?.approveReason || ""}`.toLowerCase(); |
|---|
| | | if (text.includes("计划")) return routePathMap.plan || routePathMap.order; |
|---|
| | | if (text.includes("订单")) return routePathMap.order || routePathMap.plan; |
|---|
| | | if (text.includes("过程检") || text.includes("质检")) return routePathMap.processInspection || routePathMap.plan; |
|---|
| | | if (text.includes("能耗") || text.includes("抄表")) return routePathMap.meter || routePathMap.plan; |
|---|
| | | return routePathMap.plan || routePathMap.order || ""; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const loadPlanTrend = async () => { |
|---|
| | | try { |
|---|
| | | const res = await processDataProductionStatistics({ type: chartRangePlan.value }); |
|---|
| | | const list = Array.isArray(res?.data) ? res.data : []; |
|---|
| | | planXAxis[0].data = list.map((i, index) => i.processName || `工序${index + 1}`); |
|---|
| | | planSeries[0].data = list.map((i) => pickFirstNumber(i, ["totalInput", "input", "planNum"])); |
|---|
| | | planSeries[1].data = list.map((i) => pickFirstNumber(i, ["totalOutput", "output", "issueNum"])); |
|---|
| | | planSeries[2].data = list.map((i) => pickFirstNumber(i, ["totalScrap", "scrap", "completeNum"])); |
|---|
| | | } catch (error) { |
|---|
| | | console.error("processDataProductionStatistics接口获取失败:", error); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const loadQualityData = async () => { |
|---|
| | | try { |
|---|
| | | const res = await qualityInspectionStatistics({ type: chartRangeQuality.value }); |
|---|
| | | const data = res?.data || {}; |
|---|
| | | const items = Array.isArray(data.item) ? data.item : []; |
|---|
| | | if (items.length > 0) { |
|---|
| | | qualityXAxis[0].data = items.map((i) => i.date || i.name || "-"); |
|---|
| | | qualitySeries[0].data = items.map((i) => |
|---|
| | | pickFirstNumber(i, ["supplierNum", "processNum", "factoryNum", "totalNum"]) |
|---|
| | | ); |
|---|
| | | setTrendCard("qualityRaw", items.map((i) => pickFirstNumber(i, ["supplierNum"]))); |
|---|
| | | setTrendCard("qualityProcess", items.map((i) => pickFirstNumber(i, ["processNum"]))); |
|---|
| | | setTrendCard("qualityFactory", items.map((i) => pickFirstNumber(i, ["factoryNum"]))); |
|---|
| | | } else { |
|---|
| | | qualityXAxis[0].data = ["来料检", "过程检", "成品检"]; |
|---|
| | | qualitySeries[0].data = [ |
|---|
| | | pickFirstNumber(data, ["supplierNum"]), |
|---|
| | | pickFirstNumber(data, ["processNum"]), |
|---|
| | | pickFirstNumber(data, ["factoryNum"]), |
|---|
| | | ]; |
|---|
| | | setTrendCard("qualityRaw", [pickFirstNumber(data, ["supplierNum"])]); |
|---|
| | | setTrendCard("qualityProcess", [pickFirstNumber(data, ["processNum"])]); |
|---|
| | | setTrendCard("qualityFactory", [pickFirstNumber(data, ["factoryNum"])]); |
|---|
| | | } |
|---|
| | | businessFocus[4].value = `${pickFirstNumber(data, ["supplierNum", "totalNum"])} 条`; |
|---|
| | | businessFocus[5].value = `${pickFirstNumber(data, ["processNum"])} 条`; |
|---|
| | | } catch (error) { |
|---|
| | | console.error("qualityInspectionStatistics接口获取失败:", error); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const loadWarningCenter = async () => { |
|---|
| | | try { |
|---|
| | | const res = await nonComplianceWarning(); |
|---|
| | | const list = Array.isArray(res?.data) ? res.data : []; |
|---|
| | | const mapped = list.slice(0, 6).map((item, idx) => { |
|---|
| | | const levelNum = toNumber(item.level ?? item.warningLevel ?? 2); |
|---|
| | | const levelType = levelNum >= 3 ? "danger" : levelNum === 2 ? "warning" : "info"; |
|---|
| | | const levelText = levelNum >= 3 ? "高" : levelNum === 2 ? "中" : "低"; |
|---|
| | | const title = item.name || item.title || item.paramName || `异常预警 ${idx + 1}`; |
|---|
| | | const text = `${title}${item.processName || ""}${item.orderNo || ""}`.toLowerCase(); |
|---|
| | | const path = text.includes("质检") |
|---|
| | | ? routePathMap.processInspection |
|---|
| | | : text.includes("订单") |
|---|
| | | ? routePathMap.order |
|---|
| | | : routePathMap.processInspection || routePathMap.order || routePathMap.plan; |
|---|
| | | return { id: item.id || `${idx}-${title}`, levelType, levelText, title, path }; |
|---|
| | | }); |
|---|
| | | updateArray(warningList, mapped); |
|---|
| | | } catch (error) { |
|---|
| | | console.error("nonComplianceWarning接口获取失败:", error); |
|---|
| | | updateArray(warningList, []); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const initSectionConfig = () => { |
|---|
| | | try { |
|---|
| | | const raw = localStorage.getItem(SECTION_CONFIG_KEY); |
|---|
| | | if (!raw) return; |
|---|
| | | const parsed = JSON.parse(raw); |
|---|
| | | if (Array.isArray(parsed) && parsed.length > 0) { |
|---|
| | | enabledSectionKeys.value = parsed.filter((k) => sectionConfigOptions.some((i) => i.key === k)); |
|---|
| | | } |
|---|
| | | } catch (error) { |
|---|
| | | console.error("读取首页配置失败:", error); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const saveSectionConfig = () => { |
|---|
| | | if (enabledSectionKeys.value.length === 0) { |
|---|
| | | ElMessage.warning("至少保留一个模块"); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | localStorage.setItem(SECTION_CONFIG_KEY, JSON.stringify(enabledSectionKeys.value)); |
|---|
| | | configDialogVisible.value = false; |
|---|
| | | ElMessage.success("首页配置已保存"); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const loadCostComposition = async () => { |
|---|
| | | try { |
|---|
| | | const res = await expenseCompositionAnalysis({ type: 1 }); |
|---|
| | | const list = Array.isArray(res?.data) ? res.data : []; |
|---|
| | | const mapped = list.map((i) => ({ |
|---|
| | | name: i.name || "未命名", |
|---|
| | | value: pickFirstNumber(i, ["value", "amount", "cost"]), |
|---|
| | | })); |
|---|
| | | costSeries[0].data = mapped; |
|---|
| | | } catch (error) { |
|---|
| | | console.error("expenseCompositionAnalysis接口获取失败:", error); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const refreshDashboardData = () => { |
|---|
| | | loadHomeTodos(); |
|---|
| | | loadOrderAndProgress(); |
|---|
| | | loadPlanTrend(); |
|---|
| | | loadQualityData(); |
|---|
| | | loadCostComposition(); |
|---|
| | | loadWarningCenter(); |
|---|
| | | lastUpdatedAt.value = new Date().toLocaleString(); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | onMounted(() => { |
|---|
| | | initSectionConfig(); |
|---|
| | | refreshDashboardData(); |
|---|
| | | }); |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .home-page { |
|---|
| | | min-height: 100vh; |
|---|
| | | background: #f5f7fb; |
|---|
| | | padding: 20px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .top-bar { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | gap: 16px; |
|---|
| | | background: #fff; |
|---|
| | | border-radius: 12px; |
|---|
| | | padding: 16px; |
|---|
| | | margin-bottom: 16px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .top-actions { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | gap: 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .refresh-time { |
|---|
| | | font-size: 12px; |
|---|
| | | color: #7b8794; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .user-box { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | gap: 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .avatar { |
|---|
| | | width: 54px; |
|---|
| | | height: 54px; |
|---|
| | | border-radius: 50%; |
|---|
| | | object-fit: cover; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .hello { |
|---|
| | | font-size: 18px; |
|---|
| | | font-weight: 700; |
|---|
| | | color: #1f2d3d; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .sub { |
|---|
| | | margin-top: 4px; |
|---|
| | | color: #6b7785; |
|---|
| | | font-size: 13px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .content-grid { |
|---|
| | | display: grid; |
|---|
| | | grid-template-columns: 320px 1fr; |
|---|
| | | gap: 16px; |
|---|
| | | align-items: stretch; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .left-col, |
|---|
| | | .right-col { |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .section-card { |
|---|
| | | background: #fff; |
|---|
| | | border-radius: 12px; |
|---|
| | | padding: 16px; |
|---|
| | | margin-bottom: 16px; |
|---|
| | | box-shadow: 0 2px 10px rgba(20, 35, 90, 0.06); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex-fill-card { |
|---|
| | | flex: 1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .section-title { |
|---|
| | | position: relative; |
|---|
| | | padding-left: 10px; |
|---|
| | | margin-bottom: 14px; |
|---|
| | | font-size: 16px; |
|---|
| | | font-weight: 700; |
|---|
| | | color: #243447; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .section-title-row { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .section-title::before { |
|---|
| | | content: ""; |
|---|
| | | position: absolute; |
|---|
| | | left: 0; |
|---|
| | | top: 4px; |
|---|
| | | width: 4px; |
|---|
| | | height: 16px; |
|---|
| | | border-radius: 2px; |
|---|
| | | background: #409eff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .quick-grid { |
|---|
| | | display: grid; |
|---|
| | | grid-template-columns: repeat(2, minmax(0, 1fr)); |
|---|
| | | gap: 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .quick-grid :deep(.el-button) { |
|---|
| | | margin-left: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .shortcut-form-row { |
|---|
| | | display: grid; |
|---|
| | | grid-template-columns: 1fr 1.5fr auto; |
|---|
| | | gap: 10px; |
|---|
| | | margin-bottom: 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .todo-row { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | gap: 10px; |
|---|
| | | margin-bottom: 10px; |
|---|
| | | font-size: 13px; |
|---|
| | | color: #3b4a5b; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .focus-row { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | padding: 8px 0; |
|---|
| | | border-bottom: 1px dashed #e8edf5; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .focus-row:last-child { |
|---|
| | | border-bottom: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .focus-name { |
|---|
| | | font-size: 13px; |
|---|
| | | color: #516174; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .focus-value { |
|---|
| | | font-weight: 700; |
|---|
| | | color: #1f2d3d; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .task-row { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | gap: 10px; |
|---|
| | | padding: 8px 0; |
|---|
| | | border-bottom: 1px dashed #e8edf5; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .task-row:last-child { |
|---|
| | | border-bottom: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .task-left { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | gap: 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .task-title { |
|---|
| | | font-size: 13px; |
|---|
| | | color: #3d4d5f; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .row-two { |
|---|
| | | display: grid; |
|---|
| | | grid-template-columns: repeat(2, minmax(0, 1fr)); |
|---|
| | | gap: 16px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-cards { |
|---|
| | | display: grid; |
|---|
| | | grid-template-columns: repeat(4, minmax(0, 1fr)); |
|---|
| | | gap: 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-card { |
|---|
| | | border: 1px solid #e8edf5; |
|---|
| | | border-radius: 10px; |
|---|
| | | padding: 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-card.clickable { |
|---|
| | | cursor: pointer; |
|---|
| | | transition: all 0.2s ease; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-card.clickable:hover { |
|---|
| | | border-color: #8eb8ff; |
|---|
| | | background: #f6f9ff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-head { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-label { |
|---|
| | | font-size: 13px; |
|---|
| | | color: #5f6b7a; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-rate { |
|---|
| | | font-size: 12px; |
|---|
| | | font-weight: 700; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-rate.up { |
|---|
| | | color: #67c23a; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-rate.down { |
|---|
| | | color: #f56c6c; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-rate.flat { |
|---|
| | | color: #909399; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-value { |
|---|
| | | margin-top: 6px; |
|---|
| | | font-size: 20px; |
|---|
| | | color: #1f2d3d; |
|---|
| | | font-weight: 700; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .sparkline { |
|---|
| | | margin-top: 10px; |
|---|
| | | height: 48px; |
|---|
| | | display: flex; |
|---|
| | | align-items: flex-end; |
|---|
| | | gap: 4px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .sparkline-bar { |
|---|
| | | flex: 1; |
|---|
| | | min-height: 6px; |
|---|
| | | border-radius: 3px 3px 0 0; |
|---|
| | | background: linear-gradient(180deg, #82b1ff 0%, #409eff 100%); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .warning-row { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | gap: 10px; |
|---|
| | | padding: 8px 0; |
|---|
| | | border-bottom: 1px dashed #e8edf5; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .warning-row:last-child { |
|---|
| | | border-bottom: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .warning-left { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | gap: 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .warning-title { |
|---|
| | | font-size: 13px; |
|---|
| | | color: #3d4d5f; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .config-check-group { |
|---|
| | | display: grid; |
|---|
| | | grid-template-columns: repeat(2, minmax(0, 1fr)); |
|---|
| | | gap: 10px 16px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .mini-table-wrap :deep(.el-table th) { |
|---|
| | | background: #f8fbff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | @media (max-width: 1100px) { |
|---|
| | | .content-grid { |
|---|
| | | grid-template-columns: 1fr; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .row-two { |
|---|
| | | grid-template-columns: 1fr; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .trend-cards { |
|---|
| | | grid-template-columns: repeat(2, minmax(0, 1fr)); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
