优化 dashboard 页面

This commit is contained in:
lizemin
2024-04-17 17:02:17 +08:00
parent a585db1902
commit df9aca7dad
3 changed files with 16 additions and 13 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 228 KiB

View File

@@ -3,7 +3,7 @@
<el-dropdown> <el-dropdown>
<div class="user-dropdown-photo"> <div class="user-dropdown-photo">
<span class="user-dropdown-text"> <span class="user-dropdown-text">
{{ nickname }}({{username}}) {{username}}
<i class="el-icon-caret-bottom"></i> <i class="el-icon-caret-bottom"></i>
</span> </span>
<img src="../../assets/user.jpg" <img src="../../assets/user.jpg"
@@ -57,11 +57,14 @@ export default {
height: 60px; height: 60px;
padding: 10px 0; padding: 10px 0;
float: right; float: right;
cursor: pointer;
} }
.user-dropdown-wrap .user-dropdown-photo img { .user-dropdown-wrap .user-dropdown-photo img {
width: 30px; width: 30px;
height: 30px; height: 30px;
vertical-align: middle; vertical-align: middle;
margin-right: 10px;
cursor: pointer;
} }
</style> </style>

View File

@@ -8,10 +8,10 @@
:startVal="startVal" :startVal="startVal"
:endVal="statistics.connectionStatistics.totalCount" :endVal="statistics.connectionStatistics.totalCount"
:duration="2000"></CountTo> :duration="2000"></CountTo>
<p class="cardItem_p1">数据源连接</p> <p class="cardItem_p1">数据源数</p>
</div> </div>
<div class="cardItem_icon"> <div class="cardItem_icon">
<i class="el-icon-s-grid color-green1"></i> <i class="el-icon-cpu color-green1"></i>
</div> </div>
</div> </div>
</el-col> </el-col>
@@ -25,7 +25,7 @@
<p class="cardItem_p1">任务总数</p> <p class="cardItem_p1">任务总数</p>
</div> </div>
<div class="cardItem_icon"> <div class="cardItem_icon">
<i class="el-icon-s-data color-blue"></i> <i class="el-icon-burger color-blue"></i>
</div> </div>
</div> </div>
</el-col> </el-col>
@@ -36,10 +36,10 @@
:startVal="startVal" :startVal="startVal"
:endVal="statistics.assignmentTaskStatistics.publishedCount" :endVal="statistics.assignmentTaskStatistics.publishedCount"
:duration="2000"></CountTo> :duration="2000"></CountTo>
<p class="cardItem_p1">任务发布</p> <p class="cardItem_p1">任务发布</p>
</div> </div>
<div class="cardItem_icon"> <div class="cardItem_icon">
<i class="el-icon-loading color-green2"></i> <i class="el-icon-potato-strips color-green2"></i>
</div> </div>
</div> </div>
</el-col> </el-col>
@@ -50,10 +50,10 @@
:startVal="startVal" :startVal="startVal"
:endVal="statistics.assignmentJobStatistics.totalCount" :endVal="statistics.assignmentJobStatistics.totalCount"
:duration="2000"></CountTo> :duration="2000"></CountTo>
<p class="cardItem_p1">作业执行</p> <p class="cardItem_p1">作业执行</p>
</div> </div>
<div class="cardItem_icon"> <div class="cardItem_icon">
<i class="el-icon-office-building color-red"></i> <i class="el-icon-bicycle color-red"></i>
</div> </div>
</div> </div>
</el-col> </el-col>
@@ -64,10 +64,10 @@
:startVal="startVal" :startVal="startVal"
:endVal="statistics.assignmentJobStatistics.runningCount" :endVal="statistics.assignmentJobStatistics.runningCount"
:duration="2000"></CountTo> :duration="2000"></CountTo>
<p class="cardItem_p1">执行中</p> <p class="cardItem_p1">执行中&nbsp;&nbsp;&nbsp;</p>
</div> </div>
<div class="cardItem_icon"> <div class="cardItem_icon">
<i class="el-icon-office-building color-running"></i> <i class="el-icon-loading color-running"></i>
</div> </div>
</div> </div>
</el-col> </el-col>
@@ -81,7 +81,7 @@
<p class="cardItem_p1">执行异常</p> <p class="cardItem_p1">执行异常</p>
</div> </div>
<div class="cardItem_icon"> <div class="cardItem_icon">
<i class="el-icon-office-building color-error"></i> <i class="el-icon-error color-error"></i>
</div> </div>
</div> </div>
</el-col> </el-col>
@@ -95,7 +95,7 @@
<p class="cardItem_p1">任务取消</p> <p class="cardItem_p1">任务取消</p>
</div> </div>
<div class="cardItem_icon"> <div class="cardItem_icon">
<i class="el-icon-office-building color-cancel"></i> <i class="el-icon-remove color-cancel"></i>
</div> </div>
</div> </div>
</el-col> </el-col>
@@ -109,7 +109,7 @@
<p class="cardItem_p1">执行成功</p> <p class="cardItem_p1">执行成功</p>
</div> </div>
<div class="cardItem_icon"> <div class="cardItem_icon">
<i class="el-icon-office-building color-success"></i> <i class="el-icon-success color-success"></i>
</div> </div>
</div> </div>
</el-col> </el-col>