style: optimize layout and grouping of timeout and execution strategies

web/src/views/tasks/RepoDialog.vue

@@ -814,29 +814,20 @@ async function save() {
                   </div>
                 </div>
 
-                <div class="grid grid-cols-1 sm:grid-cols-4 items-start gap-3">
+                <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>
+                  <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">
+                  <div class="sm:col-span-3">
-                    
-                    <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">
-                          <Zap :class="cn('h-3.5 w-3.5', autoAddCron ? 'text-primary' : 'text-muted-foreground')" /> 
-                          自动添加任务并解析元数据
-                        </div>
-                        <Switch :model-value="autoAddCron" @update:model-value="(v: boolean) => { autoAddCron = v; pullQlConfig = v }" />
-                      </div>
-                      <p class="text-[11px] text-muted-foreground leading-relaxed italic">
-                        {{ autoAddCron ? '同步后将自动识别脚本中的 new Env("xxx") 和 cron 信息并注册任务。' : '仅拉取脚本，不自动注册任务。' }}
-                      </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" />
+                       <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 class="flex items-center gap-2 sm:pl-4 sm:border-l">
+                  </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 />
@@ -853,6 +844,24 @@ async function save() {
                       </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">
+                    
+                    <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">
+                          <Zap :class="cn('h-3.5 w-3.5', autoAddCron ? 'text-primary' : 'text-muted-foreground')" /> 
+                          自动添加任务并解析元数据
+                        </div>
+                        <Switch :model-value="autoAddCron" @update:model-value="(v: boolean) => { autoAddCron = v; pullQlConfig = v }" />
+                      </div>
+                      <p class="text-[11px] text-muted-foreground leading-relaxed italic">
+                        {{ autoAddCron ? '同步后将自动识别脚本中的 new Env("xxx") 和 cron 信息并注册任务。' : '仅拉取脚本，不自动注册任务。' }}
+                      </p>
+                    </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">

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,14 +666,9 @@ 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>
+                  <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="sm:col-span-3">
-                    <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 />
@@ -681,9 +685,11 @@ async function save() {
                       </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">