Ver código fonte

应用中心增加进度条显示图标

mork 3 semanas atrás
pai
commit
b252f4a702
2 arquivos alterados com 21 adições e 3 exclusões
  1. 2 0
      src/views/rwgl/Index.vue
  2. 19 3
      src/views/yygl/monitor/index.vue

+ 2 - 0
src/views/rwgl/Index.vue

@@ -389,6 +389,7 @@ export default {
       // if(this.taskStatus.length==this.focusTaskStatus.length){
       //     this.focusTaskStatus = ["all"]
       // }
+      this.pullTaskData(1)
       this.$nextTick(() => this.calculateTableHeight());
     },
     getCheckedStatus() {
@@ -440,6 +441,7 @@ export default {
         }
         this.focusTaskType = Array.from(set);
       }
+      this.pullTaskData(1)
       this.$nextTick(() => this.calculateTableHeight());
     },
     getCheckedType() {

+ 19 - 3
src/views/yygl/monitor/index.vue

@@ -145,7 +145,23 @@
               <div class="app-stats">
                 <!-- <div class="stat-bar" :style="{ width: app.percentage + '%' }"></div> -->
                 <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>
                 <span class="stat-count">{{ app.count }}次</span>
               </div>
@@ -707,7 +723,7 @@ export default {
 .module-content {
   padding: 20px;
   height: 320px;
-  overflow: auto;
+  overflow: hidden;
 }
 
 /* 应用状态分布图 */
@@ -819,7 +835,7 @@ export default {
   font-size: 12px;
   color: rgba(255, 255, 255, 0.6);
   min-width: 100px;
-  text-align: right;
+  text-align: left;
 }
 
 /* 响应式设计 */