no message

src/components/FinancialModule/ImpressionTicketing/inAccordanceWithDialog.vue

@@ -114,9 +114,27 @@
       white-space:nowrap;
     }
     .active-rate{
-      background-color: #FF7262 !important;
+      background-color: #33B3FF !important;
       color: #FFFFFF !important;
     }
+    /deep/.relative-position .el-progress-bar__outer{
+        border-radius: 0 !important;
+    }
+    /deep/.relative-position .el-progress-bar__inner{
+        text-align: center;
+        text-indent: 10px;
+        border-radius: 0 !important;
+    }
+    /deep/.relative-position:first-child .el-progress{
+        border-top-left-radius: 15px !important;
+        border-bottom-left-radius: 15px !important;
+        overflow: hidden !important
+    }
+    /deep/.relative-position:last-child .el-progress{
+        border-top-right-radius: 15px !important;
+        border-bottom-right-radius: 15px !important;
+        overflow: hidden !important
+    }
     .clickCp{
         cursor: pointer;
         color: #2961fe;
@@ -176,11 +194,11 @@
                             :percentage="setItemProgress(item)"
                             :status="setItemStatus(item)"
                             :format="setItemTextW(item)"
-                            :color="commissionratioList.WageMoney>=item.Rate?colorlists[Math.floor(Math.random()*10)]
-                            :colors[Math.floor(Math.random()*10)]">
+                            :color="commissionratioList.WageMoney>=item.Rate?customColor[0]
+                            :customColor[1]">
                             </el-progress>
                             <div class="rate-box">
-                            <div class="sanjiao" :style="{'border-bottom-color':commissionratioList.WageMoney>=item.Rate?'#FF7262':'#CACACA'}"></div>
+                            <div class="sanjiao" :style="{'border-bottom-color':commissionratioList.WageMoney>=item.Rate?'#33B3FF':'#CACACA'}"></div>
                             <div class="rate full-width" :class="{'active-rate':commissionratioList.WageMoney>=item.Rate}">
                                 <i class="el-icon-check" style="font-size:8px"></i> + {{item.Rate}}
                             </div>
@@ -199,10 +217,11 @@
                             :percentage="setItemProgress(item)"
                             :status="setItemStatus(item)"
                             :format="setItemText(item)"
-                            :color="commissionratioList.CommissionRate>=item.Rate?colorlists[Math.floor(Math.random()*10)]:colors[Math.floor(Math.random()*10)]">
+                            :color="commissionratioList.CommissionRate>=item.Rate?customColor[0]
+                            :customColor[1]">
                             </el-progress>
                             <div class="rate-box">
-                            <div class="sanjiao" :style="{'border-bottom-color':commissionratioList.CommissionRate>=item.Rate?'#FF7262':'#CACACA'}"></div>
+                            <div class="sanjiao" :style="{'border-bottom-color':commissionratioList.CommissionRate>=item.Rate?'#33B3FF':'#CACACA'}"></div>
                                 <div class="rate full-width" :class="{'active-rate':commissionratioList.CommissionRate>=item.Rate}">
                                     <i class="el-icon-check" style="font-size:8px"></i> {{item.Rate}}%
                                 </div>
@@ -232,6 +251,7 @@
         },
         data() {
             return {
+              customColor: ['rgba(51,179,255,1)','rgba(222,225,230,1)'],
                 msg:{},
                 EmName:'',
                 EmpType:'',