优化

super-screen/client/src/sections/fire-control/components/left-middle.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Box, AutoRollComponent, NoData } from '$components';
 // import ReactEcharts from 'echarts-for-react';
-import { Progress } from 'antd';
+import { Progress, Tooltip } from 'antd';
 
 function PopulationDynamics(props) {
     const { fireDevice } = props;
@@ -129,12 +129,14 @@ function PopulationDynamics(props) {
     const getContent = () => {
         return <div className='fire-device'>{
             fireDevice.map(d => <div className='fire-device-item'>
-                <div className='_name'>{d.type_name}</div>
+                <Tooltip title={d.type_name}>
+                    <div className='_name'>{d.type_name}</div>
+                </Tooltip>
                 <div className='_progress'>
                     <Progress
                         percent={(d.device_count / total) * 100}
                         showInfo={false}
-                        strokeWidth={12}
+                        strokeWidth={14}
                         strokeColor='#005AC6'
                         trailColor='#2B375C'
                         strokeLinecap="butt"

super-screen/client/src/sections/fire-control/components/left-top.js

@@ -14,7 +14,7 @@ function BasicInfo(props) {
                     </div>
                     <div className='_row2'>
                         <span>{item.teamName}</span>
-                        <span>{item.leaderContactPhone}</span>
+                        <span>{item.leaderContactPhone.replace(/(\d{3})\d*(\d{4})/, "$1****$2")}</span>
                     </div>
                 </div>
             </div>)}

super-screen/client/src/sections/fire-control/components/style.less

@@ -293,7 +293,7 @@
 // 接入消防设备
 .fire-device-item {
     display: flex;
-    height: 30px;
+    height: 50px;
     align-items: center;
     justify-content: space-around;
 
@@ -316,11 +316,11 @@
 
         ._round {
             position: absolute;
-            width: 12px;
-            height: 12px;
+            width: 14px;
+            height: 14px;
             background: #fff;
-            border-radius: 6px;
-            top: 7px;
+            border-radius: 7px;
+            top: 6px;
         }
     }