0

public/mg/kylx365_db_admin.html

@@ -623,40 +623,11 @@
                                     </div>
                                 </div>
                             </template>
-                            <div v-if="queryResults && queryResults.length > 0" style="margin-top: 10px; color: #666; font-size: 12px;">
-                                调试信息: 
-                                表头列数: {{ tableColumns.length }}, 
-                                数据行数: {{ queryResults.length }}, 
-                                第一条数据: {{ JSON.stringify(queryResults[0]) }}
-                            </div>
+                            
                         </div>
                         <div v-else class="no-data">
                             查询未返回数据
                         </div>
-
-                        <!-- 分页控件 -->
-                        <div class="pagination" v-if="totalPages > 1 && allResults.length > pageSize">
-                            <button class="pagination-btn" :class="{ disabled: currentPage === 1 }"
-                                @click="changePage(1)">
-                                首页
-                            </button>
-                            <button class="pagination-btn" :class="{ disabled: currentPage === 1 }"
-                                @click="changePage(currentPage - 1)">
-                                上一页
-                            </button>
-                            <button v-for="page in displayedPages" :key="page" class="pagination-btn"
-                                :class="{ active: currentPage === page }" @click="changePage(page)">
-                                {{ page }}
-                            </button>
-                            <button class="pagination-btn" :class="{ disabled: currentPage === totalPages }"
-                                @click="changePage(currentPage + 1)">
-                                下一页
-                            </button>
-                            <button class="pagination-btn" :class="{ disabled: currentPage === totalPages }"
-                                @click="changePage(totalPages)">
-                                末页
-                            </button>
-                        </div>
                     </div>
                     <div v-else-if="queryExecuted" class="no-data">
                         查询未返回数据
@@ -691,32 +662,13 @@
                 isQueryLoading: false,
                 isColumnsLoading: false,
                 queryExecuted: false,
-                currentPage: 1,
-                pageSize: 100,
-                totalPages: 1,
                 allResults: [],
                 tableColumnsList: [], // 存储表格字段列表
                 limitOptions: [10, 100, 500, 1000, 2000, 3000], // LIMIT选项
                 selectedLimit: 100 // 默认选中的LIMIT值
             },
             computed: {
-                displayedPages() {
-                    const pages = [];
-                    const maxVisiblePages = 5;
-
-                    let startPage = Math.max(1, this.currentPage - Math.floor(maxVisiblePages / 2));
-                    let endPage = Math.min(this.totalPages, startPage + maxVisiblePages - 1);
-
-                    if (endPage - startPage + 1 < maxVisiblePages) {
-                        startPage = Math.max(1, endPage - maxVisiblePages + 1);
-                    }
-
-                    for (let i = startPage; i <= endPage; i++) {
-                        pages.push(i);
-                    }
-
-                    return pages;
-                }
+                
             },
             mounted() {
                 this.loadTables();
@@ -730,7 +682,7 @@
                     // 调用后端API获取表格列表
                     fetch('/api/GetKylx365Tables')
                         .then(response => {
-                            console.log('API响应状态:', response.status);
+                                                            // console.log('API响应状态:', response.status);
                             if (!response.ok) {
                                 throw new Error(`HTTP error! status: ${response.status}`);
                             }
@@ -1122,20 +1074,15 @@
 
                     this.isQueryLoading = true;
                     this.queryExecuted = true;
-                    this.currentPage = 1;
 
                     // 重置查询结果
                     this.queryResults = [];
                     this.tableColumns = [];
                     this.allResults = [];
-                    this.totalPages = 1;
 
-                    console.log('执行SQL查询:', this.sqlQuery.trim());
-                    console.log('查询状态: 开始执行，设置isQueryLoading为true');
 
                     // 调用后端API执行SQL查询，使用RunKylx365DBSql接口
                     const apiUrl = '/api/RunKylx365DBSql';
-                    console.log('API URL:', apiUrl);
 
                     fetch(apiUrl, {
                         method: 'POST',
@@ -1148,14 +1095,12 @@
                         })
                     })
                         .then(response => {
-                            console.log('API响应状态:', response.status);
                             if (!response.ok) {
                                 throw new Error(`HTTP error! status: ${response.status}`);
                             }
                             return response.json();
                         })
                         .then(data => {
-                            console.log('查询返回原始数据:', data); // 添加日志
 
                             // 检查数据格式
                             let resultData = null;
@@ -1163,26 +1108,21 @@
 
                             // 检查标准格式 {"errcode": 10000, result: [...]}
                             if (data && typeof data === 'object' && 'errcode' in data) {
-                                console.log('检测到标准响应格式，errcode:', data.errcode);
 
                                 if (data.errcode !== 10000) {
                                     errorMessage = data.errmsg || '查询返回错误';
                                     console.error('查询返回错误:', errorMessage);
                                 } else if (data.result && Array.isArray(data.result)) {
-                                    console.log('标准格式: data.result 是数组');
                                     resultData = data.result;
                                 }
                             }
                             // 检查其他可能的格式
                             else if (data && Array.isArray(data)) {
-                                console.log('替代格式: data 本身是数组');
                                 resultData = data;
                             } else if (data && typeof data === 'object') {
-                                console.log('检查对象中的数组属性');
                                 // 尝试在对象中找到数组属性
                                 for (const key in data) {
                                     if (Array.isArray(data[key])) {
-                                        console.log(`找到数组属性: ${key}`);
                                         resultData = data[key];
                                         break;
                                     }
@@ -1195,65 +1135,22 @@
                                 this.queryResults = [];
                                 this.tableColumns = [];
                             } else if (resultData && Array.isArray(resultData)) {
-                                console.log('处理查询结果，数据长度:', resultData.length);
-                                console.log('第一条记录:', JSON.stringify(resultData[0]));
                                 this.processQueryResults(resultData);
                             } else {
-                                console.log('未找到有效的查询结果数据');
                                 this.queryResults = [];
                                 this.tableColumns = [];
                                 this.showToastMessage('查询未返回数据', 'info');
                             }
-                            console.log('查询状态: 执行完成，设置isQueryLoading为false');
                             this.isQueryLoading = false;
                         })
                         .catch(error => {
                             this.showToastMessage('执行查询失败，请稍后重试', 'error');
                             this.isQueryLoading = false;
-
-                            // 模拟数据用于开发测试
-                            if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
-                                console.log('在本地环境中使用模拟数据');
-
-                                // 根据选择的表格生成模拟数据
-                                let mockData = [];
-
-                                if (this.selectedTable === 'users') {
-                                    mockData = [
-                                        { id: 1, username: 'admin', email: 'admin@example.com', password: '******', created_at: '2023-01-01 00:00:00', status: 1 },
-                                        { id: 2, username: 'user1', email: 'user1@example.com', password: '******', created_at: '2023-01-02 10:30:00', status: 1 },
-                                        { id: 3, username: 'user2', email: 'user2@example.com', password: '******', created_at: '2023-01-03 15:45:00', status: 0 }
-                                    ];
-                                } else if (this.selectedTable === 'products') {
-                                    mockData = [
-                                        { id: 1, name: '产品A', price: '99.99', category_id: 1, stock: 100, description: '这是产品A的描述' },
-                                        { id: 2, name: '产品B', price: '199.99', category_id: 2, stock: 50, description: '这是产品B的描述' },
-                                        { id: 3, name: '产品C', price: '299.99', category_id: 1, stock: 75, description: '这是产品C的描述' }
-                                    ];
-                                } else {
-                                    // 生成通用模拟数据
-                                    for (let i = 1; i <= 10; i++) {
-                                        mockData.push({
-                                            id: i,
-                                            name: `示例名称 ${i}`,
-                                            description: `这是示例描述 ${i}`,
-                                            created_at: new Date().toISOString().slice(0, 19).replace('T', ' ')
-                                        });
-                                    }
-                                }
-
-                                this.processQueryResults(mockData);
-                            }
                         });
                 },
 
                 // 处理查询结果
                 processQueryResults(results) {
-                    console.group('处理查询结果');
-                    console.log('原始结果:', results);
-                    console.log('结果类型:', typeof results);
-                    console.log('是否为数组:', Array.isArray(results));
-                    console.log('结果长度:', results ? results.length : 0);
 
                     // 确保结果是一个数组
                     if (!results || !Array.isArray(results) || results.length === 0) {
@@ -1261,7 +1158,6 @@
                         this.$set(this, 'queryResults', []);
                         this.$set(this, 'tableColumns', []);
                         this.$set(this, 'allResults', []);
-                        this.$set(this, 'totalPages', 1);
                         this.showToastMessage('查询未返回数据', 'info');
                         console.groupEnd();
                         return;
@@ -1270,17 +1166,12 @@
                     // 创建深拷贝避免引用问题
                     const safeResults = JSON.parse(JSON.stringify(results));
 
-                    console.log('第一条记录:', JSON.stringify(results[0]));
-                    console.log('第一条记录详细属性:', Object.keys(results[0]));
-                    console.log('第一条记录值:', results[0]);
 
                     try {
-                        console.log('原始结果数据:', results);
                         
                         // 直接使用原始结果数据
                         const formattedResults = results;
 
-                        console.log('格式化后的结果:', formattedResults);
                         
                         // 使用Vue.set确保响应式更新
                         this.$set(this, 'allResults', formattedResults);
@@ -1298,7 +1189,6 @@
                             });
                             
                             const columns = Array.from(allColumns);
-                            console.log('提取的有效表格列:', columns);
                             
                             // 验证数据完整性
                             const missingData = formattedResults.filter(row => {
@@ -1314,109 +1204,17 @@
                             this.$set(this, 'tableColumns', []);
                         }
 
-                        // 计算总页数
-                        const totalPages = Math.ceil(formattedResults.length / this.pageSize);
-                        console.log('计算的总页数:', totalPages);
-                        this.$set(this, 'totalPages', totalPages);
-
-                        // 直接设置第一页数据
-                        const startIndex = 0;
-                        const endIndex = Math.min(this.pageSize, formattedResults.length);
-                        this.$set(this, 'queryResults', formattedResults.slice(startIndex, endIndex));
-
-                        // 添加调试信息
-                        console.log('处理后的最终数据状态:');
-                        console.log('allResults:', JSON.parse(JSON.stringify(this.allResults)));
-                        console.log('tableColumns:', JSON.parse(JSON.stringify(this.tableColumns)));
-                        console.log('queryResults:', JSON.parse(JSON.stringify(this.queryResults)));
-                        console.log('Vue实例数据:', this.$data);
+                        
+                        this.$set(this, 'queryResults', formattedResults);
 
                         this.showToastMessage(`查询成功，返回 ${formattedResults.length} 条记录`, 'success');
+
                     } catch (error) {
                         console.error('处理查询结果时出错:', error);
                         this.showToastMessage('处理查询结果时出错: ' + error.message, 'error');
                         this.queryResults = [];
                         this.tableColumns = [];
                         this.allResults = [];
-                        this.totalPages = 1;
-                    }
-                },
-
-                // 切换页面
-                changePage(page) {
-                    console.group('切换页面');
-                    console.log('目标页码:', page);
-                    console.log('当前页码:', this.currentPage);
-                    console.log('总页数:', this.totalPages);
-                    console.log('所有结果数量:', this.allResults ? this.allResults.length : 0);
-                    console.log('每页显示数量:', this.pageSize);
-                    console.log('当前queryResults:', this.queryResults);
-                    console.log('当前tableColumns:', this.tableColumns);
-
-                    try {
-                        // 验证页码
-                        if (page < 1 || page > this.totalPages) {
-                            console.warn('页码超出范围');
-                            console.groupEnd();
-                            return;
-                        }
-
-                        if (page === this.currentPage) {
-                            console.log('已经在当前页面');
-                            console.groupEnd();
-                            return;
-                        }
-
-                        this.$set(this, 'currentPage', page);
-
-                        if (!this.allResults || this.allResults.length === 0) {
-                            console.warn('没有可用的结果数据');
-                            this.$set(this, 'queryResults', []);
-                            console.groupEnd();
-                            return;
-                        }
-
-                        // 计算当前页的数据
-                        const startIndex = (page - 1) * this.pageSize;
-                        const endIndex = Math.min(startIndex + this.pageSize, this.allResults.length);
-
-                        console.log('计算的起始索引:', startIndex);
-                        console.log('计算的结束索引:', endIndex);
-
-                        // 创建新的数组引用确保Vue能检测到变化
-                        const newResults = this.allResults.slice(startIndex, endIndex);
-                        console.log('新页数据数量:', newResults.length);
-                        if (newResults.length > 0) {
-                            console.log('第一条记录:', JSON.stringify(newResults[0]));
-                            console.log('第一条记录的列:', Object.keys(newResults[0]));
-                        }
-
-                        // 使用Vue.set确保响应式更新
-                        this.$set(this, 'queryResults', newResults);
-
-                        // 额外检查数据绑定
-                        this.$nextTick(() => {
-                            console.log('视图更新后检查数据:');
-                            console.log('表格列:', this.tableColumns);
-                            console.log('查询结果:', this.queryResults);
-                            console.log('表格列与数据匹配检查:');
-                            
-                            if (this.queryResults.length > 0 && this.tableColumns.length > 0) {
-                                const firstRow = this.queryResults[0];
-                                const missingColumns = this.tableColumns.filter(col => !(col in firstRow));
-                                if (missingColumns.length > 0) {
-                                    console.warn('以下列在数据中缺失:', missingColumns);
-                                }
-                            }
-                            
-                            console.groupEnd();
-                        });
-                    } catch (error) {
-                        console.error('切换页面时出错:', error);
-                        this.showToastMessage('切换页面时出错: ' + error.message, 'error');
-                        // 重置为第一页
-                        this.currentPage = 1;
-                        this.$set(this, 'queryResults', this.allResults ? this.allResults.slice(0, this.pageSize) : []);
                     }
                 },
 
@@ -1450,86 +1248,6 @@
                     }, 3000);
                 },
 
-                // 强制重新渲染表格
-                forceRender() {
-                    console.group('强制重新渲染');
-                    this.isRendering = true;
-                    
-                    // 显示加载状态
-                    this.showToastMessage('正在强制刷新数据展示...', 'info');
-                    
-                    console.log('当前数据状态:', {
-                        allResults: this.allResults,
-                        queryResults: this.queryResults,
-                        tableColumns: this.tableColumns
-                    });
-                    
-                    // 强制更新数据
-                    const temp = JSON.parse(JSON.stringify(this.allResults));
-                    this.$set(this, 'allResults', []);
-                    
-                    this.$nextTick(() => {
-                        this.$set(this, 'allResults', temp);
-                        this.changePage(this.currentPage);
-                        
-                        // 二次检查确保渲染完成
-                        this.$nextTick(() => {
-                            const rows = document.querySelectorAll('.data-table tbody tr');
-                            console.log('强制更新后行数:', rows.length);
-                            
-                            if (rows.length === 0 && temp.length > 0) {
-                                console.warn('强制刷新失败，尝试最终方案');
-                                this.$set(this, 'queryResults', []);
-                                this.$nextTick(() => {
-                                    this.$set(this, 'queryResults', temp.slice(0, this.itemsPerPage));
-                                });
-                            }
-                            
-                            this.isRendering = false;
-                            this.showToastMessage('数据展示已刷新', 'success');
-                            console.log('强制更新完成');
-                        });
-                    });
-                    
-                    console.groupEnd();
-                },
-
-                // 调试方法：打印当前数据状态
-                debugDataState() {
-                    console.group('当前数据状态');
-                    console.log('allResults:', JSON.parse(JSON.stringify(this.allResults)));
-                    console.log('queryResults:', JSON.parse(JSON.stringify(this.queryResults)));
-                    console.log('tableColumns:', JSON.parse(JSON.stringify(this.tableColumns)));
-                    console.log('当前页码:', this.currentPage);
-                    console.log('总页数:', this.totalPages);
-                    
-                    // 检查DOM状态
-                    this.$nextTick(() => {
-                        console.log('DOM状态检查:');
-                        console.log('表格元素:', document.querySelector('.data-table'));
-                        console.log('表头列数:', document.querySelectorAll('.data-table thead th').length);
-                        console.log('数据行数:', document.querySelectorAll('.data-table tbody tr').length);
-                    });
-                    
-                    console.groupEnd();
-                },
-                
-                // 添加数据变化监视器
-                watch: {
-                    queryResults: {
-                        handler(newVal) {
-                            console.log('queryResults changed:', newVal.length);
-                            this.$nextTick(() => {
-                                const rows = document.querySelectorAll('.data-table tbody tr');
-                                if (newVal.length > 0 && rows.length === 0) {
-                                    console.warn('数据存在但未渲染，触发强制刷新');
-                                    this.forceRender();
-                                }
-                            });
-                        },
-                        deep: true
-                    }
-                }
             }
         });
     </script>