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

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

@ -35,6 +35,33 @@
</div> </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"> <div class="rounded-md border">
<div class="h-12 border-b px-5 py-4"> <div class="h-12 border-b px-5 py-4">
@ -110,33 +137,6 @@
</div> </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连接信息 --> <!-- SSH连接信息 -->
<div class="rounded-md border"> <div class="rounded-md border">
<div class="h-12 border-b px-5 py-4"> <div class="h-12 border-b px-5 py-4">
@ -505,6 +505,10 @@ export default {
computed: { computed: {
serverInformation() { serverInformation() {
return [ return [
{
label: '状态',
value: this.getStatusText(this.$jsiteServer.pg?.status),
},
{ {
label: '服务器名称', label: '服务器名称',
value: this.$jsiteServer.pg?.title || this.$jsiteServer.pg?.name, value: this.$jsiteServer.pg?.title || this.$jsiteServer.pg?.name,
@ -513,10 +517,6 @@ export default {
label: '实例ID', label: '实例ID',
value: this.$jsiteServer.pg?.instance_id || '未分配', value: this.$jsiteServer.pg?.instance_id || '未分配',
}, },
{
label: '状态',
value: this.getStatusText(this.$jsiteServer.pg?.status),
},
{ {
label: '区域', label: '区域',
value: this.getRegionText(this.$jsiteServer.pg?.region), value: this.getRegionText(this.$jsiteServer.pg?.region),