首页

ygtx-admin/src/main/java/com/ygtx/web/controller/system/SysLoginController.java

@@ -1,8 +1,9 @@
 package com.ygtx.web.controller.system;
 
-import java.util.Date;
-import java.util.List;
-import java.util.Set;
+import java.util.*;
+
+import com.ygtx.system.domain.SysPost;
+import com.ygtx.system.service.ISysPostService;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PostMapping;
@@ -26,6 +27,7 @@ import com.ygtx.framework.web.service.TokenService;
 import com.ygtx.system.service.ISysConfigService;
 import com.ygtx.system.service.ISysMenuService;
 import com.ygtx.system.service.ISysUserService;
+import com.ygtx.system.service.ISysOperLogService;
 
 /**
  * 登录验证
@@ -53,6 +55,12 @@ public class SysLoginController
     @Autowired
     private ISysUserService userService;
 
+    @Autowired
+    private ISysPostService postService;
+
+    @Autowired
+    private ISysOperLogService operLogService;
+
     /**
      * 登录方法
      * 
@@ -149,6 +157,151 @@ public class SysLoginController
         return ajax;
     }
 
+    /**
+     * 获取高频功能
+     *
+     * @return 高频功能
+     */
+    @GetMapping("/getHighUse")
+    public AjaxResult getHighUse()
+    {
+        LoginUser loginUser = SecurityUtils.getLoginUser();
+        SysUser user = loginUser.getUser();
+        List<Long> postIds = postService.selectPostListByUserId(user.getUserId());
+        SysPost post = null;
+        if (!postIds.isEmpty()) {
+            post = postService.selectPostById(postIds.get(0));
+        }
+        List<Map<String, Object>> highUse = operLogService.selectOperLogCountByOperName(user.getUserName(),post);
+        AjaxResult ajax = AjaxResult.success();
+        ajax.put("highUse", highUse);
+        return ajax;
+    }
+
+    /**
+     * 获取数据统计
+     *
+     * @return 数据统计
+     */
+    @GetMapping("/getStatistics")
+    public AjaxResult getStatistics()
+    {
+        LoginUser loginUser = SecurityUtils.getLoginUser();
+        SysUser user = loginUser.getUser();
+        List<Long> postIds = postService.selectPostListByUserId(user.getUserId());
+        SysPost post = null;
+        if (!postIds.isEmpty()) {
+            post = postService.selectPostById(postIds.get(0));
+        }
+        List<Map<String, Object>> dataList = menuService.getDataList(post);
+        AjaxResult ajax = AjaxResult.success();
+        ajax.put("statistics", dataList);
+        return ajax;
+    }
+
+    /**
+     * 获取图表数据
+     *
+     * @return 数据统计
+     */
+    @GetMapping("/getChartData")
+    public AjaxResult getChartData()
+    {
+        LoginUser loginUser = SecurityUtils.getLoginUser();
+        SysUser user = loginUser.getUser();
+        List<Long> postIds = postService.selectPostListByUserId(user.getUserId());
+        SysPost post = null;
+        if (!postIds.isEmpty()) {
+            post = postService.selectPostById(postIds.get(0));
+        }
+        // 工时分类统计
+        List<Map<String, Object>> hourStatistics = null;
+        // 班组成员工分分布
+        List<Map<String, Object>> classPointStatistics = null;
+        // 超时工单情况
+        List<Map<String, Object>> overTimeStatistics = null;
+        // 班组成员工分情况
+        List<Map<String, Object>> pepolePointStatistics = null;
+        // 平均设备故障复发时间
+        List<Map<String, Object>> faultStatistics = null;
+        // 个人工单完成情况
+        List<Map<String, Object>> userOrderStatistics = null;
+        // 个人工分统计
+        List<Map<String, Object>> userPointStatistics = null;
+        // 扣分工单反馈列表
+        List<Map<String, Object>> deductionPointStatistics = null;
+        if (post!=null) {
+            if (post.getPostName().contains("主任")) {
+                hourStatistics = new ArrayList<>();
+                hourStatistics.add(operLogService.createDataMap("工单总工时","3240"));
+                hourStatistics.add(operLogService.createDataMap("接单工时","450"));
+                hourStatistics.add(operLogService.createDataMap("准备工时","680"));
+                hourStatistics.add(operLogService.createDataMap("施工工时","1750"));
+                hourStatistics.add(operLogService.createDataMap("验收工时","360"));
+                classPointStatistics = new ArrayList<>();
+                classPointStatistics.add(operLogService.createDataMap("一班","1250"));
+                classPointStatistics.add(operLogService.createDataMap("二班","1180"));
+                classPointStatistics.add(operLogService.createDataMap("三班","1320"));
+                classPointStatistics.add(operLogService.createDataMap("四班","980"));
+                classPointStatistics.add(operLogService.createDataMap("五班","1450"));
+                classPointStatistics.add(operLogService.createDataMap("六班","1050"));
+                classPointStatistics.add(operLogService.createDataMap("七班","1280"));
+                classPointStatistics.add(operLogService.createDataMap("八班","1120"));
+            } else if (post.getPostName().contains("班长")) {
+                overTimeStatistics = new ArrayList<>();
+                overTimeStatistics.add(operLogService.createDataMap("一月","3"));
+                overTimeStatistics.add(operLogService.createDataMap("二月","2"));
+                overTimeStatistics.add(operLogService.createDataMap("三月","1"));
+                overTimeStatistics.add(operLogService.createDataMap("四月","4"));
+                overTimeStatistics.add(operLogService.createDataMap("五月","2"));
+                overTimeStatistics.add(operLogService.createDataMap("六月","1"));
+                pepolePointStatistics = new ArrayList<>();
+                pepolePointStatistics.add(operLogService.createDataMap("张三","185"));
+                pepolePointStatistics.add(operLogService.createDataMap("李四","210"));
+                pepolePointStatistics.add(operLogService.createDataMap("王五","165"));
+                pepolePointStatistics.add(operLogService.createDataMap("赵六","230"));
+                pepolePointStatistics.add(operLogService.createDataMap("钱七","195"));
+                pepolePointStatistics.add(operLogService.createDataMap("孙八","205"));
+                faultStatistics = new ArrayList<>();
+                faultStatistics.add(operLogService.createDataMap("1月","35"));
+                faultStatistics.add(operLogService.createDataMap("2月","32"));
+                faultStatistics.add(operLogService.createDataMap("3月","40"));
+                faultStatistics.add(operLogService.createDataMap("4月","38"));
+                faultStatistics.add(operLogService.createDataMap("5月","45"));
+                faultStatistics.add(operLogService.createDataMap("6月","50"));
+            } else {
+                userOrderStatistics = new ArrayList<>();
+                userOrderStatistics.add(operLogService.createDataMap("已完成","10"));
+                userOrderStatistics.add(operLogService.createDataMap("进行中","1"));
+                userOrderStatistics.add(operLogService.createDataMap("待处理","0"));
+                userPointStatistics = new ArrayList<>();
+                userPointStatistics.add(operLogService.createDataMap("1月","30"));
+                userPointStatistics.add(operLogService.createDataMap("2月","35"));
+                userPointStatistics.add(operLogService.createDataMap("3月","25"));
+                userPointStatistics.add(operLogService.createDataMap("4月","40"));
+                userPointStatistics.add(operLogService.createDataMap("5月","35"));
+                userPointStatistics.add(operLogService.createDataMap("6月","45"));
+                deductionPointStatistics = new ArrayList<>();
+                Map<String, Object> map = new HashMap<>();
+                map.put("code","WO-2023-0567");
+                map.put("deductionPoint",-10);
+                map.put("remark", "未按规定流程操作");
+                map.put("status", "0");
+                deductionPointStatistics.add(map);
+            }
+        }
+        AjaxResult ajax = AjaxResult.success();
+        ajax.put("hourStatistics", hourStatistics);
+        ajax.put("classPointStatistics", classPointStatistics);
+        ajax.put("overTimeStatistics", overTimeStatistics);
+        ajax.put("pepolePointStatistics", pepolePointStatistics);
+        ajax.put("faultStatistics", faultStatistics);
+        ajax.put("userOrderStatistics", userOrderStatistics);
+        ajax.put("userPointStatistics", userPointStatistics);
+        ajax.put("deductionPointStatistics", deductionPointStatistics);
+        return ajax;
+    }
+
     /**
      * 获取路由信息
      * 

ygtx-system/src/main/java/com/ygtx/system/mapper/SysOperLogMapper.java

@@ -1,6 +1,7 @@
 package com.ygtx.system.mapper;
 
 import java.util.List;
+import java.util.Map;
 import com.ygtx.system.domain.SysOperLog;
 
 /**
@@ -45,4 +46,12 @@ public interface SysOperLogMapper
      * 清空操作日志
      */
     public void cleanOperLog();
+
+    /**
+     * 统计用户操作次数
+     * 
+     * @param operName 操作人员名称
+     * @return 结果
+     */
+    public List<Map<String, Object>> selectOperLogCountByOperName(String operName);
 }

ygtx-system/src/main/java/com/ygtx/system/service/ISysMenuService.java

@@ -1,9 +1,11 @@
 package com.ygtx.system.service;
 
 import java.util.List;
+import java.util.Map;
 import java.util.Set;
 import com.ygtx.common.core.domain.TreeSelect;
 import com.ygtx.common.core.domain.entity.SysMenu;
+import com.ygtx.system.domain.SysPost;
 import com.ygtx.system.domain.vo.RouterVo;
 
 /**
@@ -141,4 +143,6 @@ public interface ISysMenuService
      * @return 结果
      */
     public boolean checkMenuNameUnique(SysMenu menu);
+
+    public List<Map<String, Object>> getDataList(SysPost post);
 }

ygtx-system/src/main/java/com/ygtx/system/service/ISysOperLogService.java

@@ -1,7 +1,9 @@
 package com.ygtx.system.service;
 
 import java.util.List;
+import java.util.Map;
 import com.ygtx.system.domain.SysOperLog;
+import com.ygtx.system.domain.SysPost;
 
 /**
  * 操作日志 服务层
@@ -45,4 +47,14 @@ public interface ISysOperLogService
      * 清空操作日志
      */
     public void cleanOperLog();
+
+    /**
+     * 统计用户操作次数
+     * 
+     * @param operName 操作人员名称
+     * @return 结果
+     */
+    public List<Map<String, Object>> selectOperLogCountByOperName(String operName, SysPost post);
+
+    public Map<String, Object> createDataMap(String key, String value);
 }

ygtx-system/src/main/java/com/ygtx/system/service/impl/SysMenuServiceImpl.java

@@ -1,13 +1,9 @@
 package com.ygtx.system.service.impl;
 
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.HashSet;
-import java.util.Iterator;
-import java.util.LinkedList;
-import java.util.List;
-import java.util.Set;
+import java.util.*;
 import java.util.stream.Collectors;
+
+import com.ygtx.system.domain.SysPost;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 import com.ygtx.common.constant.Constants;
@@ -540,4 +536,42 @@ public class SysMenuServiceImpl implements ISysMenuService
         return StringUtils.replaceEach(path, new String[] { Constants.HTTP, Constants.HTTPS, Constants.WWW, ".", ":" },
                 new String[] { "", "", "", "/", "/" });
     }
+
+    public List<Map<String, Object>> getDataList(SysPost post){
+        List<Map<String, Object>> result = new ArrayList<>();
+        if (post.getPostName().contains("主任")) {
+            result.add(createMenu("计划工单总数", "128", "+12% 较上月", "up", "fas fa-calendar-check", "blue"));
+            result.add(createMenu("非计划工单总数", "45", "+8% 较上月", "down", "fas fa-exclamation-triangle", "orange"));
+            result.add(createMenu("总工时", "3240", "+5% 较上月", "same", "fas fa-clock", "gray"));
+            result.add(createMenu("平均工单完成率", "92%", "+3% 较上月", "up", "fas fa-line-chart", "green"));
+            result.add(createMenu("扣分工单数量", "12", "-2% 较上月", "down", "fas fa-minus-circle", "red"));
+            result.add(createMenu("班组总数", "8", "0 较上月", "same", "fas fa-users", "cyan"));
+        } else if (post.getPostName().contains("班长")) {
+            result.add(createMenu("年度计划工单", "36", "+5% 较上月", "up", "fas fa-calendar", "blue"));
+            result.add(createMenu("年度非计划工单", "12", "+2% 较上月", "up", "fas fa-calendar-times", "orange"));
+            result.add(createMenu("月度计划工单", "3", "0% 较上月", "same", "fas fa-calendar-check", "green"));
+            result.add(createMenu("月度非计划工单", "1", "-1 较上月", "down", "fas fa-exclamation-triangle", "red"));
+            result.add(createMenu("当日计划工单", "0", "0 较上月", "same", "fas fa-calendar-plus", "gray"));
+            result.add(createMenu("当日非计划工单", "0", "0 较上月", "same", "fas fa-exclamation-circle", "cyan"));
+        } else {
+            result.add(createMenu("年度计划工单", "8", "+2 较上月", "up", "fas fa-calendar", "blue"));
+            result.add(createMenu("年度非计划工单", "3", "+1 较上月", "up", "fas fa-exclamation-triangle", "orange"));
+            result.add(createMenu("月度计划工单", "1", "0 较上月", "same", "fas fa-calendar-check", "green"));
+            result.add(createMenu("月度非计划工单", "0", "0 较上月", "same", "fas fa-exclamation-circle", "red"));
+            result.add(createMenu("当前工分", "210", "+15 较上月", "up", "fas fa-star", "cyan"));
+            result.add(createMenu("扣分工单数", "1", "0 较上月", "same", "fas fa-minus-circle", "gray"));
+        }
+        return result;
+    }
+
+    private static Map<String, Object> createMenu(String title, String value, String desc, String trend, String icon, String color) {
+        Map<String, Object> map = new HashMap<>();
+        map.put("title", title);
+        map.put("value", value);
+        map.put("desc", desc);
+        map.put("trend", trend);
+        map.put("icon", icon);
+        map.put("color", color);
+        return map;
+    }
 }

ygtx-system/src/main/java/com/ygtx/system/service/impl/SysOperLogServiceImpl.java

@@ -1,6 +1,11 @@
 package com.ygtx.system.service.impl;
 
+import java.util.ArrayList;
+import java.util.HashMap;
 import java.util.List;
+import java.util.Map;
+
+import com.ygtx.system.domain.SysPost;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 import com.ygtx.system.domain.SysOperLog;
@@ -53,6 +58,85 @@ public class SysOperLogServiceImpl implements ISysOperLogService
         return operLogMapper.deleteOperLogByIds(operIds);
     }
 
+    /**
+     * 统计用户操作次数
+     * 
+     * @param operName 操作人员名称
+     * @return 结果
+     */
+    @Override
+    public List<Map<String, Object>> selectOperLogCountByOperName(String operName, SysPost post)
+    {
+        List<Map<String, Object>> wbzr = new ArrayList<>();
+        wbzr.add(createMenu("工单管理", "fas fa-tasks", "blue"));
+        wbzr.add(createMenu("班组管理", "fas fa-users", "cyan"));
+        wbzr.add(createMenu("工分管理", "fas fa-star", "orange"));
+        wbzr.add(createMenu("工时分析", "fas fa-clock", "gray"));
+        wbzr.add(createMenu("通知中心", "fas fa-bell", "red"));
+        List<Map<String, Object>> result = operLogMapper.selectOperLogCountByOperName(operName);
+        if (!result.isEmpty()) {
+            for (int i=0;i<result.size();i++) {
+                Map<String, Object> map = result.get(i);
+                map.put("color",wbzr.get(i).get("color"));
+            }
+        }
+        if (result.size()<5) {
+            List<Map<String, Object>> zz = new ArrayList<>();
+            zz.add(createMenu("工单分配", "fas fa-tasks", "blue"));
+            zz.add(createMenu("组员管理", "fas fa-user", "cyan"));
+            zz.add(createMenu("工分管理", "fas fa-star", "orange"));
+            zz.add(createMenu("超时工单", "fas fa-exclamation-circle", "red"));
+            List<Map<String, Object>> yg = new ArrayList<>();
+            yg.add(createMenu("我的工单", "fas fa-tasks", "blue"));
+            yg.add(createMenu("我的工分", "fas fa-star", "orange"));
+            yg.add(createMenu("扣分工单", "fas fa-minus-circle", "red"));
+            yg.add(createMenu("历史记录", "fas fa-history", "gray"));
+            List<Map<String, Object>> highUse = new ArrayList<>();
+            if (post.getPostName().contains("主任")) {
+                highUse.addAll(wbzr);
+            } else if (post.getPostName().contains("班长")) {
+                highUse.addAll(zz);
+            } else {
+                highUse.addAll(yg);
+            }
+            if (result.isEmpty()) {
+                result.addAll(highUse);
+            } else {
+                for (Map<String, Object> map : highUse) {
+                    if (result.size()>3) {
+                        break;
+                    }
+                    boolean isadd = true;
+                    for (Map<String, Object> map1 : result) {
+                        if (map1.get("title").equals(map.get("title"))) {
+                            isadd = false;
+                            break;
+                        }
+                    }
+                    if (isadd) {
+                        result.add(map);
+                    }
+                }
+            }
+        }
+        return result;
+    }
+
+    private static Map<String, Object> createMenu(String title, String icon, String color) {
+        Map<String, Object> map = new HashMap<>();
+        map.put("title", title);
+        map.put("icon", icon);
+        map.put("color", color);
+        return map;
+    }
+
+    public Map<String, Object> createDataMap(String key, String value) {
+    Map<String, Object> map = new HashMap<>();
+    map.put("key", key);
+    map.put("value", value);
+    return map;
+}
+
     /**
      * 查询操作日志详细
      * 

ygtx-system/src/main/resources/mapper/system/SysOperLogMapper.xml

@@ -24,6 +24,12 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 		<result property="costTime"       column="cost_time"      />
 	</resultMap>
 
+	<resultMap type="java.util.HashMap" id="OperLogCountMap">
+		<result property="title" column="title" />
+		<result property="icon" column="icon" />
+		<result property="count" column="count" />
+	</resultMap>
+
 	<sql id="selectOperLogVo">
         select oper_id, title, business_type, method, request_method, operator_type, oper_name, dept_name, oper_url, oper_ip, oper_location, oper_param, json_result, status, error_msg, oper_time, cost_time
         from sys_oper_log
@@ -84,4 +90,14 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         truncate table sys_oper_log
     </update>
 
+	<select id="selectOperLogCountByOperName" parameterType="String" resultMap="OperLogCountMap">
+		SELECT o.title, m.icon, COUNT(*) as count
+		FROM sys_oper_log o
+		LEFT JOIN sys_menu m ON o.title = m.menu_name
+		WHERE o.oper_name = #{operName} AND m.icon IS NOT NULL
+		GROUP BY o.title, m.icon
+		ORDER BY count DESC
+		LIMIT 5
+	</select>
+
 </mapper> 

ygtx-ui/package-lock.json

@@ -10,6 +10,7 @@
       "license": "MIT",
       "dependencies": {
         "@element-plus/icons-vue": "2.3.1",
+        "@fortawesome/fontawesome-free": "^7.1.0",
         "@vueup/vue-quill": "1.2.0",
         "@vueuse/core": "13.3.0",
         "axios": "1.9.0",
@@ -588,6 +589,15 @@
       "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
       "license": "MIT"
     },
+    "node_modules/@fortawesome/fontawesome-free": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmmirror.com/@fortawesome/fontawesome-free/-/fontawesome-free-7.1.0.tgz",
+      "integrity": "sha512-+WxNld5ZCJHvPQCr/GnzCTVREyStrAJjisUPtUxG5ngDA8TMlPnKp6dddlTpai4+1GNmltAeuk1hJEkBohwZYA==",
+      "license": "(CC-BY-4.0 AND OFL-1.1 AND MIT)",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmmirror.com/@isaacs/cliui/-/cliui-8.0.2.tgz",

ygtx-ui/package.json

@@ -17,6 +17,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "2.3.1",
+    "@fortawesome/fontawesome-free": "^7.1.0",
     "@vueup/vue-quill": "1.2.0",
     "@vueuse/core": "13.3.0",
     "axios": "1.9.0",

ygtx-ui/src/api/system/dashboard.js

@@ -0,0 +1,25 @@
+import request from '@/utils/request'
+
+// 获取高频功能
+export function getHighUse() {
+  return request({
+    url: '/getHighUse',
+    method: 'get'
+  })
+}
+
+// 获取数据统计
+export function getStatistics() {
+  return request({
+    url: '/getStatistics',
+    method: 'get'
+  })
+}
+
+// 获取图表数据
+export function getChartData() {
+  return request({
+    url: '/getChartData',
+    method: 'get'
+  })
+}

ygtx-ui/src/components/Dashboard/ChartDisplay.vue

@@ -0,0 +1,1306 @@
+<template>
+  <div class="chart-display">
+    <el-row :gutter="20">
+      <!-- 工时分类统计柱状图 -->
+      <el-col :span="12" v-if="showBarChart">
+        <div class="chart-container floating-card">
+          <div ref="barChart" class="chart"></div>
+        </div>
+      </el-col>
+      <!-- 班组成员工分分布饼图 -->
+      <el-col :span="12" v-if="showPieChart">
+        <div class="chart-container floating-card">
+          <div ref="pieChart" class="chart"></div>
+        </div>
+      </el-col>
+      
+      <!-- 新增的五个图表 -->
+      <!-- 超时工单情况的柱状图 -->
+      <el-col :span="12" v-if="showOvertimeChart">
+        <div class="chart-container floating-card">
+          <div ref="overtimeChart" class="chart"></div>
+        </div>
+      </el-col>
+      
+      <!-- 班组成员工分情况的横向柱状图 -->
+      <el-col :span="12" v-if="showTeamPointsChart">
+        <div class="chart-container floating-card">
+          <div ref="teamPointsChart" class="chart"></div>
+        </div>
+      </el-col>
+      
+      <!-- 平均设备故障复发时间（MTF）的曲线图 -->
+      <el-col :span="24" v-if="showMtfChart">
+        <div class="chart-container floating-card">
+          <div ref="mtfChart" class="chart"></div>
+        </div>
+      </el-col>
+      
+      <!-- 个人工单完成情况的空心饼图 -->
+      <el-col :span="12" v-if="showPersonalWorkOrderChart">
+        <div class="chart-container floating-card">
+          <div ref="personalWorkOrderChart" class="chart"></div>
+        </div>
+      </el-col>
+      
+      <!-- 个人工分统计的曲线图 -->
+      <el-col :span="12" v-if="showPersonalPointsChart">
+        <div class="chart-container floating-card">
+          <div ref="personalPointsChart" class="chart"></div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts';
+import '@fortawesome/fontawesome-free/css/all.min.css';
+import { getChartData } from '@/api/system/dashboard';
+
+export default {
+  name: 'ChartDisplay',
+  data() {
+    return {
+      barChart: null,
+      pieChart: null,
+      overtimeChart: null,
+      teamPointsChart: null,
+      mtfChart: null,
+      personalWorkOrderChart: null,
+      personalPointsChart: null,
+      showBarChart: true, // 控制工时分类统计图表的显示
+      showPieChart: true, // 控制班组成员工分分布饼图的显示
+      showOvertimeChart: true, // 控制超时工单情况图表的显示
+      showTeamPointsChart: true, // 控制班组成员工分情况图表的显示
+      showMtfChart: true, // 控制MTF曲线图的显示
+      showPersonalWorkOrderChart: true, // 控制个人工单完成情况图表的显示
+      showPersonalPointsChart: true, // 控制个人工分统计图表的显示
+      // 添加默认数据
+      defaultTeamPointsData: {
+        names: ['张三', '李四', '王五', '赵六', '钱七'],
+        values: [165, 142, 178, 156, 132]
+      }
+    }
+  },
+  mounted() {
+    this.initCharts()
+    this.updateCharts()
+  },
+  beforeDestroy() {
+    // 销毁所有图表实例
+    const charts = [this.barChart, this.pieChart, this.overtimeChart, this.teamPointsChart, this.mtfChart, this.personalWorkOrderChart, this.personalPointsChart];
+    charts.forEach(chart => {
+      if (chart) {
+        chart.dispose();
+      }
+    });
+  },
+  methods: {
+    // 初始化图表
+    initCharts() {
+      this.barChart = echarts.init(this.$refs.barChart)
+      this.pieChart = echarts.init(this.$refs.pieChart)
+      this.overtimeChart = echarts.init(this.$refs.overtimeChart)
+      this.teamPointsChart = echarts.init(this.$refs.teamPointsChart)
+      this.mtfChart = echarts.init(this.$refs.mtfChart)
+      this.personalWorkOrderChart = echarts.init(this.$refs.personalWorkOrderChart)
+      this.personalPointsChart = echarts.init(this.$refs.personalPointsChart)
+      
+      // 监听窗口大小变化，自适应图表
+      window.addEventListener('resize', this.resizeCharts)
+      
+      // 获取图表数据
+      this.fetchChartData();
+    },
+    
+    // 获取图表数据
+    async fetchChartData() {
+      try {
+        const response = await getChartData();
+        
+        // 处理工时分类统计数据
+        if (response && response.hourStatistics) {
+          // 更新工时分类统计图表
+          this.updateBarChart(response.hourStatistics);
+        } else {
+          // 如果没有获取到数据，隐藏图表
+          this.showBarChart = false;
+          // 销毁图表实例
+          if (this.barChart) {
+            this.barChart.dispose();
+            this.barChart = null;
+          }
+        }
+        
+        // 处理班组成员工分分布饼图数据
+        if (response && response.classPointStatistics) {
+          // 更新班组成员工分分布饼图
+          this.updatePieChart(response.classPointStatistics);
+        } else {
+          // 如果没有获取到数据，隐藏图表
+          this.showPieChart = false;
+          // 销毁图表实例
+          if (this.pieChart) {
+            this.pieChart.dispose();
+            this.pieChart = null;
+          }
+        }
+        
+        // 处理班组成员工分情况数据
+        if (response && response.pepolePointStatistics) {
+          // 更新班组成员工分情况图表
+          this.updateTeamPointsChart(response.pepolePointStatistics);
+        } else {
+          // 如果没有获取到数据，隐藏图表
+          this.showTeamPointsChart = false;
+          // 销毁图表实例
+          if (this.teamPointsChart) {
+            this.teamPointsChart.dispose();
+            this.teamPointsChart = null;
+          }
+        }
+        
+        // 处理超时工单情况数据
+        if (response && response.overTimeStatistics) {
+          // 更新超时工单情况图表
+          this.updateOvertimeChart(response.overTimeStatistics);
+        } else {
+          // 如果没有获取到数据，隐藏图表
+          this.showOvertimeChart = false;
+          // 销毁图表实例
+          if (this.overtimeChart) {
+            this.overtimeChart.dispose();
+            this.overtimeChart = null;
+          }
+        }
+        
+        // 处理平均设备故障复发时间（MTF）数据
+        if (response && response.faultStatistics) {
+          // 更新MTF曲线图
+          this.updateMtfChart(response.faultStatistics);
+        } else {
+          // 如果没有获取到数据，隐藏图表
+          this.showMtfChart = false;
+          // 销毁图表实例
+          if (this.mtfChart) {
+            this.mtfChart.dispose();
+            this.mtfChart = null;
+          }
+        }
+        
+        // 处理个人工单完成情况数据
+        if (response && response.userOrderStatistics) {
+          // 更新个人工单完成情况图表
+          this.updatePersonalWorkOrderChart(response.userOrderStatistics);
+        } else {
+          // 如果没有获取到数据，隐藏图表
+          this.showPersonalWorkOrderChart = false;
+          // 销毁图表实例
+          if (this.personalWorkOrderChart) {
+            this.personalWorkOrderChart.dispose();
+            this.personalWorkOrderChart = null;
+          }
+        }
+        
+        // 处理个人工分统计数据
+        if (response && response.userPointStatistics) {
+          // 更新个人工分统计图表
+          this.updatePersonalPointsChart(response.userPointStatistics);
+        } else {
+          // 如果没有获取到数据，隐藏图表
+          this.showPersonalPointsChart = false;
+          // 销毁图表实例
+          if (this.personalPointsChart) {
+            this.personalPointsChart.dispose();
+            this.personalPointsChart = null;
+          }
+        }
+      } catch (error) {
+        console.error('获取图表数据失败:', error);
+        // 出错时隐藏图表
+        this.showBarChart = false;
+        this.showPieChart = false;
+        this.showTeamPointsChart = false;
+        this.showOvertimeChart = false;
+        this.showMtfChart = false;
+        this.showPersonalWorkOrderChart = false;
+        this.showPersonalPointsChart = false;
+        // 销毁图表实例
+        if (this.barChart) {
+          this.barChart.dispose();
+          this.barChart = null;
+        }
+        if (this.pieChart) {
+          this.pieChart.dispose();
+          this.pieChart = null;
+        }
+        if (this.teamPointsChart) {
+          this.teamPointsChart.dispose();
+          this.teamPointsChart = null;
+        }
+        if (this.overtimeChart) {
+          this.overtimeChart.dispose();
+          this.overtimeChart = null;
+        }
+        if (this.mtfChart) {
+          this.mtfChart.dispose();
+          this.mtfChart = null;
+        }
+        if (this.personalWorkOrderChart) {
+          this.personalWorkOrderChart.dispose();
+          this.personalWorkOrderChart = null;
+        }
+        if (this.personalPointsChart) {
+          this.personalPointsChart.dispose();
+          this.personalPointsChart = null;
+        }
+      }
+    },
+    
+    // 计算轴的最大值和间隔的新方法
+    calculateAxisRange(maxValue) {
+      // 数据中的最大值除以5
+      const dividedValue = maxValue / 5;
+      
+      // 预定义的数组
+      const presetValues = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 15, 20, 25, 30, 35, 40, 45, 50, 70, 100, 150, 200, 250, 300, 500, 700, 1000, 2000, 5000];
+      
+      // 获取第一个大于dividedValue的值
+      let selectedValue = presetValues[presetValues.length - 1]; // 默认取最大值
+      for (let i = 0; i < presetValues.length; i++) {
+        if (presetValues[i] >= dividedValue) {
+          selectedValue = presetValues[i];
+          break;
+        }
+      }
+      
+      // 乘以5作为最终的最大值
+      const maxAxisValue = selectedValue * 5;
+      
+      // 计算间隔
+      const interval = selectedValue;
+      
+      return { maxAxisValue, interval };
+    },
+    
+    // 更新班组成员工分分布饼图
+    updatePieChart(classPointStatistics) {
+      // 处理后台传回的数据格式 [{"key":"一班","value":"1250"}]
+      let data = [];
+      
+      if (classPointStatistics && Array.isArray(classPointStatistics) && classPointStatistics.length > 0) {
+        // 从后台数据中提取班组名称和工分值
+        data = classPointStatistics.map(item => ({
+          name: item.key,
+          value: parseInt(item.value) || 0
+        }));
+        // 显示图表
+        this.showPieChart = true;
+      } else {
+        // 隐藏图表
+        this.showPieChart = false;
+        // 销毁图表实例
+        if (this.pieChart) {
+          this.pieChart.dispose();
+          this.pieChart = null;
+        }
+        return;
+      }
+      
+      // 定义前八个固定颜色
+      const fixedColors = [
+        'rgba(22, 93, 255, 0.7)',
+        'rgba(54, 207, 201, 0.7)',
+        'rgba(82, 196, 26, 0.7)',
+        'rgba(250, 173, 20, 0.7)',
+        'rgba(255, 77, 79, 0.7)',
+        'rgba(153, 102, 255, 0.7)',
+        'rgba(255, 159, 64, 0.7)',
+        'rgba(231, 233, 237, 0.7)'
+      ];
+      
+      // 班组成员工分分布的实心饼图
+      const pieOption = {
+        title: {
+          text: '班组成员工分分布',
+          left: 'left',
+          top: 'top'
+        },
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          padding: [1, 5],
+          backgroundColor: 'rgba(0, 0, 0, 0.7)',
+          borderColor: 'rgba(0, 0, 0, 0.7)',
+          textStyle: {
+            color: '#fff'
+          },
+          formatter: function(params) {
+            return `
+              <div style="font-weight:bold; font-size:12px;">${params.name}</div>
+              <div style="display: flex; align-items: center; font-size:12px;">
+                <span style="display:inline-block; width:12px; height:12px; background:${params.color};margin-right: 4px;box-shadow: 0 0 0 0.5px white;"></span>
+                <span >${params.value}</span>
+              </div>
+            `;
+          },
+        },
+        legend: {
+          orient: 'vertical',
+          left: 'right',
+          top: 'bottom',
+        },
+        series: [
+          {
+            name: '工分',
+            label: {
+              show: false
+            },
+            labelLine: {
+              show: false
+            },
+            type: 'pie',
+            radius: '85%', // 实心饼图
+            center: ['50%', '55%'],
+            data: data.map((item, index) => ({
+              name: item.name,
+              value: item.value,
+              itemStyle: { 
+                color: index < 8 ? fixedColors[index] : `rgba(${Math.floor(Math.random() * 200 + 55)}, ${Math.floor(Math.random() * 200 + 55)}, ${Math.floor(Math.random() * 200 + 55)}, 0.7)` 
+              }
+            })),
+            emphasis: {
+              scale: false,
+            }
+          }
+        ]
+      }
+      
+      // 初始化图表实例（如果还没有）
+      if (!this.pieChart) {
+        this.pieChart = echarts.init(this.$refs.pieChart);
+      }
+      
+      // 设置班组成员工分分布饼图配置
+      this.pieChart.setOption(pieOption, true);
+    },
+    
+    // 更新工时分类统计图表
+    updateBarChart(hourStatistics) {
+      // 处理后台传回的数据格式 [{"key":"工单总工时","value":"3240"}]
+      let names = [];
+      let values = [];
+      
+      if (hourStatistics && Array.isArray(hourStatistics) && hourStatistics.length > 0) {
+        // 从后台数据中提取工时类型和工时数
+        names = hourStatistics.map(item => item.key);
+        values = hourStatistics.map(item => parseInt(item.value) || 0);
+        // 显示图表
+        this.showBarChart = true;
+      } else {
+        // 隐藏图表
+        this.showBarChart = false;
+        // 销毁图表实例
+        if (this.barChart) {
+          this.barChart.dispose();
+          this.barChart = null;
+        }
+        return;
+      }
+      
+      // 使用新的计算方法
+      const maxValue = Math.max(...values, 5); // 至少显示到5
+      const { maxAxisValue, interval } = this.calculateAxisRange(maxValue);
+      
+      // 工时分类统计的柱状图
+      const barOption = {
+        title: {
+          text: '工时分类统计',
+          left: 'left',
+          top: 'top'
+        },
+        grid: {
+          left: '2%',   // 左边距 5%
+          right: '2%',  // 右边距 5%
+          top: '20%',   // 上边距（根据需求调整）
+          bottom: '5%', // 下边距（根据需求调整）
+          containLabel: true, // 确保标签在 grid 区域内
+        },
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          padding: [1, 5],
+          backgroundColor: 'rgba(0, 0, 0, 0.7)',
+          borderColor: 'rgba(0, 0, 0, 0.7)',
+          textStyle: {
+            color: '#fff'
+          },
+          formatter: function(params) {
+            return `
+              <div style="font-weight:bold; font-size:12px;">${params.name}</div>
+              <div style="display: flex; align-items: center; font-size:12px;">
+                <span style="display:inline-block; width:12px; height:12px; background:${params.color};margin-right: 4px;box-shadow: 0 0 0 0.5px white;"></span>
+                <span>工时数:</span>
+                <span style="margin-left: 4px;">${params.value}</span>
+              </div>
+            `;
+          },
+          position: 'top',
+        },
+        xAxis: {
+          type: 'category',
+          data: names, // 工时类型
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          }
+        },
+        yAxis: {
+          type: 'value',
+          min: 0,
+          max: maxAxisValue,
+          interval: interval,
+          axisLabel: {
+            formatter: '{value}'
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          }
+        },
+        series: [
+          {
+            data: values, // 工时数
+            type: 'bar',
+            label: {
+              show: false,
+            },
+            barWidth: '70%',
+            itemStyle: {
+              borderRadius: [5, 5, 0, 0],
+              color: function(params) {
+                const colors = [
+                  'rgba(22, 93, 255, 0.7)',
+                  'rgba(54, 207, 201, 0.7)',
+                  'rgba(82, 196, 26, 0.7)',
+                  'rgba(250, 173, 20, 0.7)',
+                  'rgba(255, 77, 79, 0.7)'
+                ];
+                return colors[params.dataIndex] || 'rgba(22, 93, 255, 0.7)';
+              }
+            }
+          }
+        ]
+      }
+      
+      // 初始化图表实例（如果还没有）
+      if (!this.barChart) {
+        this.barChart = echarts.init(this.$refs.barChart);
+      }
+      
+      // 设置工时分类统计图表配置
+      this.barChart.setOption(barOption, true);
+    },
+    
+    // 更新个人工单完成情况图表
+    updatePersonalWorkOrderChart(userOrderStatistics) {
+      // 处理后台传回的数据格式 [{"key":"已完成","value":"45"}]
+      let data = [];
+      
+      if (userOrderStatistics && Array.isArray(userOrderStatistics) && userOrderStatistics.length > 0) {
+        // 从后台数据中提取状态和数量
+        data = userOrderStatistics.map(item => ({
+          name: item.key,
+          value: parseInt(item.value) || 0
+        }));
+        // 显示图表
+        this.showPersonalWorkOrderChart = true;
+      } else {
+        // 隐藏图表
+        this.showPersonalWorkOrderChart = false;
+        // 销毁图表实例
+        if (this.personalWorkOrderChart) {
+          this.personalWorkOrderChart.dispose();
+          this.personalWorkOrderChart = null;
+        }
+        return;
+      }
+      
+      // 定义固定颜色数组
+      const fixedColors = [
+        'rgba(82, 196, 26, 0.7)',   // 第一个颜色
+        'rgba(250, 173, 20, 0.7)',  // 第二个颜色
+        'rgba(22, 93, 255, 0.7)'    // 第三个颜色
+      ];
+      
+      // 个人工单完成情况的空心饼图
+      const personalWorkOrderOption = {
+        title: {
+          text: '个人工单完成情况',
+          left: 'left',
+          top: 'top'
+        },
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          padding: [1, 5],
+          backgroundColor: 'rgba(0, 0, 0, 0.7)',
+          borderColor: 'rgba(0, 0, 0, 0.7)',
+          textStyle: {
+            color: '#fff'
+          },
+          formatter: function(params) {
+            return `
+              <div style="font-weight:bold; font-size:12px;">${params.name}</div>
+              <div style="display: flex; align-items: center; font-size:12px;">
+                <span style="display:inline-block; width:12px; height:12px; background:${params.color};margin-right: 4px;box-shadow: 0 0 0 0.5px white;"></span>
+                <span >${params.value}</span>
+              </div>
+            `;
+          },
+        },
+        legend: {
+          orient: 'horizontal', // 水平分布
+          left: 'center', // 居中
+          bottom: '0', // 底部
+        },
+        series: [
+          {
+            name: '工单状态',
+            label: {
+              show: false
+            },
+            labelLine: {
+              show: false
+            },
+            type: 'pie',
+            radius: ['50%', '75%'], // 空心饼图
+            center: ['50%', '50%'],
+            data: data.map((item, index) => ({
+              name: item.name,
+              value: item.value,
+              itemStyle: { 
+                color: index < 3 ? fixedColors[index] : `rgba(${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)}, 0.7)` 
+              }
+            })),
+            emphasis: {
+              scale: false,
+            }
+          }
+        ]
+      }
+      
+      // 初始化图表实例（如果还没有）
+      if (!this.personalWorkOrderChart) {
+        this.personalWorkOrderChart = echarts.init(this.$refs.personalWorkOrderChart);
+      }
+      
+      // 设置个人工单完成情况图表配置
+      this.personalWorkOrderChart.setOption(personalWorkOrderOption, true);
+    },
+    
+    // 更新班组成员工分情况图表
+    updateTeamPointsChart(pepolePointStatistics) {
+      // 处理后台传回的数据格式 [{"key":"张三","value":"185"}]
+      let names = [];
+      let values = [];
+      
+      if (pepolePointStatistics && Array.isArray(pepolePointStatistics) && pepolePointStatistics.length > 0) {
+        // 从后台数据中提取姓名和工分值
+        names = pepolePointStatistics.map(item => item.key);
+        values = pepolePointStatistics.map(item => parseInt(item.value) || 0);
+        // 显示图表
+        this.showTeamPointsChart = true;
+      } else {
+        // 使用默认数据
+        names = this.defaultTeamPointsData.names;
+        values = this.defaultTeamPointsData.values;
+        // 隐藏图表
+        this.showTeamPointsChart = false;
+      }
+      
+      // 使用新的计算方法
+      const maxValue = Math.max(...values, 5); // 至少显示到5
+      const { maxAxisValue, interval } = this.calculateAxisRange(maxValue);
+      
+      // 班组成员工分情况的横向柱状图（柱子颜色淡蓝色）
+      const teamPointsOption = {
+        title: {
+          text: '班组成员工分情况',
+          left: 'left',
+          top: 'top'
+        },
+        grid: {
+          left: '2%',   // 左边距 5%
+          right: '2%',  // 右边距 5%
+          top: '20%',   // 上边距（根据需求调整）
+          bottom: '5%', // 下边距（根据需求调整）
+          containLabel: true, // 确保标签在 grid 区域内
+        },
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          padding: [1, 5],
+          backgroundColor: 'rgba(0, 0, 0, 0.7)',
+          borderColor: 'rgba(0, 0, 0, 0.7)',
+          textStyle: {
+            color: '#fff'
+          },
+          formatter: function(params) {
+            return `
+              <div style="font-weight:bold; font-size:12px;">${params.name}</div>
+              <div style="display: flex; align-items: center; font-size:12px;">
+                <span style="display:inline-block; width:12px; height:12px; background:${params.color};margin-right: 4px;box-shadow: 0 0 0 0.5px white;"></span>
+                <span>工分数:</span>
+                <span style="margin-left: 4px;">${params.value}</span>
+              </div>
+            `;
+          },
+          position: 'top',
+        },
+        xAxis: {
+          type: 'value',
+          min: 0,
+          max: maxAxisValue,
+          interval: interval,
+          axisLabel: {
+            formatter: '{value}'
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          }
+        },
+        yAxis: {
+          type: 'category',
+          data: names, // 班组成员
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          }
+        },
+        series: [
+          {
+            data: values,
+            type: 'bar',
+            label: {
+              show: false,
+            },
+            barWidth: '70%',
+            itemStyle: {
+              borderRadius: [0, 5, 5, 0],
+              color: 'rgba(22, 93, 255, 0.7)' // 工单总工时颜色
+            }
+          }
+        ]
+      }
+      
+      // 初始化图表实例（如果还没有）
+      if (!this.teamPointsChart) {
+        this.teamPointsChart = echarts.init(this.$refs.teamPointsChart);
+      }
+      
+      // 设置班组成员工分情况图表配置
+      this.teamPointsChart.setOption(teamPointsOption, true);
+    },
+    
+    // 更新超时工单情况图表
+    updateOvertimeChart(overTimeStatistics) {
+      // 处理后台传回的数据格式 [{"key":"超时1天","value":"25"}]
+      let names = [];
+      let values = [];
+      
+      if (overTimeStatistics && Array.isArray(overTimeStatistics) && overTimeStatistics.length > 0) {
+        // 从后台数据中提取超时天数和工单数
+        names = overTimeStatistics.map(item => item.key);
+        values = overTimeStatistics.map(item => parseInt(item.value) || 0);
+        // 显示图表
+        this.showOvertimeChart = true;
+      } else {
+        // 隐藏图表
+        this.showOvertimeChart = false;
+        // 销毁图表实例
+        if (this.overtimeChart) {
+          this.overtimeChart.dispose();
+          this.overtimeChart = null;
+        }
+        return;
+      }
+      
+      // 使用新的计算方法
+      const maxValue = Math.max(...values, 5); // 至少显示到5
+      const { maxAxisValue, interval } = this.calculateAxisRange(maxValue);
+      
+      // 超时工单情况的柱状图（柱子颜色淡红色）
+      const overtimeOption = {
+        title: {
+          text: '超时工单情况',
+          left: 'left',
+          top: 'top'
+        },
+        grid: {
+          left: '2%',   // 左边距 5%
+          right: '2%',  // 右边距 5%
+          top: '20%',   // 上边距（根据需求调整）
+          bottom: '5%', // 下边距（根据需求调整）
+          containLabel: true, // 确保标签在 grid 区域内
+        },
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          padding: [1, 5],
+          backgroundColor: 'rgba(0, 0, 0, 0.7)',
+          borderColor: 'rgba(0, 0, 0, 0.7)',
+          textStyle: {
+            color: '#fff'
+          },
+          formatter: function(params) {
+            return `
+              <div style="font-weight:bold; font-size:12px;">${params.name}</div>
+              <div style="display: flex; align-items: center; font-size:12px;">
+                <span style="display:inline-block; width:12px; height:12px; background:${params.color};margin-right: 4px;box-shadow: 0 0 0 0.5px white;"></span>
+                <span>工单数:</span>
+                <span style="margin-left: 4px;">${params.value}</span>
+              </div>
+            `;
+          },
+          position: 'top',
+        },
+        xAxis: {
+          type: 'category',
+          data: names, // 超时天数
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          }
+        },
+        yAxis: {
+          type: 'value',
+          min: 0,
+          max: maxAxisValue,
+          interval: interval,
+          axisLabel: {
+            formatter: '{value}天'
+          },
+          name: '天数',
+          nameLocation: 'middle',
+          nameRotate: 90,
+          nameGap: 40,
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          }
+        },
+        series: [
+          {
+            data: values, // 工单数
+            type: 'bar',
+            label: {
+              show: false,
+            },
+            barWidth: '70%',
+            itemStyle: {
+              borderRadius: [5, 5, 0, 0],
+              color: 'rgba(255, 77, 79, 0.7)' // 淡红色
+            }
+          }
+        ]
+      }
+      
+      // 初始化图表实例（如果还没有）
+      if (!this.overtimeChart) {
+        this.overtimeChart = echarts.init(this.$refs.overtimeChart);
+      }
+      
+      // 设置超时工单情况图表配置
+      this.overtimeChart.setOption(overtimeOption, true);
+    },
+    
+    // 更新平均设备故障复发时间（MTF）曲线图
+    updateMtfChart(faultStatistics) {
+      // 处理后台传回的数据格式 [{"key":"1月","value":"45"}]
+      let names = [];
+      let values = [];
+      
+      if (faultStatistics && Array.isArray(faultStatistics) && faultStatistics.length > 0) {
+        // 从后台数据中提取月份和MTF值
+        names = faultStatistics.map(item => item.key);
+        values = faultStatistics.map(item => parseInt(item.value) || 0);
+        // 显示图表
+        this.showMtfChart = true;
+      } else {
+        // 隐藏图表
+        this.showMtfChart = false;
+        // 销毁图表实例
+        if (this.mtfChart) {
+          this.mtfChart.dispose();
+          this.mtfChart = null;
+        }
+        return;
+      }
+      
+      // 使用新的计算方法
+      const maxValue = Math.max(...values, 5); // 至少显示到5
+      const { maxAxisValue, interval } = this.calculateAxisRange(maxValue);
+      
+      // 平均设备故障复发时间（MTF）的曲线图（绿色曲线，浅绿色区域）
+      const mtfOption = {
+        title: {
+          text: '平均设备故障复发时间(MTF)',
+          left: 'left',
+          top: 'top'
+        },
+        grid: {
+          left: '2%',   // 左边距 5%
+          right: '2%',  // 右边距 5%
+          top: '20%',   // 上边距（根据需求调整）
+          bottom: '5%', // 下边距（根据需求调整）
+          containLabel: true, // 确保标签在 grid 区域内
+        },
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          padding: [1, 5],
+          backgroundColor: 'rgba(0, 0, 0, 0.7)',
+          borderColor: 'rgba(0, 0, 0, 0.7)',
+          textStyle: {
+            color: '#fff'
+          },
+          formatter: function(params) {
+            return `
+              <div style="font-weight:bold; font-size:12px;">${params.name}</div>
+              <div style="display: flex; align-items: center; font-size:12px;">
+                <span style="display:inline-block; width:12px; height:12px; background:rgba(0, 200, 0, 0.8);margin-right: 4px;box-shadow: 0 0 0 0.5px white;"></span>
+                <span>平均设备故障复发时间(天):</span>
+                <span style="margin-left: 4px;">${params.value}</span>
+              </div>
+            `;
+          }
+        },
+        xAxis: {
+          type: 'category',
+          data: names, // 月份
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          },
+          // 确保0点也能显示x轴第一个名字
+          boundaryGap: false
+        },
+        yAxis: {
+          name: '天数',
+          nameLocation: 'middle',
+          nameGap: 30,
+          type: 'value',
+          min: 0,
+          max: maxAxisValue,
+          interval: interval,
+          axisLabel: {
+            formatter: '{value}'
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          }
+        },
+        series: [
+          {
+            name: 'MTF',
+            data: values, // MTF值
+            type: 'line',
+            smooth: true,
+            symbolSize: 8,
+            lineStyle: {
+              color: 'rgba(0, 200, 0, 0.8)', // 绿色曲线
+              width: 3
+            },
+            areaStyle: {
+              color: 'rgba(0, 200, 0, 0.2)' // 浅绿色区域
+            }
+          }
+        ]
+      }
+      
+      // 初始化图表实例（如果还没有）
+      if (!this.mtfChart) {
+        this.mtfChart = echarts.init(this.$refs.mtfChart);
+      }
+      
+      // 设置MTF曲线图配置
+      this.mtfChart.setOption(mtfOption, true);
+    },
+    
+    // 更新个人工分统计图表
+    updatePersonalPointsChart(userPointStatistics) {
+      // 处理后台传回的数据格式 [{"key":"周一","value":"25"}]
+      let names = [];
+      let values = [];
+      
+      if (userPointStatistics && Array.isArray(userPointStatistics) && userPointStatistics.length > 0) {
+        // 从后台数据中提取日期和工分值
+        names = userPointStatistics.map(item => item.key);
+        values = userPointStatistics.map(item => parseInt(item.value) || 0);
+        // 显示图表
+        this.showPersonalPointsChart = true;
+      } else {
+        // 隐藏图表
+        this.showPersonalPointsChart = false;
+        // 销毁图表实例
+        if (this.personalPointsChart) {
+          this.personalPointsChart.dispose();
+          this.personalPointsChart = null;
+        }
+        return;
+      }
+      
+      // 使用新的计算方法
+      const maxValue = Math.max(...values, 5); // 至少显示到5
+      const { maxAxisValue, interval } = this.calculateAxisRange(maxValue);
+      
+      // 个人工分统计的曲线图（蓝色曲线，浅蓝色区域）
+      const personalPointsOption = {
+        title: {
+          text: '个人工分统计',
+          left: 'left',
+          top: 'top'
+        },
+        grid: {
+          left: '2%',   // 左边距 5%
+          right: '2%',  // 右边距 5%
+          top: '20%',   // 上边距（根据需求调整）
+          bottom: '5%', // 下边距（根据需求调整）
+          containLabel: true, // 确保标签在 grid 区域内
+        },
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          padding: [1, 5],
+          backgroundColor: 'rgba(0, 0, 0, 0.7)',
+          borderColor: 'rgba(0, 0, 0, 0.7)',
+          textStyle: {
+            color: '#fff'
+          },
+          formatter: function(params) {
+            return `
+              <div style="font-weight:bold; font-size:12px;">${params.name}</div>
+              <div style="display: flex; align-items: center; font-size:12px;">
+                <span style="display:inline-block; width:12px; height:12px; background:${params.color};margin-right: 4px;box-shadow: 0 0 0 0.5px white;"></span>
+                <span>工分数:</span>
+                <span style="margin-left: 4px;">${params.value}</span>
+              </div>
+            `;
+          },
+        },
+        xAxis: {
+          type: 'category',
+          data: names, // 日期
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          },
+          // 确保0点也能显示x轴第一个名字
+          boundaryGap: false
+        },
+        yAxis: {
+          type: 'value',
+          min: 0,
+          max: maxAxisValue,
+          interval: interval,
+          axisLabel: {
+            formatter: '{value}'
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          }
+        },
+        series: [
+          {
+            name: '工分',
+            data: values, // 工分值
+            type: 'line',
+            smooth: true,
+            symbolSize: 8,
+            lineStyle: {
+              color: 'rgba(30, 144, 255, 0.8)', // 蓝色曲线
+              width: 3
+            },
+            areaStyle: {
+              color: 'rgba(30, 144, 255, 0.2)' // 浅蓝色区域
+            }
+          }
+        ]
+      }
+      
+      // 初始化图表实例（如果还没有）
+      if (!this.personalPointsChart) {
+        this.personalPointsChart = echarts.init(this.$refs.personalPointsChart);
+      }
+      
+      // 设置个人工分统计图表配置
+      this.personalPointsChart.setOption(personalPointsOption, true);
+    },
+    
+    // 更新图表数据
+    updateCharts() {
+      // 移除原有的工时分类统计柱状图配置，因为现在通过fetchChartData动态加载
+      // 原有的饼图配置已移至updatePieChart方法
+      
+      // 超时工单情况的柱状图（柱子颜色淡红色）
+      const overtimeOption = {
+        title: {
+          text: '超时工单情况',
+          left: 'left',
+          top: 'top'
+        },
+        grid: {
+          left: '2%',   // 左边距 5%
+          right: '2%',  // 右边距 5%
+          top: '20%',   // 上边距（根据需求调整）
+          bottom: '5%', // 下边距（根据需求调整）
+          containLabel: true, // 确保标签在 grid 区域内
+        },
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          padding: [1, 5],
+          backgroundColor: 'rgba(0, 0, 0, 0.7)',
+          borderColor: 'rgba(0, 0, 0, 0.7)',
+          textStyle: {
+            color: '#fff'
+          },
+          formatter: function(params) {
+            return `
+              <div style="font-weight:bold; font-size:12px;">${params.name}</div>
+              <div style="display: flex; align-items: center; font-size:12px;">
+                <span style="display:inline-block; width:12px; height:12px; background:${params.color};margin-right: 4px;box-shadow: 0 0 0 0.5px white;"></span>
+                <span>工单数:</span>
+                <span style="margin-left: 4px;">${params.value}</span>
+              </div>
+            `;
+          },
+          position: 'top',
+        },
+        xAxis: {
+          type: 'category',
+          data: ['超时1天', '超时2天', '超时3天', '超时4天', '超时5天以上'],
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          }
+        },
+        yAxis: {
+          type: 'value',
+          min: 0,
+          max: 100,
+          interval: 20,
+          axisLabel: {
+            formatter: '{value}'
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          }
+        },
+        series: [
+          {
+            data: [25, 18, 12, 8, 5],
+            type: 'bar',
+            label: {
+              show: false,
+            },
+            barWidth: '70%',
+            itemStyle: {
+              borderRadius: [5, 5, 0, 0],
+              color: 'rgba(255, 77, 79, 0.7)' // 验收工时颜色
+            }
+          }
+        ]
+      }
+      
+      // 注意：平均设备故障复发时间（MTF）曲线图由updateMtfChart方法处理
+      
+      // 注意：个人工单完成情况图表由fetchChartData方法处理
+      
+      // 注意：班组成员工分情况图表由fetchChartData方法处理
+      
+      // 注意：工时分类统计图表由fetchChartData方法处理
+      
+      // 个人工分统计的曲线图（蓝色曲线，浅蓝色区域）
+      const personalPointsOption = {
+        title: {
+          text: '个人工分统计',
+          left: 'left',
+          top: 'top'
+        },
+        grid: {
+          left: '2%',   // 左边距 5%
+          right: '2%',  // 右边距 5%
+          top: '20%',   // 上边距（根据需求调整）
+          bottom: '5%', // 下边距（根据需求调整）
+          containLabel: true, // 确保标签在 grid 区域内
+        },
+        tooltip: {
+          show: true,
+          trigger: 'axis',
+          padding: [1, 5],
+          backgroundColor: 'rgba(0, 0, 0, 0.7)',
+          borderColor: 'rgba(0, 0, 0, 0.7)',
+          textStyle: {
+            color: '#fff'
+          },
+          formatter: function(params) {
+            let result = `<div style="font-weight:bold; font-size:12px;">${params[0].name}</div>`;
+            params.forEach(item => {
+              result += `
+                <div style="display: flex; align-items: center; font-size:12px;">
+                  <span style="display:inline-block; width:12px; height:12px; background:${item.color};margin-right: 4px;box-shadow: 0 0 0 0.5px white;"></span>
+                  <span>${item.seriesName}:</span>
+                  <span style="margin-left: 4px;">${item.value}</span>
+                </div>
+              `;
+            });
+            return result;
+          },
+          position: 'top',
+        },
+        xAxis: {
+          type: 'category',
+          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          },
+          // 确保0点也能显示x轴第一个名字
+          boundaryGap: false
+        },
+        yAxis: {
+          type: 'value',
+          min: 0,
+          max: 50,
+          interval: 10,
+          axisLabel: {
+            formatter: '{value}分'
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: 'rgba(200, 200, 200, 0.3)',
+              type: 'solid'
+            }
+          }
+        },
+        series: [
+          {
+            name: '工分',
+            data: [25, 32, 28, 35, 30, 40, 38],
+            type: 'line',
+            smooth: true,
+            symbolSize: 8,
+            lineStyle: {
+              color: 'rgba(30, 144, 255, 0.8)', // 蓝色曲线
+              width: 3
+            },
+            areaStyle: {
+              color: 'rgba(30, 144, 255, 0.2)' // 浅蓝色区域
+            }
+          }
+        ]
+      }
+      
+      // 设置图表配置（除了工时分类统计图表）
+      // this.pieChart.setOption(pieOption) // 已移至updatePieChart方法
+      this.overtimeChart.setOption(overtimeOption)
+      // 注意：平均设备故障复发时间（MTF）曲线图由updateMtfChart方法处理
+      // 注意：个人工单完成情况图表由fetchChartData方法处理
+      // 注意：班组成员工分情况图表由fetchChartData方法处理
+      // 注意：工时分类统计图表由fetchChartData方法处理
+      this.personalPointsChart.setOption(personalPointsOption)
+    },
+    
+    // 图表自适应
+    resizeCharts() {
+      const charts = [this.barChart, this.pieChart, this.overtimeChart, this.teamPointsChart, this.mtfChart, this.personalWorkOrderChart, this.personalPointsChart];
+      charts.forEach(chart => {
+        if (chart) {
+          chart.resize();
+        }
+      });
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* 悬浮卡片通用样式 */
+.floating-card {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+}
+
+.floating-card:hover {
+  transform: translateY(-8px);
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
+}
+
+/* 图表样式 */
+.chart-container {
+  height: 340px;
+  background-color: rgba(255, 255, 255, 0.7);
+  border-radius: 8px;
+  padding: 20px;
+  margin-top: 20px;
+  box-sizing: border-box;
+  backdrop-filter: blur(5px);
+}
+
+.chart-container:hover {
+  transform: translateY(-8px);
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
+}
+
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>

ygtx-ui/src/components/Dashboard/DataStatistics.vue

@@ -0,0 +1,213 @@
+<template>
+  <div class="data-statistics">
+    <el-row :gutter="20">
+      <el-col :span="8" v-for="(stat, index) in statistics" :key="index">
+        <div class="stat-card floating-card">
+          <div class="stat-icon-wrapper">
+            <div class="stat-icon-bg" :style="{ backgroundColor: stat.color + '15' }">
+              <i 
+                v-if="stat.icon && stat.icon.startsWith('fas ')" 
+                :class="stat.icon" 
+                :style="{ color: stat.color }">
+              </i>
+              <el-icon v-else :size="20" :color="stat.color"><component :is="stat.icon" /></el-icon>
+            </div>
+          </div>
+          <div class="stat-content">
+            <div class="stat-title">{{ stat.title }}</div>
+            <div class="stat-value">{{ stat.value }}</div>
+            <div class="stat-desc" :class="{'stat-desc-up': stat.desc.startsWith('+'),
+                                            'stat-desc-down': stat.desc.startsWith('-'),
+                                            'stat-desc-same': !stat.desc.startsWith('+') && !stat.desc.startsWith('-')}">
+              {{ stat.desc }}
+            </div>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getStatistics } from '@/api/system/dashboard'
+
+export default {
+  name: 'DataStatistics',
+  data() {
+    return {
+      colorList: {
+        blue:{color: '#165dff', bgcolor: '#e7eeff'},
+        cyan:{color: '#36cfc9', bgcolor: '#ebfaf9'},
+        orange:{color: '#faad14', bgcolor: '#fef7e7'},
+        gray:{color: '#4e5969', bgcolor: '#edeef0'},
+        red:{color: '#ff4d4f', bgcolor: '#ffeded'},
+        green:{color: '#67C23A', bgcolor: '#edf9e8'},
+      },
+      // 数据统计
+      statistics: []
+    }
+  },
+  created() {
+    this.fetchStatistics()
+  },
+  methods: {
+    // 获取数据统计
+    async fetchStatistics() {
+      try {
+        const response = await getStatistics()
+        // 根据返回的数据结构处理 statistics
+        this.statistics = response.statistics.map(item => {
+          return {
+            title: item.title,
+            value: item.value,
+            desc: item.desc,
+            trend: item.trend,
+            icon: item.icon,
+            color: this.colorList[item.color].color || '#409EFF'
+          }
+        })
+      } catch (error) {
+        console.error('获取数据统计失败:', error)
+        // 如果获取失败，使用默认数据
+        this.statistics = [
+          { 
+            title: '计划工单总数', 
+            value: '1,234', 
+            desc: '+12% 较上月', 
+            trend: 'up',
+            icon: 'Document',
+            color: '#409EFF'
+          },
+          { 
+            title: '非计划工单总数', 
+            value: '567', 
+            desc: '-5% 较上月', 
+            trend: 'down',
+            icon: 'Warning',
+            color: '#E6A23C'
+          },
+          { 
+            title: '总工时', 
+            value: '8,765', 
+            desc: '0 较上月', 
+            trend: 'same',
+            icon: 'Odometer',
+            color: '#67C23A'
+          },
+          { 
+            title: '平均工单完成率', 
+            value: '92.5%', 
+            desc: '+2% 较上月', 
+            trend: 'up',
+            icon: 'Check',
+            color: '#909399'
+          },
+          { 
+            title: '扣分工单数量', 
+            value: '45', 
+            desc: '-3% 较上月', 
+            trend: 'down',
+            icon: 'CircleClose',
+            color: '#F56C6C'
+          },
+          { 
+            title: '班组总数', 
+            value: '12', 
+            desc: '0 较上月', 
+            trend: 'same',
+            icon: 'User',
+            color: '#409EFF'
+          }
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* 悬浮卡片通用样式 */
+.floating-card {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+}
+
+.floating-card:hover {
+  transform: translateY(-8px);
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
+}
+
+.stat-card {
+  height: 120px;
+  display: flex;
+  background-color: rgba(245, 247, 250, 0.7);
+  border-radius: 8px;
+  padding: 20px;
+  box-sizing: border-box;
+  margin-top: 20px;
+  backdrop-filter: blur(5px);
+  position: relative;
+}
+
+.stat-card:hover {
+  transform: translateY(-8px);
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
+}
+
+.stat-icon-wrapper {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  z-index: 1; /* 确保图标在最上层 */
+}
+
+.stat-icon-bg {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background-color: rgba(245, 247, 250, 0.8);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.stat-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+}
+
+.stat-title {
+  font-size: 14px;
+  color: #6B7280;
+  margin-bottom: 5px;
+  align-self: flex-start;
+}
+
+.stat-value {
+  font-size: 24px;
+  font-weight: 700;
+  color: #000;
+  margin-bottom: 5px;
+  align-self: flex-start;
+}
+
+.stat-desc {
+  font-size: 14px;
+  align-self: flex-start;
+}
+
+.stat-desc-up {
+  color: #67C23A; /* 绿色 */
+}
+
+.stat-desc-down {
+  color: #F56C6C; /* 红色 */
+}
+
+.stat-desc-same {
+  color: #909399; /* 灰色 */
+}
+</style>

ygtx-ui/src/components/Dashboard/FrequentFeatures.vue

@@ -0,0 +1,149 @@
+<template>
+  <div class="frequent-features">
+    <h2 class="section-title">高频功能</h2>
+    <div class="feature-container">
+      <div 
+        v-for="(feature, index) in features" 
+        :key="index"
+        class="feature-card floating-card"
+        @click="handleFeatureClick(feature)">
+        <div class="feature-icon" :style="{ backgroundColor: feature.color.bgcolor }">
+          <i 
+            v-if="feature.icon && feature.icon.startsWith('fas ')" 
+            :class="feature.icon" 
+            :style="{ color: feature.color.color }">
+          </i>
+          <svg-icon 
+            v-else 
+            :icon-class="feature.icon" 
+            :style="{ color: feature.color.color }">
+          </svg-icon>
+        </div>
+        <div class="feature-name">{{ feature.name }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getHighUse } from '@/api/system/dashboard'
+
+export default {
+  name: 'FrequentFeatures',
+  data() {
+    return {
+      colorList: {
+        blue:{color: '#165dff', bgcolor: '#e7eeff'},
+        cyan:{color: '#36cfc9', bgcolor: '#ebfaf9'},
+        orange:{color: '#faad14', bgcolor: '#fef7e7'},
+        gray:{color: '#4e5969', bgcolor: '#edeef0'},
+        red:{color: '#ff4d4f', bgcolor: '#ffeded'},
+        green:{color: '#67C23A', bgcolor: '#edf9e8'},
+      },
+      features: []
+    }
+  },
+  created() {
+    this.fetchHighUseFeatures()
+  },
+  methods: {
+    // 获取高频功能数据
+    async fetchHighUseFeatures() {
+      try {
+        const response = await getHighUse()
+        // 根据返回的数据结构处理 features
+        this.features = response.highUse.map(item => {
+          // 使用后端返回的颜色信息
+          const colorKey = item.color || 'blue'
+          return {
+            name: item.title,
+            icon: item.icon || 'fas fa-tasks',
+            color: this.colorList[colorKey] || this.colorList.blue
+          }
+        })
+      } catch (error) {
+        console.error('获取高频功能数据失败:', error)
+        // 如果获取失败，使用默认数据
+        this.features = [
+          { name: '工单管理', icon: 'fas fa-tasks', color: this.colorList.blue },
+          { name: '班组管理', icon: 'fas fa-users', color: this.colorList.cyan },
+          { name: '工分管理', icon: 'fas fa-star', color: this.colorList.orange },
+          { name: '工时分析', icon: 'fas fa-clock', color: this.colorList.gray },
+          { name: '通知中心', icon: 'fas fa-bell', color: this.colorList.red }
+        ]
+      }
+    },
+    
+    // 处理功能块点击事件
+    handleFeatureClick(feature) {
+      this.$message.info(`点击了 ${feature.name}`)
+      // 实际项目中可以跳转到对应页面
+      // this.$emit('feature-click', feature)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.section-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin-bottom: 20px;
+  padding-bottom: 10px;
+}
+
+/* 悬浮卡片通用样式 */
+.floating-card {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+}
+
+.floating-card:hover {
+  transform: translateY(-8px);
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
+}
+
+.feature-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px; /* 替代 el-row 的 gutter */
+}
+
+.feature-card {
+  flex: 0 0 calc(20% - 16px); /* 每行 5 个（20% 宽度），减去 gap 的影响 */
+  min-width: 0; /* 防止内容溢出 */
+  box-sizing: border-box;
+  background: white;
+  border-radius: 8px;
+  padding: 16px;
+  text-align: center;
+  cursor: pointer;
+  transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.feature-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.feature-icon {
+  display: inline-flex; /* 让背景圆形和 icon 居中 */
+  align-items: center;
+  justify-content: center;
+  width: 48px; /* 圆形背景的宽度 */
+  height: 48px; /* 圆形背景的高度 */
+  border-radius: 50%; /* 圆形背景 */
+  background-color: rgba(59, 130, 246, 0.1); /* 浅色背景（蓝色示例） */
+  margin-bottom: 8px;
+}
+
+.feature-icon .icon {
+  font-size: 20px; /* icon 大小 */
+  color: #3b82f6; /* icon 颜色（蓝色示例） */
+}
+
+.feature-name {
+  font-size: 14px;
+}
+</style>

ygtx-ui/src/views/index.vue

@@ -1,1130 +1,207 @@
 <template>
-  <div class="app-container home">
-    <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">&yen;免费开源</el-tag>
-        </p>
-        <p>
-          <el-button
-            type="primary"
-            icon="Cloudy"
-            @click="goTarget('https://gitee.com/y_project/RuoYi-Vue')"
-            >访问码云</el-button
-          >
-          <el-button
-            icon="HomeFilled"
-            @click="goTarget('http://ruoyi.vip')"
-            >访问主页</el-button
-          >
-        </p>
-      </el-col>
+  <div class="index-container">
+    <!-- 第一部分：高频功能块 -->
+    <FrequentFeatures />
+    
+    <!-- 第二部分：数据统计 -->
+    <DataStatistics />
+    
+    <!-- 第三部分：图表展示 -->
+    <ChartDisplay />
+  </div>
+</template>
 
-      <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> 
-              <s> 满104748341 </s> <s> 满160110482 </s> <s> 满170801498 </s> <s> 满108482800 </s> 
-              <s> 满101046199 </s> <s> 满136919097 </s> <s> 满143961921 </s> <s> 满174951577 </s> 
-              <s> 满161281055 </s> <s> 满138988063 </s> <s> 满151450850 </s> <s> 满224622315 </s>
-              <s> 满287842588 </s> <s> 满187944233 </s> <s> 满228578329 </s> <s> 满191164766 </s>
-			  <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=EeCBXu51I1zPWRia2uskpjDRx6VrbnFN&authKey=Xm8yDxk0%2FyYGI11oxhXaQnTn4K7UwCk7Kn2MZTh3P1JxLctollAkyeySjnaILDkb&noverify=0&group_code=174569686" target="_blank">174569686</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.9.0 - 2025-05-28">
-              <ol>
-                <li>优化菜单搜索查询页</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>支持富文本复制粘贴图片上传至url</li>
-                <li>支持文件&图片组件自定义地址&参数</li>
-                <li>升级tomcat到最新版本9.0.105</li>
-                <li>升级oshi到最新版本6.8.1</li>
-                <li>升级fastjson到最新版2.0.57</li>
-                <li>升级commons.io到最新版本2.19.0</li>
-                <li>package.json移除runjs依赖</li>
-                <li>package.json移除eslint依赖</li>
-                <li>package.json移除vue-meta依赖</li>
-                <li>修复代码生成主子表校验必填失效问题</li>
-                <li>优化前端树结构性能问题</li>
-                <li>优化前端处理路由函数代码</li>
-                <li>优化文件上传组件新增类型</li>
-                <li>优化顶部菜单搜索栏为多层级显示</li>
-                <li>优化文件&图片上传组件新增disabled属性</li>
-                <li>优化空指针异常时无法获取错误信息问题</li>
-                <li>优化定时任务字符包含多个括号导致数据错误</li>
-                <li>优化登录&注册页表头使用VUE_APP_TITLE配置值</li>
-                <li>优化导出Excel日期格式双击离开后与设定的格式不一致问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.9 - 2024-12-30">
-              <ol>
-                <li>用户管理支持分栏拖动</li>
-                <li>修改主题样式本地读取</li>
-                <li>用户头像http(s)链接支持</li>
-                <li>用户管理过滤掉已禁用部门</li>
-                <li>支持自定义显示Excel属性列</li>
-                <li>操作日志记录DELETE请求参数</li>
-                <li>白名单支持对通配符路径匹配</li>
-                <li>校检文件名是否包含特殊字符</li>
-                <li>代码生成创建表屏蔽违规的字符</li>
-                <li>菜单面包屑导航支持多层级显示</li>
-                <li>Excel注解支持wrapText是否允许内容换行</li>
-                <li>代码生成新增配置是否允许文件覆盖到本地</li>
-                <li>修复角色禁用权限不失效问题</li>
-                <li>修复代码生成上级菜单显示问题</li>
-                <li>修复导出子列表对象只能在最后的问题</li>
-                <li>修复TopNav无法正确获取active的问题</li>
-                <li>修复默认关闭Tags-Views内链页面打不开</li>
-                <li>升级oshi到最新版本6.6.5</li>
-                <li>升级tomcat到最新版本9.0.96</li>
-                <li>升级fastjson到最新版2.0.53</li>
-                <li>升级logback到最新版本1.2.13</li>
-                <li>升级spring-framework到最新版本5.3.39</li>
-                <li>升级quill到最新版本2.0.2</li>
-                <li>升级axios到最新版本0.28.1</li>
-                <li>优化身份证脱敏正则</li>
-                <li>优化权限更新后同步缓存</li>
-                <li>优化查询时间范围日期格式</li>
-                <li>优化参数键值更换为多行文本</li>
-                <li>优化导入带标题文件关闭清理</li>
-                <li>优化上传图片带域名不增加前缀</li>
-                <li>优化特殊字符密码修改失败问题</li>
-                <li>优化无用户编号不校验数据权限</li>
-                <li>优化TopNav内链菜单点击没有高亮</li>
-                <li>优化菜单管理切换Mini布局错乱问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.8 - 2024-06-30">
-              <ol>
-                <li>菜单管理新增路由名称</li>
-                <li>新增数据脱敏过滤注解</li>
-                <li>用户密码新增非法字符验证</li>
-                <li>限制用户操作数据权限范围</li>
-                <li>代码生成新增创建表结构功能</li>
-                <li>定时任务白名单配置范围缩小</li>
-                <li>优化代码生成主子表关联查询方式</li>
-                <li>Excel注解新增属性comboReadDict</li>
-                <li>Excel注解ColumnType类型新增文本</li>
-                <li>新增国际化资源文件配置</li>
-                <li>升级oshi到最新版本6.6.1</li>
-                <li>升级druid到最新版本1.2.23</li>
-                <li>升级core-js到最新版本3.37.1</li>
-                <li>更新HttpUtils中的User-Agent</li>
-                <li>更新compressionPlugin到6.1.2以兼容node18+</li>
-                <li>升级spring-security到安全版本，防止漏洞风险</li>
-                <li>升级spring-framework到安全版本，防止漏洞风险</li>
-                <li>优化自定义XSS注解匹配方式</li>
-                <li>优化缓存监控键名列表排序显示</li>
-                <li>优化定时任务日志默认按时间排序</li>
-                <li>优化默认文件大小超过2G无效的问题</li>
-                <li>优化查表特殊字符使用反斜杠进行转义</li>
-                <li>优化定时任务cron表达式小时配置显示错误问题</li>
-                <li>优化多个自定数据权限使用in查询,避免多次拼接</li>
-                <li>优化导入Excel时设置dictType属性重复查缓存问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.7 - 2023-12-08">
-              <ol>
-                <li>操作日志记录部门名称</li>
-                <li>全局数据存储用户编号</li>
-                <li>新增编程式判断资源访问权限</li>
-                <li>操作日志列表新增IP地址查询</li>
-                <li>定时任务新增页去除状态选项</li>
-                <li>代码生成支持选择前端模板类型</li>
-                <li>显隐列组件支持复选框弹出类型</li>
-                <li>通用排序属性orderBy参数限制长度</li>
-                <li>Excel自定义数据处理器增加单元格/工作簿对象</li>
-                <li>升级oshi到最新版本6.4.8</li>
-                <li>升级druid到最新版本1.2.20</li>
-                <li>升级fastjson到最新版2.0.43</li>
-                <li>升级pagehelper到最新版1.4.7</li>
-                <li>升级commons.io到最新版本2.13.0</li>
-                <li>升级element-ui到最新版本2.15.14</li>
-                <li>修复五级路由缓存无效问题</li>
-                <li>修复外链带端口出现的异常</li>
-                <li>修复树模板父级编码变量错误</li>
-                <li>修复字典表详情页面搜索问题</li>
-                <li>修复内链iframe没有传递参数问题</li>
-                <li>修复自定义字典样式不生效的问题</li>
-                <li>修复字典缓存删除方法参数错误问题</li>
-                <li>修复Excel导入数据临时文件无法删除问题</li>
-                <li>修复未登录带参数访问成功后参数丢失问题</li>
-                <li>修复HeaderSearch组件跳转query参数丢失问题</li>
-                <li>修复代码生成导入后必填项与数据库不匹配问题</li>
-                <li>修复Excels导入时无法获取到dictType字典值问题</li>
-                <li>优化下载zip方法新增遮罩层</li>
-                <li>优化头像上传参数新增文件名称</li>
-                <li>优化字典标签支持自定义分隔符</li>
-                <li>优化菜单管理类型为按钮状态可选</li>
-                <li>优化前端防重复提交数据大小限制</li>
-                <li>优化TopNav菜单没有图标svg不显示</li>
-                <li>优化数字金额大写转换精度丢失问题</li>
-                <li>优化富文本Editor组件检验图片格式</li>
-                <li>优化页签在Firefox浏览器被遮挡的问题</li>
-                <li>优化个人中心/基本资料修改时数据显示问题</li>
-                <li>优化缓存监控图表支持跟随屏幕大小自适应调整</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.6 - 2023-06-30">
-              <ol>
-                <li>支持登录IP黑名单限制</li>
-                <li>新增监控页面图标显示</li>
-                <li>操作日志新增消耗时间属性</li>
-                <li>屏蔽定时任务bean违规的字符</li>
-                <li>日志管理使用索引提升查询性能</li>
-                <li>日志注解支持排除指定的请求参数</li>
-                <li>支持自定义隐藏属性列过滤子对象</li>
-                <li>升级oshi到最新版本6.4.3</li>
-                <li>升级druid到最新版本1.2.16</li>
-                <li>升级fastjson到最新版2.0.34</li>
-                <li>升级spring-boot到最新版本2.5.15</li>
-                <li>升级element-ui到最新版本2.15.13</li>
-                <li>移除apache/commons-fileupload依赖</li>
-                <li>修复页面切换时布局错乱的问题</li>
-                <li>修复匿名注解Anonymous空指针问题</li>
-                <li>修复路由跳转被阻止时内部产生报错信息问题</li>
-                <li>修复isMatchedIp的参数判断产生空指针的问题</li>
-                <li>修复用户多角色数据权限可能出现权限抬升的情况</li>
-                <li>修复开启TopNav后一级菜单路由参数设置无效问题</li>
-                <li>修复DictTag组件value没有匹配的值时则展示value</li>
-                <li>优化文件下载出现的异常</li>
-                <li>优化选择图标组件高亮回显</li>
-                <li>优化弹窗后导航栏偏移的问题</li>
-                <li>优化修改密码日志存储明文问题</li>
-                <li>优化页签栏关闭其他出现的异常问题</li>
-                <li>优化页签关闭左侧选项排除首页选项</li>
-                <li>优化关闭当前tab页跳转最右侧tab页</li>
-                <li>优化缓存列表清除操作提示不变的问题</li>
-                <li>优化字符未使用下划线不进行驼峰式处理</li>
-                <li>优化用户导入更新时需获取用户编号问题</li>
-                <li>优化侧边栏的平台标题与VUE_APP_TITLE保持同步</li>
-                <li>优化导出Excel时设置dictType属性重复查缓存问题</li>
-                <li>连接池Druid支持新的配置connectTimeout和socketTimeout</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.5 - 2023-01-01">
-              <ol>
-                <li>定时任务违规的字符</li>
-                <li>重置时取消部门选中</li>
-                <li>新增返回警告消息提示</li>
-                <li>忽略不必要的属性数据返回</li>
-                <li>修改参数键名时移除前缓存配置</li>
-                <li>导入更新用户数据前校验数据权限</li>
-                <li>兼容Excel下拉框内容过多无法显示的问题</li>
-                <li>升级echarts到最新版本5.4.0</li>
-                <li>升级core-js到最新版本3.25.3</li>
-                <li>升级oshi到最新版本6.4.0</li>
-                <li>升级kaptcha到最新版2.3.3</li>
-                <li>升级druid到最新版本1.2.15</li>
-                <li>升级fastjson到最新版2.0.20</li>
-                <li>升级pagehelper到最新版1.4.6</li>
-                <li>优化弹窗内容过多展示不全问题</li>
-                <li>优化swagger-ui静态资源使用缓存</li>
-                <li>开启TopNav没有子菜单隐藏侧边栏</li>
-                <li>删除fuse无效选项maxPatternLength</li>
-                <li>优化导出对象的子列表为空会出现[]问题</li>
-                <li>优化编辑头像时透明部分会变成黑色问题</li>
-                <li>优化小屏幕上修改头像界面布局错位的问题</li>
-                <li>修复代码生成勾选属性无效问题</li>
-                <li>修复文件上传组件格式验证问题</li>
-                <li>修复回显数据字典数组异常问题</li>
-                <li>修复sheet超出最大行数异常问题</li>
-                <li>修复Log注解GET请求记录不到参数问题</li>
-                <li>修复调度日志点击多次数据不变化的问题</li>
-                <li>修复主题颜色在Drawer组件不会加载问题</li>
-                <li>修复文件名包含特殊字符的文件无法下载问题</li>
-                <li>修复table中更多按钮切换主题色未生效修复问题</li>
-                <li>修复某些特性的环境生成代码变乱码TXT文件问题</li>
-                <li>修复代码生成图片/文件/单选时选择必填无法校验问题</li>
-                <li>修复某些特性的情况用户编辑对话框中角色和部门无法修改问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.4 - 2022-09-26">
-              <ol>
-                <li>数据逻辑删除不进行唯一验证</li>
-                <li>Excel注解支持导出对象的子列表方法</li>
-                <li>Excel注解支持自定义隐藏属性列</li>
-                <li>Excel注解支持backgroundColor属性设置背景色</li>
-                <li>支持配置密码最大错误次数/锁定时间</li>
-                <li>登录日志新增解锁账户功能</li>
-                <li>通用下载方法新增config配置选项</li>
-                <li>支持多权限字符匹配角色数据权限</li>
-                <li>页面内嵌iframe切换tab不刷新数据</li>
-                <li>操作日志记录支持排除敏感属性字段</li>
-                <li>修复多文件上传报错出现的异常问题</li>
-                <li>修复图片预览组件src属性为null值控制台报错问题</li>
-                <li>升级oshi到最新版本6.2.2</li>
-                <li>升级fastjson到最新版2.0.14</li>
-                <li>升级pagehelper到最新版1.4.3</li>
-                <li>升级core-js到最新版本3.25.2</li>
-                <li>升级element-ui到最新版本2.15.10</li>
-                <li>优化任务过期不执行调度</li>
-                <li>优化字典数据使用store存取</li>
-                <li>优化修改资料头像被覆盖的问题</li>
-                <li>优化修改用户登录账号重复验证</li>
-                <li>优化代码生成同步后值NULL问题</li>
-                <li>优化定时任务支持执行父类方法</li>
-                <li>优化用户个人信息接口防止修改部门</li>
-                <li>优化布局设置使用el-drawer抽屉显示</li>
-                <li>优化没有权限的用户编辑部门缺少数据</li>
-                <li>优化日志注解记录限制请求地址的长度</li>
-                <li>优化excel/scale属性导出单元格数值类型</li>
-                <li>优化日志操作中重置按钮时重复查询的问题</li>
-                <li>优化多个相同角色数据导致权限SQL重复问题</li>
-                <li>优化表格上右侧工具条（搜索按钮显隐&右侧样式凸出）</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v3.8.3 - 2022-06-27">
-              <ol>
-                <li>新增缓存列表菜单功能</li>
-                <li>代码生成树表新增(展开/折叠)</li>
-                <li>Excel注解支持color字体颜色</li>
-                <li>新增Anonymous匿名访问不鉴权注解</li>
-                <li>用户头像上传限制只能为图片格式</li>
-                <li>接口使用泛型使其看到响应属性字段</li>
-                <li>检查定时任务bean所在包名是否为白名单配置</li>
-                <li>添加页签openPage支持传递参数</li>
-                <li>用户缓存信息添加部门ancestors祖级列表</li>
-                <li>升级element-ui到最新版本2.15.8</li>
-                <li>升级oshi到最新版本6.1.6</li>
-                <li>升级druid到最新版本1.2.11</li>
-                <li>升级fastjson到最新版2.0.8</li>
-                <li>升级spring-boot到最新版本2.5.14</li>
-                <li>降级jsencrypt版本兼容IE浏览器</li>
-                <li>删除多余的salt字段</li>
-                <li>新增获取不带后缀文件名称方法</li>
-                <li>新增获取配置文件中的属性值方法</li>
-                <li>新增内容编码/解码方便插件集成使用</li>
-                <li>字典类型必须以字母开头，且只能为（小写字母，数字，下滑线）</li>
-                <li>优化设置分页参数默认值</li>
-                <li>优化对空字符串参数处理的过滤</li>
-                <li>优化显示顺序orderNum类型为整型</li>
-                <li>优化表单构建按钮不显示正则校验</li>
-                <li>优化字典数据回显样式下拉框显示值</li>
-                <li>优化R响应成功状态码与全局保持一致</li>
-                <li>优化druid开启wall过滤器出现的异常问题</li>
-                <li>优化用户管理左侧树型组件增加选中高亮保持</li>
-                <li>优化新增用户与角色信息&用户与岗位信息逻辑</li>
-                <li>优化默认不启用压缩文件缓存防止node_modules过大</li>
-                <li>修复字典数据显示不全问题</li>
-                <li>修复操作日志查询类型条件为0时会查到所有数据</li>
-                <li>修复Excel注解prompt/combo同时使用不生效问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <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>
+<script>
+import FrequentFeatures from '@/components/Dashboard/FrequentFeatures.vue'
+import DataStatistics from '@/components/Dashboard/DataStatistics.vue'
+import ChartDisplay from '@/components/Dashboard/ChartDisplay.vue'
+
+export default {
+  name: 'Index',
+  components: {
+    FrequentFeatures,
+    DataStatistics,
+    ChartDisplay
+  }
+}
+</script>
 
-            <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>
+<style scoped>
+.index-container {
+  padding: 20px;
+  min-height: calc(100vh - 84px);
+  position: relative;
+}
 
-            <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>
+.section {
+  margin-bottom: 30px;
+  background-color: rgba(255, 255, 255, 0.85);
+  padding: 20px;
+  border-radius: 12px;
+  backdrop-filter: blur(10px);
+  position: relative;
+  transition: all 0.3s ease;
+}
 
-            <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>
+.section-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #303133;
+  margin-bottom: 20px;
+  padding-bottom: 10px;
+}
 
-            <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>
+/* 悬浮卡片通用样式 */
+.floating-card {
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+}
 
-            <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>
+.floating-card:hover {
+  transform: translateY(-8px);
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
+}
 
-            <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="@/assets/images/pay.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>
+/* 高频功能样式 */
+.feature-row {
+  margin-bottom: -20px;
+}
 
-<script setup name="Index">
-const version = ref('3.9.0')
+.feature-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px; /* 替代 el-row 的 gutter */
+}
 
-function goTarget(url) {
-  window.open(url, '__blank')
+.feature-card {
+  flex: 1 1 calc(20% - 20px); /* 每行 5 个（20% 宽度），减去 gap 的影响 */
+  min-width: 0; /* 防止内容溢出 */
+  box-sizing: border-box;
+  background: white;
+  border-radius: 8px;
+  padding: 16px;
+  text-align: center;
+  cursor: pointer;
+  transition: transform 0.3s, box-shadow 0.3s;
 }
-</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;
-  }
+.feature-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
 
-  ul {
-    padding: 0;
-    margin: 0;
-  }
+.feature-icon {
+  display: inline-flex; /* 让背景圆形和 icon 居中 */
+  align-items: center;
+  justify-content: center;
+  width: 48px; /* 圆形背景的宽度 */
+  height: 48px; /* 圆形背景的高度 */
+  border-radius: 50%; /* 圆形背景 */
+  background-color: rgba(59, 130, 246, 0.1); /* 浅色背景（蓝色示例） */
+  margin-bottom: 8px;
+}
 
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
+.feature-icon .icon {
+  font-size: 20px; /* icon 大小 */
+  color: #3b82f6; /* icon 颜色（蓝色示例） */
+}
 
-  ul {
-    list-style-type: none;
-  }
+.feature-name {
+  font-size: 14px;
+}
 
-  h4 {
-    margin-top: 0px;
-  }
+/* 数据统计样式 */
+.stat-card {
+  height: 120px;
+  display: flex;
+  background-color: rgba(245, 247, 250, 0.7);
+  border-radius: 8px;
+  padding: 20px;
+  box-sizing: border-box;
+  margin-bottom: 20px;
+  backdrop-filter: blur(5px);
+  position: relative;
+}
 
-  h2 {
-    margin-top: 10px;
-    font-size: 26px;
-    font-weight: 100;
-  }
+.stat-card:hover {
+  transform: translateY(-8px);
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
+}
 
-  p {
-    margin-top: 10px;
+.stat-icon-wrapper {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  z-index: 1; /* 确保图标在最上层 */
+}
 
-    b {
-      font-weight: 700;
-    }
-  }
+.stat-icon-bg {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background-color: rgba(245, 247, 250, 0.8);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 
-  .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;
-    }
-  }
+.stat-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+}
+
+.stat-title {
+  font-size: 14px;
+  color: #6B7280;
+  margin-bottom: 5px;
+  align-self: flex-start;
+}
+
+.stat-value {
+  font-size: 24px;
+  font-weight: 700;
+  color: #000;
+  margin-bottom: 5px;
+  align-self: flex-start;
+}
+
+.stat-desc {
+  font-size: 14px;
+  align-self: flex-start;
+}
+
+.stat-desc-up {
+  color: #67C23A; /* 绿色 */
+}
+
+.stat-desc-down {
+  color: #F56C6C; /* 红色 */
+}
+
+.stat-desc-same {
+  color: #909399; /* 灰色 */
+}
+
+/* 图表样式 */
+.chart-container {
+  height: 340px;
+  background-color: rgba(255, 255, 255, 0.7);
+  border-radius: 8px;
+  padding: 20px;
+  box-sizing: border-box;
+  backdrop-filter: blur(5px);
 }
-</style>
 
+.chart-container:hover {
+  transform: translateY(-8px);
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
+}
+
+.chart {
+  width: 100%;
+  height: 100%;
+}
+</style>

ygtx-ui/src/views/index1.vue

@@ -0,0 +1,1132 @@
+<template>
+  <div class="app-container home">
+    <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">&yen;免费开源</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> 
+              <s> 满104748341 </s> <s> 满160110482 </s> <s> 满170801498 </s> <s> 满108482800 </s> 
+              <s> 满101046199 </s> <s> 满136919097 </s> <s> 满143961921 </s> <s> 满174951577 </s> 
+              <s> 满161281055 </s> <s> 满138988063 </s> <s> 满151450850 </s> <s> 满224622315 </s>
+              <s> 满287842588 </s> <s> 满187944233 </s> <s> 满228578329 </s> <s> 满191164766 </s>
+			  <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=EeCBXu51I1zPWRia2uskpjDRx6VrbnFN&authKey=Xm8yDxk0%2FyYGI11oxhXaQnTn4K7UwCk7Kn2MZTh3P1JxLctollAkyeySjnaILDkb&noverify=0&group_code=174569686" target="_blank">174569686</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.9.0 - 2025-05-28">
+              <ol>
+                <li>优化菜单搜索查询页</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>支持富文本复制粘贴图片上传至url</li>
+                <li>支持文件&图片组件自定义地址&参数</li>
+                <li>升级tomcat到最新版本9.0.105</li>
+                <li>升级oshi到最新版本6.8.1</li>
+                <li>升级fastjson到最新版2.0.57</li>
+                <li>升级commons.io到最新版本2.19.0</li>
+                <li>package.json移除runjs依赖</li>
+                <li>package.json移除eslint依赖</li>
+                <li>package.json移除vue-meta依赖</li>
+                <li>修复代码生成主子表校验必填失效问题</li>
+                <li>优化前端树结构性能问题</li>
+                <li>优化前端处理路由函数代码</li>
+                <li>优化文件上传组件新增类型</li>
+                <li>优化顶部菜单搜索栏为多层级显示</li>
+                <li>优化文件&图片上传组件新增disabled属性</li>
+                <li>优化空指针异常时无法获取错误信息问题</li>
+                <li>优化定时任务字符包含多个括号导致数据错误</li>
+                <li>优化登录&注册页表头使用VUE_APP_TITLE配置值</li>
+                <li>优化导出Excel日期格式双击离开后与设定的格式不一致问题</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.9 - 2024-12-30">
+              <ol>
+                <li>用户管理支持分栏拖动</li>
+                <li>修改主题样式本地读取</li>
+                <li>用户头像http(s)链接支持</li>
+                <li>用户管理过滤掉已禁用部门</li>
+                <li>支持自定义显示Excel属性列</li>
+                <li>操作日志记录DELETE请求参数</li>
+                <li>白名单支持对通配符路径匹配</li>
+                <li>校检文件名是否包含特殊字符</li>
+                <li>代码生成创建表屏蔽违规的字符</li>
+                <li>菜单面包屑导航支持多层级显示</li>
+                <li>Excel注解支持wrapText是否允许内容换行</li>
+                <li>代码生成新增配置是否允许文件覆盖到本地</li>
+                <li>修复角色禁用权限不失效问题</li>
+                <li>修复代码生成上级菜单显示问题</li>
+                <li>修复导出子列表对象只能在最后的问题</li>
+                <li>修复TopNav无法正确获取active的问题</li>
+                <li>修复默认关闭Tags-Views内链页面打不开</li>
+                <li>升级oshi到最新版本6.6.5</li>
+                <li>升级tomcat到最新版本9.0.96</li>
+                <li>升级fastjson到最新版2.0.53</li>
+                <li>升级logback到最新版本1.2.13</li>
+                <li>升级spring-framework到最新版本5.3.39</li>
+                <li>升级quill到最新版本2.0.2</li>
+                <li>升级axios到最新版本0.28.1</li>
+                <li>优化身份证脱敏正则</li>
+                <li>优化权限更新后同步缓存</li>
+                <li>优化查询时间范围日期格式</li>
+                <li>优化参数键值更换为多行文本</li>
+                <li>优化导入带标题文件关闭清理</li>
+                <li>优化上传图片带域名不增加前缀</li>
+                <li>优化特殊字符密码修改失败问题</li>
+                <li>优化无用户编号不校验数据权限</li>
+                <li>优化TopNav内链菜单点击没有高亮</li>
+                <li>优化菜单管理切换Mini布局错乱问题</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.8 - 2024-06-30">
+              <ol>
+                <li>菜单管理新增路由名称</li>
+                <li>新增数据脱敏过滤注解</li>
+                <li>用户密码新增非法字符验证</li>
+                <li>限制用户操作数据权限范围</li>
+                <li>代码生成新增创建表结构功能</li>
+                <li>定时任务白名单配置范围缩小</li>
+                <li>优化代码生成主子表关联查询方式</li>
+                <li>Excel注解新增属性comboReadDict</li>
+                <li>Excel注解ColumnType类型新增文本</li>
+                <li>新增国际化资源文件配置</li>
+                <li>升级oshi到最新版本6.6.1</li>
+                <li>升级druid到最新版本1.2.23</li>
+                <li>升级core-js到最新版本3.37.1</li>
+                <li>更新HttpUtils中的User-Agent</li>
+                <li>更新compressionPlugin到6.1.2以兼容node18+</li>
+                <li>升级spring-security到安全版本，防止漏洞风险</li>
+                <li>升级spring-framework到安全版本，防止漏洞风险</li>
+                <li>优化自定义XSS注解匹配方式</li>
+                <li>优化缓存监控键名列表排序显示</li>
+                <li>优化定时任务日志默认按时间排序</li>
+                <li>优化默认文件大小超过2G无效的问题</li>
+                <li>优化查表特殊字符使用反斜杠进行转义</li>
+                <li>优化定时任务cron表达式小时配置显示错误问题</li>
+                <li>优化多个自定数据权限使用in查询,避免多次拼接</li>
+                <li>优化导入Excel时设置dictType属性重复查缓存问题</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.7 - 2023-12-08">
+              <ol>
+                <li>操作日志记录部门名称</li>
+                <li>全局数据存储用户编号</li>
+                <li>新增编程式判断资源访问权限</li>
+                <li>操作日志列表新增IP地址查询</li>
+                <li>定时任务新增页去除状态选项</li>
+                <li>代码生成支持选择前端模板类型</li>
+                <li>显隐列组件支持复选框弹出类型</li>
+                <li>通用排序属性orderBy参数限制长度</li>
+                <li>Excel自定义数据处理器增加单元格/工作簿对象</li>
+                <li>升级oshi到最新版本6.4.8</li>
+                <li>升级druid到最新版本1.2.20</li>
+                <li>升级fastjson到最新版2.0.43</li>
+                <li>升级pagehelper到最新版1.4.7</li>
+                <li>升级commons.io到最新版本2.13.0</li>
+                <li>升级element-ui到最新版本2.15.14</li>
+                <li>修复五级路由缓存无效问题</li>
+                <li>修复外链带端口出现的异常</li>
+                <li>修复树模板父级编码变量错误</li>
+                <li>修复字典表详情页面搜索问题</li>
+                <li>修复内链iframe没有传递参数问题</li>
+                <li>修复自定义字典样式不生效的问题</li>
+                <li>修复字典缓存删除方法参数错误问题</li>
+                <li>修复Excel导入数据临时文件无法删除问题</li>
+                <li>修复未登录带参数访问成功后参数丢失问题</li>
+                <li>修复HeaderSearch组件跳转query参数丢失问题</li>
+                <li>修复代码生成导入后必填项与数据库不匹配问题</li>
+                <li>修复Excels导入时无法获取到dictType字典值问题</li>
+                <li>优化下载zip方法新增遮罩层</li>
+                <li>优化头像上传参数新增文件名称</li>
+                <li>优化字典标签支持自定义分隔符</li>
+                <li>优化菜单管理类型为按钮状态可选</li>
+                <li>优化前端防重复提交数据大小限制</li>
+                <li>优化TopNav菜单没有图标svg不显示</li>
+                <li>优化数字金额大写转换精度丢失问题</li>
+                <li>优化富文本Editor组件检验图片格式</li>
+                <li>优化页签在Firefox浏览器被遮挡的问题</li>
+                <li>优化个人中心/基本资料修改时数据显示问题</li>
+                <li>优化缓存监控图表支持跟随屏幕大小自适应调整</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.6 - 2023-06-30">
+              <ol>
+                <li>支持登录IP黑名单限制</li>
+                <li>新增监控页面图标显示</li>
+                <li>操作日志新增消耗时间属性</li>
+                <li>屏蔽定时任务bean违规的字符</li>
+                <li>日志管理使用索引提升查询性能</li>
+                <li>日志注解支持排除指定的请求参数</li>
+                <li>支持自定义隐藏属性列过滤子对象</li>
+                <li>升级oshi到最新版本6.4.3</li>
+                <li>升级druid到最新版本1.2.16</li>
+                <li>升级fastjson到最新版2.0.34</li>
+                <li>升级spring-boot到最新版本2.5.15</li>
+                <li>升级element-ui到最新版本2.15.13</li>
+                <li>移除apache/commons-fileupload依赖</li>
+                <li>修复页面切换时布局错乱的问题</li>
+                <li>修复匿名注解Anonymous空指针问题</li>
+                <li>修复路由跳转被阻止时内部产生报错信息问题</li>
+                <li>修复isMatchedIp的参数判断产生空指针的问题</li>
+                <li>修复用户多角色数据权限可能出现权限抬升的情况</li>
+                <li>修复开启TopNav后一级菜单路由参数设置无效问题</li>
+                <li>修复DictTag组件value没有匹配的值时则展示value</li>
+                <li>优化文件下载出现的异常</li>
+                <li>优化选择图标组件高亮回显</li>
+                <li>优化弹窗后导航栏偏移的问题</li>
+                <li>优化修改密码日志存储明文问题</li>
+                <li>优化页签栏关闭其他出现的异常问题</li>
+                <li>优化页签关闭左侧选项排除首页选项</li>
+                <li>优化关闭当前tab页跳转最右侧tab页</li>
+                <li>优化缓存列表清除操作提示不变的问题</li>
+                <li>优化字符未使用下划线不进行驼峰式处理</li>
+                <li>优化用户导入更新时需获取用户编号问题</li>
+                <li>优化侧边栏的平台标题与VUE_APP_TITLE保持同步</li>
+                <li>优化导出Excel时设置dictType属性重复查缓存问题</li>
+                <li>连接池Druid支持新的配置connectTimeout和socketTimeout</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.5 - 2023-01-01">
+              <ol>
+                <li>定时任务违规的字符</li>
+                <li>重置时取消部门选中</li>
+                <li>新增返回警告消息提示</li>
+                <li>忽略不必要的属性数据返回</li>
+                <li>修改参数键名时移除前缓存配置</li>
+                <li>导入更新用户数据前校验数据权限</li>
+                <li>兼容Excel下拉框内容过多无法显示的问题</li>
+                <li>升级echarts到最新版本5.4.0</li>
+                <li>升级core-js到最新版本3.25.3</li>
+                <li>升级oshi到最新版本6.4.0</li>
+                <li>升级kaptcha到最新版2.3.3</li>
+                <li>升级druid到最新版本1.2.15</li>
+                <li>升级fastjson到最新版2.0.20</li>
+                <li>升级pagehelper到最新版1.4.6</li>
+                <li>优化弹窗内容过多展示不全问题</li>
+                <li>优化swagger-ui静态资源使用缓存</li>
+                <li>开启TopNav没有子菜单隐藏侧边栏</li>
+                <li>删除fuse无效选项maxPatternLength</li>
+                <li>优化导出对象的子列表为空会出现[]问题</li>
+                <li>优化编辑头像时透明部分会变成黑色问题</li>
+                <li>优化小屏幕上修改头像界面布局错位的问题</li>
+                <li>修复代码生成勾选属性无效问题</li>
+                <li>修复文件上传组件格式验证问题</li>
+                <li>修复回显数据字典数组异常问题</li>
+                <li>修复sheet超出最大行数异常问题</li>
+                <li>修复Log注解GET请求记录不到参数问题</li>
+                <li>修复调度日志点击多次数据不变化的问题</li>
+                <li>修复主题颜色在Drawer组件不会加载问题</li>
+                <li>修复文件名包含特殊字符的文件无法下载问题</li>
+                <li>修复table中更多按钮切换主题色未生效修复问题</li>
+                <li>修复某些特性的环境生成代码变乱码TXT文件问题</li>
+                <li>修复代码生成图片/文件/单选时选择必填无法校验问题</li>
+                <li>修复某些特性的情况用户编辑对话框中角色和部门无法修改问题</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.4 - 2022-09-26">
+              <ol>
+                <li>数据逻辑删除不进行唯一验证</li>
+                <li>Excel注解支持导出对象的子列表方法</li>
+                <li>Excel注解支持自定义隐藏属性列</li>
+                <li>Excel注解支持backgroundColor属性设置背景色</li>
+                <li>支持配置密码最大错误次数/锁定时间</li>
+                <li>登录日志新增解锁账户功能</li>
+                <li>通用下载方法新增config配置选项</li>
+                <li>支持多权限字符匹配角色数据权限</li>
+                <li>页面内嵌iframe切换tab不刷新数据</li>
+                <li>操作日志记录支持排除敏感属性字段</li>
+                <li>修复多文件上传报错出现的异常问题</li>
+                <li>修复图片预览组件src属性为null值控制台报错问题</li>
+                <li>升级oshi到最新版本6.2.2</li>
+                <li>升级fastjson到最新版2.0.14</li>
+                <li>升级pagehelper到最新版1.4.3</li>
+                <li>升级core-js到最新版本3.25.2</li>
+                <li>升级element-ui到最新版本2.15.10</li>
+                <li>优化任务过期不执行调度</li>
+                <li>优化字典数据使用store存取</li>
+                <li>优化修改资料头像被覆盖的问题</li>
+                <li>优化修改用户登录账号重复验证</li>
+                <li>优化代码生成同步后值NULL问题</li>
+                <li>优化定时任务支持执行父类方法</li>
+                <li>优化用户个人信息接口防止修改部门</li>
+                <li>优化布局设置使用el-drawer抽屉显示</li>
+                <li>优化没有权限的用户编辑部门缺少数据</li>
+                <li>优化日志注解记录限制请求地址的长度</li>
+                <li>优化excel/scale属性导出单元格数值类型</li>
+                <li>优化日志操作中重置按钮时重复查询的问题</li>
+                <li>优化多个相同角色数据导致权限SQL重复问题</li>
+                <li>优化表格上右侧工具条（搜索按钮显隐&右侧样式凸出）</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <el-collapse-item title="v3.8.3 - 2022-06-27">
+              <ol>
+                <li>新增缓存列表菜单功能</li>
+                <li>代码生成树表新增(展开/折叠)</li>
+                <li>Excel注解支持color字体颜色</li>
+                <li>新增Anonymous匿名访问不鉴权注解</li>
+                <li>用户头像上传限制只能为图片格式</li>
+                <li>接口使用泛型使其看到响应属性字段</li>
+                <li>检查定时任务bean所在包名是否为白名单配置</li>
+                <li>添加页签openPage支持传递参数</li>
+                <li>用户缓存信息添加部门ancestors祖级列表</li>
+                <li>升级element-ui到最新版本2.15.8</li>
+                <li>升级oshi到最新版本6.1.6</li>
+                <li>升级druid到最新版本1.2.11</li>
+                <li>升级fastjson到最新版2.0.8</li>
+                <li>升级spring-boot到最新版本2.5.14</li>
+                <li>降级jsencrypt版本兼容IE浏览器</li>
+                <li>删除多余的salt字段</li>
+                <li>新增获取不带后缀文件名称方法</li>
+                <li>新增获取配置文件中的属性值方法</li>
+                <li>新增内容编码/解码方便插件集成使用</li>
+                <li>字典类型必须以字母开头，且只能为（小写字母，数字，下滑线）</li>
+                <li>优化设置分页参数默认值</li>
+                <li>优化对空字符串参数处理的过滤</li>
+                <li>优化显示顺序orderNum类型为整型</li>
+                <li>优化表单构建按钮不显示正则校验</li>
+                <li>优化字典数据回显样式下拉框显示值</li>
+                <li>优化R响应成功状态码与全局保持一致</li>
+                <li>优化druid开启wall过滤器出现的异常问题</li>
+                <li>优化用户管理左侧树型组件增加选中高亮保持</li>
+                <li>优化新增用户与角色信息&用户与岗位信息逻辑</li>
+                <li>优化默认不启用压缩文件缓存防止node_modules过大</li>
+                <li>修复字典数据显示不全问题</li>
+                <li>修复操作日志查询类型条件为0时会查到所有数据</li>
+                <li>修复Excel注解prompt/combo同时使用不生效问题</li>
+                <li>其他细节优化</li>
+              </ol>
+            </el-collapse-item>
+            <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="@/assets/images/pay.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="Index1">
+const version = ref('3.9.0')
+
+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>
+