修改表格表头样式

src/styles/view/monitor/table.scss

@@ -191,6 +191,8 @@
             //background: #222b51 !important;
             border-color: transparent !important;
             text-align: center;
+            padding: 0rem;
+            height: 40px;
           }
 
              //鼠标悬浮行背景色修改
@@ -203,10 +205,50 @@
              margin-left: 8px;
              display: none;
            }
+
+
+           .safe-table-title-font-red {
+            color:white;
+            height:100%;
+            background-color:#651E39;
+            padding-top: 8%
+          }
+
+          .safe-table-title-font-red-right {
+            color:white;
+            height:100%;
+            background-color:#651E39;
+            padding-top: 14%
+          }
+
+          .safe-table-title-font-green {
+            color:white;
+            height:100%;
+            background-color:#186B50;
+            padding-top: 14%
+          }
+
+          .safe-table-title-font-yellow {
+            color:white;
+            height:100%;
+            background-color:#655E39;
+            padding-top: 14%
+          }
+
+          //灰色
+          .safe-table-title-font-grey {
+            color:white;
+            height:100%;
+            background-color:#324870;
+            padding-top: 5%
+          }
+
+
   }
 
 
   
+  
  
 
 

src/view/monitor/equipmentMaintain/EquipmentMaintainLeft.js

@@ -51,13 +51,13 @@ const columns = [
     render: val => <span style={{color:"white"}}>{val}</span>,
   },
   {
-    title: '逾期保养',
+    title: <div className='safe-table-title-font-red'>逾期保养</div>,
     width: '20%',
     dataIndex: 'yqby',
     render: val => <span style={{color:"red"}}>{val}</span>,
   },
   {
-    title: '逾期占比',
+    title: <div className='safe-table-title-font-red'>逾期占比</div>,
     width: '20%',
     dataIndex: 'yqzb',
     render: val => <span style={{color:"red"}}>{val}</span>,

src/view/monitor/equipmentMaintain/EquipmentMaintainRight.js

@@ -50,7 +50,7 @@ const columns = [
     render: val => <span style={{color:"white"}}>{val}</span>,
   },
   {
-    title: '逾期数量',
+    title: <div className='safe-table-title-font-red-right'>逾期数量</div>,
     width: '10%',
     dataIndex: 'dbtj',
     render: val => <span style={{color:"red"}}>{val}</span>,

src/view/monitor/safetyInspection/SafetyInspectionLeft.js

@@ -33,19 +33,19 @@ const columns = [
     render: val => <span style={{color:"yellow"}}>{val}</span>,
   },
   {
-    title: '日巡检计划',
+    title: <div className = "safe-table-title-font-grey">日巡检计划</div>,
     width: '15%',
     dataIndex: 'rxjjh',
     render: val => <span style={{color:"white"}}>{val}</span>,
   },
   {
-    title: '月巡检计划',
+    title: <div className = "safe-table-title-font-grey">月巡检计划</div>,
     width: '15%',
     dataIndex: 'yxjjh',
     render: val => <span style={{color:"white"}}>{val}</span>,
   },
   {
-    title: '季度巡检计划',
+    title: <div className = "safe-table-title-font-grey">季度巡检计划</div>,
     width: '15%',
     dataIndex: 'jdxjjh',
     render: val => <span style={{color:"white"}}>{val}</span>,

src/view/monitor/safetyManage/SafteyRight.js

@@ -44,19 +44,19 @@ const columns = [
     render: val => <span style={{color:"white"}}>{val}</span>,
   },
   {
-    title: '0-60',
+    title: <div className = "safe-table-title-font-red-right">0-60</div>,
     width: '10%',
     dataIndex: '0-60',
     render: val => <span style={{color:"red"}}>{val}</span>,
   },
   {
-    title: '61-85',
+    title:<div className = "safe-table-title-font-yellow">61-85</div>,
     width: '10%',
     dataIndex: '61-85',
     render: val => <span style={{color:"yellow"}}>{val}</span>,
   },
   {
-    title: '86-100',
+    title: <div className = "safe-table-title-font-green" style ={{paddingTop:"5% !important"}}>86-100</div>,
     width: '10%',
     dataIndex: '86-100',
     render: val => <span style={{color:"green"}}>{val}</span>,