xiugai

src/views/home/components/Header.vue

@@ -32,7 +32,7 @@
         <div class="label">
           <span class="label-text">月份选择</span>
         </div>
-        <el-date-picker v-model="date" type="month" placeholder="请选择月份" class="custom-date-picker"
+        <el-date-picker :clearable="false" v-model="date" type="month" placeholder="请选择月份" class="custom-date-picker"
           style="width: 132px;height: 29px;" @change="emitTimeRange" />
       </div>
     </div>
@@ -45,7 +45,11 @@ export default {
   name: 'Header',
   props: {
     isFullScreen: { type: Boolean, default: false },
-    topTitle: { type: String, default: '' }
+    topTitle: { type: String, default: '' },
+    dateData: {
+      type: Object,
+      default: {} // 默认值设为350px
+    },
   },
   data() {
     return {
@@ -162,6 +166,19 @@ export default {
         this.date = undefined;
         // this.emitTimeRange();
       }
+    },
+    dateData: {
+      immediate: true, // 初始化时立即执行
+      handler(newVal) {
+        if (newVal && (newVal.startTime || newVal.endTime)) {
+          // 优先使用 startTime 转换为月份格式
+          const timeStamp = newVal.startTime || newVal.endTime;
+          if (timeStamp !== 0) {
+            const monthStr = moment(timeStamp).format('YYYY-MM');
+            this.date = monthStr; // 赋值给选择器
+          }
+        }
+      }
     }
   },
   mounted() {