jingrow/jcloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

美化dashboard服务器详情页排版

Browse Source
This commit is contained in:
jingrow 2025-07-29 21:52:00 +08:00
parent b90e1e6d9b
commit 55df125409
1 changed files with 32 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
dashboard/src2/components/JsiteServerOverview.vue
View File

@ -34,6 +34,33 @@
</div>
</div>
</div>
<!-- 服务器配置 -->
<div class="rounded-md border">
<div class="h-12 border-b px-5 py-4">
<h2 class="text-lg font-medium text-gray-900">服务器配置</h2>
</div>
<div class="p-5">
<div class="space-y-3">
<div class="flex justify-between items-center">
<span class="text-gray-600">CPU:</span>
<span class="text-lg font-semibold text-blue-600">{{ $jsiteServer.pg.cpu || '未知' }}核</span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-600">内存:</span>
<span class="text-lg font-semibold text-green-600">{{ $jsiteServer.pg.memory || '未知' }}GB</span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-600">系统盘:</span>
<span class="text-lg font-semibold text-purple-600">{{ $jsiteServer.pg.disk_size || '未知' }}GB</span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-600">带宽:</span>
<span class="text-lg font-semibold text-orange-600">{{ $jsiteServer.pg.bandwidth || '未知' }}Mbps</span>
</div>
</div>
</div>
</div>
<!-- 服务器信息 -->
<div class="rounded-md border">
@ -109,34 +136,7 @@
</div>
</div>
</div>
<!-- 服务器配置 -->
<div class="rounded-md border">
<div class="h-12 border-b px-5 py-4">
<h2 class="text-lg font-medium text-gray-900">服务器配置</h2>
</div>
<div class="p-5">
<div class="space-y-3">
<div class="flex justify-between items-center">
<span class="text-gray-600">CPU核心:</span>
<span class="text-lg font-semibold text-blue-600">{{ $jsiteServer.pg.cpu || '未知' }}</span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-600">内存:</span>
<span class="text-lg font-semibold text-green-600">{{ $jsiteServer.pg.memory || '未知' }}GB</span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-600">磁盘:</span>
<span class="text-lg font-semibold text-purple-600">{{ $jsiteServer.pg.disk_size || '未知' }}GB</span>
</div>
<div class="flex justify-between items-center">
<span class="text-gray-600">带宽:</span>
<span class="text-lg font-semibold text-orange-600">{{ $jsiteServer.pg.bandwidth || '未知' }}Mbps</span>
</div>
</div>
</div>
</div>
<!-- SSH连接信息 -->
<div class="rounded-md border">
<div class="h-12 border-b px-5 py-4">
@ -505,6 +505,10 @@ export default {
computed: {
serverInformation() {
return [
{
label: '状态',
value: this.getStatusText(this.$jsiteServer.pg?.status),
},
{
label: '服务器名称',
value: this.$jsiteServer.pg?.title || this.$jsiteServer.pg?.name,
@ -513,10 +517,6 @@ export default {
label: '实例ID',
value: this.$jsiteServer.pg?.instance_id || '未分配',
},
{
label: '状态',
value: this.getStatusText(this.$jsiteServer.pg?.status),
},
{
label: '区域',
value: this.getRegionText(this.$jsiteServer.pg?.region),