fix: 用户虚拟机详情跳转参数问题
Build and Deploy Vue3 / build (push) Successful in 1m26s
Build and Deploy Vue3 / deploy (push) Successful in 1m17s

This commit is contained in:
2026-04-21 14:13:31 +08:00
parent ab7a8d5cfa
commit 13248468d3
3 changed files with 35 additions and 13 deletions
+8 -2
View File
@@ -440,10 +440,12 @@
<!-- 弹窗 -->
<!-- VNC -->
<el-dialog v-model="vncVisible" title="VNC连接" width="480px" destroy-on-close>
<el-dialog v-model="vncVisible" title="VNC连接" width="480px" destroy-on-close class="vnc-dialog">
<div v-loading="vncLoading">
<el-descriptions :column="1" border v-if="vncResult">
<el-descriptions-item label="VNC地址"><el-link type="primary" :href="vncResult.url" target="_blank">{{ vncResult.url }}</el-link></el-descriptions-item>
<el-descriptions-item label="VNC地址">
<el-link type="primary" :href="vncResult.url" target="_blank" class="vnc-url-link">{{ vncResult.url }}</el-link>
</el-descriptions-item>
<el-descriptions-item label="过期时间">{{ formatVncExpire(vncResult.expire_at) }}</el-descriptions-item>
</el-descriptions>
<el-empty v-else-if="!vncLoading" description="获取失败" :image-size="60" />
@@ -2245,4 +2247,8 @@ onBeforeUnmount(() => { disposeCharts() })
.ip-popover-item:last-child { border-bottom: none; }
.ip-popover-item .ip-text { font-family: 'SF Mono', Consolas, monospace; font-size: 13px; color: #303133; word-break: break-all; }
.ip-popover-item .ip-copy-btn { flex-shrink: 0; margin-left: 8px; }
/* VNC 弹窗 */
.vnc-url-link { word-break: break-all; white-space: normal; }
.vnc-dialog :deep(.el-descriptions__cell) { word-break: break-all; }
</style>