style: 界面文案 K8s 统一改为 Kubernetes 全称(枚举值不变)
This commit is contained in:
1 parent
8bd323cc73
commit
8ee08e08da
5 files changed
+10
-10
No files matched your search
@@ -106,9 +106,9 @@ func seedDemoData() {
|
|||||||
|
|
||||||
log.Println("[seed] 首次启动,写入示例数据…")
|
log.Println("[seed] 首次启动,写入示例数据…")
|
||||||
|
|
||||||
// ---- 流水线 1:aiops-backend(Go + K8s) ----
|
// ---- 流水线 1:aiops-backend(Go + Kubernetes) ----
|
||||||
backend := model.Pipeline{
|
backend := model.Pipeline{
|
||||||
Name: "aiops-backend", Description: "AIOps 后端服务(Go + K8s 滚动发布)",
|
Name: "aiops-backend", Description: "AIOps 后端服务(Go + Kubernetes 滚动发布)",
|
||||||
Type: "native", SourceRepo: "https://gitee.com/attacker/aiops.git", SourceBranch: "master",
|
Type: "native", SourceRepo: "https://gitee.com/attacker/aiops.git", SourceBranch: "master",
|
||||||
DeployType: "k8s", Env: "production",
|
DeployType: "k8s", Env: "production",
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -88,7 +88,7 @@ export default function BasicInfoPanel({ pipelineId }: Props) {
|
|||||||
<label className="text-[12px]" style={{ color: 'var(--text-secondary)' }}>部署方式</label>
|
<label className="text-[12px]" style={{ color: 'var(--text-secondary)' }}>部署方式</label>
|
||||||
<select value={form.deployType} onChange={(e) => set('deployType', e.target.value)} className="w-full px-3 py-2 text-[13px] rounded-md border outline-none" style={inputStyle}>
|
<select value={form.deployType} onChange={(e) => set('deployType', e.target.value)} className="w-full px-3 py-2 text-[13px] rounded-md border outline-none" style={inputStyle}>
|
||||||
<option value="host">主机部署</option>
|
<option value="host">主机部署</option>
|
||||||
<option value="k8s">K8s 部署</option>
|
<option value="k8s">Kubernetes 部署</option>
|
||||||
<option value="gitops">GitOps</option>
|
<option value="gitops">GitOps</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -299,7 +299,7 @@ export default function BatchRelease({ onViewRecords }: { onViewRecords?: () =>
|
|||||||
<div className="text-[13px] font-medium" style={{ color: 'var(--text-primary)' }}>{p.name}</div>
|
<div className="text-[13px] font-medium" style={{ color: 'var(--text-primary)' }}>{p.name}</div>
|
||||||
<div className="flex items-center gap-1 text-[12px]" style={{ color: 'var(--text-secondary)' }}><GitBranch className="w-3 h-3" /> {p.branch}</div>
|
<div className="flex items-center gap-1 text-[12px]" style={{ color: 'var(--text-secondary)' }}><GitBranch className="w-3 h-3" /> {p.branch}</div>
|
||||||
<div><span className="text-[10px] px-1.5 py-[2px] rounded font-medium" style={{ background: tp.bg, color: tp.color }}>{tp.label}</span></div>
|
<div><span className="text-[10px] px-1.5 py-[2px] rounded font-medium" style={{ background: tp.bg, color: tp.color }}>{tp.label}</span></div>
|
||||||
<div className="text-[12px]" style={{ color: 'var(--text-secondary)' }}>{p.deployType === 'k8s' ? <span className="flex items-center gap-1"><CloudCog className="w-3 h-3" /> K8s</span> : p.deployType === 'gitops' ? <span className="flex items-center gap-1"><CloudCog className="w-3 h-3" /> GitOps</span> : <span className="flex items-center gap-1"><Server className="w-3 h-3" /> 主机</span>}</div>
|
<div className="text-[12px]" style={{ color: 'var(--text-secondary)' }}>{p.deployType === 'k8s' ? <span className="flex items-center gap-1"><CloudCog className="w-3 h-3" /> Kubernetes</span> : p.deployType === 'gitops' ? <span className="flex items-center gap-1"><CloudCog className="w-3 h-3" /> GitOps</span> : <span className="flex items-center gap-1"><Server className="w-3 h-3" /> 主机</span>}</div>
|
||||||
<div className="text-[12px]" style={{ color: 'var(--text-tertiary)' }}>{p.env}</div>
|
<div className="text-[12px]" style={{ color: 'var(--text-tertiary)' }}>{p.env}</div>
|
||||||
<div className="flex items-center gap-1.5">
|
<div className="flex items-center gap-1.5">
|
||||||
<span className={`w-2 h-2 rounded-full ${p.lastStatus === 'running' ? 'animate-pulse' : ''}`} style={{ background: last.color }} />
|
<span className={`w-2 h-2 rounded-full ${p.lastStatus === 'running' ? 'animate-pulse' : ''}`} style={{ background: last.color }} />
|
||||||
@@ -337,7 +337,7 @@ export default function BatchRelease({ onViewRecords }: { onViewRecords?: () =>
|
|||||||
<option value="skip">标记失败并跳过</option>
|
<option value="skip">标记失败并跳过</option>
|
||||||
</select></div>
|
</select></div>
|
||||||
</div>
|
</div>
|
||||||
<div><label className="block text-[12px] font-medium mb-1.5" style={{ color: 'var(--text-secondary)' }}>K8s 就绪检查</label>
|
<div><label className="block text-[12px] font-medium mb-1.5" style={{ color: 'var(--text-secondary)' }}>Kubernetes 就绪检查</label>
|
||||||
<div className="flex items-center gap-4">
|
<div className="flex items-center gap-4">
|
||||||
<label className="flex items-center gap-2 text-[13px] cursor-pointer"><input type="checkbox" checked={checkDeployment} onChange={(e) => setCheckDeployment(e.target.checked)} className="w-4 h-4" style={{ accentColor: 'var(--accent-blue)' }} /><span style={{ color: 'var(--text-primary)' }}>检查 Deployment 副本就绪</span></label>
|
<label className="flex items-center gap-2 text-[13px] cursor-pointer"><input type="checkbox" checked={checkDeployment} onChange={(e) => setCheckDeployment(e.target.checked)} className="w-4 h-4" style={{ accentColor: 'var(--accent-blue)' }} /><span style={{ color: 'var(--text-primary)' }}>检查 Deployment 副本就绪</span></label>
|
||||||
<label className="flex items-center gap-2 text-[13px] cursor-pointer"><input type="checkbox" checked={checkService} onChange={(e) => setCheckService(e.target.checked)} className="w-4 h-4" style={{ accentColor: 'var(--accent-blue)' }} /><span style={{ color: 'var(--text-primary)' }}>检查 Service 可用性</span></label>
|
<label className="flex items-center gap-2 text-[13px] cursor-pointer"><input type="checkbox" checked={checkService} onChange={(e) => setCheckService(e.target.checked)} className="w-4 h-4" style={{ accentColor: 'var(--accent-blue)' }} /><span style={{ color: 'var(--text-primary)' }}>检查 Service 可用性</span></label>
|
||||||
|
|||||||
@@ -272,7 +272,7 @@ export default function EnvironmentManager() {
|
|||||||
color: activeTab === 'k8s' ? 'var(--accent-blue)' : 'var(--text-secondary)',
|
color: activeTab === 'k8s' ? 'var(--accent-blue)' : 'var(--text-secondary)',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
K8s集群
|
Kubernetes 集群
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -433,7 +433,7 @@ export default function EnvironmentManager() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
/* K8s Clusters */
|
/* Kubernetes 集群 */
|
||||||
<div className="space-y-3">
|
<div className="space-y-3">
|
||||||
<div className="grid grid-cols-3 gap-3 mb-4">
|
<div className="grid grid-cols-3 gap-3 mb-4">
|
||||||
{clusterStats.map((stat) => (
|
{clusterStats.map((stat) => (
|
||||||
|
|||||||
@@ -77,7 +77,7 @@ const statusConfig: Record<string, { icon: typeof CheckCircle2; color: string; l
|
|||||||
};
|
};
|
||||||
|
|
||||||
const deployTypeConfig: Record<string, { label: string; color: string; bg: string }> = {
|
const deployTypeConfig: Record<string, { label: string; color: string; bg: string }> = {
|
||||||
k8s: { label: 'K8s', color: '#0969da', bg: '#ddf4ff' },
|
k8s: { label: 'Kubernetes', color: '#0969da', bg: '#ddf4ff' },
|
||||||
host: { label: '主机', color: '#1a7f37', bg: '#dafbe1' },
|
host: { label: '主机', color: '#1a7f37', bg: '#dafbe1' },
|
||||||
gitops: { label: 'GitOps', color: '#0e7c7b', bg: '#d5f5f6' },
|
gitops: { label: 'GitOps', color: '#0e7c7b', bg: '#d5f5f6' },
|
||||||
};
|
};
|
||||||
@@ -571,7 +571,7 @@ export default function PipelineList({ onSelectPipeline }: { onSelectPipeline: (
|
|||||||
<input
|
<input
|
||||||
value={form.description}
|
value={form.description}
|
||||||
onChange={(e) => setForm((f) => ({ ...f, description: e.target.value }))}
|
onChange={(e) => setForm((f) => ({ ...f, description: e.target.value }))}
|
||||||
placeholder="例如 Go后端服务 - Docker构建 + K8s部署"
|
placeholder="例如 Go后端服务 - Docker构建 + Kubernetes 部署"
|
||||||
className="w-full px-3 py-[7px] rounded-md border text-[13px] outline-none"
|
className="w-full px-3 py-[7px] rounded-md border text-[13px] outline-none"
|
||||||
style={inputStyle}
|
style={inputStyle}
|
||||||
/>
|
/>
|
||||||
@@ -607,7 +607,7 @@ export default function PipelineList({ onSelectPipeline }: { onSelectPipeline: (
|
|||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
<SelectContent style={{ background: 'var(--panel-bg)', borderColor: 'var(--border-color)' }}>
|
<SelectContent style={{ background: 'var(--panel-bg)', borderColor: 'var(--border-color)' }}>
|
||||||
<SelectItem value="host">主机</SelectItem>
|
<SelectItem value="host">主机</SelectItem>
|
||||||
<SelectItem value="k8s">K8s</SelectItem>
|
<SelectItem value="k8s">Kubernetes</SelectItem>
|
||||||
<SelectItem value="gitops">GitOps</SelectItem>
|
<SelectItem value="gitops">GitOps</SelectItem>
|
||||||
</SelectContent>
|
</SelectContent>
|
||||||
</Select>
|
</Select>
|
||||||
|
|||||||
Reference in new issue
Block a user