From 537fc97695717b3db452ed52b1d4f7b475b393be Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: 星期六, 01 三月 2025 14:54:05 +0800
Subject: [PATCH] 优化前端树结构性能问题
---
src/views/tool/gen/index.vue | 53 ++++++++++++++++++++++++++++++-----------------------
1 files changed, 30 insertions(+), 23 deletions(-)
diff --git a/src/views/tool/gen/index.vue b/src/views/tool/gen/index.vue
index 77e8a80..3318784 100644
--- a/src/views/tool/gen/index.vue
+++ b/src/views/tool/gen/index.vue
@@ -87,33 +87,18 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
- <el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange">
+ <el-table ref="genRef" v-loading="loading" :data="tableList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
<el-table-column type="selection" align="center" width="55"></el-table-column>
<el-table-column label="搴忓彿" type="index" width="50" align="center">
<template #default="scope">
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
- <el-table-column
- label="琛ㄥ悕绉�"
- align="center"
- prop="tableName"
- :show-overflow-tooltip="true"
- />
- <el-table-column
- label="琛ㄦ弿杩�"
- align="center"
- prop="tableComment"
- :show-overflow-tooltip="true"
- />
- <el-table-column
- label="瀹炰綋"
- align="center"
- prop="className"
- :show-overflow-tooltip="true"
- />
- <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="160" />
- <el-table-column label="鏇存柊鏃堕棿" align="center" prop="updateTime" width="160" />
+ <el-table-column label="琛ㄥ悕绉�" align="center" prop="tableName" :show-overflow-tooltip="true" />
+ <el-table-column label="琛ㄦ弿杩�" align="center" prop="tableComment" :show-overflow-tooltip="true" />
+ <el-table-column label="瀹炰綋" align="center" prop="className" :show-overflow-tooltip="true" />
+ <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="160" sortable="custom" :sort-orders="['descending', 'ascending']" />
+ <el-table-column label="鏇存柊鏃堕棿" align="center" prop="updateTime" width="160" sortable="custom" :sort-orders="['descending', 'ascending']" />
<el-table-column label="鎿嶄綔" align="center" width="330" class-name="small-padding fixed-width">
<template #default="scope">
<el-tooltip content="棰勮" placement="top">
@@ -179,13 +164,16 @@
const tableNames = ref([]);
const dateRange = ref([]);
const uniqueId = ref("");
+const defaultSort = ref({ prop: "createTime", order: "descending" });
const data = reactive({
queryParams: {
pageNum: 1,
pageSize: 10,
tableName: undefined,
- tableComment: undefined
+ tableComment: undefined,
+ orderByColumn: defaultSort.value.prop,
+ isAsc: defaultSort.value.order
},
preview: {
open: false,
@@ -217,11 +205,13 @@
loading.value = false;
});
}
+
/** 鎼滅储鎸夐挳鎿嶄綔 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
+
/** 鐢熸垚浠ｇ爜鎿嶄綔 */
function handleGenTable(row) {
const tbNames = row.tableName || tableNames.value;
@@ -237,6 +227,7 @@
proxy.$download.zip("/tool/gen/batchGenCode?tables=" + tbNames, "ruoyi.zip");
}
}
+
/** 鍚屾鏁版嵁搴撴搷浣� */
function handleSynchDb(row) {
const tableName = row.tableName;
@@ -246,20 +237,25 @@
proxy.$modal.msgSuccess("鍚屾鎴愬姛");
}).catch(() => {});
}
+
/** 鎵撳紑瀵煎叆琛ㄥ脊绐� */
function openImportTable() {
proxy.$refs["importRef"].show();
}
+
/** 鎵撳紑鍒涘缓琛ㄥ脊绐� */
function openCreateTable() {
proxy.$refs["createRef"].show();
}
+
/** 閲嶇疆鎸夐挳鎿嶄綔 */
function resetQuery() {
dateRange.value = [];
proxy.resetForm("queryRef");
- handleQuery();
+ queryParams.value.pageNum = 1;
+ proxy.$refs["genRef"].sort(defaultSort.value.prop, defaultSort.value.order);
}
+
/** 棰勮鎸夐挳 */
function handlePreview(row) {
previewTable(row.tableId).then(response => {
@@ -268,10 +264,12 @@
preview.value.activeName = "domain.java";
});
}
+
/** 澶嶅埗浠ｇ爜鎴愬姛 */
function copyTextSuccess() {
proxy.$modal.msgSuccess("澶嶅埗鎴愬姛");
}
+
// 澶氶�夋閫変腑鏁版嵁
function handleSelectionChange(selection) {
ids.value = selection.map(item => item.tableId);
@@ -279,11 +277,20 @@
single.value = selection.length != 1;
multiple.value = !selection.length;
}
+
+/** 鎺掑簭瑙﹀彂浜嬩欢 */
+function handleSortChange(column, prop, order) {
+ queryParams.value.orderByColumn = column.prop;
+ queryParams.value.isAsc = column.order;
+ getList();
+}
+
/** 淇敼鎸夐挳鎿嶄綔 */
function handleEditTable(row) {
const tableId = row.tableId || ids.value[0];
router.push({ path: "/tool/gen-edit/index/" + tableId, query: { pageNum: queryParams.value.pageNum } });
}
+
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
function handleDelete(row) {
const tableIds = row.tableId || ids.value;
--
Gitblit v1.9.3