修复bug

src/pages/components/Header/Header.less

@@ -23,20 +23,21 @@
             height: 54px;
             margin-right: 30px;
             margin-top: 28px;
-            margin-left: 192px;
+            margin-left: 360px;
         }
         .title{
-            width: 746px;
-            height: 60px;
-            margin-top: 34px;
+            width: 380px;
+            height: 74px;
+            margin-top: 22px;
+            margin-left: 20px;
         }
         &::after{
             content: '';
             width: 2px;
             height: 64px;
             position: absolute;
-            left: 354px;
-            top: 25px;
+            left: 530px;
+            top: 27px;
             background-color: #606060;
         }
     }

src/pages/components/Header/Header.tsx

@@ -10,13 +10,18 @@ const formatDate = (date: Date) => {
     return `${year}-${month}-${day}`;
 };
 
+const formatTime = (date: Date) => {
+    return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });
+};
 const Header: React.FC = () => {
     const [date,setDate] = useState<string>(formatDate(new Date()));
-    const [time, setTime] = useState<Date>(new Date());
+    const [time, setTime] = useState<string>(formatTime(new Date()));
 
     useEffect(() => {
         const intervalId = setInterval(() => {
-            setTime(new Date());
+            const now = new Date()
+            setDate(formatDate(now)); // 更新日期
+            setTime(formatTime(now));
         }, 1000); // 每秒更新一次
 
         // 清理定时器
@@ -32,7 +37,7 @@ const Header: React.FC = () => {
             <div className={styles.logo}><img src={logo} alt="" /></div>
             <div className={styles.title}><img src={title} alt="" /></div>
         </div>
-        <div className={styles.time}>{date} {time.toLocaleTimeString()}</div>
+        <div className={styles.time}>{date} {time}</div>
     </div>
   ); 
 };

src/pages/index.tsx

@@ -37,8 +37,8 @@ import {
     getNumericalData,
     getNumericalData2,
     getNumericalData3,
-} from '../services/chartApi';
-// } from '../services/chartStatic';
+// } from '../services/chartApi';
+} from '../services/chartStatic';
 import magnifierImg from '../../public/images/magnifier.png';
 import videoMask from '../../public/images/videoMask.png';
 import maps from '../../public/video/maps.mp4';

src/services/chartStatic.ts

@@ -102,3 +102,32 @@ export async function getNumericalData (){
         yearOrder :410240,
     });
 }
+
+// 大屏数值数据
+export async function getNumericalData2 (){
+    return({
+        totalSalesAmount:24894,
+        totalOrder:4404824,
+        numberServicePersonnel:2583955,
+        numberAirborneCustomers:658879,
+        todaySalesVolume :1423253,
+        yearSalesVolume :122342,
+        todayOrder :1282,
+        yearOrder :410240,
+    });
+}
+
+
+// 大屏数值数据
+export async function getNumericalData3 (){
+    return({
+        totalSalesAmount:24894,
+        totalOrder:4404824,
+        numberServicePersonnel:2583955,
+        numberAirborneCustomers:658879,
+        todaySalesVolume :1423253,
+        yearSalesVolume :122342,
+        todayOrder :1282,
+        yearOrder :410240,
+    });
+}