风险模型样式修改

src/styles/view/biz/riskModel/riskModel.scss

 @import './../../var.scss';
+@import '~amos-framework/lib/styles/mixins/scrollbar.scss';
+
+$scrollOutColor: rgba(#dedede, 0.3);
+$scrollInnerColor: rgba(black, 0.1);
 
 .risk-model {
   height: 100%;
 
   button {
     opacity: 1;
+    width: 100%;
+    background: $page-header-background;
   }
 
   .risk-level-map {
@@ -38,7 +44,7 @@
         text-align: center;
         padding: 8px 0;
         border-color: $biz-border-color;
-        background-color: $biz-title-color;
+        background-color: $page-header-background;
       }
       position: absolute;
       width: 60%;
@@ -74,7 +80,7 @@
         text-align: center;
         padding: 8px 0;
         border-color: $biz-border-color;
-        background-color: $biz-title-color;
+        background-color: $page-header-background;
       }
       .risk-model-eva-con {
         height: calc(100% - 37px);
@@ -112,6 +118,7 @@
     .ant-tabs-bar {
       padding-top: 10px;
       margin-bottom: -1px;
+      border-bottom: $page-border-style;
 
       .ant-tabs-tab {
         margin-right: -1px !important;
@@ -140,10 +147,10 @@
 
     .ant-table-tbody {
       .highlight-row {
-        background: #ecf6fd;
+        background: $table-highlight-row;
 
         &:hover {
-          background: #ecf6fd;
+          background: $table-highlight-row;
         }
       }
 
@@ -169,6 +176,8 @@
   }
 
   .risk-model-table {
+    @include pretty-scrollbar(5px, 8px, $scrollOutColor, $scrollInnerColor);
+
     width: 100%;
 
     &.fmea-table {
@@ -218,7 +227,7 @@
       border: solid;
       border-width: 1px;
       border-style: hidden hidden solid hidden;
-      background: $biz-title-color;
+      background: $page-header-background;
       border-color: $biz-border-color;
       text-align: center;
       .amos-input {
@@ -251,7 +260,7 @@
       border: solid;
       border-width: 1px;
       border-style: hidden hidden solid hidden;
-      background: $biz-title-color;
+      background: $page-header-background;
       border-color: $biz-border-color;
       text-align: center;
       .amos-input {
@@ -273,7 +282,7 @@
 
   .ant-table-tbody {
     .highlight-row {
-      background: #ecf6fd;
+      background: $table-highlight-row;
     }
   }
 }
@@ -287,7 +296,7 @@
       height: 40px;
       line-height: 40px;
       text-align: center;
-      background: $biz-title-color;
+      background: $page-header-background;
       border: solid;
       border-color: $biz-border-color;
       border-style: hidden hidden solid;
@@ -330,7 +339,7 @@
       height: 40px;
       line-height: 40px;
       text-align: center;
-      background: $biz-title-color;
+      background: $page-header-background;
       border: solid;
       border-color: $biz-border-color;
       border-style: hidden hidden solid;
@@ -357,10 +366,10 @@
 
 .risk-model-model {
   .amos-modal-header {
-    background: $biz-title-color;
+    background: $page-header-background;
   }
   .amos-modal-footer {
-    background: $biz-title-color;
+    background: $page-header-background;
   }
   .amos-modal-container {
     // width: 50% !important;

src/styles/view/var.scss

@@ -71,9 +71,10 @@ $core-bg2-color: #f2f2f2;
 $biz-table-font-color: black;
 $biz-table-title-color: $component-bg;
 $biz-title-color: rgba(243, 243, 243, 1);//$component-bg-active;
-$biz-border-color: rgba(201, 201, 201, 1);
+$biz-border-color: #1f5383;
 $model-header-color-3d: #ebebeb;
 $model-body-color-3d: #f9f9f9;
 $page-header-background: #01133b;
 $page-border-style: 1px solid #1f5383;
 $custom-picker-color: #063c8c;
+$table-highlight-row: #4f7e9f;

src/view/bizview/preControl/riskModel/index.js

@@ -739,11 +739,11 @@ class RiskModel extends Component {
       position: 'absolute',
       left: `${pageX}px`,
       top: `${pageY - 45}px`,
-      backgroundColor: '#ffffff',
+      backgroundColor: 'rgb(79 125 159)',
       border: 'solid',
-      height: isRegion === 'TRUE' ? '140px' : '70px',
+      height: isRegion === 'TRUE' ? '137px' : '70px',
       borderWidth: '1px',
-      borderColor: '#c9c9c9'
+      borderColor: 'rgb(31 83 131)'
     };
     const menu = (
       <div style={tmpStyle}>