From b10de66ed34b5d6ce14e6f4c8dcfaeea4b0b97c7 Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Wed, 6 Aug 2025 10:30:37 +0800
Subject: [PATCH] style: Update list styling for cronjob (#9872)

---
 frontend/src/views/cronjob/cronjob/index.vue   | 18 +++++++++---------
 .../views/cronjob/cronjob/operate/index.vue    | 16 +++++++++-------
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/frontend/src/views/cronjob/cronjob/index.vue b/frontend/src/views/cronjob/cronjob/index.vue
index ab954c933..2aff69c1d 100644
--- a/frontend/src/views/cronjob/cronjob/index.vue
+++ b/frontend/src/views/cronjob/cronjob/index.vue
@@ -85,7 +85,7 @@
                             </fu-select-rw-switch>
                         </template>
                     </el-table-column>
-                    <el-table-column :label="$t('commons.table.status')" :min-width="80" prop="status" sortable>
+                    <el-table-column :label="$t('commons.table.status')" :min-width="90" prop="status" sortable>
                         <template #default="{ row }">
                             <Status
                                 v-if="row.status === 'Enable'"
@@ -178,9 +178,9 @@
                         </template>
                     </el-table-column>
                     <fu-table-operations
-                        width="300px"
+                        width="200px"
                         :buttons="buttons"
-                        :ellipsis="10"
+                        :ellipsis="2"
                         :label="$t('commons.table.operate')"
                         min-width="mobile ? 'auto' : 200"
                         :fixed="mobile ? false : 'right'"
@@ -495,18 +495,18 @@ const buttons = [
             return row.status === 'Pending';
         },
     },
-    {
-        label: i18n.global.t('commons.button.edit'),
-        click: (row: Cronjob.CronjobInfo) => {
-            onOpenDialog(row.id + '');
-        },
-    },
     {
         label: i18n.global.t('cronjob.record'),
         click: (row: Cronjob.CronjobInfo) => {
             loadDetail(row);
         },
     },
+    {
+        label: i18n.global.t('commons.button.edit'),
+        click: (row: Cronjob.CronjobInfo) => {
+            onOpenDialog(row.id + '');
+        },
+    },
     {
         label: i18n.global.t('commons.button.delete'),
         click: (row: Cronjob.CronjobInfo) => {
diff --git a/frontend/src/views/cronjob/cronjob/operate/index.vue b/frontend/src/views/cronjob/cronjob/operate/index.vue
index 97cefe863..0d6a655b5 100644
--- a/frontend/src/views/cronjob/cronjob/operate/index.vue
+++ b/frontend/src/views/cronjob/cronjob/operate/index.vue
@@ -785,6 +785,7 @@ const loading = ref();
 const nextTimes = ref([]);
 
 const isCreate = ref();
+const defaultGroupID = ref();
 const form = reactive<Cronjob.CronjobInfo>({
     id: 0,
     name: '',
@@ -852,7 +853,7 @@ const search = async () => {
             .then((res) => {
                 loading.value = false;
                 form.name = res.data.name;
-                form.groupID = res.data.groupID || null;
+                form.groupID = res.data.groupID || defaultGroupID.value;
                 form.type = res.data.type;
                 form.specCustom = res.data.specCustom;
                 form.spec = res.data.spec;
@@ -1147,14 +1148,15 @@ const loadScriptDir = async (path: string) => {
 const loadGroups = async () => {
     const res = await getGroupList('cronjob');
     groupOptions.value = res.data || [];
-    if (isCreate.value) {
-        for (const item of groupOptions.value) {
-            if (item.isDefault) {
-                form.groupID = item.id;
-                break;
-            }
+    for (const item of groupOptions.value) {
+        if (item.isDefault) {
+            defaultGroupID.value = item.id;
+            break;
         }
     }
+    if (isCreate.value) {
+        form.groupID = defaultGroupID.value;
+    }
 };
 
 const goBack = () => {