预算&指标填报

src/views/home/components/indicatorCalendar.vue

@@ -13,7 +13,7 @@
             <div class="monthItem" :class="{
               'has-data': month.haveData,
               'current': index === currentMonthIndex // 本月匹配current样式
-            }" v-for="(month, index) in monthList" :key="index">
+            }" v-for="(month, index) in list" :key="index">
               {{ month.name }}
             </div>
           </div>
@@ -41,21 +41,7 @@ export default {
   data() {
     return {
       chart: null,
-      // 初始化12个月的列表，可根据实际需求修改haveData默认值
-      monthList: [
-        { name: '1月', haveData: false, isActive: false },
-        { name: '2月', haveData: false, isActive: false },
-        { name: '3月', haveData: false, isActive: false },
-        { name: '4月', haveData: false, isActive: false },
-        { name: '5月', haveData: false, isActive: false },
-        { name: '6月', haveData: false, isActive: false },
-        { name: '7月', haveData: false, isActive: false },
-        { name: '8月', haveData: false, isActive: false },
-        { name: '9月', haveData: false, isActive: false },
-        { name: '10月', haveData: false, isActive: false },
-        { name: '11月', haveData: false, isActive: false },
-        { name: '12月', haveData: false, isActive: false }
-      ],
+      list:[]
     }
   },
   computed: {
@@ -83,19 +69,15 @@ export default {
     // 根据calendarList更新monthList的haveData状态
     updateMonthHaveData(calendarObj) {
       if (!calendarObj || typeof calendarObj !== 'object') return;
-
-      // 遍历12个月，匹配对应年月
-      this.monthList.forEach((month, index) => {
-        // 获取月份数字（索引+1，补两位，如1→01，10→10）
-        const monthNum = (index + 1).toString().padStart(2, '0');
-        // 拼接成calendarList中的键格式（如2025-01）
-        const yearMonthKey = `2025-${monthNum}`; // 若年份不固定，可改为props传递年份
-
-        // 判断calendarObj中该键对应的值：1→true，0→false，无该键则保持默认false
-        if (calendarObj.hasOwnProperty(yearMonthKey)) {
-          month.haveData = calendarObj[yearMonthKey] === 1;
-        }
-      });
+      const keys = Object.keys(calendarObj);
+      if(keys.length == 0){
+        return
+      }
+      console.log('calendarObj',calendarObj)
+      this.list = []
+      for(let i = 0; i < keys.length; i++) {
+        this.list.push({name:i+1+'月',haveData:calendarObj[keys[i]],isActive:i==new Date().getMonth()})
+      }
     },
   }
 }