增加时间限制

src/pages/orderManage/pendingDeliveryOrder/index.jsx

@@ -18,6 +18,7 @@ import {
 } from './service';
 
 const TableList = props => {
+  const dateFormat = 'YYYY-MM-DD';
   const [companys, setCompanys] = useState([]);
   const [LogisticsModalVisible, handleModalVisible] = useState(false);
   const [skuList, setSkuList] = useState([]);
@@ -25,6 +26,20 @@ const TableList = props => {
   const [ShowUpdateBtn] = useState([2, 5]);
   const [LogisticsComList, setLogisticsComList] = useState({});
   const [LogisticsComModalVisible, handleComModalVisible] = useState(false);
+  const [startTime, setStartTime] = useState(moment().add(-1, 'months'));
+  const [startTimeStr, setStartTimeStr] = useState(
+    moment()
+      .add(-1, 'months')
+      .format(dateFormat),
+  );
+
+  const [endTime, setEndTime] = useState(moment());
+  const [endTimeStr, setEndTimeStr] = useState(moment().format(dateFormat));
+
+  const startDisabledDate = current =>
+    current && (endTime.diff(current, 'days') > 30 || endTime.diff(current, 'days') < 0);
+  const endDisabledDate = current =>
+    current && (current.diff(startTime, 'days') > 30 || current.diff(startTime, 'days') < 0);
 
   const actionRef = useRef();
   const ref = useRef(FormInstance);
@@ -198,6 +213,15 @@ const TableList = props => {
       key: 'startTime',
       valueType: 'date',
       hideInTable: true,
+      formItemProps: {
+        value: startTime,
+        onChange(time, timeString) {
+          setStartTime(time);
+          setStartTimeStr(timeString);
+        },
+        disabledDate: startDisabledDate,
+        allowClear: false,
+      },
     },
     {
       title: '订单结束时间',
@@ -205,6 +229,15 @@ const TableList = props => {
       key: 'endTime',
       valueType: 'date',
       hideInTable: true,
+      formItemProps: {
+        value: endTime,
+        onChange(time, timeString) {
+          setEndTime(time);
+          setEndTimeStr(timeString);
+        },
+        disabledDate: endDisabledDate,
+        allowClear: false,
+      },
     },
     {
       title: '操作',
@@ -298,8 +331,8 @@ const TableList = props => {
       onClick={() => {
         if (ref.current) {
           const obj = { ...ref.current.getFieldsValue(), logisticsStatus: props.type || 1 };
-          obj.startTime = obj.startTime && moment(obj.startTime).format('YYYY-MM-DD');
-          obj.endTime = obj.endTime && moment(obj.endTime).format('YYYY-MM-DD');
+          obj.startTime = startTimeStr;
+          obj.endTime = endTimeStr;
           downOrder(obj);
         }
       }}
@@ -312,7 +345,9 @@ const TableList = props => {
       <ProTable
         className={style.protable}
         actionRef={actionRef}
-        request={params => queryToSendFn({ ...params })}
+        request={params =>
+          queryToSendFn({ ...params, startTime: startTimeStr, endTime: endTimeStr })
+        }
         columns={columns}
         rowKey={r => r.orderNo}
         formRef={ref}