0

public/mg/kylx365_db_admin.html

@@ -581,7 +581,10 @@
                         <div class="loading-spinner"></div>
                     </div>
                     
-                    <div v-if="queryResults && queryResults.length > 0" class="table-container">
+                    <div v-if="queryExecuted && allResults && allResults.length > 0" class="table-container">
+                        <div style="margin-bottom: 10px; color: #666;">
+                            显示 {{ queryResults.length }} 条记录，共 {{ allResults.length }} 条
+                        </div>
                         <table class="data-table">
                             <thead>
                                 <tr>
@@ -589,16 +592,25 @@
                                 </tr>
                             </thead>
                             <tbody>
-                                <tr v-for="(row, rowIndex) in queryResults" :key="rowIndex">
-                                    <td v-for="(column, colIndex) in tableColumns" :key="colIndex">
-                                        {{ row[column] }}
-                                    </td>
-                                </tr>
+                                <template v-if="queryResults.length > 0">
+                                    <tr v-for="(row, rowIndex) in queryResults" :key="rowIndex">
+                                        <td v-for="(column, colIndex) in tableColumns" :key="colIndex">
+                                            {{ row[column] || '' }}
+                                        </td>
+                                    </tr>
+                                </template>
+                                <template v-else>
+                                    <tr>
+                                        <td :colspan="tableColumns.length" style="text-align: center; color: #999;">
+                                            数据加载中...
+                                        </td>
+                                    </tr>
+                                </template>
                             </tbody>
                         </table>
                         
                         <!-- 分页控件 -->
-                        <div class="pagination" v-if="totalPages > 1">
+                        <div class="pagination" v-if="totalPages > 1 && allResults.length > pageSize">
                             <button class="pagination-btn" 
                                     :class="{ disabled: currentPage === 1 }"
                                     @click="changePage(1)">
@@ -802,27 +814,6 @@
                             this.showToastMessage(`获取表格列表失败: ${error.message}`, 'error');
                             this.isTablesLoading = false;
                             
-                            // 检查是否在本地环境
-                            if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
-                                //console.log('在本地环境中使用模拟数据');
-                                // 模拟数据用于开发测试
-                                this.tables = [
-                                    'users', 'products', 'orders', 'categories', 
-                                    'customers', 'suppliers', 'inventory', 'payments',
-                                    'shipping', 'reviews', 'logs', 'settings'
-                                ];
-                                
-                                // 模拟表格注释
-                                this.tableComments = {
-                                    'users': '用户信息表',
-                                    'products': '产品信息表',
-                                    'orders': '订单信息表',
-                                    'categories': '分类信息表',
-                                    'customers': '客户信息表'
-                                };
-                                
-                                this.filteredTables = [...this.tables];
-                            }
                         });
                 },
                 
@@ -878,11 +869,11 @@
                     fetch(`/api/GetKylx365TableColumnByTable?table=${encodeURIComponent(tableName)}`)
                         .then(response => response.json())
                         .then(data => {
-                            console.log('收到的原始数据:', data);
+                            //console.log('收到的原始数据:', data);
                             
                             // 验证数据格式
                             if (!data) {
-                                console.error('接收到空数据');
+                                //console.error('接收到空数据');
                                 throw new Error('接收到空数据');
                             }
                             
@@ -890,17 +881,17 @@
                             let columnsData = null;
                             
                             if (data && data.result && Array.isArray(data.result)) {
-                                console.log('标准格式: data.result 是数组');
+                                //console.log('标准格式: data.result 是数组');
                                 columnsData = data.result;
                             } else if (data && Array.isArray(data)) {
-                                console.log('替代格式: data 本身是数组');
+                                //console.log('替代格式: data 本身是数组');
                                 columnsData = 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}`);
                                         columnsData = data[key];
                                         break;
                                     }
@@ -908,13 +899,13 @@
                             }
                             
                             if (columnsData && Array.isArray(columnsData)) {
-                                console.log('数据验证通过，开始处理数据');
-                                console.log('字段数据长度:', columnsData.length);
+                                //console.log('数据验证通过，开始处理数据');
+                                //console.log('字段数据长度:', columnsData.length);
                                 
                                 if (columnsData.length > 0) {
                                     // 检查第一个元素的格式
                                     const firstItem = columnsData[0];
-                                    console.log('第一个字段项:', firstItem);
+                                    //console.log('第一个字段项:', firstItem);
                                     
                                     if (typeof firstItem === 'object' && !Array.isArray(firstItem)) {
                                         // 检查并适应不同的属性名称
@@ -950,7 +941,7 @@
                                             return comment.join(', ');
                                         };
                                         
-                                        console.log('使用的属性名:', { nameKey, typeKey, commentKey });
+                                        //console.log('使用的属性名:', { nameKey, typeKey, commentKey });
                                         
                                         if (nameKey) {
                                             // 转换为标准格式
@@ -965,7 +956,7 @@
                                                 };
                                             }).filter(col => col.name); // 过滤掉没有名称的列
                                             
-                                            console.log('处理后的字段列表:', this.tableColumnsList);
+                                            //console.log('处理后的字段列表:', this.tableColumnsList);
                                         } else {
                                             console.error('无法找到字段名属性');
                                             this.showToastMessage('数据格式错误：无法找到字段名属性', 'error');
@@ -980,18 +971,18 @@
                                                 comment: ''
                                             };
                                         });
-                                        console.log('处理后的字段列表(仅名称):', this.tableColumnsList);
+                                        //console.log('处理后的字段列表(仅名称):', this.tableColumnsList);
                                     } else {
                                         console.error('未知的字段数据格式');
                                         this.showToastMessage('未知的字段数据格式', 'error');
                                         this.tableColumnsList = [];
                                     }
                                 } else {
-                                    console.log('字段列表为空');
+                                    //console.log('字段列表为空');
                                     this.tableColumnsList = [];
                                 }
                             } else {
-                                console.error('无法找到有效的字段数据');
+                                //console.error('无法找到有效的字段数据');
                                 this.tableColumnsList = [];
                                 this.showToastMessage('获取字段列表失败', 'error');
                             }
@@ -1001,33 +992,6 @@
                             this.showToastMessage('获取字段列表失败，请稍后重试', 'error');
                             this.isColumnsLoading = false;
                             
-                            // 模拟数据用于开发测试
-                            if (tableName === 'users') {
-                                this.tableColumnsList = [
-                                    { name: 'id', type: 'int(11)', comment: '用户ID' },
-                                    { name: 'username', type: 'varchar(50)', comment: '用户名' },
-                                    { name: 'email', type: 'varchar(100)', comment: '电子邮箱' },
-                                    { name: 'password', type: 'varchar(255)', comment: '密码' },
-                                    { name: 'created_at', type: 'datetime', comment: '创建时间' },
-                                    { name: 'status', type: 'tinyint(1)', comment: '状态' }
-                                ];
-                            } else if (tableName === 'products') {
-                                this.tableColumnsList = [
-                                    { name: 'id', type: 'int(11)', comment: '产品ID' },
-                                    { name: 'name', type: 'varchar(100)', comment: '产品名称' },
-                                    { name: 'price', type: 'decimal(10,2)', comment: '价格' },
-                                    { name: 'category_id', type: 'int(11)', comment: '分类ID' },
-                                    { name: 'stock', type: 'int(11)', comment: '库存' },
-                                    { name: 'description', type: 'text', comment: '产品描述' }
-                                ];
-                            } else {
-                                this.tableColumnsList = [
-                                    { name: 'id', type: 'int(11)', comment: '主键ID' },
-                                    { name: 'name', type: 'varchar(100)', comment: '名称' },
-                                    { name: 'description', type: 'text', comment: '描述' },
-                                    { name: 'created_at', type: 'datetime', comment: '创建时间' }
-                                ];
-                            }
                         });
                 },
                 
@@ -1142,21 +1106,78 @@
                     this.queryExecuted = true;
                     this.currentPage = 1;
                     
-                    // 这里应该调用后端API执行SQL查询
-                    fetch('/api/ExecuteSqlQuery', {
-                        method: 'POST',
+                    // 重置查询结果
+                    this.queryResults = [];
+                    this.tableColumns = [];
+                    this.allResults = [];
+                    this.totalPages = 1;
+                    
+                    console.log('执行SQL查询:', this.sqlQuery.trim());
+                    
+                    // 调用后端API执行SQL查询，使用RunKylx365DBSql接口
+                    // 使用encodeURIComponent确保中文字符被正确编码
+                    const encodedSql = encodeURIComponent(this.sqlQuery.trim());
+                    const apiUrl = `/api/RunKylx365DBSql?sql=${encodedSql}`;
+                    console.log('API URL:', apiUrl);
+                    
+                    fetch(apiUrl, {
+                        method: 'GET',
                         headers: {
-                            'Content-Type': 'application/json'
-                        },
-                        body: JSON.stringify({
-                            query: this.sqlQuery
-                        })
+                            'Accept': 'application/json'
+                        }
+                    })
+                    .then(response => {
+                        console.log('API响应状态:', response.status);
+                        if (!response.ok) {
+                            throw new Error(`HTTP error! status: ${response.status}`);
+                        }
+                        return response.json();
                     })
-                    .then(response => response.json())
                     .then(data => {
-                        if (data && data.result) {
-                            this.processQueryResults(data.result);
+                        console.log('查询返回原始数据:', data); // 添加日志
+                        
+                        // 检查数据格式
+                        let resultData = null;
+                        let errorMessage = null;
+                        
+                        // 检查标准格式 {"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;
+                                }
+                            }
+                        }
+                        
+                        if (errorMessage) {
+                            this.showToastMessage(errorMessage, 'error');
+                            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');
@@ -1205,42 +1226,103 @@
                 
                 // 处理查询结果
                 processQueryResults(results) {
+                    console.log('进入processQueryResults方法，结果类型:', typeof results);
+                    console.log('结果是否为数组:', Array.isArray(results));
+                    console.log('结果长度:', results ? results.length : 0);
+                    
                     if (!results || !Array.isArray(results) || results.length === 0) {
+                        console.log('结果为空或非数组');
                         this.queryResults = [];
                         this.tableColumns = [];
                         this.allResults = [];
                         this.totalPages = 1;
+                        this.showToastMessage('查询未返回数据', 'info');
                         return;
                     }
                     
-                    // 存储所有结果
-                    this.allResults = [...results];
-                    
-                    // 提取表格列
-                    this.tableColumns = Object.keys(results[0]);
+                    console.log('第一条记录:', JSON.stringify(results[0]));
                     
-                    // 计算总页数
-                    this.totalPages = Math.ceil(results.length / this.pageSize);
-                    
-                    // 显示第一页数据
-                    this.changePage(1);
-                    
-                    this.showToastMessage(`查询成功，返回 ${results.length} 条记录`, 'success');
+                    try {
+                        // 存储所有结果
+                        this.allResults = [...results];
+                        
+                        // 提取表格列
+                        this.tableColumns = Object.keys(results[0]);
+                        console.log('提取的表格列:', this.tableColumns);
+                        
+                        // 计算总页数
+                        this.totalPages = Math.ceil(results.length / this.pageSize);
+                        console.log('计算的总页数:', this.totalPages);
+                        
+                        // 显示第一页数据
+                        this.changePage(1);
+                        
+                        this.showToastMessage(`查询成功，返回 ${results.length} 条记录`, 'success');
+                    } catch (error) {
+                        console.error('处理查询结果时出错:', error);
+                        this.showToastMessage('处理查询结果时出错: ' + error.message, 'error');
+                        this.queryResults = [];
+                        this.tableColumns = [];
+                        this.allResults = [];
+                        this.totalPages = 1;
+                    }
                 },
                 
                 // 切换页面
                 changePage(page) {
-                    if (page < 1 || page > this.totalPages || page === this.currentPage) {
-                        return;
+                    console.log('切换页面，目标页码:', page);
+                    console.log('当前页码:', this.currentPage);
+                    console.log('总页数:', this.totalPages);
+                    console.log('所有结果数量:', this.allResults.length);
+                    console.log('每页显示数量:', this.pageSize);
+
+                    try {
+                        // 验证页码
+                        if (page < 1 || page > this.totalPages) {
+                            console.log('页码超出范围');
+                            return;
+                        }
+
+                        if (page === this.currentPage) {
+                            console.log('已经在当前页面');
+                            return;
+                        }
+
+                        this.currentPage = page;
+                        
+                        // 计算当前页的数据
+                        const startIndex = (page - 1) * this.pageSize;
+                        const endIndex = Math.min(startIndex + this.pageSize, this.allResults.length);
+                        
+                        console.log('计算的起始索引:', startIndex);
+                        console.log('计算的结束索引:', endIndex);
+
+                        // 确保数据是普通对象数组
+                        const slicedData = this.allResults.slice(startIndex, endIndex);
+                        this.queryResults = slicedData.map(item => {
+                            // 确保每个属性都是基本类型
+                            const plainItem = {};
+                            Object.keys(item).forEach(key => {
+                                plainItem[key] = item[key] !== null && item[key] !== undefined 
+                                    ? String(item[key]) 
+                                    : '';
+                            });
+                            return plainItem;
+                        });
+                        
+                        console.log('当前页数据数量:', this.queryResults.length);
+                        console.log('第一条记录:', JSON.stringify(this.queryResults[0]));
+                        
+                        // 强制Vue更新视图
+                        this.$forceUpdate();
+                    } catch (error) {
+                        console.error('切换页面时出错:', error);
+                        this.showToastMessage('切换页面时出错: ' + error.message, 'error');
+                        // 重置为第一页
+                        this.currentPage = 1;
+                        this.queryResults = this.allResults.slice(0, this.pageSize);
+                        this.$forceUpdate();
                     }
-                    
-                    this.currentPage = page;
-                    
-                    // 计算当前页的数据
-                    const startIndex = (page - 1) * this.pageSize;
-                    const endIndex = Math.min(startIndex + this.pageSize, this.allResults.length);
-                    
-                    this.queryResults = this.allResults.slice(startIndex, endIndex);
                 },
                 
                 // 显示提示消息