admin/TaskPool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: udpate task input style

Browse Source
This commit is contained in:
engigu
2026-03-24 14:00:17 +08:00
parent c85322bcb0
commit cd2978346f
2 changed files with 373 additions and 369 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/services/init_service.go
+2 -2
View File
@@ -17,11 +17,11 @@ func NewInitService(settingsService *SettingsService) *InitService {
// Initialize 执行系统初始化，返回 UserService // Initialize 执行系统初始化，返回 UserService
func (s *InitService) Initialize() *UserService { func (s *InitService) Initialize() *UserService {
logger.Info("[Init] 开始初始化系统...") logger.Info("[Initialize] 开始初始化系统...")
// 初始化默认设置 // 初始化默认设置
if err := s.settingsService.InitSettings(); err != nil { if err := s.settingsService.InitSettings(); err != nil {
logger.Warnf("[Init] 初始化设置失败: %v", err) logger.Warnf("[Initialize] 初始化设置失败: %v", err)
} }
// 创建 UserService // 创建 UserService
web/src/views/tasks/TaskDialog.vue
+66 -62
View File
@@ -76,7 +76,6 @@ watch(concurrencyEnabled, (val) => {
}) })
function onConcurrencyChange(val: boolean) { function onConcurrencyChange(val: boolean) {
concurrencyEnabled.value = val concurrencyEnabled.value = val
} }
@@ -456,7 +455,6 @@ async function save() {
</DialogHeader> </DialogHeader>
<ScrollArea class="flex-1 min-h-0 px-6"> <ScrollArea class="flex-1 min-h-0 px-6">
<div class="space-y-8 py-4 pb-8"> <div class="space-y-8 py-4 pb-8">
<!-- 基本信息 Section --> <!-- 基本信息 Section -->
<section class="space-y-4"> <section class="space-y-4">
@@ -468,7 +466,8 @@ async function save() {
<div class="grid gap-4 pl-3 border-l border-muted"> <div class="grid gap-4 pl-3 border-l border-muted">
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3"> <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
<Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider">任务名称</Label> <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider">任务名称</Label>
<Input v-model="form.name" placeholder="输入任务描述性名称" class="sm:col-span-3 h-9 bg-muted/30 border-muted-foreground/20 focus:bg-background transition-all" /> <Input v-model="form.name" placeholder="输入任务描述性名称"
:class="cn('sm:col-span-3 h-9 bg-muted/20 border-muted-foreground/15 transition-all focus:bg-background/50', form.name ? 'text-sm font-medium' : 'text-[11px] font-normal')" />
</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-start gap-3">
@@ -476,7 +475,9 @@ async function save() {
<div class="sm:col-span-3 space-y-2"> <div class="sm:col-span-3 space-y-2">
<div class="flex gap-2"> <div class="flex gap-2">
<div class="relative flex-1"> <div class="relative flex-1">
<Input v-model="tagInput" placeholder="输入标签按回车..." class="h-9 bg-muted/30 border-muted-foreground/20 pr-12" @keydown.enter.prevent="addTag" /> <Input v-model="tagInput" placeholder="输入标签按回车..."
:class="cn('h-9 bg-muted/20 border-muted-foreground/15 transition-all pr-12', tagInput ? 'text-sm font-medium' : 'text-[11px] font-normal')"
@keydown.enter.prevent="addTag" />
<Button type="button" variant="ghost" size="sm" class="absolute right-1 top-1 h-7 px-2 text-xs hover:bg-primary/10 hover:text-primary transition-colors" @click="addTag"> <Button type="button" variant="ghost" size="sm" class="absolute right-1 top-1 h-7 px-2 text-xs hover:bg-primary/10 hover:text-primary transition-colors" @click="addTag">
添加 添加
</Button> </Button>
@@ -498,7 +499,7 @@ async function save() {
<Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider">执行位置</Label> <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider">执行位置</Label>
<div class="sm:col-span-3"> <div class="sm:col-span-3">
<Select v-model="selectedAgentId"> <Select v-model="selectedAgentId">
<SelectTrigger class="h-9 bg-muted/30 border-muted-foreground/20"> <SelectTrigger class="h-9 bg-muted/20 border-muted-foreground/15">
<SelectValue placeholder="选择执行节点" /> <SelectValue placeholder="选择执行节点" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
@@ -523,7 +524,7 @@ async function save() {
<Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider">触发方式</Label> <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider">触发方式</Label>
<div class="sm:col-span-3"> <div class="sm:col-span-3">
<Select v-model="selectedTriggerType"> <Select v-model="selectedTriggerType">
<SelectTrigger class="h-9 bg-muted/30 border-muted-foreground/20"> <SelectTrigger class="h-9 bg-muted/20 border-muted-foreground/15">
<SelectValue /> <SelectValue />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
@@ -551,7 +552,8 @@ async function save() {
<div class="sm:col-span-3"> <div class="sm:col-span-3">
<div class="flex items-center gap-2.5 p-3 rounded-xl bg-amber-500/5 border border-amber-500/10 text-amber-600 dark:text-amber-400 text-[11px] leading-relaxed"> <div class="flex items-center gap-2.5 p-3 rounded-xl bg-amber-500/5 border border-amber-500/10 text-amber-600 dark:text-amber-400 text-[11px] leading-relaxed">
<AlertCircle class="h-4 w-4 shrink-0 text-amber-500" /> <AlertCircle class="h-4 w-4 shrink-0 text-amber-500" />
<p>请先在<b>「语言依赖」</b>中安装所需的运行时。任务执行时将使用该环境，确保所有依赖已正确配置（如果是执行 <b>bash</b> 脚本，可随便选择一个环境即可）。</p> </div> <p>请先在<b>「语言依赖」</b>中安装所需的运行时。执行脚本时将自动注入该环境。</p>
</div>
</div> </div>
</div> </div>
@@ -568,7 +570,7 @@ async function save() {
<div v-if="clang.name && getLangIcon(clang.name)" class="w-4 h-4 shrink-0 rounded-sm bg-white p-0.5 border shadow-sm"> <div v-if="clang.name && getLangIcon(clang.name)" class="w-4 h-4 shrink-0 rounded-sm bg-white p-0.5 border shadow-sm">
<img :src="getLangIcon(clang.name)" class="w-full h-full object-contain" /> <img :src="getLangIcon(clang.name)" class="w-full h-full object-contain" />
</div> </div>
<span class="font-medium">{{ clang.name || "选择插件..." }}</span> <span class="font-medium">{{ clang.name || "选择环境..." }}</span>
</div> </div>
<ChevronsUpDown class="ml-1 h-3 w-3 opacity-40" /> <ChevronsUpDown class="ml-1 h-3 w-3 opacity-40" />
</Button> </Button>
@@ -577,7 +579,8 @@ async function save() {
<div class="p-2 border-b bg-muted/30"> <div class="p-2 border-b bg-muted/30">
<div class="relative"> <div class="relative">
<Search class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" /> <Search class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
<Input v-model="pluginSearch" placeholder="搜索已安装语言..." class="h-8 pl-8 text-xs bg-background" /> <Input v-model="pluginSearch" placeholder="搜索已安装语言..."
:class="cn('h-8 pl-8 bg-background border-muted-foreground/20', pluginSearch ? 'text-xs font-medium' : 'text-[10px]')" />
</div> </div>
</div> </div>
<ScrollArea class="h-48 p-1"> <ScrollArea class="h-48 p-1">
@@ -613,7 +616,8 @@ async function save() {
<div class="p-2 border-b bg-muted/30"> <div class="p-2 border-b bg-muted/30">
<div class="relative"> <div class="relative">
<Search class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" /> <Search class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
<Input v-model="versionSearch" placeholder="搜索版本..." class="h-8 pl-8 text-xs bg-background" /> <Input v-model="versionSearch" placeholder="搜索版本..."
:class="cn('h-8 pl-8 bg-background border-muted-foreground/20', versionSearch ? 'font-mono text-xs font-medium' : 'text-[10px]')" />
</div> </div>
</div> </div>
<ScrollArea class="h-48 p-1"> <ScrollArea class="h-48 p-1">
@@ -635,7 +639,7 @@ async function save() {
</Button> </Button>
</div> </div>
<Button variant="outline" size="sm" class="w-full h-9 text-xs border-dashed border-muted-foreground/30 text-muted-foreground hover:text-primary hover:border-primary/50 transition-all bg-muted/10 hover:bg-primary/5" <Button variant="outline" size="sm" class="w-full h-9 text-xs border-dashed border-muted-foreground/30 text-muted-foreground hover:text-primary hover:border-primary/50 transition-all bg-muted/5 hover:bg-primary/5 rounded-xl"
@click="addLang"> @click="addLang">
<Plus class="h-4 w-4 mr-2" /> 添加运行时环境 (Mise) <Plus class="h-4 w-4 mr-2" /> 添加运行时环境 (Mise)
</Button> </Button>
@@ -646,8 +650,9 @@ async function save() {
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3"> <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
<Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">执行命令</Label> <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">执行命令</Label>
<div class="sm:col-span-3 relative"> <div class="sm:col-span-3 relative">
<Input v-model="form.command" placeholder="例如: python main.py --args" class="h-9 font-mono text-[13px] bg-muted/30 border-muted-foreground/20 focus:bg-background pr-10" /> <Input v-model="form.command" placeholder="例如: python main.py --args"
<Terminal class="absolute right-3 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground opacity-40" /> :class="cn('h-9 bg-muted/20 border-muted-foreground/15 transition-all focus:bg-background/50 pr-10', form.command ? 'font-mono text-sm tracking-tight font-medium' : 'text-[11px] font-normal')" />
<Terminal class="absolute right-3 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground opacity-40 pointer-events-none" />
</div> </div>
</div> </div>
@@ -655,39 +660,32 @@ async function save() {
<Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider">工作目录</Label> <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider">工作目录</Label>
<div class="sm:col-span-3"> <div class="sm:col-span-3">
<DirTreeSelect v-if="selectedAgentId === 'local'" v-model="currentWorkDir" class="h-9" /> <DirTreeSelect v-if="selectedAgentId === 'local'" v-model="currentWorkDir" class="h-9" />
<Input v-else v-model="currentWorkDir" placeholder="任务运行路径（留空取 Agent 默认值）" class="h-9 bg-muted/30 border-muted-foreground/20" /> <Input v-else v-model="currentWorkDir" placeholder="任务运行路径（留空取 Agent 默认值）"
:class="cn('h-9 bg-muted/20 border-muted-foreground/15 transition-all focus:bg-background/50', currentWorkDir ? 'font-mono text-sm tracking-tight font-medium' : 'text-[11px] font-normal')" />
</div> </div>
</div> </div>
<!-- 环境变量注入模式 -->
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3 pb-1"> <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3 pb-1">
<Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">注入模式</Label> <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider font-semibold">变量注入</Label>
<div class="sm:col-span-3"> <div class="sm:col-span-3">
<div class="flex items-center space-x-3 h-9"> <div class="flex items-center space-x-3 h-9">
<div class="flex items-center space-x-2 bg-muted/20 px-3 py-1.5 rounded-full border border-muted-foreground/10"> <div class="flex items-center space-x-2 bg-muted/10 px-3 py-1.5 rounded-full border border-muted-foreground/10 hover:bg-muted/20 transition-colors">
<Switch :model-value="allEnvsEnabled" @update:model-value="onAllEnvsChange" id="all-envs" class="scale-90" /> <Switch :model-value="allEnvsEnabled" @update:model-value="onAllEnvsChange" id="all-envs" class="scale-90" />
<Label for="all-envs" class="text-[11px] font-medium cursor-pointer">使用全量环境变量</Label> <Label for="all-envs" class="text-[11px] font-medium cursor-pointer">全量注入</Label>
</div> </div>
<Popover> <Popover>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button variant="ghost" size="icon" class="h-6 w-6 opacity-40 hover:opacity-100 hover:text-primary transition-all"> <Button variant="ghost" size="icon" class="h-6 w-6 opacity-30 hover:opacity-100 hover:text-primary transition-all">
<AlertCircle class="h-3.5 w-3.5" /> <AlertCircle class="h-3.5 w-3.5" />
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent class="w-80 p-4 text-[12px] bg-background/95 backdrop-blur-md border-primary/20 shadow-2xl ring-1 ring-primary/5" align="start"> <PopoverContent class="w-80 p-4 text-[12px] bg-background/95 backdrop-blur-md border-primary/20 shadow-2xl ring-1 ring-primary/5" align="start">
<div class="flex items-start gap-3"> <p class="font-bold text-xs uppercase tracking-tight text-primary mb-2">安全提示</p>
<div class="h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center shrink-0"> <p class="text-muted-foreground leading-normal mb-2">
<Zap class="h-4 w-4 text-primary" /> 开启此项后，<span class="text-foreground font-semibold">所有</span> 环境变量都将注入到进程中。
</div>
<div class="space-y-2.5">
<p class="font-bold text-xs uppercase tracking-tight text-primary">安全与全局提示</p>
<p class="text-muted-foreground leading-normal">
开启此项后，<span class="text-foreground font-semibold underline decoration-primary/30">所有</span> 存储在面板中的环境变量都将直接注入到此脚本的运行进程中。
</p> </p>
<div class="bg-destructive/10 border border-destructive/20 rounded-md p-2.5 text-destructive/80 text-[11px]"> <div class="bg-destructive/10 border border-destructive/20 rounded-md p-2 text-destructive/80 text-[10px]">
<strong>警告：</strong>此操作允许脚本访问您所有的敏感密钥。如果运行的是来源不明的第三方脚本，极其不建议开启此项。 警告：这可能会暴露您的敏感密钥给不受信任的脚本。
</div>
</div>
</div> </div>
</PopoverContent> </PopoverContent>
</Popover> </Popover>
@@ -700,7 +698,7 @@ async function save() {
<div class="sm:col-span-3 space-y-2"> <div class="sm:col-span-3 space-y-2">
<Popover> <Popover>
<PopoverTrigger as-child> <PopoverTrigger as-child>
<Button variant="outline" class="w-full justify-between h-9 bg-muted/10 border-muted-foreground/20 hover:bg-muted/30 font-normal transition-colors group"> <Button variant="outline" class="w-full justify-between h-9 bg-muted/10 border-muted-foreground/15 hover:bg-muted/20 font-normal transition-colors group rounded-xl">
<div class="flex items-center gap-2 text-muted-foreground group-hover:text-foreground"> <div class="flex items-center gap-2 text-muted-foreground group-hover:text-foreground">
<Search class="h-3.5 w-3.5 opacity-40" /> <Search class="h-3.5 w-3.5 opacity-40" />
<span class="text-xs">选择关联的环境变量...</span> <span class="text-xs">选择关联的环境变量...</span>
@@ -712,7 +710,8 @@ async function save() {
<div class="p-3 border-b bg-muted/20"> <div class="p-3 border-b bg-muted/20">
<div class="relative"> <div class="relative">
<Search class="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground opacity-50" /> <Search class="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground opacity-50" />
<Input v-model="envSearchQuery" placeholder="搜索变量名或备注..." class="pl-9 h-10 text-sm bg-background border-primary/20" /> <Input v-model="envSearchQuery" placeholder="搜索变量名或备注..."
:class="cn('pl-9 h-10 bg-background border-primary/20', envSearchQuery ? 'text-sm font-medium' : 'text-xs')" />
</div> </div>
</div> </div>
<ScrollArea class="h-64 p-2"> <ScrollArea class="h-64 p-2">
@@ -734,10 +733,10 @@ async function save() {
</PopoverContent> </PopoverContent>
</Popover> </Popover>
<div v-if="selectedEnvs.length > 0" class="flex flex-wrap gap-2 p-3 rounded-xl bg-muted/20 border border-muted-foreground/10 min-h-12 shadow-inner"> <div v-if="selectedEnvs.length > 0" class="flex flex-wrap gap-2 p-3 rounded-xl bg-muted/10 border border-muted-foreground/10 min-h-12">
<div v-for="env in selectedEnvs" :key="env?.id" <div v-for="env in selectedEnvs" :key="env?.id"
class="flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-background border border-muted-foreground/20 text-xs hover:border-primary/50 hover:bg-primary/5 transition-all group shadow-sm"> class="flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-background border border-muted-foreground/15 text-[11px] group shadow-sm transition-all hover:border-primary/30">
<span class="font-mono font-medium opacity-80 pl-1">{{ env?.name }}</span> <span class="font-mono font-medium opacity-80">{{ env?.name }}</span>
<Button variant="ghost" size="icon" class="h-4 w-4 rounded-full p-0 text-muted-foreground hover:text-destructive hover:bg-destructive/10" <Button variant="ghost" size="icon" class="h-4 w-4 rounded-full p-0 text-muted-foreground hover:text-destructive hover:bg-destructive/10"
@click="removeEnv(env!.id)"> @click="removeEnv(env!.id)">
<X class="h-2.5 w-2.5" /> <X class="h-2.5 w-2.5" />
@@ -774,13 +773,14 @@ async function save() {
</div> </div>
{{ cronDescription }} {{ cronDescription }}
</div> </div>
<div class="mt-2.5 space-y-2">
<div class="flex items-center gap-1.5 text-[10px] text-muted-foreground/70 uppercase font-bold tracking-tighter"> <div class="mt-3 space-y-2.5">
<Clock class="h-3 w-3" /> 格式指导: 秒 分 时 日 月 周 (必须使用 6 位表达式) <div class="flex items-center gap-2 text-[10px] text-muted-foreground/50 uppercase font-bold tracking-widest pl-0.5">
<Clock class="h-2.5 w-2.5" /> 格式指导: 秒 分 时 日 月 周
</div> </div>
<div class="flex flex-wrap gap-1.5"> <div class="flex flex-wrap gap-1.5">
<button v-for="preset in cronPresets" :key="preset.value" <button v-for="preset in cronPresets" :key="preset.value"
class="px-2 py-1 text-[10px] rounded-md bg-muted/50 border border-muted-foreground/10 hover:border-primary/50 hover:bg-primary/5 hover:text-primary transition-all font-medium" class="px-2.5 py-1 text-[10px] rounded-lg bg-muted/30 border border-transparent hover:border-primary/30 hover:bg-primary/5 hover:text-primary transition-all font-medium active:scale-95"
@click.prevent="form.schedule = preset.value"> @click.prevent="form.schedule = preset.value">
{{ preset.label }} {{ preset.label }}
</button> </button>
@@ -793,11 +793,12 @@ async function save() {
<Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider">随机延迟</Label> <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider">随机延迟</Label>
<div class="sm:col-span-3 flex items-center gap-4"> <div class="sm:col-span-3 flex items-center gap-4">
<div class="flex items-center gap-2 group"> <div class="flex items-center gap-2 group">
<Input :model-value="form.random_range" @update:model-value="v => form.random_range = Number(v || 0)" type="number" :min="0" class="w-20 h-9 bg-muted/30 text-center" /> <Input :model-value="form.random_range" @update:model-value="v => form.random_range = Number(v || 0)" type="number" :min="0"
:class="cn('w-20 h-9 bg-muted/20 border-muted-foreground/15 text-center transition-all', form.random_range ? 'font-mono text-sm font-bold' : 'text-xs')" />
<span class="text-xs font-semibold text-muted-foreground">秒</span> <span class="text-xs font-semibold text-muted-foreground">秒</span>
</div> </div>
<div class="flex-1 text-[11px] text-muted-foreground leading-snug p-2 rounded-lg bg-blue-500/5 border border-blue-500/10 italic"> <div class="flex-1 text-[11px] text-muted-foreground leading-snug p-2 rounded-lg bg-blue-500/5 border border-blue-500/10 italic">
在执行点后的 0 ~ {{ form.random_range || 0 }}s 随机触发 在运行点后 0 ~ {{ form.random_range || 0 }}s 随机触发
</div> </div>
</div> </div>
</div> </div>
@@ -808,53 +809,56 @@ async function save() {
<div class="sm:col-span-3 flex items-center gap-3"> <div class="sm:col-span-3 flex items-center gap-3">
<div class="flex items-center gap-2 flex-1"> <div class="flex items-center gap-2 flex-1">
<span class="text-[11px] text-muted-foreground mr-1 whitespace-nowrap">重试</span> <span class="text-[11px] text-muted-foreground mr-1 whitespace-nowrap">重试</span>
<Input :model-value="form.retry_count" @update:model-value="v => form.retry_count = Number(v || 0)" type="number" :min="0" class="w-20 h-9 bg-muted/30 text-center" /> <Input :model-value="form.retry_count" @update:model-value="v => form.retry_count = Number(v || 0)" type="number" :min="0"
:class="cn('w-20 h-9 bg-muted/20 border-muted-foreground/15 text-center rounded-lg', form.retry_count ? 'font-mono text-sm font-bold' : 'text-xs')" />
<span class="text-[11px] text-muted-foreground whitespace-nowrap ml-1">次</span> <span class="text-[11px] text-muted-foreground whitespace-nowrap ml-1">次</span>
</div> </div>
<div class="flex items-center gap-2 flex-1" v-if="form.retry_count && form.retry_count > 0"> <div class="flex items-center gap-2 flex-1" v-if="form.retry_count && form.retry_count > 0">
<span class="text-[11px] text-muted-foreground mr-1 whitespace-nowrap">间隔</span> <span class="text-[11px] text-muted-foreground mr-1 whitespace-nowrap">间隔</span>
<Input :model-value="form.retry_interval" @update:model-value="v => form.retry_interval = Number(v || 0)" type="number" :min="0" class="w-20 h-9 bg-muted/30 text-center" /> <Input :model-value="form.retry_interval" @update:model-value="v => form.retry_interval = Number(v || 0)" type="number" :min="0"
:class="cn('w-20 h-9 bg-muted/20 border-muted-foreground/15 text-center rounded-lg', form.retry_interval ? 'font-mono text-sm font-bold' : 'text-xs')" />
<span class="text-[11px] text-muted-foreground whitespace-nowrap ml-1">秒</span> <span class="text-[11px] text-muted-foreground whitespace-nowrap ml-1">秒</span>
</div> </div>
</div> </div>
</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-start gap-3">
<Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider">运行策略</Label> <Label class="sm:text-right text-xs text-muted-foreground uppercase tracking-wider pt-2.5">运行策略</Label>
<div class="sm:col-span-3 space-y-4"> <div class="sm:col-span-3 space-y-4">
<!-- 超时控制 --> <!-- 超时与日志 -->
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<Input :model-value="form.timeout" @update:model-value="v => 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 => form.timeout = Number(v || 0)" type="number" :min="0"
:class="cn('w-20 h-9 bg-muted/20 border-muted-foreground/15 text-center rounded-lg', form.timeout ? 'font-mono text-sm font-bold' : 'text-xs')" />
<span class="text-[11px] font-semibold text-muted-foreground">分钟超时</span> <span class="text-[11px] font-semibold text-muted-foreground">分钟超时</span>
</div> </div>
<div class="flex items-center gap-2 pl-4 border-l"> <div class="flex items-center gap-2 pl-4 border-l">
<Select :model-value="cleanType" @update:model-value="(v) => cleanType = String(v || 'none')"> <Select :model-value="cleanType" @update:model-value="(v) => cleanType = String(v || 'none')">
<SelectTrigger class="w-28 h-9 text-xs bg-muted/10"> <SelectTrigger class="w-28 h-9 text-xs bg-muted/10 border-muted-foreground/10 rounded-lg">
<SelectValue placeholder="日志策略" /> <SelectValue placeholder="日志策略" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
<SelectItem value="none">永久保留日志</SelectItem> <SelectItem value="none">不限制</SelectItem>
<SelectItem value="day">按天数清理</SelectItem> <SelectItem value="day">按天保存</SelectItem>
<SelectItem value="count">按条目清理</SelectItem> <SelectItem value="count">按条保存</SelectItem>
</SelectContent> </SelectContent>
</Select> </Select>
<Input v-if="cleanType && cleanType !== 'none'" :model-value="cleanKeep" @update:model-value="v => cleanKeep = Number(v || 30)" type="number" <Input v-if="cleanType && cleanType !== 'none'" :model-value="cleanKeep" @update:model-value="v => cleanKeep = Number(v || 30)" type="number"
class="w-16 h-9 bg-muted/30 text-center text-xs" /> :class="cn('w-16 h-9 bg-muted/20 border-muted-foreground/15 text-center rounded-lg', cleanKeep ? 'font-mono text-sm font-bold' : 'text-xs')" />
</div> </div>
</div> </div>
<!-- 并发控制 --> <!-- 并发控制 -->
<div class="p-3 rounded-xl bg-muted/20 border border-muted-foreground/10 space-y-2.5"> <div class="p-3 rounded-xl bg-muted/10 border border-muted-foreground/10 space-y-2">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div class="flex items-center gap-2 text-xs font-semibold"> <div class="flex items-center gap-2 text-xs font-bold uppercase tracking-tighter">
<Zap :class="cn('h-3.5 w-3.5', concurrencyEnabled ? 'text-primary' : 'text-muted-foreground')" /> <Zap :class="cn('h-3.5 w-3.5', concurrencyEnabled ? 'text-primary' : 'text-muted-foreground/30')" />
并发控制 任务并发控制
</div> </div>
<Switch :model-value="concurrencyEnabled" @update:model-value="onConcurrencyChange" /> <Switch :model-value="concurrencyEnabled" @update:model-value="onConcurrencyChange" class="scale-90" />
</div> </div>
<p class="text-[11px] text-muted-foreground leading-relaxed"> <p class="text-[11px] text-muted-foreground/70 leading-relaxed italic">
{{ concurrencyEnabled ? '允许同时开启多个执行副本，不限制并行。' : '当前任务正在执行时，再次触发将被忽略。' }} {{ concurrencyEnabled ? '允许多个副本同时执行。' : '正在执行时，拦截后续触发。' }}
</p> </p>
</div> </div>
</div> </div>
@@ -864,11 +868,11 @@ async function save() {
</div> </div>
</ScrollArea> </ScrollArea>
<div class="flex items-center justify-between px-6 py-4 bg-muted/30 border-t shrink-0"> <div class="flex items-center justify-between px-6 py-4 bg-muted/20 border-t shrink-0 backdrop-blur-sm">
<p class="text-[10px] text-muted-foreground">最后编辑于: {{ isEdit ? (form.updated_at || '刚才') : '现在' }}</p> <p class="text-[10px] text-muted-foreground/50 italic">最后编辑于: {{ isEdit ? (form.updated_at || '刚才') : '现在' }}</p>
<div class="flex gap-3"> <div class="flex gap-3">
<Button variant="ghost" size="sm" class="hover:bg-muted font-medium text-xs px-6" @click="emit('update:open', false)">取消</Button> <Button variant="ghost" size="sm" class="hover:bg-muted font-medium text-xs px-6" @click="emit('update:open', false)">取消</Button>
<Button size="sm" class="px-8 font-semibold text-xs shadow-lg shadow-primary/20 transition-all hover:scale-105 active:scale-95 bg-primary hover:bg-primary/90" @click="save"> <Button size="sm" class="px-8 font-semibold text-xs shadow-lg shadow-primary/20 transition-all hover:scale-[1.02] active:scale-[0.98] bg-primary hover:bg-primary/90" @click="save">
确定保存 确定保存
</Button> </Button>
</div> </div>