0

public/mg/kylx365_db_admin.html

@@ -8,27 +8,20 @@
     <script src="https://kylx365-1253256735.file.myqcloud.com/js/jquery-1.10.2.min.js"></script>
     <script src="https://kylx365-1253256735.file.myqcloud.com/js/vue.min.js"></script>
     <style>
-        /* 添加表格注释提示样式 */
+        /* 表格项样式 */
         .table-item {
-            position: relative;
+            padding: 10px;
+            margin: 5px 0;
+            background: white;
+            border-radius: 4px;
+            cursor: pointer;
+            transition: background-color 0.2s;
         }
-        
+
         .table-comment {
-            display: none;
-            position: absolute;
-            background: rgba(0, 0, 0, 0.8);
-            color: white;
-            padding: 5px 10px;
-            border-radius: 4px;
             font-size: 12px;
-            z-index: 100;
-            top: -30px;
-            left: 0;
-            white-space: nowrap;
-        }
-        
-        .table-item:hover .table-comment {
-            display: block;
+            color: #999;
+            margin-top: 2px;
         }
         .main00 {
             width: 100%;
@@ -500,8 +493,8 @@
                              :key="index"
                              @click="selectTable(table)"
                              :class="['table-item', { active: selectedTable === table }]">
+                            <div class="table-name">{{ table }}</div>
                             <div class="table-comment" v-if="tableComments[table]">{{ tableComments[table] }}</div>
-                            <div>{{ table }}</div>
                         </div>
                         <div v-if="filteredTables.length === 0" class="no-data">
                             没有匹配的表格
@@ -683,25 +676,25 @@
                             return response.json();
                         })
                         .then(data => {
-                            console.log('API返回数据:', data);
+                            //console.log('API返回数据:', data);
                             // 检查数据格式，处理可能的不同响应结构
-                            console.log('检查数据格式:', data);
+                            //console.log('检查数据格式:', data);
                             
                             // 尝试确定数据的实际结构
                             let resultData = null;
                             
                             if (data && data.result && Array.isArray(data.result)) {
-                                console.log('标准格式: data.result 是数组');
+                                //console.log('标准格式: data.result 是数组');
                                 resultData = data.result;
                             } else if (data && Array.isArray(data)) {
-                                console.log('替代格式: data 本身是数组');
+                                //console.log('替代格式: data 本身是数组');
                                 resultData = data;
                             } else if (data && typeof data === 'object') {
-                                console.log('检查对象中的数组属性');
+                                //console.log('检查对象中的数组属性');
                                 // 尝试在对象中找到数组属性
                                 for (const key in data) {
                                     if (Array.isArray(data[key])) {
-                                        console.log(`找到数组属性: ${key}`);
+                                        //console.log(`找到数组属性: ${key}`);
                                         resultData = data[key];
                                         break;
                                     }
@@ -709,12 +702,12 @@
                             }
                             
                             if (resultData && Array.isArray(resultData)) {
-                                console.log('数据验证通过，开始处理数据');
-                                console.log('数据结果长度:', resultData.length);
+                                //console.log('数据验证通过，开始处理数据');
+                                //console.log('数据结果长度:', resultData.length);
                                 
                                 if (resultData.length > 0 && typeof resultData[0] === 'object' && !Array.isArray(resultData[0])) {
-                                    console.log('检测到对象数组格式，第一个对象:', resultData[0]);
-                                    console.log('第一个对象的属性:', Object.keys(resultData[0]));
+                                    //console.log('检测到对象数组格式，第一个对象:', resultData[0]);
+                                    //console.log('第一个对象的属性:', Object.keys(resultData[0]));
                                     
                                     // 检查并适应不同的属性名称
                                     const firstItem = resultData[0];
@@ -726,17 +719,17 @@
                                                           'tableComment' in firstItem ? 'tableComment' :
                                                           'comment' in firstItem ? 'comment' : null;
                                     
-                                    console.log('使用的属性名:', { tableNameKey, tableCommentKey });
+                                    //console.log('使用的属性名:', { tableNameKey, tableCommentKey });
                                     
                                     if (tableNameKey) {
                                         // 如果返回的是对象数组（包含name和comment）
                                         this.tables = resultData.map(item => {
                                             const tableName = item[tableNameKey] || '';
-                                            console.log('处理表名:', tableName);
+                                            //console.log('处理表名:', tableName);
                                             return tableName;
                                         }).filter(name => name); // 过滤掉空表名
                                         
-                                        console.log('处理后的表格列表:', this.tables);
+                                        //console.log('处理后的表格列表:', this.tables);
                                         
                                         // 存储表格注释
                                         if (tableCommentKey) {
@@ -748,24 +741,24 @@
                                                 }
                                             });
                                             
-                                            console.log('处理后的表格注释:', this.tableComments);
+                                            //console.log('处理后的表格注释:', this.tableComments);
                                         }
                                     } else {
-                                        console.error('无法找到表名属性');
+                                        //console.error('无法找到表名属性');
                                         this.showToastMessage('数据格式错误：无法找到表名属性', 'error');
                                     }
                                 } else {
-                                    console.log('检测到简单数组格式');
+                                    //console.log('检测到简单数组格式');
                                     // 如果返回的只是表名数组
                                     this.tables = resultData.filter(name => {
-                                        console.log('处理表名:', name);
+                                        //console.log('处理表名:', name);
                                         return name && typeof name === 'string';
                                     });
-                                    console.log('处理后的表格列表:', this.tables);
+                                    //console.log('处理后的表格列表:', this.tables);
                                 }
                                 
                                 this.filteredTables = [...this.tables];
-                                console.log('更新后的过滤表格列表:', this.filteredTables);
+                               // console.log('更新后的过滤表格列表:', this.filteredTables);
                             } else {
                                 this.tables = [];
                                 this.filteredTables = [];
@@ -774,13 +767,13 @@
                             this.isTablesLoading = false;
                         })
                         .catch(error => {
-                            console.error('获取表格列表失败详细错误:', error);
+                            //console.error('获取表格列表失败详细错误:', error);
                             this.showToastMessage(`获取表格列表失败: ${error.message}`, 'error');
                             this.isTablesLoading = false;
                             
                             // 检查是否在本地环境
                             if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
-                                console.log('在本地环境中使用模拟数据');
+                                //console.log('在本地环境中使用模拟数据');
                                 // 模拟数据用于开发测试
                                 this.tables = [
                                     'users', 'products', 'orders', 'categories', 
@@ -804,30 +797,30 @@
                 
                 // 搜索表格
                 searchTables() {
-                    console.log('开始搜索表格，搜索文本:', this.searchText);
+                    //console.log('开始搜索表格，搜索文本:', this.searchText);
                     
                     if (!this.searchText.trim()) {
-                        console.log('搜索文本为空，显示所有表格');
+                        //console.log('搜索文本为空，显示所有表格');
                         this.filteredTables = [...this.tables];
                         return;
                     }
                     
                     const searchTerm = this.searchText.toLowerCase();
-                    console.log('过滤表格列表，搜索条件:', searchTerm);
+                    //console.log('过滤表格列表，搜索条件:', searchTerm);
                     
                     this.filteredTables = this.tables.filter(table => {
                         const tableName = table.toLowerCase();
                         const tableComment = (this.tableComments[table] || '').toLowerCase();
                         const matches = tableName.includes(searchTerm) || tableComment.includes(searchTerm);
                         
-                        if (matches) {
-                            console.log(`表格匹配: ${table} (${this.tableComments[table] || '无注释'})`);
-                        }
+                        // if (matches) {
+                        //     console.log(`表格匹配: ${table} (${this.tableComments[table] || '无注释'})`);
+                        // }
                         
                         return matches;
                     });
                     
-                    console.log('过滤后的表格数量:', this.filteredTables.length);
+                    //console.log('过滤后的表格数量:', this.filteredTables.length);
                 },
                 
                 // 清空搜索
@@ -906,6 +899,11 @@
                                                       'columnType' in firstItem ? 'columnType' : 
                                                       'data_type' in firstItem ? 'data_type' : null;
                                         
+                                        const commentKey = 'Comment' in firstItem ? 'Comment' :
+                                                         'comment' in firstItem ? 'comment' : 
+                                                         'column_comment' in firstItem ? 'column_comment' : 
+                                                         'columnComment' in firstItem ? 'columnComment' : null;
+                                        
                                         // 组合Default和Extra作为注释
                                         const getComment = (item) => {
                                             let comment = [];
@@ -929,7 +927,10 @@
                                                 return {
                                                     name: item[nameKey] || '',
                                                     type: typeKey ? (item[typeKey] || '') : '',
-                                                    comment: commentKey ? (item[commentKey] || '') : ''
+                                                    comment: [
+                                                        commentKey ? (item[commentKey] || '') : '',
+                                                        getComment(item)
+                                                    ].filter(Boolean).join(' | ')
                                                 };
                                             }).filter(col => col.name); // 过滤掉没有名称的列