fix(docs): replace Vue template interpolation with static text in panorama SVGs

This commit is contained in:
pnoker
2026-06-29 00:16:13 +08:00
parent 437c8b36f2
commit d9de19a2d5
4 changed files with 16 additions and 48 deletions
@@ -70,17 +70,13 @@
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="230"
x="60"
y="70"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="175" y="98">{{
s.webName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="175" y="98">Web Console
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="175" y="116">Vue3 · Vite8 · Element Plus · :8080</text>
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="215"
x="305"
y="70"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="412" y="98">{{
s.cliName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="412" y="98">dc3-cli
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="412" y="116">TypeScript CLI (HTTP)</text>
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="265"
@@ -95,9 +91,7 @@
<rect fill="rgba(5, 150, 105, 0.07)" height="58" rx="6" stroke="#059669" stroke-width="0.8" width="740"
x="60"
y="174"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="430" y="200">{{
s.gwName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="430" y="200">dc3-gateway · API Gateway :8000
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="430" y="218">Spring Cloud Gateway (WebFlux) · routing + auth filter + rate limit</text>
@@ -155,9 +149,7 @@
<rect fill="rgba(5, 150, 105, 0.07)" height="62" rx="6" stroke="#059669" stroke-width="0.8" width="120"
x="370"
y="526"/>
<text fill="#334155" font-size="11" font-weight="600" text-anchor="middle" x="430" y="552">{{
s.s7Name
}}
<text fill="#334155" font-size="11" font-weight="600" text-anchor="middle" x="430" y="552">S7 PLC
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="430" y="570">Siemens</text>
<rect fill="rgba(5, 150, 105, 0.07)" height="62" rx="6" stroke="#059669" stroke-width="0.8" width="120"

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

@@ -70,17 +70,13 @@
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="230"
x="60"
y="70"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="175" y="98">{{
s.webName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="175" y="98">Web Console
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="175" y="116">Vue3 · Vite8 · Element Plus · :8080</text>
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="215"
x="305"
y="70"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="412" y="98">{{
s.cliName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="412" y="98">dc3-cli
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="412" y="116">TypeScript CLI (HTTP)</text>
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="265"
@@ -95,9 +91,7 @@
<rect fill="rgba(5, 150, 105, 0.07)" height="58" rx="6" stroke="#059669" stroke-width="0.8" width="740"
x="60"
y="174"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="430" y="200">{{
s.gwName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="430" y="200">dc3-gateway · API Gateway :8000
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="430" y="218">Spring Cloud Gateway (WebFlux) · ルーティング + 認証フィルター + レート制限</text>
@@ -155,9 +149,7 @@
<rect fill="rgba(5, 150, 105, 0.07)" height="62" rx="6" stroke="#059669" stroke-width="0.8" width="120"
x="370"
y="526"/>
<text fill="#334155" font-size="11" font-weight="600" text-anchor="middle" x="430" y="552">{{
s.s7Name
}}
<text fill="#334155" font-size="11" font-weight="600" text-anchor="middle" x="430" y="552">S7 PLC
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="430" y="570">Siemens</text>
<rect fill="rgba(5, 150, 105, 0.07)" height="62" rx="6" stroke="#059669" stroke-width="0.8" width="120"

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

@@ -70,17 +70,13 @@
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="230"
x="60"
y="70"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="175" y="98">{{
s.webName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="175" y="98">Web Console
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="175" y="116">Vue3 · Vite8 · Element Plus · :8080</text>
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="215"
x="305"
y="70"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="412" y="98">{{
s.cliName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="412" y="98">dc3-cli
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="412" y="116">TypeScript CLI (HTTP)</text>
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="265"
@@ -95,9 +91,7 @@
<rect fill="rgba(5, 150, 105, 0.07)" height="58" rx="6" stroke="#059669" stroke-width="0.8" width="740"
x="60"
y="174"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="430" y="200">{{
s.gwName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="430" y="200">dc3-gateway · API Gateway :8000
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="430" y="218">Spring Cloud Gateway (WebFlux) · định tuyến + bộ lọc xác thực + giới hạn tốc độ</text>
@@ -155,9 +149,7 @@
<rect fill="rgba(5, 150, 105, 0.07)" height="62" rx="6" stroke="#059669" stroke-width="0.8" width="120"
x="370"
y="526"/>
<text fill="#334155" font-size="11" font-weight="600" text-anchor="middle" x="430" y="552">{{
s.s7Name
}}
<text fill="#334155" font-size="11" font-weight="600" text-anchor="middle" x="430" y="552">S7 PLC
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="430" y="570">Siemens</text>
<rect fill="rgba(5, 150, 105, 0.07)" height="62" rx="6" stroke="#059669" stroke-width="0.8" width="120"

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

@@ -70,17 +70,13 @@
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="230"
x="60"
y="70"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="175" y="98">{{
s.webName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="175" y="98">Web 控制台
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="175" y="116">Vue3 · Vite8 · Element Plus · :8080</text>
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="215"
x="305"
y="70"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="412" y="98">{{
s.cliName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="412" y="98">dc3-cli
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="412" y="116">TypeScript CLI (HTTP)</text>
<rect fill="rgba(8, 145, 178, 0.07)" height="64" rx="6" stroke="#0891b2" stroke-width="0.8" width="265"
@@ -95,9 +91,7 @@
<rect fill="rgba(5, 150, 105, 0.07)" height="58" rx="6" stroke="#059669" stroke-width="0.8" width="740"
x="60"
y="174"/>
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="430" y="200">{{
s.gwName
}}
<text fill="#334155" font-size="12" font-weight="600" text-anchor="middle" x="430" y="200">dc3-gateway · API 网关 :8000
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="430" y="218">Spring Cloud Gateway (WebFlux) · 统一路由 + 鉴权过滤 + 限流</text>
@@ -155,9 +149,7 @@
<rect fill="rgba(5, 150, 105, 0.07)" height="62" rx="6" stroke="#059669" stroke-width="0.8" width="120"
x="370"
y="526"/>
<text fill="#334155" font-size="11" font-weight="600" text-anchor="middle" x="430" y="552">{{
s.s7Name
}}
<text fill="#334155" font-size="11" font-weight="600" text-anchor="middle" x="430" y="552">S7 PLC
</text>
<text fill="#334155" font-size="9" text-anchor="middle" x="430" y="570">Siemens</text>
<rect fill="rgba(5, 150, 105, 0.07)" height="62" rx="6" stroke="#059669" stroke-width="0.8" width="120"

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 14 KiB