状态总览界面相关代码
运行情况概览
日志索引数量
{{ log.indices }}
日志总条数
{{ overviewData.documentsNum }}
日志总量
{{ overviewData.data }}
用户总数
{{ log.userNum }}
昨日登录次数
{{ log.loginNum }}
昨日查询次数
{{ log.searchNum }}
<div class="sidershadow">
<div class="main-title">纳管情况概览</div>
<div class="overview-title">
<el-row>
<el-col :span="12">
<div class="title">已纳管系统数</div>
<div class="value">{{ log.systemNum }}</div>
</el-col>
<el-col :span="12">
<div class="title">已纳管应用数</div>
<div class="value">{{ log.applicationNum }}</div>
</el-col>
</el-row>
</div>
</div>
<div class="sidershadow">
<div class="main-title">后台 ES 集群状态 概览</div>
<div class="overview-title">
<el-row>
<el-col :span="3">
<div class="title">集群状态</div>
<div class="value">
<span v-show="overviewData.status === 'yellow'"><div class='circle-yellow'></div>Yellow</span>
<span v-show="overviewData.status === 'green'"><div class='circle-green'></div>Green</span>
<span v-show="overviewData.status === 'red'"><div class='circle-red'></div>Red</span>
</div>
</el-col>
<el-col :span="3">
<div class="title">节点数</div>
<div class="value">{{ overviewData.nodes }}</div>
</el-col>
<el-col :span="3">
<div class="title">索引数</div>
<div class="value">{{ overviewData.indices }}</div>
</el-col>
<el-col :span="3">
<div class="title">内存</div>
<div class="value">{{ overviewData.memory }}</div>
</el-col>
<el-col :span="3">
<div class="title">分片数</div>
<div class="value">{{ overviewData.totalShards }}</div>
</el-col>
<el-col :span="3">
<div class="title">主分片数</div>
<div class="value">{{ overviewData.primaryShards }}</div>
</el-col>
<el-col :span="3">
<div class="title">文档数</div>
<div class="value">{{ overviewData.documents | num }}</div>
</el-col>
<el-col :span="3">
<div class="title">数据量</div>
<div class="value">{{ overviewData.data }}</div>
</el-col>
</el-row>
</div>
</div>
<div class="top">
<el-row>
<el-col :span="12">
<div class="sidershadow">
<div class="title-top">昨日索引访问量 TOP10</div>
<div id="auditTop"></div>
</div>
</el-col>
<el-col :span="12">
<div class="sidershadow">
<div class="title-top">日志数据总量 TOP10</div>
<div id="indicesTop"></div>
</div>
</el-col>
</el-row>
</div>
