no message

src/components/FinancialModule/ImpressionTicketing/inAccordanceWithDialog.vue

@@ -58,7 +58,7 @@
         flex: 1;
         display: flex;
         flex-direction: row;
-        
+
     }
     .relative-position{
         flex: 1;
@@ -89,7 +89,7 @@
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
-        
+
     }
   .sanjiao {
       width: 0;
@@ -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;
@@ -129,7 +147,7 @@
                 class="cm_content"
                 style="width: 100%;margin-bottom: 35px;margin-top: 30px;"
             >
-                
+
             <div class="ITUDWageMoney-box" style="margin-bottom: 20px;">
                 <span>姓名：{{EmName}}</span>
             </div>
@@ -145,7 +163,7 @@
                     <th>利润</th>
                     <th>引流数量</th>
                     <th>成交订单</th>
-                    
+
                 </tr>
                 <tr v-for="(item,index) in commissionratioList.List"
                     :key="index">
@@ -163,24 +181,24 @@
                     <td>{{commissionratioList.AvfOrderNum}}</td>
                 </tr>
                 </table>
-                
+
                 <div class="ITUDschedule-Box-box">
                 <div class="ITUDschedule-box">
                     <div class="ITUDWageMoney-box">
                         <span>追加工资：{{commissionratioList.WageMoney}}</span>
                     </div>
                     <div class="progress-box">
-                        <div v-for="(item,index) in commissionratioList.WageRateList" :key="index" 
+                        <div v-for="(item,index) in commissionratioList.WageRateList" :key="index"
                         class="relative-position">
                         <el-progress :text-inside="true" :stroke-width="20"
                             :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>
@@ -193,16 +211,17 @@
                         <span>提成比例：{{commissionratioList.CommissionRate}}%</span>
                     </div>
                     <div class="progress-box">
-                        <div v-for="(item,index) in commissionratioList.CommissionRateList" :key="index" 
+                        <div v-for="(item,index) in commissionratioList.CommissionRateList" :key="index"
                         class="relative-position">
                             <el-progress :text-inside="true" :stroke-width="20"
                             :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>
@@ -210,15 +229,15 @@
                         </div>
                     </div>
                 </div>
-                
+
                 </div>
-                
+
             </div>
             <div v-if="!commissionratioList"
                 style="width: 100%;border:1px solid #fff;display: flex;align-items: center;justify-content: center;height: 60px;margin-top: 30px;"
             >暂无数据</div>
-            
-        </template>	
+
+        </template>
     </div>
 </template>
 
@@ -232,6 +251,7 @@
         },
         data() {
             return {
+              customColor: ['rgba(51,179,255,1)','rgba(222,225,230,1)'],
                 msg:{},
                 EmName:'',
                 EmpType:'',
@@ -294,7 +314,7 @@
             },
         },
         mounted() {
-            
+
         },
         methods: {
             // 自定义进度条文字
@@ -366,4 +386,4 @@
 
         }
     }
-</script>
\ No newline at end of file
+</script>