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

perf:reset复选框调整、asset左侧筛选列表bug修复、overview 表格调整

Browse Source
This commit is contained in:
wangwenrui
2020-04-02 20:57:43 +08:00
parent cf279dd11f
commit 0c90877c88
10 changed files with 118 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
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" :class="{'table-box-left-half':showData.screen.total.direction == 'column'}" v-show="showData.screen.show">
<div class="table-box-left" :class="{'table-box-left-half':showData.screen.total.direction == 'column'&& showData.table.show && !showData.screen.stat.show}" v-show="showData.screen.show">
<div class="table-screen" :class="{'fill-flex-cavity':!showData.screen.stat.show&&showData.screen.total.direction != 'column'&&showData.screen.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'}">
@@ -30,9 +30,23 @@
</div>
</div>
<div class="screen-bottom" v-show="showData.screen.stat.show">
<div class="screen-row">
<div class="screen-col avg-children-space"><i class="nz-icon nz-icon-arrow-up middle-icon green-icon"></i><span class="middle-font">{{showData.screen.stat.up}}</span></div>
<div class="screen-col avg-children-space"><i class="nz-icon nz-icon-arrow-down middle-icon red-icon"></i><span class="middle-font">{{showData.screen.stat.down}}</span></div>
<div :class="{'screen-row':showData.screen.total.direction == 'row','screen-column':showData.screen.total.direction == 'column'}">
<div class="screen-col avg-children-space">
<div class="col-box">
<div>
<div><i class="nz-icon nz-icon-arrow-up middle-icon green-icon"></i></div>
<div><span class="middle-font">{{showData.screen.stat.up}}</span></div>
</div>
</div>
</div>
<div class="screen-col avg-children-space">
<div class="col-box">
<div>
<div><i class="nz-icon nz-icon-arrow-down middle-icon red-icon"></i></div>
<div><span class="middle-font">{{showData.screen.stat.down}}</span></div>
</div>
</div>
</div>
</div>
</div>
</div>