refactor: Deployment详情页优化 — 查看/编辑/YAML模式精简, 副本数移至Tab栏, 伸缩改HPA+CronHPA

This commit is contained in:
attacker committed 2026-06-24 04:23:25 +00:00
1 parent d52fe8749d
commit be9db65a22
3 files changed
+172 -42

No files matched your search

@@ -302,25 +302,25 @@ export function DeploymentWorkload({ clusterCode, namespace, deploymentName, mod
</div>
<div className="flex items-center gap-2">
{/* 模式切换 Tab — 三模式:查看 / 编辑 / YAML */}
{/* 模式切换 — 查看 / 编辑 / YAML */}
<div className="inline-flex rounded-md border border-slate-700 overflow-hidden">
<button
className={`px-3 py-1.5 text-xs font-medium transition-colors ${mode === 'view' ? 'bg-slate-700 text-slate-100' : 'bg-transparent text-slate-400 hover:text-slate-200'}`}
onClick={() => onModeChange('view')}
>
查看模式
查看
</button>
<button
className={`px-3 py-1.5 text-xs font-medium transition-colors ${mode === 'edit' ? 'bg-blue-600 text-white' : 'bg-transparent text-slate-400 hover:text-slate-200'}`}
onClick={() => onModeChange('edit')}
>
<Pencil className="h-3 w-3 inline mr-1" />编辑模式
编辑
</button>
<button
className={`px-3 py-1.5 text-xs font-medium transition-colors ${mode === 'yaml' ? 'bg-emerald-600 text-white' : 'bg-transparent text-slate-400 hover:text-slate-200'}`}
onClick={() => onModeChange('yaml')}
>
<FileCode className="h-3 w-3 inline mr-1" />YAML编辑
YAML
</button>
</div>
@@ -330,9 +330,6 @@ export function DeploymentWorkload({ clusterCode, namespace, deploymentName, mod
{/* 操作按钮行 */}
<div className="flex items-center gap-1.5">
<Button variant="outline" size="sm" className="border-slate-700 text-slate-300" onClick={() => onModeChange('edit')}>
<Pencil className="h-3.5 w-3.5 mr-1" />编辑
</Button>
<Button variant="outline" size="sm" className="border-slate-700 text-slate-300" onClick={() => setModal({ kind: 'image' })}>
<ImageIcon className="h-3.5 w-3.5 mr-1" />调整镜像
</Button>