TRKJ/EdgeAdmin
2
0
Fork 0
mirror of https://github.com/TeaOSLab/EdgeAdmin.git synced 2025-11-23 18:00:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化界面显示

Browse Source
This commit is contained in:
GoEdgeLab
2021-01-19 10:21:53 +08:00
parent f3ddd61aa2
commit 7d55f61660
4 changed files with 83 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/views/@default/@layout.css
View File

@@ -119,6 +119,13 @@ pre:not(.CodeMirror-line) {
tbody {
background: transparent;
}
.table-box {
margin-top: 1em;
overflow-x: auto;
}
.table-box::-webkit-scrollbar {
height: 6px;
}
.table.width30 {
width: 30em !important;
}
@@ -128,6 +135,9 @@ tbody {
.table.width40 {
width: 40em !important;
}
.table.width1024 {
width: 1024px !important;
}
.table th,
.table td {
font-size: 0.9em !important;

2
web/views/@default/@layout.css.map
View File

File diff suppressed because one or more lines are too long

13
web/views/@default/@layout.less
View File

@@ -45,6 +45,15 @@ tbody {
background: transparent;
}
.table-box {
margin-top: 1em;
overflow-x: auto;
}
.table-box::-webkit-scrollbar {
height: 6px;
}
.table.width30 {
width: 30em !important;
}
@@ -57,6 +66,10 @@ tbody {
width: 40em !important;
}
.table.width1024 {
width: 1024px !important;
}
.table th, .table td {
font-size: 0.9em !important;
}

112
web/views/@default/api/index.html
View File

@@ -6,58 +6,64 @@
<p class="comment" v-if="nodes.length == 0">暂时还没有节点。</p>
<table class="ui table selectable celled" v-if="nodes.length > 0">
<thead>
<tr>
<th>节点名称</th>
<th>GRPC访问地址</th>
<th>HTTP访问地址</th>
<th class="width6 center">版本号</th>
<th class="width5 center">CPU</th>
<th class="width5 center">内存</th>
<th class="center width10">状态</th>
<th class="two op">操作</th>
</tr>
</thead>
<tr v-for="node in nodes">
<td>{{node.name}}</td>
<td>
<div v-if="node.accessAddrs != null && node.accessAddrs.length > 0">
<span class="ui label tiny basic" v-for="addr in node.accessAddrs" style="margin-bottom: 0.5em">{{addr}}</span>
</div>
<div v-else class="disabled">-</div>
</td>
<td>
<div v-if="node.restAccessAddrs != null && node.restAccessAddrs.length > 0">
<span class="ui label tiny basic" v-for="addr in node.restAccessAddrs" style="margin-bottom: 0.5em">{{addr}}</span>
</div>
<div v-else class="disabled">-</div>
</td>
<td class="center">
<span v-if="node.status.buildVersion.length > 0">v{{node.status.buildVersion}}</span>
<span v-else class="disabled">-</span>
</td>
<td class="center">
<span v-if="node.status.isActive" :class="{red:node.status.cpuUsage > 0.80}">{{node.status.cpuUsageText}}</span>
<span v-else class="disabled">-</span>
</td>
<td class="center">
<span v-if="node.status.isActive" :class="{red:node.status.memUsage > 0.80}">{{node.status.memUsageText}}</span>
<span v-else class="disabled">-</span>
</td>
<td class="center">
<span v-if="!node.isOn"><label-on :v-is-on="node.isOn"></label-on></span>
<div v-else-if="node.status.isActive">
<span class="green">运行中</span>
</div>
<span v-else-if="node.status.updatedAt > 0" class="red">已断开</span>
<span v-else-if="node.status.updatedAt == 0" class="red">未连接</span>
</td>
<td>
<a :href="'/api/node?nodeId=' + node.id">详情</a> &nbsp;
<a href="" @click.prevent="deleteNode(node.id)">删除</a>
</td>
</tr>
</table>
<div class="table-box">
<table class="ui table selectable celled" v-if="nodes.length > 0">
<thead>
<tr>
<th>节点名称</th>
<th>GRPC访问地址</th>
<th>HTTP访问地址</th>
<th class="width6 center">版本号</th>
<th class="width5 center">CPU</th>
<th class="width5 center">内存</th>
<th class="center width10">状态</th>
<th class="two op">操作</th>
</tr>
</thead>
<tr v-for="node in nodes">
<td>{{node.name}}</td>
<td>
<div v-if="node.accessAddrs != null && node.accessAddrs.length > 0">
<div v-for="addr in node.accessAddrs">
<span class="ui label tiny basic" style="margin-bottom: 0.5em">{{addr}}</span>
</div>
</div>
<div v-else class="disabled">-</div>
</td>
<td>
<div v-if="node.restAccessAddrs != null && node.restAccessAddrs.length > 0">
<div v-for="addr in node.restAccessAddrs">
<span class="ui label tiny basic" style="margin-bottom: 0.5em">{{addr}}</span>
</div>
</div>
<div v-else class="disabled">-</div>
</td>
<td class="center">
<span v-if="node.status.buildVersion.length > 0">v{{node.status.buildVersion}}</span>
<span v-else class="disabled">-</span>
</td>
<td class="center">
<span v-if="node.status.isActive" :class="{red:node.status.cpuUsage > 0.80}">{{node.status.cpuUsageText}}</span>
<span v-else class="disabled">-</span>
</td>
<td class="center">
<span v-if="node.status.isActive" :class="{red:node.status.memUsage > 0.80}">{{node.status.memUsageText}}</span>
<span v-else class="disabled">-</span>
</td>
<td class="center">
<span v-if="!node.isOn"><label-on :v-is-on="node.isOn"></label-on></span>
<div v-else-if="node.status.isActive">
<span class="green">运行中</span>
</div>
<span v-else-if="node.status.updatedAt > 0" class="red">已断开</span>
<span v-else-if="node.status.updatedAt == 0" class="red">未连接</span>
</td>
<td>
<a :href="'/api/node?nodeId=' + node.id">详情</a> &nbsp;
<a href="" @click.prevent="deleteNode(node.id)">删除</a>
</td>
</tr>
</table>
</div>
<div class="page" v-html="page"></div>