diff --git a/src/App.jsx b/src/App.jsx
index 06cee48..c057552 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -36,7 +36,7 @@ import Credit_card_bill from './views/Credit_card_bill';
 import Sale from './views/Sale';
 import Sale_sub from './views/Sale_sub';
 import Sale_KPI from './views/Sale_KPI';
-import Logo from './logo.png';
+// import Logo from './logo.png';
 import { observer } from 'mobx-react';
 import ExchangeRate from './charts/ExchangeRate';
 import KPI from './views/KPI';
@@ -49,7 +49,7 @@ import { WaterMark } from '@ant-design/pro-components';
 
 const App = () => {
   const { Content, Footer, Sider, } = Layout;
-  const { auth_store } = useContext(stores_Context);
+  const { auth_store, date_picker_store } = useContext(stores_Context);
 
   const [collapsed, setCollapsed] = useState(false);
 
@@ -183,16 +183,16 @@ const App = () => {
                 bottom: 0,
                 zIndex: 999,
               }}
-              zeroWidthTriggerStyle={collapsed ? { zIndex: 90, bottom: '64px', top: 'unset', left: 'unset', right: '-34px' } : { bottom: '64px', top: 'unset', left: 'unset', right: 0 }}
-              // onBreakpoint={(broken) => {
-              //   console.log(broken);
-              // }}
+              zeroWidthTriggerStyle={collapsed ? { zIndex: 90, bottom: '64px', top: '3px', left: 'unset', right: '-34px' } : { bottom: '64px', top: '3px', left: 'unset', right: 0 }}
+              onBreakpoint={(broken) => {
+                date_picker_store.setSiderBroken(broken);
+              }}
               onCollapse={(collapsed, type) => {
                 setCollapsed(collapsed);
               }}
             >
               {/* <Image src={Logo} preview={false} /> */}
-              <Menu theme="dark" defaultSelectedKeys={['1']} defaultOpenKeys={[]} mode="inline" items={menu_items} onClick={() => setCollapsed(!collapsed)} />
+              <Menu theme="dark" defaultSelectedKeys={['1']} defaultOpenKeys={[]} mode="inline" items={menu_items} onClick={() => date_picker_store.siderBroken ? setCollapsed(!collapsed) : false} />
             </Sider>
 
             <Layout className="site-layout">
diff --git a/src/charts/Customer_care_inchina.jsx b/src/charts/Customer_care_inchina.jsx
index 135492c..1b8e45e 100644
--- a/src/charts/Customer_care_inchina.jsx
+++ b/src/charts/Customer_care_inchina.jsx
@@ -17,7 +17,7 @@ const Customer_care_inchina = () => {
 
     return (
         <div>
-        <Row gutter={16} className='sticky-top'>
+        <Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"}>
           <Col className="gutter-row" span={24}>
             <SearchForm
               defaultValue={{
diff --git a/src/charts/Customer_care_potential.jsx b/src/charts/Customer_care_potential.jsx
index 7a10c4b..11d52a5 100644
--- a/src/charts/Customer_care_potential.jsx
+++ b/src/charts/Customer_care_potential.jsx
@@ -16,9 +16,9 @@ const Customer_care_potential = () => {
 
     return (
         <div>
-        <Row gutter={16} className='sticky-top'>
+        <Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"}>
           <Col className="gutter-row" span={24}>
-            <SearchForm className='sticky-top'
+            <SearchForm className={date_picker_store.siderBroken ? "" : "sticky-top"}
               defaultValue={{
                 initialValue: {
                   ...date_picker_store.formValues,
diff --git a/src/charts/Customer_care_regular.jsx b/src/charts/Customer_care_regular.jsx
index 9032bff..6731d04 100644
--- a/src/charts/Customer_care_regular.jsx
+++ b/src/charts/Customer_care_regular.jsx
@@ -13,7 +13,7 @@ const Customer_care_regular = () => {
 
   return (
     <div>
-      <Row gutter={16} className="sticky-top">
+      <Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"}>
         <Col className="gutter-row" span={24}>
           <SearchForm
             defaultValue={{
diff --git a/src/stores/DatePickerStore.js b/src/stores/DatePickerStore.js
index 3f11ec1..4034ecf 100644
--- a/src/stores/DatePickerStore.js
+++ b/src/stores/DatePickerStore.js
@@ -67,6 +67,11 @@ class DatePickerStore {
     setFormValuesToSub(data){
       this.formValuesToSub = data;
     }
+
+    siderBroken = false;
+    setSiderBroken(broken){
+      this.siderBroken = broken;
+    }
 }
 
 export default DatePickerStore;
diff --git a/src/views/AgentGroupCount.jsx b/src/views/AgentGroupCount.jsx
index b447fd9..a0983de 100644
--- a/src/views/AgentGroupCount.jsx
+++ b/src/views/AgentGroupCount.jsx
@@ -20,7 +20,7 @@ const AgentGroupCount = () => {
   return (
     <>
       <Space direction="vertical" style={{ width: '100%' }}>
-        <Row gutter={16} className='sticky-top' >
+        <Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"} >
           <Col className="gutter-row" span={24}>
             <SearchForm
               defaultValue={{
diff --git a/src/views/DataPivot.jsx b/src/views/DataPivot.jsx
index 95c7b8c..27469cb 100644
--- a/src/views/DataPivot.jsx
+++ b/src/views/DataPivot.jsx
@@ -81,7 +81,7 @@ export default observer((props) => {
   const { page } = useParams();
   const { pathname } = useLocation();
   const { date_picker_store: searchFormStore, orders_store, DataPivotStore } = useContext(stores_Context);
-  const { formValues, formValuesToSub } = searchFormStore;
+  const { formValues, formValuesToSub, siderBroken } = searchFormStore;
   const { originData } = DataPivotStore.detailData[page];
 
   const { xField: defaultDateType, yField: defaultValKey, yFieldAlias, tableColumns, childrenColumns, searchInitial } = pageSetting[page];
@@ -355,7 +355,7 @@ export default observer((props) => {
 
   return (
     <div key={pathname}>
-      <Row gutter={16} className="sticky-top">
+      <Row gutter={16} className={siderBroken ? "" : "sticky-top"}>
         <Col className="gutter-row" span={24}>
           <SearchForm
             defaultValue={{
diff --git a/src/views/DestinationGroupCount.jsx b/src/views/DestinationGroupCount.jsx
index f9ad7b7..d50bf1d 100644
--- a/src/views/DestinationGroupCount.jsx
+++ b/src/views/DestinationGroupCount.jsx
@@ -16,7 +16,7 @@ const DestinationGroupCount = () => {
   return (
     <>
       <Space direction="vertical" style={{ width: '100%' }}>
-        <Row gutter={16} className='sticky-top'>
+        <Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"}>
           <Col className="gutter-row" span={24}>
             <SearchForm
               defaultValue={{
diff --git a/src/views/Distribution.jsx b/src/views/Distribution.jsx
index 83d8cce..c6e3add 100644
--- a/src/views/Distribution.jsx
+++ b/src/views/Distribution.jsx
@@ -34,7 +34,7 @@ const TdCell = (tdprops) => {
 
 export default observer(() => {
   const { date_picker_store: searchFormStore, DistributionStore } = useContext(stores_Context);
-  const { formValues, formValuesToSub } = searchFormStore;
+  const { formValues, formValuesToSub, siderBroken } = searchFormStore;
   const { curTab, dateStringQ, dateStringY } = DistributionStore;
 
   const pageRefresh = (obj) => {
@@ -206,7 +206,7 @@ export default observer(() => {
   };
   return (
     <>
-      <Row gutter={16} className='sticky-top' >
+      <Row gutter={16} className={siderBroken ? "" : "sticky-top"} >
         <Col className="gutter-row" span={24}>
           <SearchForm
             defaultValue={{
diff --git a/src/views/Home.jsx b/src/views/Home.jsx
index 86fdcc3..cd5cfdb 100644
--- a/src/views/Home.jsx
+++ b/src/views/Home.jsx
@@ -39,7 +39,7 @@ export default observer(() => {
   // const navigate = useNavigate();
   const { TradeStore, date_picker_store: searchFormStore } = useContext(stores_Context);
   const { searchValues, sideData, summaryData, BuData, topData, timeData, timeLineKey, targetTableProps, timeDiffData, groupKey } = TradeStore;
-  const { formValues } = searchFormStore;
+  const { formValues, siderBroken } = searchFormStore;
 
   useEffect(() => {
     if (empty(summaryData.dataSource)) {
@@ -182,7 +182,7 @@ export default observer(() => {
   const [showDiff, setShowDiff] = useState(false);
   return (
     <>
-      <Row gutter={16} className="sticky-top">
+      <Row gutter={16} className={siderBroken ? "" : "sticky-top"}>
         <Col className="gutter-row" span={24}>
           <SearchForm
             defaultValue={{
diff --git a/src/views/Orders.jsx b/src/views/Orders.jsx
index 12bae62..73ee94a 100644
--- a/src/views/Orders.jsx
+++ b/src/views/Orders.jsx
@@ -324,7 +324,7 @@ class Orders extends Component {
 
     return (
       <div>
-        <Row gutter={16} className='sticky-top' >
+        <Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"} >
           <Col className="gutter-row" span={24}>
             <SearchForm
               defaultValue={{
diff --git a/src/views/Orders_sub.jsx b/src/views/Orders_sub.jsx
index 5f24d28..cb8a1a3 100644
--- a/src/views/Orders_sub.jsx
+++ b/src/views/Orders_sub.jsx
@@ -262,7 +262,7 @@ const Orders_sub = () => {
   };
 	return (
     <div>
-      <Row gutter={{ sm: 16, lg: 32 }} className="sticky-top">
+      <Row gutter={{ sm: 16, lg: 32 }} className={date_picker_store.siderBroken ? "" : "sticky-top"}>
         <Col md={24} lg={12} xxl={14}>
           <NavLink to={`/orders`}>返回</NavLink>
         </Col>
diff --git a/src/views/Sale.jsx b/src/views/Sale.jsx
index ed83323..c900384 100644
--- a/src/views/Sale.jsx
+++ b/src/views/Sale.jsx
@@ -206,7 +206,7 @@ const Sale = () => {
 
   return (
     <div>
-    <Row gutter={16} className='sticky-top' >
+    <Row gutter={16} className={date_picker_store.siderBroken ? "" : "sticky-top"} >
       <Col className="gutter-row" span={24}>
         <SearchForm
           defaultValue={{
diff --git a/src/views/Sale_KPI.jsx b/src/views/Sale_KPI.jsx
index 685046d..c8f9222 100644
--- a/src/views/Sale_KPI.jsx
+++ b/src/views/Sale_KPI.jsx
@@ -14,7 +14,7 @@ const overviewGroupKeys = overviewGroup.map(item => item.key);
 
 const Sale_KPI = () => {
   const { sale_store, date_picker_store: searchFormStore } = useContext(stores_Context);
-  const { formValues } = searchFormStore;
+  const { formValues, siderBroken } = searchFormStore;
   const { groupType, loading, operator, tableDataSource: dataSource } = sale_store.salesTrade;
 
   const yearData = sale_store.salesTrade[groupType].reduce((r, ele) => r.concat(Object.values(ele.mData)), []);
@@ -158,7 +158,7 @@ const Sale_KPI = () => {
   const lineConfig = { appendPadding: 10, xField: 'groupDateVal', yField: 'SumML', seriesField: 'groupsLabel', isGroup: true, smooth: false, meta: comm.cloneDeep(dataFieldAlias), };
   return (
     <div>
-      <Row gutter={16} className="sticky-top">
+      <Row gutter={16} className={siderBroken ? "" : "sticky-top"}>
         <Col md={24} lg={24} xxl={24}>
           <SearchForm
             defaultValue={{
@@ -217,7 +217,7 @@ const Sale_KPI = () => {
               </Col>
             </Row>
           </Col>
-          <Col className="gutter-row" md={24}>
+          <Col className="gutter-row" span={24}>
             <LineWithKPI dataSource={sale_store.salesTrade.pickSalesData} showKPI={true} {...lineConfig} />
           </Col>
         </Row>