-
事件列表 ({displayEvents.length})
+
+ 事件列表 ({displayEvents.length})
-
- 类型
- 原因
- 对象
- 消息
- 次数
- 命名空间
- 最后时间
-
+
+
+ 类型
+ 原因
+ 对象
+ 消息
+ 次数
+ 命名空间
+ 最后时间
+
+
{displayEvents.length === 0 ? (
-
- {loading ? ⏳ : '暂无事件'}
-
+
+
+ {loading ? : '暂无事件'}
+
+
) : displayEvents.slice(0, 200).map((e, i) => {
const rowKey = `${e.name}-${i}`;
const isExpanded = expandedRow === rowKey;
+ const isWarning = e.type === 'Warning';
return (
setExpandedRow(isExpanded ? null : rowKey)}
>
- {e.type === 'Warning' ? (
- W
- ) : (
- N
- )}
+
+ {isWarning ? 'Warning' : 'Normal'}
+
-
- {e.reason || '-'}
-
- {e.object || '-'}
-
+ {e.reason || '-'}
+ {e.object || '-'}
+
{e.message || '-'}
{isExpanded && (
-
-
首次出现: {formatTime(e.first_time)} ({formatRelative(e.first_time)})
-
最后出现: {formatTime(e.last_time)} ({formatRelative(e.last_time)})
-
事件名称: {e.name}
+
+
首次: {formatTime(e.first_time)} ({formatRelative(e.first_time)})
+
最后: {formatTime(e.last_time)} ({formatRelative(e.last_time)})
+
名称: {e.name}
)}
-
- {e.count > 1 ? {e.count} : 1}
-
-
{e.namespace || '-'}
-
+ {e.count > 1 ? e.count : 1}
+ {e.namespace || '-'}
+
{formatTime(e.last_time)}
- {formatRelative(e.last_time)}
+ {formatRelative(e.last_time)}
);
@@ -434,12 +364,12 @@ export default function EventsPage() {
{displayEvents.length > 200 && (
-
- 仅显示前 200 条，共 {displayEvents.length} 条事件
+
+ 仅显示前 200 条，共 {displayEvents.length} 条
)}
);
-}
+}
\ No newline at end of file
diff --git a/frontend/src/components/kubernetes/NamespaceResourcePage.tsx b/frontend/src/components/kubernetes/NamespaceResourcePage.tsx
index 017b16d..4d63708 100644
--- a/frontend/src/components/kubernetes/NamespaceResourcePage.tsx
+++ b/frontend/src/components/kubernetes/NamespaceResourcePage.tsx
@@ -13,9 +13,11 @@ import {
import {
RefreshCw, Search, Loader2, Boxes, Container,
Network, FileText, Shield, Activity, Clock, ChevronRight,
- Download, FileCode, Pencil, Terminal, HardDrive,
+ Download, FileCode, Pencil, Terminal, HardDrive, Plus, Upload,
} from 'lucide-react';
import { YamlViewer } from './YamlViewer';
+import { ResourceVisualEditor } from './ResourceVisualEditor';
+import { YamlImportDialog } from './YamlImportDialog';
import { PodExecTerminal } from './PodExecTerminal';
import { PodFileBrowser } from './PodFileBrowser';
import { kubernetesApi } from '@/api';
@@ -27,6 +29,18 @@ type ResourceType =
| 'pvcs' | 'statefulsets' | 'daemonsets'
| 'serviceaccounts' | 'roles' | 'rolebindings';
+// 支持可视化编辑/新建的资源类型 // Logan.Li
+const VISUAL_RESOURCE_TYPES: ResourceType[] = ['services', 'ingresses', 'configmaps', 'secrets', 'pvcs'];
+
+const VisualActions = ({ name, opts }: { name: string; opts: { onYaml?: (n: string) => void; onEdit?: (n: string) => void } }) => (
+
+
+
+
+);
+
const RESOURCE_CONFIG: Record
{s.type || '-'}
{s.cluster_ip || '-'}
{s.ports || '-'}
-
-
-
+ e.stopPropagation()}>
),
},
@@ -122,10 +133,7 @@ const RESOURCE_CONFIG: Record{i.namespace}
{hosts.length > 0 ? hosts.join(', ') : '-'}
{i.tls ? 'HTTPS' : 'HTTP'}
-
-
-
+ e.stopPropagation()}>
);
},
@@ -138,10 +146,7 @@ const RESOURCE_CONFIG: Record{c.name}
{c.namespace}
{c.key_count || '-'}
-
-
-
+ e.stopPropagation()}>
),
},
@@ -153,10 +158,7 @@ const RESOURCE_CONFIG: Record{s.name}
{s.namespace}
{s.type || '-'}
-
-
-
+ e.stopPropagation()}>
),
},
@@ -197,10 +199,7 @@ const RESOURCE_CONFIG: Record{p.phase || '-'}
{p.size || '-'}
{p.storage_class || '-'}
-
-
-
+ e.stopPropagation()}>
),
},
@@ -338,6 +337,8 @@ export default function NamespaceResourcePage() {
const [loading, setLoading] = useState(false);
const [search, setSearch] = useState('');
const [yamlItem, setYamlItem] = useState<{resource: string; name: string; editMode?: boolean} | null>(null);
+ const [visualItem, setVisualItem] = useState<{ resource: string; name: string; isCreate?: boolean } | null>(null);
+ const [showYamlImport, setShowYamlImport] = useState(false);
const [terminalPod, setTerminalPod] = useState(null);
const [fileBrowserPod, setFileBrowserPod] = useState(null);
@@ -405,8 +406,15 @@ export default function NamespaceResourcePage() {
};
const handleYaml = (name: string) => setYamlItem({ resource: type, name });
- // 网络/配置/存储统一走 YamlViewer 编辑（清理只读字段 + CodeMirror）// Logan.Li
- const handleEdit = (name: string) => setYamlItem({ resource: type, name, editMode: true });
+ // 网络/配置/存储走可视化编辑器，YAML 作为高级入口 // Logan.Li
+ const handleEdit = (name: string) => {
+ if (VISUAL_RESOURCE_TYPES.includes(type)) {
+ setVisualItem({ resource: type, name });
+ } else {
+ setYamlItem({ resource: type, name, editMode: true });
+ }
+ };
+ const handleCreate = () => setVisualItem({ resource: type, name: '', isCreate: true });
const handleExportCSV = () => kubernetesApi.exportAsCSV(`${type}-${clusterCode}-${namespace}.csv`, filtered);
const handleExportJSON = () => kubernetesApi.exportAsJSON(`${type}-${clusterCode}-${namespace}.json`, filtered);
@@ -426,6 +434,24 @@ export default function NamespaceResourcePage() {
autoEdit={yamlItem.editMode === true}
/>
)}
+ {showYamlImport && (
+ setShowYamlImport(false)}
+ onApplied={loadData}
+ />
+ )}
+ {visualItem && (
+ setVisualItem(null)}
+ onSaved={loadData}
+ />
+ )}
集群
@@ -456,6 +482,16 @@ export default function NamespaceResourcePage() {
+ {VISUAL_RESOURCE_TYPES.includes(type) && (
+ <>
+
+
+
+ )}
diff --git a/frontend/src/components/kubernetes/ResourceVisualEditor.tsx b/frontend/src/components/kubernetes/ResourceVisualEditor.tsx
index c3accd1..3becef8 100644
--- a/frontend/src/components/kubernetes/ResourceVisualEditor.tsx
+++ b/frontend/src/components/kubernetes/ResourceVisualEditor.tsx
@@ -1,7 +1,4 @@
-// ResourceVisualEditor.tsx — Kubernetes 资源可视化编辑器
-// 支持：ConfigMap / Secret / Service / Ingress / PVC
-// 替代纯 YAML 编辑，提供表单式交互体验
-// 作者: Logan
+// ResourceVisualEditor — ConfigMap/Secret/Service/Ingress/PVC 可视化编辑 // Logan.Li
import { useState, useEffect, useCallback } from 'react';
import { X, Save, Loader2, Plus, Trash2, FileText, Network, Shield, Database, ChevronRight} from 'lucide-react';
import { Button } from '@/components/ui/button';
@@ -15,6 +12,8 @@ import CodeMirror from '@uiw/react-codemirror';
import { yaml } from '@codemirror/lang-yaml';
import { oneDark } from '@codemirror/theme-one-dark';
import { cleanYAML } from './k8s-yaml-utils';
+import { createEmptyManifest } from './resource-create-templates';
+import { parseManifest, dumpManifest, prepareManifestForSave } from './k8s-manifest-utils';
interface ResourceVisualEditorProps {
clusterCode: string;
@@ -23,69 +22,80 @@ interface ResourceVisualEditorProps {
name: string;
onClose: () => void;
onSaved?: () => void;
+ /** 新建模式：不拉取远端 YAML，使用空模板 // Logan.Li */
+ isCreate?: boolean;
}
-// Simple YAML→JS parser (avoids js-yaml dependency — K8s API returns JSON-compatible YAML)
-function tryParseYAML(text: string): any {
- try { return JSON.parse(text); } catch {}
- // Fallback: try trimming and re-parsing as JSON (K8s API mostly returns JSON-serialized YAML)
- try {
- const lines = text.split('\n').filter(l => !l.trim().startsWith('#'));
- return JSON.parse(lines.join('\n'));
- } catch { return null; }
-}
-
-export function ResourceVisualEditor({ clusterCode, namespace, resource, name, onClose, onSaved }: ResourceVisualEditorProps) {
+export function ResourceVisualEditor({ clusterCode, namespace, resource, name, onClose, onSaved, isCreate = false }: ResourceVisualEditorProps) {
const { toast } = useToast();
const [loading, setLoading] = useState(true);
const [saving, setSaving] = useState(false);
const [rawYaml, setRawYaml] = useState('');
const [manifest, setManifest] = useState(null);
- // Track which tab: 'visual' | 'yaml'
const [mode, setMode] = useState<'visual' | 'yaml'>('visual');
- // YAML editor state (for fallback yaml mode)
const [editYaml, setEditYaml] = useState('');
const loadData = useCallback(async () => {
setLoading(true);
try {
+ if (isCreate) {
+ const empty = createEmptyManifest(resource, namespace, name || '');
+ setManifest(empty);
+ setEditYaml(JSON.stringify(empty, null, 2));
+ setRawYaml('');
+ return;
+ }
const text = await kubernetesApi.getResourceYaml(clusterCode, namespace, resource, name);
const cleaned = cleanYAML(text);
setRawYaml(text);
setEditYaml(cleaned);
- const parsed = tryParseYAML(cleaned);
+ const parsed = await parseManifest(cleaned);
setManifest(parsed);
if (!parsed) {
- // Can't parse — fall back to YAML mode
setMode('yaml');
toast({ title: '可视化编辑不可用', description: '无法解析资源结构，已切换到 YAML 编辑模式' });
}
} catch (e) {
toast({ title: '加载失败', description: (e as Record).message, variant: 'destructive' });
} finally { setLoading(false); }
- }, [clusterCode, namespace, resource, name]);
+ }, [clusterCode, namespace, resource, name, isCreate]);
useEffect(() => { loadData(); }, [loadData]);
- const handleSave = async ( updatedManifest: any) => {
+ const handleSave = async (updatedManifest: any) => {
setSaving(true);
try {
- // Serialize manifest back to YAML
- const yamlStr = manifestToYaml(updatedManifest);
- await kubernetesApi.updateResourceYaml(clusterCode, namespace, resource, name, yamlStr);
- toast({ title: '保存成功', description: `${resource}/${name} 已更新` });
+ const yamlStr = await prepareManifestForSave(updatedManifest);
+ const resName = updatedManifest?.metadata?.name || name;
+ if (isCreate) {
+ if (!resName?.trim()) {
+ toast({ title: '请填写名称', variant: 'destructive' });
+ return;
+ }
+ await kubernetesApi.applyYAML(clusterCode, yamlStr);
+ toast({ title: '创建成功', description: `${resource}/${resName}` });
+ } else {
+ await kubernetesApi.updateResourceYaml(clusterCode, namespace, resource, name, yamlStr);
+ toast({ title: '保存成功', description: `${resource}/${name} 已更新` });
+ }
onSaved?.();
onClose();
} catch (e) {
- toast({ title: '保存失败', description: (e as Record).message, variant: 'destructive' });
+ toast({ title: isCreate ? '创建失败' : '保存失败', description: (e as Record).message, variant: 'destructive' });
} finally { setSaving(false); }
};
const handleSaveYaml = async () => {
setSaving(true);
try {
- await kubernetesApi.updateResourceYaml(clusterCode, namespace, resource, name, editYaml);
- toast({ title: 'YAML 已应用', description: `${resource}/${name} 更新成功` });
+ const yamlStr = cleanYAML(editYaml);
+ if (isCreate) {
+ await kubernetesApi.applyYAML(clusterCode, yamlStr);
+ toast({ title: '创建成功', description: 'YAML 已应用' });
+ } else {
+ await kubernetesApi.updateResourceYaml(clusterCode, namespace, resource, name, yamlStr);
+ toast({ title: 'YAML 已应用', description: `${resource}/${name} 更新成功` });
+ }
onSaved?.();
onClose();
} catch (e) {
@@ -93,13 +103,24 @@ export function ResourceVisualEditor({ clusterCode, namespace, resource, name, o
} finally { setSaving(false); }
};
- // Manifest → YAML string (JSON serialization works as YAML superset for K8s API)
- function manifestToYaml( m: any): string {
- // Use 2-space indented JSON — K8s API accepts JSON as YAML
- return JSON.stringify(m, null, 2);
- }
+ // 可视化 ↔ YAML 双向同步 // Logan.Li
+ const switchToVisual = async () => {
+ const parsed = await parseManifest(editYaml);
+ if (!parsed) {
+ toast({ title: '无法解析 YAML', description: '请检查语法后继续用 YAML 模式', variant: 'destructive' });
+ return;
+ }
+ setManifest(parsed);
+ setMode('visual');
+ };
- // ─── Resource type config ───
+ const switchToYaml = async () => {
+ if (manifest) {
+ const dumped = await dumpManifest(manifest);
+ setEditYaml(cleanYAML(dumped));
+ }
+ setMode('yaml');
+ };
const resourceMeta: Record = {
configmaps: { title: 'ConfigMap', icon: FileText, color: 'text-blue-400' },
secrets: { title: 'Secret', icon: Shield, color: 'text-amber-400' },
@@ -118,8 +139,8 @@ export function ResourceVisualEditor({ clusterCode, namespace, resource, name, o
-
{meta.title} 编辑器
-
{name} · {namespace} · {clusterCode}
+
{isCreate ? `新建 ${meta.title}` : `${meta.title} 编辑`}
+
{isCreate ? namespace : name} · {namespace} · {clusterCode}
@@ -127,12 +148,12 @@ export function ResourceVisualEditor({ clusterCode, namespace, resource, name, o
@@ -165,11 +186,11 @@ export function ResourceVisualEditor({ clusterCode, namespace, resource, name, o
该资源类型暂不支持可视化编辑
@@ -192,8 +213,9 @@ export function ResourceVisualEditor({ clusterCode, namespace, resource, name, o
// ══════════════════════════════════════════════
// ConfigMap 编辑器 — 键值对表格
// ══════════════════════════════════════════════
-function ConfigMapEditor({ manifest, onSave, saving }: { manifest: any; onSave: ( m: any) => void; saving: boolean }) {
+function ConfigMapEditor({ manifest, onSave, saving, isCreate }: { manifest: any; onSave: (m: any) => void; saving: boolean; isCreate?: boolean }) {
const data = manifest?.data || {};
+ const [resName, setResName] = useState(manifest?.metadata?.name || '');
const [entries, setEntries] = useState<{ key: string; value: string }[]>(
Object.entries(data).map(([key, value]) => ({ key, value: String(value) }))
);
@@ -212,14 +234,14 @@ function ConfigMapEditor({ manifest, onSave, saving }: { manifest: any; onSave:
entries.forEach(e => {
if (e.key.trim()) newData[e.key.trim()] = e.value;
});
- onSave({ ...manifest, data: newData });
+ onSave({ ...manifest, metadata: { ...manifest.metadata, name: resName.trim() }, data: newData });
};
return (
-
+ setResName(e.target.value)} readOnly={!isCreate} className="mt-1 font-mono text-xs bg-[var(--dg-bg-tertiary)]" />
@@ -264,8 +286,9 @@ function ConfigMapEditor({ manifest, onSave, saving }: { manifest: any; onSave:
// ══════════════════════════════════════════════
// Secret 编辑器 — 键值对表格 (Base64 编码/解码)
// ══════════════════════════════════════════════
-function SecretEditor({ manifest, onSave, saving }: { manifest: any; onSave: ( m: any) => void; saving: boolean }) {
+function SecretEditor({ manifest, onSave, saving, isCreate }: { manifest: any; onSave: (m: any) => void; saving: boolean; isCreate?: boolean }) {
const rawData = manifest?.data || {};
+ const [resName, setResName] = useState(manifest?.metadata?.name || '');
// Decode base64 values for editing
const [entries, setEntries] = useState<{ key: string; value: string; encoded: boolean }[]>(
Object.entries(rawData).map(([key, value]) => {
@@ -297,14 +320,14 @@ function SecretEditor({ manifest, onSave, saving }: { manifest: any; onSave: ( m
newData[e.key.trim()] = e.encoded ? btoa(e.value) : e.value;
}
});
- onSave({ ...manifest, data: newData });
+ onSave({ ...manifest, metadata: { ...manifest.metadata, name: resName.trim() }, data: newData });
};
return (
-
+ setResName(e.target.value)} readOnly={!isCreate} className="mt-1 font-mono text-xs bg-[var(--dg-bg-tertiary)]" />
@@ -353,8 +376,9 @@ function SecretEditor({ manifest, onSave, saving }: { manifest: any; onSave: ( m
// ══════════════════════════════════════════════
// Service 编辑器 — 端口配置 + 类型 + 选择器
// ══════════════════════════════════════════════
-function ServiceEditor({ manifest, onSave, saving }: { manifest: any; onSave: ( m: any) => void; saving: boolean }) {
+function ServiceEditor({ manifest, onSave, saving, isCreate }: { manifest: any; onSave: (m: any) => void; saving: boolean; isCreate?: boolean }) {
const spec = manifest?.spec || {};
+ const [resName, setResName] = useState(manifest?.metadata?.name || '');
const [svcType, setSvcType] = useState(spec.type || 'ClusterIP');
const [ports, setPorts] = useState
(
(spec.ports || []).map(( p: any) => ({
@@ -401,28 +425,34 @@ function ServiceEditor({ manifest, onSave, saving }: { manifest: any; onSave: (
const selObj: Record = {};
selector.forEach(s => { if (s.key.trim()) selObj[s.key.trim()] = s.value; });
newSpec.selector = selObj;
- onSave({ ...manifest, spec: newSpec });
+ onSave({ ...manifest, metadata: { ...manifest.metadata, name: resName.trim() }, spec: newSpec });
};
+ const svcTypes = [
+ { value: 'ClusterIP', label: 'ClusterIP' },
+ { value: 'NodePort', label: 'NodePort' },
+ { value: 'LoadBalancer', label: 'LoadBalancer' },
+ ];
+
return (
-
-
-
-
-
-
-
-
+
+
+ setResName(e.target.value)} readOnly={!isCreate} className="mt-1 font-mono text-xs bg-[var(--dg-bg-tertiary)]" />
+
+
+
+
+ {svcTypes.map((t) => (
+
+ ))}
@@ -484,8 +514,10 @@ function ServiceEditor({ manifest, onSave, saving }: { manifest: any; onSave: (
// ══════════════════════════════════════════════
// Ingress 编辑器 — Host/Path 路由规则
// ══════════════════════════════════════════════
-function IngressEditor({ manifest, onSave, saving }: { manifest: any; onSave: ( m: any) => void; saving: boolean }) {
+function IngressEditor({ manifest, onSave, saving, isCreate }: { manifest: any; onSave: (m: any) => void; saving: boolean; isCreate?: boolean }) {
const spec = manifest?.spec || {};
+ const [resName, setResName] = useState(manifest?.metadata?.name || '');
+ const [ingressClass, setIngressClass] = useState(spec.ingressClassName || 'nginx');
const [rules, setRules] = useState<{ host: string; paths: { path: string; pathType: string; serviceName: string; servicePort: string }[] }[]>(
(spec.rules || []).map(( r: any) => ({
host: r.host || '',
@@ -537,14 +569,23 @@ function IngressEditor({ manifest, onSave, saving }: { manifest: any; onSave: (
})),
},
}));
- onSave({ ...manifest, spec: { ...spec, rules: newRules } });
+ const newSpec: Record
= { ...spec, rules: newRules };
+ if (ingressClass.trim()) newSpec.ingressClassName = ingressClass.trim();
+ else delete newSpec.ingressClassName;
+ onSave({ ...manifest, metadata: { ...manifest.metadata, name: resName.trim() }, spec: newSpec });
};
return (
-
-
-
+
@@ -594,9 +635,10 @@ function IngressEditor({ manifest, onSave, saving }: { manifest: any; onSave: (
// ══════════════════════════════════════════════
// PVC 编辑器 — 存储大小/访问模式/StorageClass
// ══════════════════════════════════════════════
-function PvcEditor({ manifest, onSave, saving }: { manifest: any; onSave: ( m: any) => void; saving: boolean }) {
+function PvcEditor({ manifest, onSave, saving, isCreate }: { manifest: any; onSave: (m: any) => void; saving: boolean; isCreate?: boolean }) {
const spec = manifest?.spec || {};
const resources = spec.resources?.requests || {};
+ const [resName, setResName] = useState(manifest?.metadata?.name || '');
const [size, setSize] = useState(resources.storage || '1Gi');
const [accessMode, setAccessMode] = useState(spec.accessModes?.[0] || 'ReadWriteOnce');
const [storageClass, setStorageClass] = useState(spec.storageClassName || '');
@@ -604,6 +646,7 @@ function PvcEditor({ manifest, onSave, saving }: { manifest: any; onSave: ( m: a
const handleSave = () => {
onSave({
...manifest,
+ metadata: { ...manifest.metadata, name: resName.trim() },
spec: {
...spec,
accessModes: [accessMode],
@@ -617,7 +660,7 @@ function PvcEditor({ manifest, onSave, saving }: { manifest: any; onSave: ( m: a
-
+ setResName(e.target.value)} readOnly={!isCreate} className="mt-1 font-mono text-xs bg-[var(--dg-bg-tertiary)]" />
diff --git a/frontend/src/components/kubernetes/YamlImportDialog.tsx b/frontend/src/components/kubernetes/YamlImportDialog.tsx
new file mode 100644
index 0000000..c21a930
--- /dev/null
+++ b/frontend/src/components/kubernetes/YamlImportDialog.tsx
@@ -0,0 +1,76 @@
+// YAML 导入对话框 — 粘贴/应用多文档 manifest // Logan.Li
+import { useState } from 'react';
+import { X, Upload, Loader2 } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { useToast } from '@/hooks/use-toast';
+import { kubernetesApi } from '@/api';
+import CodeMirror from '@uiw/react-codemirror';
+import { yaml } from '@codemirror/lang-yaml';
+import { oneDark } from '@codemirror/theme-one-dark';
+
+interface YamlImportDialogProps {
+ clusterCode: string;
+ onClose: () => void;
+ onApplied?: () => void;
+}
+
+export function YamlImportDialog({ clusterCode, onClose, onApplied }: YamlImportDialogProps) {
+ const { toast } = useToast();
+ const [content, setContent] = useState('');
+ const [applying, setApplying] = useState(false);
+
+ const apply = async () => {
+ if (!content.trim()) {
+ toast({ title: '请输入 YAML', variant: 'destructive' });
+ return;
+ }
+ setApplying(true);
+ try {
+ await kubernetesApi.applyYAML(clusterCode, content);
+ toast({ title: '导入成功', description: 'YAML 已应用到集群' });
+ onApplied?.();
+ onClose();
+ } catch (e) {
+ toast({ title: '导入失败', description: (e as Record
).message, variant: 'destructive' });
+ } finally { setApplying(false); }
+ };
+
+ return (
+
+
e.stopPropagation()}
+ >
+
+
+
+
+
导入 YAML
+
支持多文档（--- 分隔），适用于新建或更新资源
+
+
+
+
+
+
+
+
+
+
+
+
+
- {/* Tab 导航 */}
- {tabs.map(tab => {
+ {tabs.map((tab) => {
const active = activeTab === tab.key;
const Icon = tab.icon;
return (
);
})}
- {/* Tab 内容 */}
- {activeTab === 'basic' ? (
-
- ) : activeTab === 'containers' ? (
- /* M7: 完整容器编辑器 — 工作容器 + 初始化容器 */
-
- ) : activeTab === 'storage' ? (
- /* M8: 存储挂载 — volumes + volumeMounts 汇总 */
-
- ) : activeTab === 'advanced' ? (
- /* M8: 高级设置 — 更新策略/调度/DNS/安全上下文/终止宽限期 */
-
- ) : activeTab === 'service' ? (
- /* M9: 服务/应用路由 — 关联 Service + Ingress，可创建 */
-
- ) : null}
+ {activeTab === 'basic' &&
}
+ {activeTab === 'containers' &&
}
+ {activeTab === 'storage' &&
}
+ {activeTab === 'advanced' &&
}
+ {activeTab === 'service' &&
}