mirror of
https://gitee.com/dromara/dbswitch.git
synced 2025-10-15 22:30:24 +00:00
优化 dashboard 页面
This commit is contained in:
Binary file not shown.
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 228 KiB |
@@ -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>
|
||||||
|
@@ -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">执行中 </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>
|
||||||
|
Reference in New Issue
Block a user