|
@@ -145,7 +145,23 @@
|
|
|
<div class="app-stats">
|
|
<div class="app-stats">
|
|
|
<!-- <div class="stat-bar" :style="{ width: app.percentage + '%' }"></div> -->
|
|
<!-- <div class="stat-bar" :style="{ width: app.percentage + '%' }"></div> -->
|
|
|
<div style="width: 100%">
|
|
<div style="width: 100%">
|
|
|
- <el-progress :percentage="app.percentage" />
|
|
|
|
|
|
|
+ <el-progress :percentage="app.percentage" :show-percentage="false" striped striped-flow>
|
|
|
|
|
+ <div slot="percentage" class="progress-custom">
|
|
|
|
|
+ <!-- <img src="/icon.png" /> -->
|
|
|
|
|
+ <el-icon style="display: contents;">
|
|
|
|
|
+ <StarFilled v-if="index == 0" style="color: red" />
|
|
|
|
|
+ <StarFilled v-if="index == 0" style="color: red" />
|
|
|
|
|
+ <StarFilled v-if="index == 0" style="color: red" />
|
|
|
|
|
+ <StarFilled v-if="index == 1" style="color: orange" />
|
|
|
|
|
+ <StarFilled v-if="index == 1" style="color: orange" />
|
|
|
|
|
+ <StarFilled v-if="index == 2" style="color: yellow" />
|
|
|
|
|
+ <StarFilled v-if="index > 2" style="color: #3fb005" />
|
|
|
|
|
+ </el-icon>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-progress>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- <el-progress :percentage="app.percentage" status="success" striped striped-flow/> -->
|
|
|
|
|
+
|
|
|
</div>
|
|
</div>
|
|
|
<span class="stat-count">{{ app.count }}次</span>
|
|
<span class="stat-count">{{ app.count }}次</span>
|
|
|
</div>
|
|
</div>
|
|
@@ -707,7 +723,7 @@ export default {
|
|
|
.module-content {
|
|
.module-content {
|
|
|
padding: 20px;
|
|
padding: 20px;
|
|
|
height: 320px;
|
|
height: 320px;
|
|
|
- overflow: auto;
|
|
|
|
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 应用状态分布图 */
|
|
/* 应用状态分布图 */
|
|
@@ -819,7 +835,7 @@ export default {
|
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
|
color: rgba(255, 255, 255, 0.6);
|
|
color: rgba(255, 255, 255, 0.6);
|
|
|
min-width: 100px;
|
|
min-width: 100px;
|
|
|
- text-align: right;
|
|
|
|
|
|
|
+ text-align: left;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* 响应式设计 */
|
|
/* 响应式设计 */
|