feat：修改className

web/client/src/sections/projectGroup/containers/bigscreen.jsx

@@ -380,31 +380,31 @@ const Bigscreen = (props) => {
                      {alarmData && alarmData.length > 0 ? (<div style={{ height: '100%' }}>
                         <div style={{ display: "flex", justifyContent: 'flex-end' }}>
                            <div style={{ display: "flex", alignItems: 'center' }}>
-                              <div class='alarmDiv'></div><div class='alarm'>超阈值个数</div>
+                              <div className='alarmDiv'></div><div className='alarm'>超阈值个数</div>
                            </div>
                            <div style={{ display: "flex", alignItems: 'center' }}>
-                              <div class='dealAlarmCountDiv'></div><div class='alarmCount'>手动恢复个数</div>
+                              <div className='dealAlarmCountDiv'></div><div className='alarmCount'>手动恢复个数</div>
                            </div>
                         </div>
                         <div id='alarmRank' style={{ height: clientHeight * 0.55 - 150, position: 'relative' }}>
                            <AutoRollComponent content={<>{alarmData?.map((item, index) => {
                               return (<div style={{ display: 'flex', marginTop: 15, alignItems: 'center' }}>
-                                 <div class='rankDiv'>
+                                 <div className='rankDiv'>
                                     {index === 0 ? <img src='/assets/images/projectGroup/first.png'></img> :
                                        index === 1 ? <img src='/assets/images/projectGroup/second.png'></img> :
                                           index === 2 ? <img src='/assets/images/projectGroup/third.png'></img> :
                                              index > 2 ? <span>{index + 1}</span> : ''
                                     }
                                  </div>
-                                 <div class='structDiv'>{item.name?.length > 5 ? <Tooltip content={item.name}>{item.name.substring(0, 5) + '...'}</Tooltip> : item.name}</div>
-                                 <div class='barChartDiv'>
+                                 <div className='structDiv'>{item.name?.length > 5 ? <Tooltip content={item.name}>{item.name.substring(0, 5) + '...'}</Tooltip> : item.name}</div>
+                                 <div className='barChartDiv'>
                                     <div style={{ width: '50%', display: 'flex', justifyContent: 'flex-end', position: 'relative' }}>
                                        <span style={{ position: 'absolute', left: 0, zIndex: 2 }}> {item.dealAlarmCount}</span>
-                                       <div class='alarms' style={{ width: (biggest > 0 ? ((item.dealAlarmCount / biggest) * 100 + '%') : 0), height: '100%', zIndex: 2 }}>  </div>
+                                       <div className='alarms' style={{ width: (biggest > 0 ? ((item.dealAlarmCount / biggest) * 100 + '%') : 0), height: '100%', zIndex: 2 }}>  </div>
                                     </div>
                                     <div style={{ width: '50%', display: 'flex', position: 'relative' }}>
                                        <span style={{ position: 'absolute', right: 0, zIndex: 2 }}> {item.alarmCount}</span>
-                                       <div class='dealAlarms' style={{ width: (biggest > 0 ? ((item.alarmCount / biggest) * 100 + '%') : 0), height: '100%', zIndex: 2 }}> </div>
+                                       <div className='dealAlarms' style={{ width: (biggest > 0 ? ((item.alarmCount / biggest) * 100 + '%') : 0), height: '100%', zIndex: 2 }}> </div>
                                     </div>
                                  </div>
                               </div>)
@@ -412,7 +412,7 @@ const Bigscreen = (props) => {
                               divHeight={"100%"} divId={"chart"} />
                         </div>
 
-                        <div class="scale">
+                        <div className="scale">
                            {xData?.map(item => {
                               return <div >{item}</div>
                            })}