q=5 堡座 检验样品情况修改当前月份

src/components/baozuo-demo3/LeftCmp.vue

@@ -47,9 +47,9 @@
               <div class="rank-progress">
                 <div 
                   class="rank-bar" 
-                  :style="{ width: item.value + '%' }"
+                  :style="{ width: currentMonth>=index+1?item.value + '%' : '0%' }"
                 ></div>
-                <span class="rank-value">{{ item.value }}%</span>
+                <span class="rank-value">{{currentMonth>=index+1? item.value : '0' }}%</span>
               </div>
             </div>
           </div>
@@ -81,7 +81,7 @@ import * as echarts from 'echarts';
 import testRes from './test'
 import LeftChart2 from './LeftChart2'
 
-console.log(testRes)
+const currentMonth = new Date().getMonth() + 1;
 export default {
   name: 'CenterCmp',
   components: {
@@ -124,6 +124,7 @@ export default {
 
 
     return {
+      currentMonth: currentMonth,
       config: {
         data: [
           {
@@ -204,13 +205,13 @@ export default {
       { name: '03月', value: 90 },
       { name: '04月', value: 85 },
       { name: '05月', value: 95 },
-      { name: '06月', value: 0 },
-      { name: '07月', value: 0 },
-      { name: '08月', value: 0 },
-      { name: '09月', value: 0 },
-      { name: '10月', value: 0 },
-      { name: '11月', value: 0 },
-      { name: '12月', value: 0 },
+      { name: '06月', value: 99 },
+      { name: '07月', value: 100 },
+      { name: '08月', value: 88 },
+      { name: '09月', value: 92 },
+      { name: '10月', value: 96 },
+      { name: '11月', value: 89 },
+      { name: '12月', value: 97 },
     ],
     staffList: [
         { name: '负责人', arrived: 1, total: 1 },
@@ -234,6 +235,7 @@ export default {
   mounted() {
     this.initRightChart();
     this.initPieChart(); // 新增初始化饼图方法
+
   },
   // 在methods中添加方法
   methods: {