From 6fcca9e79db9778faaea26ce6e7d339ccad7f810 Mon Sep 17 00:00:00 2001
From: fandaiyang <1147379969@qq.com>
Date: Tue, 29 Oct 2024 09:54:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=87=8D=E7=82=B9=E5=8C=BA=E5=9F=9F?=
 =?UTF-8?q?=E8=A7=86=E9=A2=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/routes.ts                         |  2 +-
 src/pages/UrbanSituation/Focus/index.tsx | 24 ++++++++++++++++--------
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/config/routes.ts b/config/routes.ts
index 6a5a6a1f..3368e4a5 100644
--- a/config/routes.ts
+++ b/config/routes.ts
@@ -14,7 +14,7 @@ const router: RouteType = [
       {
         path: '/home',
         component: './Home',
-        redirect: '/home/industryOperation',
+        redirect: '/home/urbanSituation',
       },
       {
         path: '/home/industryOperation',
diff --git a/src/pages/UrbanSituation/Focus/index.tsx b/src/pages/UrbanSituation/Focus/index.tsx
index 32b3ff79..c7cf7364 100644
--- a/src/pages/UrbanSituation/Focus/index.tsx
+++ b/src/pages/UrbanSituation/Focus/index.tsx
@@ -7,6 +7,8 @@ import services from '@/services';
 import { Flex, Space } from 'antd';
 import { useEffect, useState } from 'react';
 import styles from './index.less';
+import myVideo1 from '@/assets/media/movie.mp4';
+import myVideo from '@/assets/media/movie1.mp4';
 
 const Focus = () => {
   const [areaData, setAreaData] = useState([]);
@@ -16,18 +18,18 @@ const Focus = () => {
   const areas = [
     {
       icon: area1,
-      name: '天府广场',
-      value: 99.9,
+      objectName: '市委市政委',
+      cqi: 99.9,
     },
     {
       icon: area2,
-      name: '宽窄巷子',
-      value: 99.9,
+      objectName: '市城管委周边',
+      cqi: 99.9,
     },
     {
       icon: area3,
-      name: '武侯祠',
-      value: 99.9,
+      objectName: '高新区',
+      cqi: 99.9,
     },
   ];
 
@@ -89,14 +91,20 @@ const Focus = () => {
         </Flex>
         <div style={{ height: '246px' }}>
           <Flex justify="space-between">
-            {areaData.map((item, index) => (
+            {areas.map((item, index) => (
               <Space
                 direction="vertical"
                 size={10}
                 key={index}
                 className={styles.areaCard}
               >
-                <img src={area1} alt="" />
+                <video autoPlay width={193} height={168}>
+                  <source
+                    width={193} height={168}
+                    src={index == 1 ? myVideo : myVideo1}
+                    type="video/mp4"
+                  ></source>
+                </video>
                 <div>
                   <div className={styles.name}>{item.objectName}</div>
                   <div className={styles.value}>{item.cqi || 0}</div>
-- 
GitLab