bug fix

report-ioc.css

@@ -315,7 +315,6 @@ body {
   width: 102px;
   width: 102px;
   height: 102px;
   height: 102px;
   margin: 12px 10px 14px 19px;
   margin: 12px 10px 14px 19px;
-
   padding: 14px 14px;
   padding: 14px 14px;
   box-sizing: border-box;
   box-sizing: border-box;
   background: url("./assets/chart-bg.png") no-repeat;
   background: url("./assets/chart-bg.png") no-repeat;
@@ -405,7 +404,7 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
   width: 76px;
   width: 76px;
   height: 76px;
   height: 76px;
   position: relative;
   position: relative;
-  background: #f3be28;
+  background: #f3be28 !important;
 }
 }
 
 
 /*所有的后代都水平垂直居中，这样就是同心圆了*/
 /*所有的后代都水平垂直居中，这样就是同心圆了*/
@@ -468,10 +467,11 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
 }
 }
 .percent {
 .percent {
   font-family: DIN Alternate-Bold;
   font-family: DIN Alternate-Bold;
+  font-size: 20px !important;
 }
 }
 .percent-text {
 .percent-text {
   color: #fff;
   color: #fff;
-  font-size: 18px;
+  font-size: 16px;
   margin-top: 30px;
   margin-top: 30px;
 
 
   opacity: 0.7;
   opacity: 0.7;
@@ -692,7 +692,7 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
 }
 }
 .g-progress {
 .g-progress {
   margin: auto;
   margin: auto;
-  width: 167px;
+  width: 145px;
 
 
   height: 9px;
   height: 9px;
   border-radius: 25px;
   border-radius: 25px;
@@ -708,7 +708,7 @@ clip的用法参考：http://www.w3school.com.cn/cssref/pr_pos_clip.asp
 }
 }
 .assign-progress {
 .assign-progress {
   margin: auto;
   margin: auto;
-  width: 166px;
+  width: 145px;
 
 
   height: 9px;
   height: 9px;
   border-radius: 25px;
   border-radius: 25px;

report-ioc.html

@@ -188,7 +188,7 @@
                 <div class="circle-bar-right-2"></div>
                 <div class="circle-bar-right-2"></div>
                 <!-- 遮罩层，显示百分比 -->
                 <!-- 遮罩层，显示百分比 -->
                 <div class="second-mask">
                 <div class="second-mask">
-                  <span class="percent">10%</span>
+                  <span class="percent">100%</span>
                   <span class="percent-text">完成率</span>
                   <span class="percent-text">完成率</span>
                 </div>
                 </div>
               </div>
               </div>
@@ -220,7 +220,7 @@
                 <div class="circle-bar-right-3"></div>
                 <div class="circle-bar-right-3"></div>
                 <!-- 遮罩层，显示百分比 -->
                 <!-- 遮罩层，显示百分比 -->
                 <div class="third-mask">
                 <div class="third-mask">
-                  <span class="percent">30%</span>
+                  <span class="percent">100%</span>
                   <span class="percent-text">完成率</span>
                   <span class="percent-text">完成率</span>
                 </div>
                 </div>
               </div>
               </div>
@@ -475,7 +475,7 @@
         }
         }
 
 
         var percent3 = parseInt($(".third-mask :first-child").text());
         var percent3 = parseInt($(".third-mask :first-child").text());
-        var baseColor = $(".circle-bar").css("background");
+        var baseColor = $(".circle-bar-3").css("background");
         console.log("percent3==", percent3);
         console.log("percent3==", percent3);
         if (percent3 <= 50) {
         if (percent3 <= 50) {
           $(".circle-bar-right-3").css(
           $(".circle-bar-right-3").css(

report.html

@@ -485,7 +485,7 @@
         }
         }
 
 
         var percent3 = parseInt($(".third-mask :first-child").text());
         var percent3 = parseInt($(".third-mask :first-child").text());
-        var baseColor = $(".circle-bar").css("background");
+        var baseColor = $(".circle-bar-3").css("background");
         console.log("percent3==", percent3);
         console.log("percent3==", percent3);
         if (percent3 <= 50) {
         if (percent3 <= 50) {
           $(".circle-bar-right-3").css(
           $(".circle-bar-right-3").css(