feat: Move current status to first position in MySQL settings and set… (1Panel-dev#8882)

* feat: Move current status to first position in MySQL and Redis settings and set as default tab

Author: ExquisiteCore

frontend/src/views/database/mysql/setting/index.vue

@@ -4,9 +4,6 @@
             <template #title>
                 <back-button name="MySQL" :header="props.database + ' ' + $t('commons.button.set')">
                     <template #buttons>
-                        <el-button type="primary" :plain="activeName !== 'conf'" @click="jumpToConf">
-                            {{ $t('database.confChange') }}
-                        </el-button>
                         <el-button
                             type="primary"
                             :disabled="mysqlStatus !== 'Running'"
@@ -15,6 +12,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'"
@@ -159,7 +159,7 @@ const globalStore = GlobalStore();
 const loading = ref(false);
 
 const extensions = [javascript(), oneDark];
-const activeName = ref('conf');
+const activeName = ref('status');
 
 const baseInfo = reactive({
     name: '',

frontend/src/views/database/redis/setting/index.vue

@@ -2,9 +2,6 @@
     <div v-show="settingShow" v-loading="loading">
         <LayoutContent :title="database + ' ' + $t('commons.button.set')" :reload="true">
             <template #buttons>
-                <el-button type="primary" :plain="activeName !== 'conf'" @click="changeTab('conf')">
-                    {{ $t('database.confChange') }}
-                </el-button>
                 <el-button
                     type="primary"
                     :disabled="redisStatus !== 'Running'"
@@ -13,6 +10,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'"
@@ -170,7 +170,7 @@ const rules = reactive({
     maxmemory: [Rules.number, checkNumberRange(0, 999999)],
 });
 
-const activeName = ref('conf');
+const activeName = ref('status');
 const statusRef = ref();
 const persistenceRef = ref();
 
@@ -217,7 +217,7 @@ const acceptParams = (prop: DialogProps): void => {
     redisStatus.value = prop.status;
     database.value = prop.database;
     settingShow.value = true;
-    loadConfFile();
+    changeTab('status');
 };
 
 const portRef = ref();