搜索框显示默认日期，切换窗口后日期消失问题

src/stores/Feedback.js

@@ -2,6 +2,7 @@ import { makeAutoObservable, runInAction } from "mobx";
 import * as req from "@/utils/request";
 import { prepareUrl } from "@/utils/commons";
 import * as config from "@/config";
+import dayjs from "dayjs";
 
 class Feedback {
 	constructor(root) {
@@ -10,12 +11,20 @@ class Feedback {
 	}
 
 	loading = false;
+	search_date_start = dayjs().startOf("M");
+	search_date_end = dayjs().endOf("M");
 	feedbackList = []; //反馈列表
 	feedbackImages = []; //图片列表
 	feedbackRate = []; //反馈评分
 	feedbackReview = []; //站外好评
 	feedbackInfo = []; //地接社反馈的信息
 
+	onDateRangeChange = (dates) =>{
+		console.log(dates);
+		this.search_date_start = dates[0];
+        this.search_date_end = dates[1];
+	}
+
 	/* 查询地接社的团列表
       地接社sn
       团名

src/views/feedback/Index.jsx

@@ -13,7 +13,7 @@ const feedbackListColumns = [
 	{
 		title: "团名",
 		dataIndex: "EOI_Group_Name",
-		// render: (text, record) => <NavLink to={`/feedback/${record.EOI_SN}`}>{text}</NavLink>,
+		render: (text, record) => <NavLink to={`/feedback/${record.EOI_SN}`}>{text}</NavLink>,
 	},
 	{
 		title: "离团日期",
@@ -29,19 +29,11 @@ const feedbackListColumns = [
 		title: "评分",
 		dataIndex: "Average",
 	},
-	{
-		title: "操作",
-		dataIndex: "EOI_SN",
-		render: (text, record) => <NavLink to={`/feedback/${record.EOI_SN}`}>查看</NavLink>,
-	},
 ];
 
 function Index() {
-
-	
 	const { feedbackStore, authStore } = useStore();
-	const { feedbackList } = feedbackStore;
-	const [selectedDateRange, onDateRangeChange] = useState([config.DATE_PRESETS[0].value]);
+	const { feedbackList,search_date_start,search_date_end } = feedbackStore;
 	const [referenceNo, onNumberChange] = useState("");
 
 	useEffect(() => {
@@ -62,26 +54,19 @@ function Index() {
 					/>
 				</Col>
 				<Col md={24} lg={6} xxl={4}>
-					<DatePicker.RangePicker
-						format={config.DATE_FORMAT}
-						allowClear={false}
-						style={{ width: "100%" }}
-						presets={config.DATE_PRESETS}
-						onChange={(date, dateRange) => {
-							onDateRangeChange(dateRange);
-						}}
-					/>
+					<DatePicker.RangePicker format={config.DATE_FORMAT} allowClear={false} style={{ width: "100%" }} value={[search_date_start,search_date_end]} presets={config.DATE_PRESETS} onChange={feedbackStore.onDateRangeChange} />
 				</Col>
 				<Col md={24} lg={4} xxl={4}>
-					<Button type="primary" loading={feedbackStore.loading} onClick={() => feedbackStore.searchFeedbackList(authStore.login.travelAgencyId, referenceNo, selectedDateRange[0], selectedDateRange[1] + " 23:59")}>
+					<Button type="primary" loading={feedbackStore.loading} onClick={() => feedbackStore.searchFeedbackList(authStore.login.travelAgencyId, referenceNo, search_date_start.format(config.DATE_FORMAT),search_date_end.format(config.DATE_FORMAT) + " 23:59")}>
 						搜索
 					</Button>
 				</Col>
 			</Row>
 			<Row>
-				<Col md={24} lg={24} xxl={24}>
+				<Col md={24} lg={24} xxl={12}>
 					<Table bordered={true} columns={feedbackListColumns} dataSource={toJS(feedbackList)} />
 				</Col>
+				<Col md={24} lg={24} xxl={12}></Col>
 			</Row>
 		</Space>
 	);