gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:overview 新增chart & overview其他细节调整

Browse Source 
1.把overview作为登录后首页
2.asset total 及表格alert列显示调整
3.新增alert trend图表
4.topN头部下拉选调整
5.其他样式调整
This commit is contained in:
wangwenrui
2020-03-23 18:20:19 +08:00
parent 0c33b82ec7
commit 42b1e6a71f
8 changed files with 250 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
nezha-fronted/src/components/page/dashboard/overview/tableBox.vue
View File

@@ -2,7 +2,7 @@
<div class="table-box" :class="{'table-column-box':showData&&showData.screen&&showData.screen.direction=='column'}">
<loading ref="loading"></loading>
<template v-if="showData&&showData.screen">
<div class="table-box-left" v-show="showData.screen.show">
<div class="table-box-left" :class="{'table-box-left-half':showData.screen.total.direction == 'column'}" v-show="showData.screen.show">
<div class="table-screen" :class="{'fill-flex-cavity':!showData.screen.stat.show&&showData.screen.total.direction != 'column'}">
<div class="screen-top" v-show="showData.screen.total.show" >
<div :class="{'screen-row':showData.screen.total.direction == 'row','screen-column':showData.screen.total.direction == 'column'}">
@@ -18,7 +18,8 @@
</div>
</div>
<template slot="reference">
<div class="super-font">{{showData.screen.total.num}}</div>
<!-- <div class="super-font">{{showData.screen.total.num}}</div>-->
<div class="super-font" v-html="showData.screen.total.num"></div>
</template>
</el-popover>
</template>
@@ -50,6 +51,7 @@
v-for="(item, index) in showData.table.tableLabel"
v-if="item.show"
:key="`col-${index}`"
:width="item.width"
:label="item.label"
:render-header="item.renderHeader"
show-overflow-tooltip
@@ -65,12 +67,12 @@
</div>
</div>
<template slot="reference">
<span>{{scope.row[item.prop]}}</span>
<span v-html="scope.row[item.prop]"></span>
</template>
</el-popover>
</template>
<template v-else>
{{scope.row[item.prop]}}
<span v-html="scope.row[item.prop]"></span>
</template>
</template>
</el-table-column>