日期选择器的修复

src/views/property-marketing/assignment-management/components/date-selector.vue

@@ -7,6 +7,7 @@
       @change="handleDateChange"
       v-model="currentDate"
       format="YYYY年MM月DD日周dd"
+      value-format="YYYY-MM-DD"
     />
     <!-- 周选择器 -->
     <a-week-picker
@@ -15,6 +16,7 @@
       @change="handleDateChange"
       v-model="currentDate"
       format="YYYY年MM月DD日"
+      value-format="YYYY-MM-DD"
     />
     <!-- 月选择器 -->
     <a-month-picker
@@ -23,6 +25,7 @@
       @change="handleDateChange"
       v-model="currentDate"
       format="YYYY年MM月"
+      value-format="YYYY-MM"
     />
 
     <!-- 日期导航按钮 -->
@@ -43,7 +46,13 @@
 
     <!-- 维度切换下拉框 -->
     <div class="flex items-center">
-      <a-dropdown position="bottom" @select="handleTypeChange" class="w-80px" :popupVisible="dropdownVisible" @popupVisibleChange="handleDropdownVisibleChange">
+      <a-dropdown
+        position="bottom"
+        @select="handleTypeChange"
+        class="w-80px"
+        :popupVisible="dropdownVisible"
+        @popupVisibleChange="handleDropdownVisibleChange"
+      >
         <a-button type="text" class="prv-today"> {{ choseType }}<icon-down class="ml-4px" /> </a-button>
         <template #content>
           <a-doption value="日" class="doption">日</a-doption>
@@ -141,7 +150,7 @@ const handleTypeChange = (val: '日' | '周' | '月') => {
   const today = new Date();
   currentDate.value = today;
   emitChange();
-  
+
   // 选择后隐藏下拉菜单
   setTimeout(() => {
     dropdownVisible.value = false;
@@ -151,7 +160,22 @@ const handleTypeChange = (val: '日' | '周' | '月') => {
 // 6. 日期选择器变更处理
 const handleDateChange = (val: Date | string | undefined) => {
   if (!val) return;
-  const selectedDate = val instanceof Date ? val : new Date(val);
+
+  let selectedDate: Date;
+  if (val instanceof Date) {
+    selectedDate = val;
+  } else {
+    // 处理字符串格式的日期
+    if (choseType.value === '月') {
+      // 月份选择器返回 YYYY-MM 格式
+      const [year, month] = val.split('-').map(Number);
+      selectedDate = new Date(year, month - 1, 1);
+    } else {
+      // 日和周选择器返回 YYYY-MM-DD 格式
+      selectedDate = new Date(val);
+    }
+  }
+
   currentDate.value = selectedDate;
   emitChange();
 };
@@ -245,7 +269,7 @@ setTimeout(() => {
   color: #211f24 !important;
 }
 .doption {
-  width: 80px !important;
+  width: 78px !important;
 }
 .prv-today {
   color: #211f24 !important;
@@ -256,4 +280,4 @@ setTimeout(() => {
   display: flex;
   justify-content: space-between;
 }
-</style>
+</style>