mirror of
https://gitee.com/dromara/RuoYi-Vue-Plus.git
synced 2026-09-19 17:58:17 +08:00
修改一些细节
This commit is contained in:
qianlan
parent
3804b9ad38
commit
ae96037d2f
@ -17,7 +17,7 @@ captcha:
|
||||
# 验证码类型 math 数组计算 char 字符验证
|
||||
type: math
|
||||
# line 线段干扰 circle 圆圈干扰 shear 扭曲干扰
|
||||
category: circle
|
||||
category: line
|
||||
# 数字验证码位数
|
||||
numberLength: 1
|
||||
# 字符验证码长度
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
# 页面标题
|
||||
VUE_APP_TITLE = RuoYi-Vue-Plus后台管理系统
|
||||
VUE_APP_TITLE = 知识图谱可视化管理系统
|
||||
|
||||
# 开发环境配置
|
||||
ENV = 'development'
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
# 页面标题
|
||||
VUE_APP_TITLE = RuoYi-Vue-Plus后台管理系统
|
||||
VUE_APP_TITLE = 知识图谱可视化管理系统
|
||||
|
||||
# 生产环境配置
|
||||
ENV = 'production'
|
||||
|
||||
BIN
ruoyi-ui/src/assets/images/background.jpg
Normal file
BIN
ruoyi-ui/src/assets/images/background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 MiB |
BIN
ruoyi-ui/src/assets/images/background1.jpg
Normal file
BIN
ruoyi-ui/src/assets/images/background1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 991 KiB |
@ -9,7 +9,7 @@ export default {
|
||||
name: 'RuoYiDoc',
|
||||
data() {
|
||||
return {
|
||||
url: 'https://gitee.com/JavaLionLi/RuoYi-Vue-Plus/wikis/pages'
|
||||
url: 'https://www.wolai.com/qianlan/q5N7mQ3Z5JVp58VL8KEWbD?theme=light'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
@ -9,10 +9,6 @@
|
||||
<template v-if="device!=='mobile'">
|
||||
<search id="header-search" class="right-menu-item" />
|
||||
|
||||
<el-tooltip content="源码地址" effect="dark" placement="bottom">
|
||||
<ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
|
||||
</el-tooltip>
|
||||
|
||||
<el-tooltip content="文档地址" effect="dark" placement="bottom">
|
||||
<ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
|
||||
</el-tooltip>
|
||||
|
||||
@ -35,7 +35,7 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'RuoYi-Vue-Plus',
|
||||
title: 'Knowledge map',
|
||||
logo: logoImg
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,334 +1,6 @@
|
||||
<template>
|
||||
<div class="app-container home">
|
||||
<el-row :gutter="20">
|
||||
<el-col :sm="24" :lg="12" style="padding-left: 20px">
|
||||
<h2>RuoYi-Vue-Plus后台管理框架</h2>
|
||||
<p>
|
||||
基于 RuoYi-Vue 集成 Mybatis-Plus Lombok Hutool 等便捷开发工具 适配重写相关业务 便于开发 定期与 RuoYi-Vue 同步
|
||||
<br/>
|
||||
* 前端开发框架 Vue、Element UI<br/>
|
||||
* 后端开发框架 Spring Boot、Redis<br/>
|
||||
* 容器框架 Undertow 基于 Netty 的高性能容器<br/>
|
||||
* 权限认证框架 Spring Security、Jwt，支持多终端认证系统<br/>
|
||||
* 关系数据库 MySQL 适配 8.X<br/>
|
||||
* 缓存数据库 Redis 适配 6.X<br/>
|
||||
* 数据库开发框架 Mybatis-Plus 快速 CRUD 增加开发效率 插件化支持各类需求<br/>
|
||||
* 网络框架 Feign、OkHttp3 接口化管理 HTTP 请求<br/>
|
||||
* 工具类框架 Hutool、Lombok 减少代码冗余 增加安全性<br/>
|
||||
* 监控框架 spring-boot-admin 全方位服务监控<br/>
|
||||
* 校验框架 validation 增强接口安全性 严谨性<br/>
|
||||
* 文档框架 knife4j 美化接口文档<br/>
|
||||
* 代码生成器 一键生成前后端代码<br/>
|
||||
* 多数据源框架 dynamic-datasource 支持主从与多种类数据库异构<br/>
|
||||
* Redis客户端 采用 Redisson 性能更强<br/>
|
||||
* 分布式锁 Lock4j 注解锁、工具锁 多种多样<br/>
|
||||
* 部署方式 Docker 容器编排 一键部署业务集群<br/>
|
||||
* 文件存储 OSS 对象存储模块 支持(Minio、七牛、阿里、腾讯)<br/>
|
||||
</p>
|
||||
<p>
|
||||
<b>当前版本:</b> <span>v{{ version }}</span>
|
||||
</p>
|
||||
<p>
|
||||
<el-tag type="danger">¥免费开源</el-tag>
|
||||
</p>
|
||||
<p>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
icon="el-icon-cloudy"
|
||||
plain
|
||||
@click="goTarget('https://gitee.com/JavaLionLi/RuoYi-Vue-Plus')"
|
||||
>访问码云</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
icon="el-icon-cloudy"
|
||||
plain
|
||||
@click="goTarget('https://github.com/JavaLionLi/RuoYi-Vue-Plus')"
|
||||
>访问GitHub</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>Jackson</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">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>更新日志</span>
|
||||
</div>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="v2.6.0 - 2021-7-28">
|
||||
<ol>
|
||||
<li>add [重大新增] 增加 OSS 对象存储模块</li>
|
||||
<li>remove [重大改动] 删除 自带通用上传 接口 使用OSS模块替换<li>
|
||||
<li>update [重大改动] 重写VO转换 支持深拷贝 将VO类抽象到 ServicePlus 泛型处理<li>
|
||||
<li>update [重大改动] 多BO合并 使用分组校验 生成BO代码<li>
|
||||
<li>update [重大改动] 重构 IServicePlus 功能 增加 BeanCopyUtils 深拷贝工具<li>
|
||||
<li>update springboot 2.4.9 => 2.5.3<li>
|
||||
<li>update hutool 5.7.4 => 5.7.6<li>
|
||||
<li>update minio 8.2.2 => 8.3.0<li>
|
||||
<li>update docker plugin 1.2.0 => 1.2.2<li>
|
||||
<li>update redisson 3.16.0 => 3.16.1<li>
|
||||
<li>update datasource 3.4.0 => 3.4.1<li>
|
||||
<li>update element-ui 2.15.2 => 2.15.3<li>
|
||||
<li>add 演示Demo增加自定义分页接口案例</li>
|
||||
<li>add 角色&菜单新增字段属性提示信息</li>
|
||||
<li>update 更新druid配置 独立配置更明显</li>
|
||||
<li>update 顶部菜单排除隐藏的默认路由</li>
|
||||
<li>update 富文本新增上传文件大小限制</li>
|
||||
<li>update 导入用户样式调整</li>
|
||||
<li>update 顶部菜单样式调整</li>
|
||||
<li>update 密码框新增显示切换密码图标</li>
|
||||
<li>update 内链设置meta信息</li>
|
||||
<li>update 跳转路由高亮相对应的菜单栏</li>
|
||||
<li>fix 修复多数据源druid全局配置缩进错误 引起无效配置问题</li>
|
||||
<li>fix 修复定时任务日志执行状态显示</li>
|
||||
<li>fix 修复 授权角色空数据问题</li>
|
||||
<li>fix 修复 DictData 删除逻辑问题</li>
|
||||
<li>fix 修复任意账户越权漏洞</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.5.2 - 2021-7-19">
|
||||
<ol>
|
||||
<li>update 优化代码生成器注释格式</li>
|
||||
<li>fix 回滚代码生成 批处理优化</li>
|
||||
<li>fix 代码生成 queryType 重复勾选数据库无默认值问题</li>
|
||||
<li>fix 修复接口单参数校验无效问题</li>
|
||||
<li>fix 代码生成 queryType >= <= 标识符错误问题</li>
|
||||
<li>fix 修复代码生成字典问题</li>
|
||||
<li>fix 修复 thread-pool: enabled 配置不生效问题</li>
|
||||
<li>remove 删除无用文档与脚本</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.5.1 - 2021-7-13">
|
||||
<ol>
|
||||
<li>update 验证码开关 转移到表 参数管理 内</li>
|
||||
<li>update 使用hutool重构 判断是否url</li>
|
||||
<li>fix 修复 docker业务集群部署与文件上传的问题</li>
|
||||
<li>fix 修复代码生成同步表结构id冲突问题</li>
|
||||
<li>fix 修复代码生成选择字典 无法取消问题</li>
|
||||
<li>fix 修复代码生成字典为null问题</li>
|
||||
<li>fix 图片上传 多图时无法删除相应图片修复</li>
|
||||
<li>remove 删除富文本video事件</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.5.0 - 2021-7-12">
|
||||
<ol>
|
||||
<li>update springboot 2.4.7 => 2.4.8</li>
|
||||
<li>update knife4j 3.0.2 => 3.0.3</li>
|
||||
<li>update hutool 5.7.2 => 5.7.4</li>
|
||||
<li>update spring-boot-admin 2.4.1 => 2.4.3</li>
|
||||
<li>update redisson 3.15.2 => 3.16.0</li>
|
||||
<li>add 增加 docker 编排 与 shell 脚本</li>
|
||||
<li>add 增加 feign 熔断 自定义结构体解析方法 与 demo 注释</li>
|
||||
<li>add 用户管理新增分配角色功能</li>
|
||||
<li>add 角色管理新增分配用户功能</li>
|
||||
<li>add 增加spring-cache演示案例</li>
|
||||
<li>update 独立 springboot-admin 监控到扩展模块项目</li>
|
||||
<li>update springboot-admin 监控 增加用户登录权限管理</li>
|
||||
<li>update 优化代码生成器 批量导入</li>
|
||||
<li>update 优化 增加MP注入异常拦截</li>
|
||||
<li>update 关闭默认二级缓存 推荐使用 spring-cache 注解手动缓存</li>
|
||||
<li>update FileUpload ImageUpload组件 支持多图片上传</li>
|
||||
<li>update 优化中英文语言配置</li>
|
||||
<li>update 规范maven写法</li>
|
||||
<li>fix redis获取map属性bug修复。</li>
|
||||
<li>fix 修复 按钮loading 后端500卡死问题</li>
|
||||
<li>fix 相对路径下载问题</li>
|
||||
<li>fix 修复 hutool 工具返回结果不一致问题</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.4.0 - 2021-6-24">
|
||||
<ol>
|
||||
<li>update springboot 2.3.11 => 2.4.7</li>
|
||||
<li>update springboot-admin 2.3.1 => 2.4.1</li>
|
||||
<li>update feign 2.2.6 => 3.0.3</li>
|
||||
<li>update hutool 5.6.7 => 5.7.2</li>
|
||||
<li>update 多数据源替换成dynamic-datasource</li>
|
||||
<li>update 适配 jdk11</li>
|
||||
<li>update 集成 Lock4j 分布式锁</li>
|
||||
<li>update 移除 fastjson 增加 jackson 工具类 重写相关业务</li>
|
||||
<li>update 优化 异步工厂重写 使用 spring 异步处理</li>
|
||||
<li>update 全局挂载字典标签组件</li>
|
||||
<li>update 日志列表支持排序操作</li>
|
||||
<li>update 更新 feign demo 更清晰的用法</li>
|
||||
<li>update 更新多数据源演示案例</li>
|
||||
<li>add 增加 ServicePlusImpl 自动以实现类 重写移除事务注解方法 防止多数据源失效</li>
|
||||
<li>add 增加 自定义 批量insert方法</li>
|
||||
<li>add 增加 Swagger3 用法示例</li>
|
||||
<li>fix 修复地址ip地址特殊回环问题</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.3.2 - 2021-6-11">
|
||||
<ol>
|
||||
<li>add redis锁工具类编写</li>
|
||||
<li>update spring-cache 整合 redisson</li>
|
||||
<li>update MybatisPlus整合Redis二级缓存</li>
|
||||
<li>update swagger 升级为 3.0.0 使用 OAS_30 协议</li>
|
||||
<li>update 优化 代码生成器 增加表单防重注解</li>
|
||||
<li>update 优化 锁切面代码 key到常量类</li>
|
||||
<li>fix 修复相对路径上传异常问题</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.3.1 - 2021-6-4">
|
||||
<ol>
|
||||
<li>add 增加 redisson 分布式锁 注解与demo案例</li>
|
||||
<li>add 增加 Oracle 分支</li>
|
||||
<li>update 优化 redis 空密码兼容性</li>
|
||||
<li>update 优化前端代码生成按钮增加 loading</li>
|
||||
<li>fix 修复 redisson 不能批量删除的bug</li>
|
||||
<li>fix 修复表单构建选择下拉选择控制台报错问题</li>
|
||||
<li>fix 修复 vo 代码生成 主键列表显示 重复生成bug</li>
|
||||
<li>fix 修复上传路径 win 打包编译为 win 路径, linux 报错bug</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.3.0 - 2021-6-1">
|
||||
<ol>
|
||||
<li>add 升级 luttuce 为 redisson 性能更强 工具更全</li>
|
||||
<li>add 增加测试数据sql文件</li>
|
||||
<li>add 增加demo模块 单表演示案例(包含数据权限)</li>
|
||||
<li>update 完美修复 数据权限功能(支持单表多表过滤)</li>
|
||||
<li>update 优化代码生成模板</li>
|
||||
<li>update 优化 system 模块 批量操作性能</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.2.1 - 2021-5-29">
|
||||
<ol>
|
||||
<li>add 增加 security 权限框架 @Async 异步注解配置</li>
|
||||
<li>update 优化dataScope参数防止注入</li>
|
||||
<li>update 优化参数&字典缓存操作</li>
|
||||
<li>update 增加修改包名文档</li>
|
||||
<li>update 文档增加演示图例</li>
|
||||
<li>fix 修复部门类sql符号错误</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.2.0 - 2021-5-25">
|
||||
<ol>
|
||||
<li>同步升级 RuoYi-Vue 3.5.0</li>
|
||||
<li>add 增加验证码开关</li>
|
||||
<li>add 新增IE浏览器版本过低提示页面</li>
|
||||
<li>update 升级druid到最新版本v1.2.6</li>
|
||||
<li>update 升级fastjson到最新版1.2.76</li>
|
||||
<li>update 修改bo加入判断是否设置必填再加载必填注解</li>
|
||||
<li>update 生成vue模板导出按钮点击后添加遮罩</li>
|
||||
<li>update Redis设置HashKey序列化</li>
|
||||
<li>update 优化Redis序列化配置</li>
|
||||
<li>fix 修复代码生成器中表字段取消必填无法更新问题</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.1.2 - 2021-5-21">
|
||||
<ol>
|
||||
<li>update springboot 升级 2.3.11</li>
|
||||
<li>update mybatis-plus 升级 3.4.3 分页Plus对象适配更新</li>
|
||||
<li>update 验证码生成更新为无符号整数计算</li>
|
||||
<li>update 请求响应对象 与 分页对象 结构修改 适配接口文档配置</li>
|
||||
<li>update swagger增加请求前缀</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.1.1 - 2021-5-19">
|
||||
<ol>
|
||||
<li>update 配置统一提取为 properties 配置类</li>
|
||||
<li>update 分页工具 删除过期方法</li>
|
||||
<li>update admin 实时监控日志 改为保留一天</li>
|
||||
<li>fix 修复swagger开关无法控制关闭问题</li>
|
||||
<li>fix maven install 异常</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.1.0 - 2021-5-17">
|
||||
<ol>
|
||||
<li>update knife4j升级3.0.2</li>
|
||||
<li>update 增强分页工具兼容性</li>
|
||||
<li>update 通用Service接口 增加自定义vo转换函数</li>
|
||||
<li>remove 移除ruoyi自带服务监控(Admin已全部包含)</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v2.0.0 - 2021-5-15">
|
||||
<ol>
|
||||
<li>springboot 升级 2.3.10 依赖全面升级适配</li>
|
||||
<li>add 增加分页工具</li>
|
||||
<li>add 增加 增强Mapper 与 增强Service 重写业务适配</li>
|
||||
<li>add 代码生成器 增加校验注解</li>
|
||||
<li>update 代码生成器修改为MP分页</li>
|
||||
<li>update 使用 MP 分页工具 重构业务</li>
|
||||
<li>update 重写文档介绍</li>
|
||||
<li>remove 移除 pagehelper 分页工具</li>
|
||||
<li>fix 修复代码生成 数据权限问题</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v1.0.2 - 2021-5-13">
|
||||
<ol>
|
||||
<li>update 更新整合打包文档 重新排版</li>
|
||||
<li>fix vue与boot整合打包与admin页面路由冲突</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v1.0.1 - 2021-5-11">
|
||||
<ol>
|
||||
<li>update 更新banner</li>
|
||||
<li>update 配置转移到 yml 文件 统一管理</li>
|
||||
<li>update 上传媒体类型添加视频格式</li>
|
||||
<li>update 树级结构更新子节点使用replaceFirst</li>
|
||||
<li>update 删除操作日志记录日志</li>
|
||||
<li>fix 修正导入表权限标识</li>
|
||||
<li>fix 文件上传时报错</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="v1.0.0 - 2021-5-10">
|
||||
<ol>
|
||||
<li>RuoYi-Vue-Plus 后台管理系统正式发布</li>
|
||||
<li>ORM框架 使用 Mybatis-Plus 3.4.2 简化CRUD</li>
|
||||
<li>Bean简化 使用 Lombok 简化 get set toString 等等</li>
|
||||
<li>容器改动 Tomcat 改为 并发性能更好的 undertow</li>
|
||||
<li>所有原生功能使用 Mybatis-Plus 与 Lombok 重写</li>
|
||||
<li>代码生成模板 改为适配 Mybatis-Plus 的代码</li>
|
||||
<li>代码生成模板 拆分出Vo,QueryBo,AddBo,EditBo等领域对象</li>
|
||||
<li>项目修改为 maven多环境配置</li>
|
||||
<li>swagger 修改为 knife4j</li>
|
||||
<li>集成 Hutool 5.X 并重写RuoYi部分功能</li>
|
||||
<li>集成 Feign 接口化管理 Http 请求(如三方请求 支付,短信,推送等)</li>
|
||||
<li>集成 spring-boot-admin 全方位监控</li>
|
||||
<li>增加demo模块示例(给不会增加模块的小伙伴做参考)</li>
|
||||
</ol>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="background">
|
||||
<img :src="imgSrc" width="100%" height="100%" alt=""/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -341,6 +13,7 @@ export default {
|
||||
return {
|
||||
// 版本号
|
||||
version: config.version,
|
||||
imgSrc: require('../../src/assets/images/background1.jpg')
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
@ -352,66 +25,11 @@ export default {
|
||||
</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;
|
||||
}
|
||||
}
|
||||
.background {
|
||||
width: 100%;
|
||||
height: 100%; /**宽高100%是为了图片铺满屏幕 */
|
||||
z-index: -1;
|
||||
position: absolute;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="login">
|
||||
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
|
||||
<h3 class="title">RuoYi-Vue-Plus后台管理系统</h3>
|
||||
<h3 class="title">知识图谱可视化管理系统</h3>
|
||||
<el-form-item prop="username">
|
||||
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
|
||||
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
|
||||
@ -65,8 +65,8 @@ export default {
|
||||
codeUrl: "",
|
||||
cookiePassword: "",
|
||||
loginForm: {
|
||||
username: "admin",
|
||||
password: "admin123",
|
||||
username: "",
|
||||
password: "",
|
||||
rememberMe: false,
|
||||
code: "",
|
||||
uuid: ""
|
||||
|
||||
@ -25,7 +25,7 @@ export default {
|
||||
props: {},
|
||||
data() {
|
||||
return {
|
||||
categarys: ["java","前端","灯芯绒","java","前端","灯芯绒","java","前端","灯芯绒"],
|
||||
categarys: ["java","前端","灯芯绒","java","前端","灯芯绒","java","前端","灯芯绒","java","前端","灯芯绒","java","前端","灯芯绒","java","前端","灯芯绒","java"],
|
||||
tags: [],
|
||||
RADIUS: 200,
|
||||
ZRADIUS: 200,
|
||||
|
||||
@ -1,293 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="节点名" prop="name">
|
||||
<el-input
|
||||
v-model="queryParams.name"
|
||||
placeholder="请输入节点名"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="分类" prop="categary">
|
||||
<el-input
|
||||
v-model="queryParams.categary"
|
||||
|
||||
placeholder="请输入分类"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="父id" prop="pid">
|
||||
<el-input
|
||||
v-model="queryParams.pid"
|
||||
placeholder="请输入父id"
|
||||
clearable
|
||||
size="small"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['system:node:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="nodeList"
|
||||
row-key="id"
|
||||
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
|
||||
>
|
||||
<el-table-column label="节点名" prop="name" />
|
||||
<el-table-column label="id" prop="id" />
|
||||
<el-table-column label="分类" align="center" prop="categary" />
|
||||
<el-table-column label="父id" align="center" prop="pid" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['system:node:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-plus"
|
||||
@click="handleAdd(scope.row)"
|
||||
v-hasPermi="['system:node:add']"
|
||||
>新增</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-plus"
|
||||
@click="handleAdd(scope.row)"
|
||||
v-hasPermi="['system:node:add']"
|
||||
>新增多个</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['system:node:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 添加或修改节点维护对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="节点名" prop="name">
|
||||
<el-input v-model="form.name" placeholder="请输入节点名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="分类" prop="categary">
|
||||
<el-input v-model="form.categary" placeholder="请输入分类" />
|
||||
</el-form-item>
|
||||
<el-form-item label="父id" prop="pid">
|
||||
<treeselect v-model="form.pid" :options="nodeOptions" :normalizer="normalizer" placeholder="请选择父id" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listNode, getNode, delNode, addNode, updateNode, exportNode } from "@/api/system/node";
|
||||
import Treeselect from "@riophae/vue-treeselect";
|
||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
||||
|
||||
export default {
|
||||
name: "Node",
|
||||
components: {
|
||||
Treeselect
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// 按钮loading
|
||||
buttonLoading: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 节点维护表格数据
|
||||
nodeList: [],
|
||||
// 节点维护树选项
|
||||
nodeOptions: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
name: null,
|
||||
categary: null,
|
||||
pid: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询节点维护列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listNode(this.queryParams).then(response => {
|
||||
this.nodeList = this.handleTree(response.data, "id", "pid");
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 转换节点维护数据结构 */
|
||||
normalizer(node) {
|
||||
if (node.children && !node.children.length) {
|
||||
delete node.children;
|
||||
}
|
||||
return {
|
||||
id: node.id,
|
||||
label: node.name,
|
||||
children: node.children
|
||||
};
|
||||
},
|
||||
/** 查询节点维护下拉树结构 */
|
||||
getTreeselect() {
|
||||
listNode().then(response => {
|
||||
this.nodeOptions = [];
|
||||
const data = { id: 0, name: '顶级节点', children: [] };
|
||||
data.children = this.handleTree(response.data, "id", "pid");
|
||||
this.nodeOptions.push(data);
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
name: null,
|
||||
categary: null,
|
||||
pid: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd(row) {
|
||||
this.reset();
|
||||
this.getTreeselect();
|
||||
if (row != null && row.id) {
|
||||
this.form.pid = row.id;
|
||||
} else {
|
||||
this.form.pid = 0;
|
||||
}
|
||||
this.open = true;
|
||||
this.title = "添加节点维护";
|
||||
},
|
||||
/** 新增多个按钮操作 */
|
||||
handleAddMultiple(row) {
|
||||
this.reset();
|
||||
this.getTreeselect();
|
||||
if (row != null && row.id) {
|
||||
this.form.pid = row.id;
|
||||
} else {
|
||||
this.form.pid = 0;
|
||||
}
|
||||
this.open = true;
|
||||
this.title = "添加节点维护";
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.loading = true;
|
||||
this.reset();
|
||||
this.getTreeselect();
|
||||
if (row != null) {
|
||||
this.form.pid = row.id;
|
||||
}
|
||||
getNode(row.id).then(response => {
|
||||
this.loading = false;
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改节点维护";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
this.buttonLoading = true;
|
||||
if (this.form.id != null) {
|
||||
updateNode(this.form).then(response => {
|
||||
this.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
} else {
|
||||
addNode(this.form).then(response => {
|
||||
this.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}).finally(() => {
|
||||
this.buttonLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
this.$confirm('是否确认删除节点维护编号为"' + row.id + '"的数据项?', "警告", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
this.loading = true;
|
||||
return delNode(row.id);
|
||||
}).then(() => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -121,10 +121,10 @@
|
||||
<el-dialog :title="title" :visible.sync="addMultiple" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="节点名" prop="name">
|
||||
<el-input v-model="form.name" placeholder="请输入节点名，多个节点名以英文逗号隔开"/>
|
||||
<el-input v-model="form.name" placeholder="请输入节点名，多个节点名以#隔开"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="分类" prop="categary">
|
||||
<el-input v-model="form.categary" placeholder="多个分类名以英文逗号隔开,若分类为空以空格代替"/>
|
||||
<el-input v-model="form.categary" placeholder="多个分类名以#隔开,若分类为空以空格代替"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="父id" prop="pid">
|
||||
<treeselect v-model="form.pid" :options="nodeOptions" :normalizer="normalizer" placeholder="请选择父id"/>
|
||||
|
||||
@ -5,7 +5,7 @@ function resolve(dir) {
|
||||
return path.join(__dirname, dir)
|
||||
}
|
||||
|
||||
const name = process.env.VUE_APP_TITLE || 'RuoYi-Vue-Plus后台管理系统' // 网页标题
|
||||
const name = process.env.VUE_APP_TITLE || '知识图谱可视化管理系统' // 网页标题
|
||||
|
||||
const port = process.env.port || process.env.npm_config_port || 80 // 端口
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user