diff --git a/vue-frontend/src/views/Forward.vue b/vue-frontend/src/views/Forward.vue index eaa9350..b54789d 100644 --- a/vue-frontend/src/views/Forward.vue +++ b/vue-frontend/src/views/Forward.vue @@ -32,7 +32,27 @@ >
- + + + + + + + + + + + + + + + + + {{ forward.name }}
@@ -82,17 +102,7 @@
-
-
- 负载策略: - - {{ getStrategyText(forward.strategy) }} - -
-
+
@@ -1064,6 +1074,22 @@ export default { return '未知策略'; } }, + + + + // 获取策略图标颜色 + getStrategyIconColor(strategy) { + switch (strategy) { + case 'fifo': + return '#409EFF'; // 蓝色 - 主备模式 + case 'round': + return '#67C23A'; // 绿色 - 轮询模式 + case 'rand': + return '#E6A23C'; // 橙色 - 随机模式 + default: + return '#909399'; // 灰色 - 默认 + } + }, @@ -1335,6 +1361,17 @@ export default { text-overflow: ellipsis; white-space: nowrap; } + + .strategy-icon { + font-size: 11px !important; + margin-right: 3px !important; + margin-left: 1px !important; + } + + .strategy-svg { + width: 11px !important; + height: 11px !important; + } } .card-title i { @@ -1344,6 +1381,32 @@ export default { font-size: 14px; } +.strategy-icon { + margin-right: 4px !important; + margin-left: 2px !important; + font-size: 12px !important; + opacity: 0.8; + transition: opacity 0.3s ease; + display: inline-flex; + align-items: center; + vertical-align: middle; +} + +.strategy-icon:hover { + opacity: 1; +} + +.strategy-svg { + width: 12px; + height: 12px; + fill: currentColor; + vertical-align: middle; +} + +.strategy-icon i { + font-size: 12px !important; +} + .title-text { overflow: hidden; text-overflow: ellipsis; diff --git a/vue-frontend/src/views/Home.vue b/vue-frontend/src/views/Home.vue index 79810c4..76895a9 100644 --- a/vue-frontend/src/views/Home.vue +++ b/vue-frontend/src/views/Home.vue @@ -9,7 +9,7 @@ @click="toggleMobileMenu" type="text"> - 管理后台1.0.0 + 管理后台1.0.1