完善对比内容

2025-07-31 23:45:15 +08:00
parent 3c00d85302
commit 689328eeca
3 changed files with 754 additions and 29 deletions
--- a/templates/db_compare.html
+++ b/templates/db_compare.html
@@ -144,6 +144,88 @@
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }
+        
+        /* 树形视图样式 */
+        .tree-view {
+            font-family: 'Courier New', monospace;
+            font-size: 14px;
+            line-height: 1.5;
+            padding: 15px;
+            background-color: #f8f9fa;
+            border-radius: 5px;
+            overflow-x: auto;
+            max-height: 500px;
+            overflow-y: auto;
+        }
+        .tree-key {
+            color: #0066cc;
+            font-weight: bold;
+        }
+        .tree-value {
+            color: #008000;
+        }
+        .tree-index {
+            color: #666;
+            font-style: italic;
+        }
+        .tree-object, .tree-array {
+            margin-left: 20px;
+        }
+        
+        /* 原生数据模态框样式 */
+        #rawDataModal .modal-dialog {
+            max-width: 90%;
+        }
+        #rawDataModal pre {
+            white-space: pre-wrap;
+            word-wrap: break-word;
+        }
+        #rawDataModal .nav-tabs .nav-link {
+            color: #495057;
+        }
+        #rawDataModal .nav-tabs .nav-link.active {
+            font-weight: bold;
+        }
+        
+        /* 对比视图增强样式 */
+        #diffView .table-warning td {
+            background-color: #fff3cd !important;
+            border-color: #ffc107;
+        }
+        #diffView .table-danger td {
+            background-color: #f8d7da !important;
+            font-weight: bold;
+            color: #721c24;
+        }
+        #diffView .table-success td {
+            background-color: #d4edda !important;
+            color: #155724;
+        }
+        #diffView .badge {
+            font-size: 0.7rem;
+        }
+        #diffView .text-truncate {
+            cursor: pointer;
+        }
+        #diffView .text-truncate:hover {
+            background-color: rgba(0,0,0,0.05);
+            padding: 2px 4px;
+            border-radius: 3px;
+        }
+        #diffView pre {
+            font-size: 12px;
+            line-height: 1.4;
+            margin: 0;
+            background-color: #f8f9fa;
+            border: 1px solid #dee2e6;
+        }
+        #diffView .table-warning pre {
+            background-color: #fff;
+            border-color: #ffc107;
+        }
+        #diffView td {
+            padding: 0.5rem;
+        }
    </style>
 </head>
 <body>