作者 RuoYi

同步element2.15.6表格样式

@@ -8,34 +8,34 @@ @@ -8,34 +8,34 @@
8 <table cellspacing="0" style="width: 100%"> 8 <table cellspacing="0" style="width: 100%">
9 <tbody> 9 <tbody>
10 <tr> 10 <tr>
11 - <td><div class="cell">Redis版本</div></td>  
12 - <td><div class="cell" v-if="cache.info">{{ cache.info.redis_version }}</div></td>  
13 - <td><div class="cell">运行模式</div></td>  
14 - <td><div class="cell" v-if="cache.info">{{ cache.info.redis_mode == "standalone" ? "单机" : "集群" }}</div></td>  
15 - <td><div class="cell">端口</div></td>  
16 - <td><div class="cell" v-if="cache.info">{{ cache.info.tcp_port }}</div></td>  
17 - <td><div class="cell">客户端数</div></td>  
18 - <td><div class="cell" v-if="cache.info">{{ cache.info.connected_clients }}</div></td> 11 + <td class="el-table__cell is-leaf"><div class="cell">Redis版本</div></td>
  12 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.redis_version }}</div></td>
  13 + <td class="el-table__cell is-leaf"><div class="cell">运行模式</div></td>
  14 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.redis_mode == "standalone" ? "单机" : "集群" }}</div></td>
  15 + <td class="el-table__cell is-leaf"><div class="cell">端口</div></td>
  16 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.tcp_port }}</div></td>
  17 + <td class="el-table__cell is-leaf"><div class="cell">客户端数</div></td>
  18 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.connected_clients }}</div></td>
19 </tr> 19 </tr>
20 <tr> 20 <tr>
21 - <td><div class="cell">运行时间(天)</div></td>  
22 - <td><div class="cell" v-if="cache.info">{{ cache.info.uptime_in_days }}</div></td>  
23 - <td><div class="cell">使用内存</div></td>  
24 - <td><div class="cell" v-if="cache.info">{{ cache.info.used_memory_human }}</div></td>  
25 - <td><div class="cell">使用CPU</div></td>  
26 - <td><div class="cell" v-if="cache.info">{{ parseFloat(cache.info.used_cpu_user_children).toFixed(2) }}</div></td>  
27 - <td><div class="cell">内存配置</div></td>  
28 - <td><div class="cell" v-if="cache.info">{{ cache.info.maxmemory_human }}</div></td> 21 + <td class="el-table__cell is-leaf"><div class="cell">运行时间(天)</div></td>
  22 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.uptime_in_days }}</div></td>
  23 + <td class="el-table__cell is-leaf"><div class="cell">使用内存</div></td>
  24 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.used_memory_human }}</div></td>
  25 + <td class="el-table__cell is-leaf"><div class="cell">使用CPU</div></td>
  26 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ parseFloat(cache.info.used_cpu_user_children).toFixed(2) }}</div></td>
  27 + <td class="el-table__cell is-leaf"><div class="cell">内存配置</div></td>
  28 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.maxmemory_human }}</div></td>
29 </tr> 29 </tr>
30 <tr> 30 <tr>
31 - <td><div class="cell">AOF是否开启</div></td>  
32 - <td><div class="cell" v-if="cache.info">{{ cache.info.aof_enabled == "0" ? "否" : "是" }}</div></td>  
33 - <td><div class="cell">RDB是否成功</div></td>  
34 - <td><div class="cell" v-if="cache.info">{{ cache.info.rdb_last_bgsave_status }}</div></td>  
35 - <td><div class="cell">Key数量</div></td>  
36 - <td><div class="cell" v-if="cache.dbSize">{{ cache.dbSize }} </div></td>  
37 - <td><div class="cell">网络入口/出口</div></td>  
38 - <td><div class="cell" v-if="cache.info">{{ cache.info.instantaneous_input_kbps }}kps/{{cache.info.instantaneous_output_kbps}}kps</div></td> 31 + <td class="el-table__cell is-leaf"><div class="cell">AOF是否开启</div></td>
  32 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.aof_enabled == "0" ? "否" : "是" }}</div></td>
  33 + <td class="el-table__cell is-leaf"><div class="cell">RDB是否成功</div></td>
  34 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.rdb_last_bgsave_status }}</div></td>
  35 + <td class="el-table__cell is-leaf"><div class="cell">Key数量</div></td>
  36 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.dbSize">{{ cache.dbSize }} </div></td>
  37 + <td class="el-table__cell is-leaf"><div class="cell">网络入口/出口</div></td>
  38 + <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.instantaneous_input_kbps }}kps/{{cache.info.instantaneous_output_kbps}}kps</div></td>
39 </tr> 39 </tr>
40 </tbody> 40 </tbody>
41 </table> 41 </table>
@@ -8,26 +8,26 @@ @@ -8,26 +8,26 @@
8 <table cellspacing="0" style="width: 100%;"> 8 <table cellspacing="0" style="width: 100%;">
9 <thead> 9 <thead>
10 <tr> 10 <tr>
11 - <th class="is-leaf"><div class="cell">属性</div></th>  
12 - <th class="is-leaf"><div class="cell">值</div></th> 11 + <th class="el-table__cell is-leaf"><div class="cell">属性</div></th>
  12 + <th class="el-table__cell is-leaf"><div class="cell">值</div></th>
13 </tr> 13 </tr>
14 </thead> 14 </thead>
15 <tbody> 15 <tbody>
16 <tr> 16 <tr>
17 - <td><div class="cell">核心数</div></td>  
18 - <td><div class="cell" v-if="server.cpu">{{ server.cpu.cpuNum }}</div></td> 17 + <td class="el-table__cell is-leaf"><div class="cell">核心数</div></td>
  18 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.cpu">{{ server.cpu.cpuNum }}</div></td>
19 </tr> 19 </tr>
20 <tr> 20 <tr>
21 - <td><div class="cell">用户使用率</div></td>  
22 - <td><div class="cell" v-if="server.cpu">{{ server.cpu.used }}%</div></td> 21 + <td class="el-table__cell is-leaf"><div class="cell">用户使用率</div></td>
  22 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.cpu">{{ server.cpu.used }}%</div></td>
23 </tr> 23 </tr>
24 <tr> 24 <tr>
25 - <td><div class="cell">系统使用率</div></td>  
26 - <td><div class="cell" v-if="server.cpu">{{ server.cpu.sys }}%</div></td> 25 + <td class="el-table__cell is-leaf"><div class="cell">系统使用率</div></td>
  26 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.cpu">{{ server.cpu.sys }}%</div></td>
27 </tr> 27 </tr>
28 <tr> 28 <tr>
29 - <td><div class="cell">当前空闲率</div></td>  
30 - <td><div class="cell" v-if="server.cpu">{{ server.cpu.free }}%</div></td> 29 + <td class="el-table__cell is-leaf"><div class="cell">当前空闲率</div></td>
  30 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.cpu">{{ server.cpu.free }}%</div></td>
31 </tr> 31 </tr>
32 </tbody> 32 </tbody>
33 </table> 33 </table>
@@ -42,31 +42,31 @@ @@ -42,31 +42,31 @@
42 <table cellspacing="0" style="width: 100%;"> 42 <table cellspacing="0" style="width: 100%;">
43 <thead> 43 <thead>
44 <tr> 44 <tr>
45 - <th class="is-leaf"><div class="cell">属性</div></th>  
46 - <th class="is-leaf"><div class="cell">内存</div></th>  
47 - <th class="is-leaf"><div class="cell">JVM</div></th> 45 + <th class="el-table__cell is-leaf"><div class="cell">属性</div></th>
  46 + <th class="el-table__cell is-leaf"><div class="cell">内存</div></th>
  47 + <th class="el-table__cell is-leaf"><div class="cell">JVM</div></th>
48 </tr> 48 </tr>
49 </thead> 49 </thead>
50 <tbody> 50 <tbody>
51 <tr> 51 <tr>
52 - <td><div class="cell">总内存</div></td>  
53 - <td><div class="cell" v-if="server.mem">{{ server.mem.total }}G</div></td>  
54 - <td><div class="cell" v-if="server.jvm">{{ server.jvm.total }}M</div></td> 52 + <td class="el-table__cell is-leaf"><div class="cell">总内存</div></td>
  53 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.mem">{{ server.mem.total }}G</div></td>
  54 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.total }}M</div></td>
55 </tr> 55 </tr>
56 <tr> 56 <tr>
57 - <td><div class="cell">已用内存</div></td>  
58 - <td><div class="cell" v-if="server.mem">{{ server.mem.used}}G</div></td>  
59 - <td><div class="cell" v-if="server.jvm">{{ server.jvm.used}}M</div></td> 57 + <td class="el-table__cell is-leaf"><div class="cell">已用内存</div></td>
  58 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.mem">{{ server.mem.used}}G</div></td>
  59 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.used}}M</div></td>
60 </tr> 60 </tr>
61 <tr> 61 <tr>
62 - <td><div class="cell">剩余内存</div></td>  
63 - <td><div class="cell" v-if="server.mem">{{ server.mem.free }}G</div></td>  
64 - <td><div class="cell" v-if="server.jvm">{{ server.jvm.free }}M</div></td> 62 + <td class="el-table__cell is-leaf"><div class="cell">剩余内存</div></td>
  63 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.mem">{{ server.mem.free }}G</div></td>
  64 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.free }}M</div></td>
65 </tr> 65 </tr>
66 <tr> 66 <tr>
67 - <td><div class="cell">使用率</div></td>  
68 - <td><div class="cell" v-if="server.mem" :class="{'text-danger': server.mem.usage > 80}">{{ server.mem.usage }}%</div></td>  
69 - <td><div class="cell" v-if="server.jvm" :class="{'text-danger': server.jvm.usage > 80}">{{ server.jvm.usage }}%</div></td> 67 + <td class="el-table__cell is-leaf"><div class="cell">使用率</div></td>
  68 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.mem" :class="{'text-danger': server.mem.usage > 80}">{{ server.mem.usage }}%</div></td>
  69 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm" :class="{'text-danger': server.jvm.usage > 80}">{{ server.jvm.usage }}%</div></td>
70 </tr> 70 </tr>
71 </tbody> 71 </tbody>
72 </table> 72 </table>
@@ -83,16 +83,16 @@ @@ -83,16 +83,16 @@
83 <table cellspacing="0" style="width: 100%;"> 83 <table cellspacing="0" style="width: 100%;">
84 <tbody> 84 <tbody>
85 <tr> 85 <tr>
86 - <td><div class="cell">服务器名称</div></td>  
87 - <td><div class="cell" v-if="server.sys">{{ server.sys.computerName }}</div></td>  
88 - <td><div class="cell">操作系统</div></td>  
89 - <td><div class="cell" v-if="server.sys">{{ server.sys.osName }}</div></td> 86 + <td class="el-table__cell is-leaf"><div class="cell">服务器名称</div></td>
  87 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.sys">{{ server.sys.computerName }}</div></td>
  88 + <td class="el-table__cell is-leaf"><div class="cell">操作系统</div></td>
  89 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.sys">{{ server.sys.osName }}</div></td>
90 </tr> 90 </tr>
91 <tr> 91 <tr>
92 - <td><div class="cell">服务器IP</div></td>  
93 - <td><div class="cell" v-if="server.sys">{{ server.sys.computerIp }}</div></td>  
94 - <td><div class="cell">系统架构</div></td>  
95 - <td><div class="cell" v-if="server.sys">{{ server.sys.osArch }}</div></td> 92 + <td class="el-table__cell is-leaf"><div class="cell">服务器IP</div></td>
  93 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.sys">{{ server.sys.computerIp }}</div></td>
  94 + <td class="el-table__cell is-leaf"><div class="cell">系统架构</div></td>
  95 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.sys">{{ server.sys.osArch }}</div></td>
96 </tr> 96 </tr>
97 </tbody> 97 </tbody>
98 </table> 98 </table>
@@ -109,24 +109,24 @@ @@ -109,24 +109,24 @@
109 <table cellspacing="0" style="width: 100%;"> 109 <table cellspacing="0" style="width: 100%;">
110 <tbody> 110 <tbody>
111 <tr> 111 <tr>
112 - <td><div class="cell">Java名称</div></td>  
113 - <td><div class="cell" v-if="server.jvm">{{ server.jvm.name }}</div></td>  
114 - <td><div class="cell">Java版本</div></td>  
115 - <td><div class="cell" v-if="server.jvm">{{ server.jvm.version }}</div></td> 112 + <td class="el-table__cell is-leaf"><div class="cell">Java名称</div></td>
  113 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.name }}</div></td>
  114 + <td class="el-table__cell is-leaf"><div class="cell">Java版本</div></td>
  115 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.version }}</div></td>
116 </tr> 116 </tr>
117 <tr> 117 <tr>
118 - <td><div class="cell">启动时间</div></td>  
119 - <td><div class="cell" v-if="server.jvm">{{ server.jvm.startTime }}</div></td>  
120 - <td><div class="cell">运行时长</div></td>  
121 - <td><div class="cell" v-if="server.jvm">{{ server.jvm.runTime }}</div></td> 118 + <td class="el-table__cell is-leaf"><div class="cell">启动时间</div></td>
  119 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.startTime }}</div></td>
  120 + <td class="el-table__cell is-leaf"><div class="cell">运行时长</div></td>
  121 + <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.runTime }}</div></td>
122 </tr> 122 </tr>
123 <tr> 123 <tr>
124 - <td colspan="1"><div class="cell">安装路径</div></td>  
125 - <td colspan="3"><div class="cell" v-if="server.jvm">{{ server.jvm.home }}</div></td> 124 + <td colspan="1" class="el-table__cell is-leaf"><div class="cell">安装路径</div></td>
  125 + <td colspan="3" class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.home }}</div></td>
126 </tr> 126 </tr>
127 <tr> 127 <tr>
128 - <td colspan="1"><div class="cell">项目路径</div></td>  
129 - <td colspan="3"><div class="cell" v-if="server.sys">{{ server.sys.userDir }}</div></td> 128 + <td colspan="1" class="el-table__cell is-leaf"><div class="cell">项目路径</div></td>
  129 + <td colspan="3" class="el-table__cell is-leaf"><div class="cell" v-if="server.sys">{{ server.sys.userDir }}</div></td>
130 </tr> 130 </tr>
131 </tbody> 131 </tbody>
132 </table> 132 </table>
@@ -143,24 +143,24 @@ @@ -143,24 +143,24 @@
143 <table cellspacing="0" style="width: 100%;"> 143 <table cellspacing="0" style="width: 100%;">
144 <thead> 144 <thead>
145 <tr> 145 <tr>
146 - <th class="is-leaf"><div class="cell">盘符路径</div></th>  
147 - <th class="is-leaf"><div class="cell">文件系统</div></th>  
148 - <th class="is-leaf"><div class="cell">盘符类型</div></th>  
149 - <th class="is-leaf"><div class="cell">总大小</div></th>  
150 - <th class="is-leaf"><div class="cell">可用大小</div></th>  
151 - <th class="is-leaf"><div class="cell">已用大小</div></th>  
152 - <th class="is-leaf"><div class="cell">已用百分比</div></th> 146 + <th class="el-table__cell el-table__cell is-leaf"><div class="cell">盘符路径</div></th>
  147 + <th class="el-table__cell is-leaf"><div class="cell">文件系统</div></th>
  148 + <th class="el-table__cell is-leaf"><div class="cell">盘符类型</div></th>
  149 + <th class="el-table__cell is-leaf"><div class="cell">总大小</div></th>
  150 + <th class="el-table__cell is-leaf"><div class="cell">可用大小</div></th>
  151 + <th class="el-table__cell is-leaf"><div class="cell">已用大小</div></th>
  152 + <th class="el-table__cell is-leaf"><div class="cell">已用百分比</div></th>
153 </tr> 153 </tr>
154 </thead> 154 </thead>
155 <tbody v-if="server.sysFiles"> 155 <tbody v-if="server.sysFiles">
156 <tr v-for="(sysFile, index) in server.sysFiles" :key="index"> 156 <tr v-for="(sysFile, index) in server.sysFiles" :key="index">
157 - <td><div class="cell">{{ sysFile.dirName }}</div></td>  
158 - <td><div class="cell">{{ sysFile.sysTypeName }}</div></td>  
159 - <td><div class="cell">{{ sysFile.typeName }}</div></td>  
160 - <td><div class="cell">{{ sysFile.total }}</div></td>  
161 - <td><div class="cell">{{ sysFile.free }}</div></td>  
162 - <td><div class="cell">{{ sysFile.used }}</div></td>  
163 - <td><div class="cell" :class="{'text-danger': sysFile.usage > 80}">{{ sysFile.usage }}%</div></td> 157 + <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.dirName }}</div></td>
  158 + <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.sysTypeName }}</div></td>
  159 + <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.typeName }}</div></td>
  160 + <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.total }}</div></td>
  161 + <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.free }}</div></td>
  162 + <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.used }}</div></td>
  163 + <td class="el-table__cell is-leaf"><div class="cell" :class="{'text-danger': sysFile.usage > 80}">{{ sysFile.usage }}%</div></td>
164 </tr> 164 </tr>
165 </tbody> 165 </tbody>
166 </table> 166 </table>