1.修改今日安全指数详情样式

mods/components/3dviewConvertor/styles/view/panoramic/statistical.scss

@@ -17,6 +17,7 @@
       padding-left: 97px;
       padding-top: 10px;
       flex-grow: 1;
+      overflow-y: auto;
 
       .title-child{
         width: 100%;
@@ -156,9 +157,7 @@
         height: 100%;
         margin-left: 30px;
         margin-right: 20px;
-        &:hover{
-          background-color: rgba(199,223,245,0.3);
-        }
+        cursor: pointer;
 
         .content-item {
           margin: 5px;
@@ -473,13 +472,15 @@
     text-align: right;
     margin-top: 5px;
     margin-right: 3px;
-    float: right;
-    // margin-top: 5px;
-    // margin-right: 3px;
     img{
       cursor: pointer;
     }
   }
+
+  &-body {
+    display: flex;
+    height: calc(100% - 50px);
+
     .model-line{
       float: left;
       display: inline;
@@ -528,4 +529,5 @@
         }
       }
     }
+  }
 }

mods/components/3dviewConvertor/view/panoramic/statistical/SafetyIndex.js

@@ -35,14 +35,14 @@ export default class SafetyIndex extends Component {
     const { safetyIndexData } = this.state;
     return {
       tooltip: {
-          show:false
+        show: false
       },
       toolbox: {
-          show:false,
+        show: false,
         feature: {
-              mark: {show: false},
-              restore: {show: false},
-              saveAsImage: {show: false}
+          mark: { show: false },
+          restore: { show: false },
+          saveAsImage: { show: false }
         }
       },
       series: [
@@ -54,10 +54,10 @@ export default class SafetyIndex extends Component {
           min: 0,
           max: 100,
           endAngle: 90,
-            startAngle:-90,
+          startAngle: -90,
           splitNumber: 3,
           axisLine: {            // 坐标轴线
-                show:false,
+            show: false,
             lineStyle: { // 属性lineStyle控制线条样式
               color: [
                 [0.5, 'red'],
@@ -66,28 +66,28 @@ export default class SafetyIndex extends Component {
                 [1, '#00C3FF']
               ],
               width: 0,
-                  opacity : 0
+              opacity: 0
             }
           },
           axisLabel: {         // 坐标轴小标记
-                show:false
+            show: false
           },
           axisTick: {            // 坐标轴小标记
-                show:false
+            show: false
           },
           splitLine: {           // 分隔线
-                show:false
+            show: false
           },
           pointer: {
             width: 5
           },
           title: {
-                show:false
+            show: false
           },
           detail: {
-                show:false
+            show: false
           },
-          data: [{value: safetyIndexData.safetyIndex, name: '今日安全指数'}]
+          data: [{ value: safetyIndexData.safetyIndex, name: '今日安全指数' }]
         }
       ]
     }
@@ -103,13 +103,14 @@ export default class SafetyIndex extends Component {
     return (
       <div className='warnModal'>
         <div className='close'>
-          <img src={panoramicIcon.model_close} onClick={() => this.modelOpen(false)}></img>
+          <img src={panoramicIcon.model_close} alt='' onClick={() => this.modelOpen(false)} />
         </div>
+        <div className='warnModal-body'>
           {warnController.map(item => {
             return (
-            <div className='model-line'>
+              <div key={item.key} className='model-line'>
                 <div>
-                <img src={getIcon(item.icon)}></img>
+                  <img src={getIcon(item.icon)} alt='' />
                 </div>
                 <div className='model-title'>{item.label}</div>
                 <ModelContent type={item.type} />
@@ -117,6 +118,7 @@ export default class SafetyIndex extends Component {
             );
           })}
         </div>
+      </div>
     );
   }
 
@@ -136,14 +138,14 @@ export default class SafetyIndex extends Component {
             </span>
           </div>
           {
-            [{name:'风险值上升',num:safetyIndexData.riskExceptionNum},
-            {name:'巡检不合格',num:safetyIndexData.checkExceptionNum},
-            {name:'火灾报警',num:safetyIndexData.fireExceptionNum}].map((item,index)=>
-              <div className="content-item">{item.name} {item.num}</div>
+            [{ name: '风险值上升',num: safetyIndexData.riskExceptionNum },
+            { name: '巡检不合格',num: safetyIndexData.checkExceptionNum },
+            { name: '火灾报警',num: safetyIndexData.fireExceptionNum }].map((item,index)=>
+              <div key={item.name} className="content-item">{item.name} {item.num}</div>
             )
           }
         </div>
-          <ReactEcharts className='safetyIndex-content-chart' option={this.getOption()}/>
+        <ReactEcharts className='safetyIndex-content-chart' option={this.getOption()} />
         { modelVisable && this.renderWarnContent()}
       </div>
     );