Commit 0815b8e130cb0ef13fc0ffa79aea3dcf4bc66227

Authored by 唐嗣成
1 parent fb1d9ca5

my

web_src/src/components/console/ConsoleResource.vue
1 <template > 1 <template >
2 <div id="consoleResource" style="width: 100%; height: 100%; background: #FFFFFF; text-align: center"> 2 <div id="consoleResource" style="width: 100%; height: 100%; background: #FFFFFF; text-align: center">
3 <div style="width: 50%;height: 50%; float:left; "> 3 <div style="width: 50%;height: 50%; float:left; ">
4 - <el-progress :width="100" :stroke-width="8" type="circle" :percentage="deviceInfo.online/deviceInfo.total*100" style="margin-top: 20px; font-size: 18px"></el-progress> 4 + <el-progress :width="100" :stroke-width="8" type="circle" :percentage="Math.floor(deviceInfo.online/deviceInfo.total*100)" style="margin-top: 20px; font-size: 18px"></el-progress>
5 <div class="resourceInfo"> 5 <div class="resourceInfo">
6 设备总数:{{deviceInfo.total}}<br/> 6 设备总数:{{deviceInfo.total}}<br/>
7 在线数:{{deviceInfo.online}} 7 在线数:{{deviceInfo.online}}
8 </div> 8 </div>
9 </div> 9 </div>
10 <div style="width: 50%;height: 50%; float:left; "> 10 <div style="width: 50%;height: 50%; float:left; ">
11 - <el-progress :width="100" :stroke-width="10" type="circle" :percentage="channelInfo.online/channelInfo.total*100" style="margin-top: 20px"></el-progress> 11 + <el-progress :width="100" :stroke-width="10" type="circle" :percentage="Math.floor(channelInfo.online/channelInfo.total*100)" style="margin-top: 20px"></el-progress>
12 <div class="resourceInfo"> 12 <div class="resourceInfo">
13 通道总数:{{channelInfo.total}}<br/> 13 通道总数:{{channelInfo.total}}<br/>
14 在线数:{{channelInfo.online}} 14 在线数:{{channelInfo.online}}
15 </div> 15 </div>
16 </div> 16 </div>
17 <div style="width: 50%;height: 50%; float:left; "> 17 <div style="width: 50%;height: 50%; float:left; ">
18 - <el-progress :width="100" :stroke-width="10" type="circle" :percentage="pushInfo.online/pushInfo.total*100" style="margin-top: 20px"></el-progress> 18 + <el-progress :width="100" :stroke-width="10" type="circle" :percentage="Math.floor(pushInfo.online/pushInfo.total*100)" style="margin-top: 20px"></el-progress>
19 <div class="resourceInfo"> 19 <div class="resourceInfo">
20 推流总数:{{pushInfo.total}}<br/> 20 推流总数:{{pushInfo.total}}<br/>
21 在线数:{{pushInfo.online}} 21 在线数:{{pushInfo.online}}
22 </div> 22 </div>
23 </div> 23 </div>
24 <div style="width: 50%;height: 50%; float:left; "> 24 <div style="width: 50%;height: 50%; float:left; ">
25 - <el-progress :width="100" :stroke-width="10" type="circle" :percentage="proxyInfo.online/proxyInfo.total*100" style="margin-top: 20px"></el-progress> 25 + <el-progress :width="100" :stroke-width="10" type="circle" :percentage="Math.floor(proxyInfo.online/proxyInfo.total*100)" style="margin-top: 20px"></el-progress>
26 <div class="resourceInfo"> 26 <div class="resourceInfo">
27 拉流代理总数:{{proxyInfo.total}}<br/> 27 拉流代理总数:{{proxyInfo.total}}<br/>
28 在线数:{{proxyInfo.online}} 28 在线数:{{proxyInfo.online}}