From 470d7881cdb593ad659cdcfae76b6723cdebb17e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=98=AD?= <81747598+lan-yonghui@users.noreply.github.com>
Date: Wed, 4 Jun 2025 22:40:52 +0800
Subject: [PATCH] feat: Move current status to first position in MySQL and
 Redis settings and set as default tab (#8910)

---
 frontend/src/views/database/mysql/setting/index.vue |  8 ++++----
 frontend/src/views/database/redis/setting/index.vue | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/database/mysql/setting/index.vue b/frontend/src/views/database/mysql/setting/index.vue
index 72a3d8c25..90d4d36b8 100644
--- a/frontend/src/views/database/mysql/setting/index.vue
+++ b/frontend/src/views/database/mysql/setting/index.vue
@@ -6,9 +6,6 @@
                     {{ props.database }}
                 </el-text>
                 <el-divider direction="vertical" />
-                <el-button type="primary" :plain="activeName !== 'conf'" @click="jumpToConf">
-                    {{ $t('database.confChange') }}
-                </el-button>
                 <el-button
                     type="primary"
                     :disabled="mysqlStatus !== 'Running'"
@@ -17,6 +14,9 @@
                 >
                     {{ $t('database.currentStatus') }}
                 </el-button>
+                <el-button type="primary" :plain="activeName !== 'conf'" @click="jumpToConf">
+                    {{ $t('database.confChange') }}
+                </el-button>
                 <el-button
                     type="primary"
                     :disabled="mysqlStatus !== 'Running'"
@@ -136,7 +136,7 @@ import CodemirrorPro from '@/components/codemirror-pro/index.vue';
 
 const loading = ref(false);
 
-const activeName = ref('conf');
+const activeName = ref('status');
 
 const baseInfo = reactive({
     name: '',
diff --git a/frontend/src/views/database/redis/setting/index.vue b/frontend/src/views/database/redis/setting/index.vue
index 739d23e7e..faeed4f60 100644
--- a/frontend/src/views/database/redis/setting/index.vue
+++ b/frontend/src/views/database/redis/setting/index.vue
@@ -6,9 +6,6 @@
                     {{ database }}
                 </el-text>
                 <el-divider direction="vertical" />
-                <el-button type="primary" :plain="activeName !== 'conf'" @click="changeTab('conf')">
-                    {{ $t('database.confChange') }}
-                </el-button>
                 <el-button
                     type="primary"
                     :disabled="redisStatus !== 'Running'"
@@ -17,6 +14,9 @@
                 >
                     {{ $t('database.currentStatus') }}
                 </el-button>
+                <el-button type="primary" :plain="activeName !== 'conf'" @click="changeTab('conf')">
+                    {{ $t('database.confChange') }}
+                </el-button>
                 <el-button
                     type="primary"
                     :disabled="redisStatus !== 'Running'"
@@ -145,7 +145,7 @@ const rules = reactive({
     maxmemory: [Rules.number, checkNumberRange(0, 999999)],
 });
 
-const activeName = ref('conf');
+const activeName = ref('status');
 const statusRef = ref();
 const persistenceRef = ref();
 
@@ -192,7 +192,7 @@ const acceptParams = (prop: DialogProps): void => {
     redisStatus.value = prop.status;
     database.value = prop.database;
     settingShow.value = true;
-    loadConfFile();
+    changeTab('status');
 };
 
 const portRef = ref();