shuguang/easynode
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ 实例控制台直达

Browse Source
This commit is contained in:
chaos-zhu 2024-08-04 21:33:43 +08:00
parent ebe1057684
commit 16f86e8024
2 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/views/server/components/host-table.vue
View File

@ -33,12 +33,12 @@
<el-descriptions-item label="位置" width="20%">
{{ row.monitorData?.ipInfo.country || '--' }} {{ row.monitorData?.ipInfo.regionName }}
</el-descriptions-item>
<el-descriptions-item label="其他" width="20%">
<span @click="handleToConsole(row)">服务商控制台</span>
<el-descriptions-item v-show="row.consoleUrl" label="其他" width="20%">
<span class="link" @click="handleToConsole(row)">服务商控制台</span>
</el-descriptions-item>
</el-descriptions>
<div v-else class="no_client_data">
监控客户端未安装，无法获取实时数据。<span class="go_install" @click="handleOnekey(row)">去安装</span>
监控客户端未安装，无法获取实时数据。<span class="link" @click="handleOnekey(row)">去安装</span>
</div>
</template>
</el-table-column>
@ -178,6 +178,9 @@ const handleRemoveHost = async ({ host }) => {
:deep(.el-descriptions__title) {
display: none;
}
:deep(.el-descriptions) {
padding: 0 25px;
}
.no_client_data {
font-size: 14px;
@ -185,10 +188,10 @@ const handleRemoveHost = async ({ host }) => {
line-height: 23px;
text-align: center;
color: var(--el-color-warning);;
.go_install {
color: var(--el-color-primary);
cursor: pointer;
}
}
.link {
color: var(--el-color-primary);
cursor: pointer;
}
}
</style>

14
web/src/views/server/index.vue
View File

@ -1,6 +1,12 @@
<template>
<div class="server_group_container">
<div class="server_group_header">
<!-- <el-button v-show="selectHosts.length" type="primary" @click="hostFormVisible = true">批量操作</el-button> -->
<el-button type="primary" @click="hostFormVisible = true">添加实例</el-button>
<!-- <el-button type="primary" @click="handleHiddenIP">
{{ hiddenIp ? '显示IP' : '隐藏IP' }}
</el-button> -->
<el-button type="primary" @click="importVisible = true">导入实例</el-button>
<el-dropdown>
<el-button type="primary" class="group_action_btn">
批量操作<el-icon class="el-icon--right"><arrow-down /></el-icon>
@ -14,12 +20,6 @@
</el-dropdown-menu>
</template>
</el-dropdown>
<!-- <el-button v-show="selectHosts.length" type="primary" @click="hostFormVisible = true">批量操作</el-button> -->
<el-button type="primary" @click="hostFormVisible = true">添加实例</el-button>
<!-- <el-button type="primary" @click="handleHiddenIP">
{{ hiddenIp ? '显示IP' : '隐藏IP' }}
</el-button> -->
<el-button type="primary" @click="importVisible = true">导入实例</el-button>
</div>
<div class="server_group_collapse">
<div v-if="isNoHost">
@ -208,7 +208,7 @@ let hostFormClosed = () => {
align-items: center;
justify-content: end;
.group_action_btn {
margin-right: 12px;
margin: 0 12px;
}
}