0

public/mg/kylx365_db_admin.html

@@ -139,7 +139,7 @@
         }
         
         .sql-editor-right {
-            width: 300px;
+            width: 400px;
             display: flex;
             flex-direction: column;
             border-left: 1px solid #EEEEEE;
@@ -160,20 +160,38 @@
             border-bottom: 1px solid #EEEEEE;
             cursor: pointer;
             display: flex;
-            flex-direction: column;
+            flex-direction: row;
+            justify-content: space-between;
         }
         
         .column-item:hover {
             background-color: #F0F7FF;
         }
         
+        .column-left {
+            display: flex;
+            flex-direction: column;
+            flex: 1;
+        }
+        
+        .column-right {
+            display: flex;
+            align-items: center;
+            min-width: 100px;
+            padding-left: 10px;
+        }
+        
         .column-name {
             font-weight: bold;
         }
         
         .column-type {
-            font-size: 12px;
+            font-size: 13px;
             color: #666;
+            background-color: #f5f5f5;
+            padding: 2px 6px;
+            border-radius: 3px;
+            white-space: nowrap;
         }
         
         .column-comment {
@@ -401,6 +419,7 @@
             background: white;
             border-radius: 4px;
             cursor: pointer;
+            overflow-x: hidden;
             transition: background-color 0.2s;
         }
 
@@ -518,6 +537,11 @@
                     <div class="sql-editor-left">
                         <textarea class="sql-textarea" v-model="sqlQuery" placeholder="输入SQL查询语句..."></textarea>
                         <div class="btn-group">
+                            <select class="btn btn-default" v-model="selectedLimit" @change="updateQueryLimit" style="margin-right: 8px;">
+                                <option v-for="limit in limitOptions" :key="limit" :value="limit">
+                                    LIMIT {{ limit }}
+                                </option>
+                            </select>
                             <button type="button" class="btn btn-default" @click="clearQuery">清空</button>
                             <button type="button" class="btn btn-primary" @click="executeQuery">执行</button>
                         </div>
@@ -531,12 +555,17 @@
                         <div class="columns-list">
                             <div v-if="tableColumnsList && tableColumnsList.length > 0">
                                 <div v-for="(column, index) in tableColumnsList" 
-                                     :key="index" 
-                                     class="column-item"
-                                     @click="insertColumnName(column.name)">
-                                    <div class="column-name">{{ column.name }}</div>
-                                    <div class="column-type">{{ column.type }}</div>
-                                    <div class="column-comment" v-if="column.comment">{{ column.comment }}</div>
+                                                                     :key="index" 
+                                                                     class="column-item"
+                                                                     @click="copyColumnName(column.name)"
+                                                                     @dblclick="insertColumnName(column.name)">
+                                    <div class="column-left">
+                                        <div class="column-name">{{ column.name }}</div>
+                                        <div class="column-comment" v-if="column.comment">{{ column.comment }}</div>
+                                    </div>
+                                    <div class="column-right">
+                                        <div class="column-type">{{ column.type }}</div>
+                                    </div>
                                 </div>
                             </div>
                             <div v-else class="no-data">
@@ -636,7 +665,9 @@
                 pageSize: 100,
                 totalPages: 1,
                 allResults: [],
-                tableColumnsList: [] // 存储表格字段列表
+                tableColumnsList: [], // 存储表格字段列表
+                limitOptions: [10, 100, 500, 1000, 2000, 3000], // LIMIT选项
+                selectedLimit: 100 // 默认选中的LIMIT值
             },
             computed: {
                 displayedPages() {
@@ -1005,7 +1036,42 @@
                     this.sqlQuery = '';
                 },
                 
-                // 插入字段名称到SQL查询
+                // 复制字段名称到剪贴板
+                copyColumnName(columnName) {
+                    // 创建一个临时文本区域元素
+                    const textarea = document.createElement('textarea');
+                    textarea.value = columnName;
+                    textarea.setAttribute('readonly', '');
+                    textarea.style.position = 'absolute';
+                    textarea.style.left = '-9999px';
+                    document.body.appendChild(textarea);
+                    
+                    // 选择文本并复制
+                    textarea.select();
+                    let success = false;
+                    try {
+                        success = document.execCommand('copy');
+                        this.showToastMessage(`已复制字段 "${columnName}" 到剪贴板`, 'success');
+                    } catch (err) {
+                        success = false;
+                        this.showToastMessage('复制失败，请手动复制', 'error');
+                        console.error('复制到剪贴板失败:', err);
+                    }
+                    
+                    // 移除临时元素
+                    document.body.removeChild(textarea);
+                    
+                    // 如果浏览器支持现代剪贴板API，也尝试使用它
+                    if (navigator.clipboard && window.isSecureContext) {
+                        navigator.clipboard.writeText(columnName).catch(err => {
+                            console.log('剪贴板API失败，但已使用备用方法', err);
+                        });
+                    }
+                    
+                    return success;
+                },
+                
+                // 插入字段名称到SQL查询（双击时触发）
                 insertColumnName(columnName) {
                     // 获取文本框元素
                     const textarea = document.querySelector('.sql-textarea');
@@ -1029,12 +1095,42 @@
                             textarea.selectionStart = startPos + columnName.length;
                             textarea.selectionEnd = startPos + columnName.length;
                         });
+                        
+                        this.showToastMessage(`已插入字段 "${columnName}" 到查询`, 'info');
                     } else {
                         // 如果无法获取文本框元素，则直接在末尾添加
                         this.sqlQuery += ' ' + columnName;
                     }
                 },
                 
+                // 更新SQL查询中的LIMIT值
+                updateQueryLimit() {
+                    // 检查SQL查询是否为空
+                    if (!this.sqlQuery.trim()) {
+                        return;
+                    }
+                    
+                    // 正则表达式匹配LIMIT子句
+                    const limitRegex = /\bLIMIT\s+\d+\s*;?\s*$/i;
+                    
+                    if (limitRegex.test(this.sqlQuery)) {
+                        // 如果已经有LIMIT子句，替换数字
+                        this.sqlQuery = this.sqlQuery.replace(limitRegex, `LIMIT ${this.selectedLimit}${this.sqlQuery.endsWith(';') ? ';' : ''}`);
+                    } else {
+                        // 如果没有LIMIT子句，添加到末尾
+                        // 检查SQL是否以分号结尾
+                        if (this.sqlQuery.trim().endsWith(';')) {
+                            // 在分号前添加LIMIT
+                            this.sqlQuery = this.sqlQuery.replace(/;\s*$/, ` LIMIT ${this.selectedLimit};`);
+                        } else {
+                            // 直接在末尾添加LIMIT
+                            this.sqlQuery = this.sqlQuery.trim() + ` LIMIT ${this.selectedLimit};`;
+                        }
+                    }
+                    
+                    this.showToastMessage(`已设置查询限制为 ${this.selectedLimit} 条记录`, 'info');
+                },
+                
                 // 执行查询
                 executeQuery() {
                     if (!this.sqlQuery.trim()) {

src/api/web/routes.js

@@ -8,5 +8,6 @@ const router = new Router();
 router.get('/kylx365_db_admin',webController.Kylx365DBAdmin);
 router.get('/api/GetKylx365Tables',webController.GetKylx365Tables);
 router.get('/api/GetKylx365TableColumnByTable',webController.GetKylx365TableColumnByTable);
+router.get('/api/RunKylx365DBSql',webController.RunKylx365DBSql);
 
 export default router;

src/api/web/webController.js

@@ -33,4 +33,12 @@ export async function GetKylx365TableColumnByTable(ctx) {
     console.log("字段数："+result.length);
     ctx.body = {"errcode": 10000, result: result};
 };
-    
+        
+export async function RunKylx365DBSql(ctx) {
+    let param = {
+        SQL: ctx.query.sql || "",
+    };
+    let result = await commonModel.RunSql(null,param.SQL);
+    console.log("记录数："+result.length);
+    ctx.body = {"errcode": 10000, result: result};
+};