From e0d729e50e1d279a60ff6b8c87cf4475984c886a Mon Sep 17 00:00:00 2001
From: duorameng <2997944583@qq.com>
Date: Fri, 5 Jun 2026 19:28:48 +0800
Subject: [PATCH] style: optimize layout and grouping of timeout and execution
 strategies

---
 web/src/views/tasks/RepoDialog.vue | 55 +++++++++++++++++-------------
 web/src/views/tasks/TaskDialog.vue | 54 ++++++++++++++++-------------
 2 files changed, 62 insertions(+), 47 deletions(-)

diff --git a/web/src/views/tasks/RepoDialog.vue b/web/src/views/tasks/RepoDialog.vue
index df897dd..d430998 100644
--- a/web/src/views/tasks/RepoDialog.vue
+++ b/web/src/views/tasks/RepoDialog.vue
@@ -814,6 +814,38 @@ async function save() {
                   </div>
                 </div>
 
+                <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
+                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-bold">执行超时</Label>
+                  <div class="sm:col-span-3">
+                    <div class="flex items-center gap-2">
+                       <Input :model-value="form.timeout" @update:model-value="(v: string | number) => form.timeout = Number(v || 0)" type="number" :min="0" class="w-20 h-9 bg-muted/30 text-center font-semibold text-xs" />
+                       <span class="text-[11px] font-semibold text-muted-foreground">分钟超时</span>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
+                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-bold">日志清理</Label>
+                  <div class="sm:col-span-3">
+                    <div class="flex items-center gap-2">
+                      <Select :model-value="cleanType" @update:model-value="(v: any) => cleanType = String(v || 'none')">
+                        <SelectTrigger class="w-28 h-9 text-xs bg-muted/10">
+                          <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                          <SelectItem value="none">保留日志</SelectItem>
+                          <SelectItem value="day">按天清理</SelectItem>
+                          <SelectItem value="count">按条清理</SelectItem>
+                        </SelectContent>
+                      </Select>
+                      <div v-if="cleanType && cleanType !== 'none'" class="flex items-center gap-2">
+                        <Input :model-value="cleanKeep" @update:model-value="v => cleanKeep = Number(v || 30)" type="number" class="w-20 h-9 bg-muted/30 text-center font-semibold text-xs" />
+                        <span class="text-[11px] font-semibold text-muted-foreground">{{ cleanType === 'day' ? '天' : '条' }}</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-start gap-3">
                   <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-bold">运行策略</Label>
                   <div class="sm:col-span-3 space-y-4">
@@ -831,29 +863,6 @@ async function save() {
                       </p>
                     </div>
 
-                    <div class="flex flex-wrap items-center gap-y-3 gap-x-4">
-                      <div class="flex items-center gap-2">
-                         <Input :model-value="form.timeout" @update:model-value="(v: string | number) => form.timeout = Number(v || 0)" type="number" :min="0" class="w-20 h-9 bg-muted/30 text-center" />
-                         <span class="text-[11px] font-semibold text-muted-foreground">分钟超时</span>
-                      </div>
-                      <div class="flex items-center gap-2 sm:pl-4 sm:border-l">
-                        <Select :model-value="cleanType" @update:model-value="(v: any) => cleanType = String(v || 'none')">
-                          <SelectTrigger class="w-28 h-9 text-xs bg-muted/10">
-                            <SelectValue />
-                          </SelectTrigger>
-                          <SelectContent>
-                            <SelectItem value="none">保留日志</SelectItem>
-                            <SelectItem value="day">按天清理</SelectItem>
-                            <SelectItem value="count">按条清理</SelectItem>
-                          </SelectContent>
-                        </Select>
-                        <div v-if="cleanType && cleanType !== 'none'" class="flex items-center gap-2">
-                          <Input :model-value="cleanKeep" @update:model-value="v => cleanKeep = Number(v || 30)" type="number" class="w-20 h-9 bg-muted/30 text-center font-semibold text-xs" />
-                          <span class="text-[11px] font-semibold text-muted-foreground">{{ cleanType === 'day' ? '天' : '条' }}</span>
-                        </div>
-                      </div>
-                    </div>
-
                     <div class="p-3 rounded-xl bg-muted/20 border border-muted-foreground/10 space-y-2.5">
                       <div class="flex items-center justify-between">
                         <div class="flex items-center gap-2 text-xs font-semibold">
diff --git a/web/src/views/tasks/TaskDialog.vue b/web/src/views/tasks/TaskDialog.vue
index e634c29..5daebb1 100644
--- a/web/src/views/tasks/TaskDialog.vue
+++ b/web/src/views/tasks/TaskDialog.vue
@@ -644,6 +644,15 @@ async function save() {
                     </div>
                   </div>
                 </template>
+                <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
+                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-semibold">执行超时</Label>
+                  <div class="sm:col-span-3">
+                    <div class="flex items-center gap-2">
+                      <Input :model-value="form.timeout" @update:model-value="(v: string | number) => form.timeout = Number(v)" type="number" :min="0" class="w-20 h-9 bg-muted/30 text-center font-semibold text-xs" />
+                      <span class="text-[11px] font-semibold text-muted-foreground">分钟超时</span>
+                    </div>
+                  </div>
+                </div>
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
                   <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-semibold">失败策略</Label>
                   <div class="sm:col-span-3 flex items-center gap-4">
@@ -657,33 +666,30 @@ async function save() {
                   </div>
                 </div>
                 <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-semibold">运行策略</Label>
-                  <div class="sm:col-span-3 space-y-4">
-                    <div class="flex flex-wrap items-center gap-y-3 gap-x-4">
-                      <div class="flex items-center gap-2">
-                        <Input :model-value="form.timeout" @update:model-value="(v: string | number) => form.timeout = Number(v)" type="number" :min="0" class="w-20 h-9 bg-muted/30 text-center font-semibold text-xs" />
-                        <span class="text-[11px] font-semibold text-muted-foreground">分钟超时</span>
-                      </div>
-                      <div class="flex items-center gap-2 sm:pl-4 sm:border-l sm:border-muted">
-                        <Select :model-value="cleanType" @update:model-value="(v: any) => cleanType = String(v || 'none')">
-                          <SelectTrigger class="w-28 h-9 text-xs bg-muted/10">
-                            <SelectValue />
-                          </SelectTrigger>
-                          <SelectContent>
-                            <SelectItem value="none">保留日志</SelectItem>
-                            <SelectItem value="day">按天清理</SelectItem>
-                            <SelectItem value="count">按条清理</SelectItem>
-                          </SelectContent>
-                        </Select>
-                        <div v-if="cleanType && cleanType !== 'none'" class="flex items-center gap-2">
-                          <Input :model-value="cleanKeep" @update:model-value="(v: string | number) => cleanKeep = Number(v || 30)" type="number" class="w-20 h-9 bg-muted/30 text-center font-semibold text-xs" />
-                          <span class="text-[11px] font-semibold text-muted-foreground">{{ cleanType === 'day' ? '天' : '条' }}</span>
-                        </div>
+                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-semibold">日志清理</Label>
+                  <div class="sm:col-span-3">
+                    <div class="flex items-center gap-2">
+                      <Select :model-value="cleanType" @update:model-value="(v: any) => cleanType = String(v || 'none')">
+                        <SelectTrigger class="w-28 h-9 text-xs bg-muted/10">
+                          <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                          <SelectItem value="none">保留日志</SelectItem>
+                          <SelectItem value="day">按天清理</SelectItem>
+                          <SelectItem value="count">按条清理</SelectItem>
+                        </SelectContent>
+                      </Select>
+                      <div v-if="cleanType && cleanType !== 'none'" class="flex items-center gap-2">
+                        <Input :model-value="cleanKeep" @update:model-value="(v: string | number) => cleanKeep = Number(v || 30)" type="number" class="w-20 h-9 bg-muted/30 text-center font-semibold text-xs" />
+                        <span class="text-[11px] font-semibold text-muted-foreground">{{ cleanType === 'day' ? '天' : '条' }}</span>
                       </div>
                     </div>
+                  </div>
+                </div>
 
-
-
+                <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
+                  <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-semibold">运行策略</Label>
+                  <div class="sm:col-span-3 space-y-4">
                     <div class="p-3 rounded-xl bg-muted/20 border border-muted-foreground/10 space-y-2.5">
                       <div class="flex items-center justify-between">
                         <div class="flex items-center gap-2 text-xs font-semibold">