diff --git a/src/charts/Customer_care_regular.jsx b/src/charts/Customer_care_regular.jsx
index 1ce3dd6..15c9124 100644
--- a/src/charts/Customer_care_regular.jsx
+++ b/src/charts/Customer_care_regular.jsx
@@ -1,4 +1,4 @@
-import React, { useContext, useState } from 'react';
+import React, { useContext, useState, useEffect } from 'react';
 import { Row, Col, Divider, Table, Tooltip } from 'antd';
 import { InfoCircleOutlined } from '@ant-design/icons';
 import { utils, writeFileXLSX } from 'xlsx';
@@ -13,8 +13,6 @@ const Customer_care_regular = () => {
   const { orders_store, date_picker_store, customer_store } = useContext(stores_Context);
   const regular_data = customer_store.regular_data;
 
-  // useEffect(() => {}, []);
-
   const columns = [
     {
       title: '订单号',
@@ -205,6 +203,34 @@ const Customer_care_regular = () => {
     },
   ]);
 
+  return (
+    <>
+      {/* show a dialog to prevent the browser from closing the page */}
+      <dialog open={false} style={{
+        position: 'fixed',
+        top: 0,
+        left: '200px',
+        width: 'calc(100vw - 200px)',
+        height: '100vh',
+        background: 'rgba(0, 0, 0, 0.5)',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        border: 'none',
+        zIndex: 9999,
+        margin: 0,
+        padding: 0
+      }}>
+        <div style={{
+          background: 'white',
+          padding: '20px',
+          borderRadius: '8px',
+          textAlign: 'center'
+        }}>
+          维护中, 暂不可用, 敬请期待
+        </div>
+      </dialog></>
+      );
   return (
     <div>
       <Row gutter={16} className={date_picker_store.siderBroken ? '' : 'sticky-top'}>