feat: 日志查看支持分组颜色标志

extend/base/admin/view/debug/log/index.js

@@ -8,6 +8,9 @@ $(function () {
         noMoreData = false;
     var $logContainer = $('#log-container');
     var order = 'desc', sortField = 'uid';
+    var lastUid = null;
+    var colorIndex = 0;
+    var groupColors = ['#FF5733', '#3357FF']; // 定义两种颜色
 
     function loadLogs() {
         if (noMoreData) {
@@ -16,7 +19,7 @@ $(function () {
 
         var sort = {};
         sort[sortField] = order;
-        if(sortField = 'uid'){
+        if (sortField === 'uid') {
             sort['id'] = 'asc'
         }
 
@@ -33,7 +36,16 @@ $(function () {
                 var isFirstPage = (page === 1);
 
                 layui.each(res.data, function (index, item) {
-                    html += '<span class="log-line log-level-' + item.level.toLowerCase() + '">';
+                    var style = '';
+                    if (sortField === 'uid') {
+                        if (lastUid !== null && item.uid !== lastUid) {
+                            colorIndex = 1 - colorIndex; // 切换颜色索引
+                        }
+                        lastUid = item.uid;
+                        var color = groupColors[colorIndex];
+                        style = 'style="border-left: 3px solid ' + color + '; padding-left: 5px;"';
+                    }
+                    html += '<span class="log-line log-level-' + item.level.toLowerCase() + '" ' + style + '>';
                     html += '[' + item.uid + '] ';
                     html += '[' + item.id + '] ';
                     html += '[' + item.create_time + '] ';
@@ -82,6 +94,8 @@ $(function () {
         page = 1;
         noMoreData = false;
         $logContainer.empty();
+        lastUid = null; // 重置上一个uid
+        colorIndex = 0; // 重置颜色索引
         loadLogs();
     }
 
@@ -109,9 +123,4 @@ $(function () {
         sortField = data.value;
         reloadLogs();
     });
-
-    // 监听刷新按钮
-    ua.listen.refresh(function () {
-        reloadLogs();
-    });
 });