feat: 查询数据库防抖

opentdp · Apr 7, 2024 · 09304d8 · 09304d8
1 parent 4942ea1
commit 09304d8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/webview/src/apps/wcferry/dbquery.html b/webview/src/apps/wcferry/dbquery.html
@@ -27,7 +27,7 @@
             </select>
         </div>
         <div class="col text-end">
-            <button class="btn btn-primary" (click)="getDbTableRecords()" [disabled]="!tableName">查询</button>
+            <button class="btn btn-primary" (click)="getDbTableRecords()" [disabled]="!tableName || loading">查询</button>
         </div>
     </div>
 </div>

diff --git a/webview/src/apps/wcferry/dbquery.ts b/webview/src/apps/wcferry/dbquery.ts
@@ -17,6 +17,8 @@ export class WcferryDbqueryComponent {
     public sql = 'SELECT * FROM {TABLE} LIMIT 10';
     public result = '';
 
+    public loading = false;
+
     constructor() {
         this.getDbList();
     }
@@ -36,10 +38,13 @@ export class WcferryDbqueryComponent {
     }
 
     public getDbTableRecords() {
+        this.loading = true;
         const db = this.dbName;
         const sql = this.sql.replace(/\{TABLE\}/, this.tableName);
         return WrestApi.dbQuerySql({ db, sql }).then((data) => {
             this.result = JSON.stringify(data, null, 4);
+        }).finally(() => {
+            this.loading = false;
         });
     }