Skip to content

A
amos-convertor-view
Commit 195a3f9a authored by 李腾威's avatar 李腾威
Browse files
Options

dev_upgrade

parent 81bbb761
Show whitespace changes
Inline Side-by-side
Showing with 184 additions and 18 deletions
src/view/bizview/situation/riskAssessment/IncidenceSeverityMatrix.js
View file @ 195a3f9a
...@@ -31,7 +31,7 @@ class IncidenceSeverityMatrix extends Component { ...@@ -31,7 +31,7 @@ class IncidenceSeverityMatrix extends Component {
formatter: item => { formatter: item => {
let text = item.value; let text = item.value;
// console.log(JSON.stringify(item)); // console.log(JSON.stringify(item));
return text[2] + '<br>' + 'S:' + text[0] + ' ' + ' O:' + text[1]; return `${text[2]}<br>` + `S:${text[0]} ` + ` O:${text[1]}`;
} }
}, },
color: ['green', 'red', '#ff6600'], color: ['green', 'red', '#ff6600'],
...@@ -42,10 +42,16 @@ class IncidenceSeverityMatrix extends Component { ...@@ -42,10 +42,16 @@ class IncidenceSeverityMatrix extends Component {
min: 0, min: 0,
max: 10, max: 10,
name: 'S(严重度)', name: 'S(严重度)',
axisLabel: {
textStyle: {
color: 'white'
}
},
// nameRotate: 90, // nameRotate: 90,
nameTextStyle: { nameTextStyle: {
fontWeight: 'bold', fontWeight: 'bold',
fontSize: 15 fontSize: 15,
color: 'white'
} }
} }
], ],
...@@ -56,14 +62,23 @@ class IncidenceSeverityMatrix extends Component { ...@@ -56,14 +62,23 @@ class IncidenceSeverityMatrix extends Component {
min: 0, min: 0,
max: 10, max: 10,
name: 'O(故障率)', name: 'O(故障率)',
axisLabel: {
textStyle: {
color: 'white'
}
},
nameTextStyle: { nameTextStyle: {
fontWeight: 'bold', fontWeight: 'bold',
fontSize: 15 fontSize: 15,
color: 'white'
} }
} }
], ],
// symbol: 'rect', // symbol: 'rect',
legend: { legend: {
textStyle: {//图例文字的样式
color: 'white'
},
top: 5, top: 5,
right: 100, right: 100,
selectedMode: false, selectedMode: false,
...@@ -145,7 +160,7 @@ class IncidenceSeverityMatrix extends Component { ...@@ -145,7 +160,7 @@ class IncidenceSeverityMatrix extends Component {
lineStyle: { lineStyle: {
normal: { normal: {
type: 'solid', type: 'solid',
color: color color
} }
}, },
tooltip: { tooltip: {
......
src/view/bizview/situation/riskAssessment/RiskDegreeHistogram.js
View file @ 195a3f9a
...@@ -14,7 +14,7 @@ const labelOption = { ...@@ -14,7 +14,7 @@ const labelOption = {
distance: 5, distance: 5,
align: 'left', align: 'left',
formatter: '{c}', formatter: '{c}',
color: 'black' color: 'white'
} }
}; };
...@@ -74,6 +74,9 @@ class RiskDegreeHistogram extends Component { ...@@ -74,6 +74,9 @@ class RiskDegreeHistogram extends Component {
} }
}, },
legend: { legend: {
textStyle: {//图例文字的样式
color: 'white'
},
data: [ data: [
{ {
name: 'RPNi', name: 'RPNi',
...@@ -96,10 +99,20 @@ class RiskDegreeHistogram extends Component { ...@@ -96,10 +99,20 @@ class RiskDegreeHistogram extends Component {
}, },
xAxis: { xAxis: {
type: 'value', type: 'value',
axisLabel: {
textStyle: {
color: 'white'
}
},
boundaryGap: [0, 0.03] boundaryGap: [0, 0.03]
}, },
yAxis: { yAxis: {
type: 'category', type: 'category',
axisLabel: {
textStyle: {
color: 'white'
}
},
data: this.state.riskNameList data: this.state.riskNameList
}, },
color: ['#35bf73', '#f16060'], color: ['#35bf73', '#f16060'],
......
src/view/bizview/situation/riskAssessment/RiskDegreePie.js
View file @ 195a3f9a
...@@ -51,13 +51,13 @@ class RiskDegreePie extends Component { ...@@ -51,13 +51,13 @@ class RiskDegreePie extends Component {
let data2 = {}; let data2 = {};
if (obj) { if (obj) {
if (value === 'month') { if (value === 'month') {
data1.name = obj.type0Rate + '\r\n' + '本月风险' + '\r\n' + '上升率'; data1.name = `${obj.type0Rate}\r\n` + `本月风险` + `\r\n` + `上升率`;
color = '#3aa0fe'; color = '#3aa0fe';
} else if (value === 'season') { } else if (value === 'season') {
data1.name = obj.type0Rate + '\r\n' + '本季度风险' + '\r\n' + '上升率'; data1.name = `${obj.type0Rate}\r\n` + `本季度风险` + `\r\n` + `上升率`;
color = '#68d288'; color = '#68d288';
} else if (value === 'year') { } else if (value === 'year') {
data1.name = obj.type0Rate + '\r\n' + '本年风险' + '\r\n' + '上升率'; data1.name = `${obj.type0Rate}\r\n` + `本年风险` + `\r\n` + `上升率`;
color = '#fad955'; color = '#fad955';
} }
data1.value = obj.countOfType0; data1.value = obj.countOfType0;
...@@ -85,7 +85,7 @@ class RiskDegreePie extends Component { ...@@ -85,7 +85,7 @@ class RiskDegreePie extends Component {
label: { label: {
normal: { normal: {
show: true, show: true,
color: 'black', color: '#3aa0fe',
position: 'center', position: 'center',
formatter: '{b}' formatter: '{b}'
}//, }//,
...@@ -119,13 +119,13 @@ class RiskDegreePie extends Component { ...@@ -119,13 +119,13 @@ class RiskDegreePie extends Component {
let data2 = {}; let data2 = {};
if (obj) { if (obj) {
if (value === 'month') { if (value === 'month') {
data1.name = obj.type0Rate + '\r\n' + '本月风险' + '\r\n' + '上升率'; data1.name = `${obj.type0Rate}\r\n` + `本月风险` + `\r\n` + `上升率`;
color = '#3aa0fe'; color = '#3aa0fe';
} else if (value === 'season') { } else if (value === 'season') {
data1.name = obj.type0Rate + '\r\n' + '本季度风险' + '\r\n' + '上升率'; data1.name = `${obj.type0Rate}\r\n` + `本季度风险` + `\r\n` + `上升率`;
color = '#68d288'; color = '#68d288';
} else if (value === 'year') { } else if (value === 'year') {
data1.name = obj.type0Rate + '\r\n' + '本年风险' + '\r\n' + '上升率'; data1.name = `${obj.type0Rate}\r\n` + `本年风险` + `\r\n` + `上升率`;
color = '#fad955'; color = '#fad955';
} }
data1.value = obj.countOfType0; data1.value = obj.countOfType0;
...@@ -153,7 +153,7 @@ class RiskDegreePie extends Component { ...@@ -153,7 +153,7 @@ class RiskDegreePie extends Component {
label: { label: {
normal: { normal: {
show: true, show: true,
color: 'black', color: '#68d288',
position: 'center', position: 'center',
formatter: '{b}' formatter: '{b}'
}//, }//,
...@@ -187,13 +187,13 @@ class RiskDegreePie extends Component { ...@@ -187,13 +187,13 @@ class RiskDegreePie extends Component {
let data2 = {}; let data2 = {};
if (obj) { if (obj) {
if (value === 'month') { if (value === 'month') {
data1.name = obj.type0Rate + '\r\n' + '本月风险' + '\r\n' + '上升率'; data1.name = `${obj.type0Rate}\r\n` + `本月风险` + `\r\n` + `上升率`;
color = '#3aa0fe'; color = '#3aa0fe';
} else if (value === 'season') { } else if (value === 'season') {
data1.name = obj.type0Rate + '\r\n' + '本季度风险' + '\r\n' + '上升率'; data1.name = `${obj.type0Rate}\r\n` + `本季度风险` + `\r\n` + `上升率`;
color = '#68d288'; color = '#68d288';
} else if (value === 'year') { } else if (value === 'year') {
data1.name = obj.type0Rate + '\r\n' + '本年风险' + '\r\n' + '上升率'; data1.name = `${obj.type0Rate}\r\n` + `本年风险` + `\r\n` + `上升率`;
color = '#fad955'; color = '#fad955';
} }
data1.value = obj.countOfType0; data1.value = obj.countOfType0;
...@@ -221,7 +221,7 @@ class RiskDegreePie extends Component { ...@@ -221,7 +221,7 @@ class RiskDegreePie extends Component {
label: { label: {
normal: { normal: {
show: true, show: true,
color: 'black', color: '#fad955',
position: 'center', position: 'center',
formatter: '{b}' formatter: '{b}'
}//, }//,
......
themes/transparent.css
View file @ 195a3f9a
...@@ -609,7 +609,7 @@ carousel-content { ...@@ -609,7 +609,7 @@ carousel-content {
width: 100%; width: 100%;
height: 60px; height: 60px;
padding: 0; padding: 0;
background: -webkit-gradient(linear, left top, left bottom, from(#002e58), to(#004370)); background: -webkit-gradient(linear, left top, left bottom, from(#002e58), to(#004370)) !important;
background: -webkit-linear-gradient(top, #002e58 0%, #004370 100%); background: -webkit-linear-gradient(top, #002e58 0%, #004370 100%);
background: linear-gradient(180deg, #002e58 0%, #004370 100%); background: linear-gradient(180deg, #002e58 0%, #004370 100%);
border-top: 1px solid #1f5383; border-top: 1px solid #1f5383;
...@@ -1315,3 +1315,141 @@ carousel-content { ...@@ -1315,3 +1315,141 @@ carousel-content {
line-height: 20px; line-height: 20px;
color: white; color: white;
} }
.point-view .point-first-row .point-execution-situation .point-list-content .ant-pagination-next ::after {
height: 25px;
line-height: 25px;
color: white;
}
.point-view .point-first-row .point-execution-situation .point-list-content .ant-pagination-prev ::after {
height: 25px;
line-height: 25px;
color: white;
}
.ant-table-thead > tr > th {
text-align: center ;
}
.ant-table table{
text-align: center !important;
}
.point-view .point-first-row .point-month-ins {
border: 1px solid rgb(31,83,131);
}
.ant-pagination ant-table-pagination mini{
right: 0px;
}
.tabs-outside-precontrol .ant-table-tbody .normal-row {
background: transparent;
}
.amos-cardpane {
background: transparent;
}
.tabs-outside-precontrol .eva-model .amos-cardpane-head-title {
width: 100%;
text-align: center;
color: aliceblue;
}
.risk-model .risk-level-map {
position: absolute;
display: inline-block;
width: 30%;
height: 100%;
background: linear-gradient(30deg,rgba(7,64,103),rgba(1,1,1,0)) !important;
}
.risk-model .risk-level-map .risk-level-img {
background-color: transparent;
}
.risk-model .risk-level-map .risk-model-level{
background-color: transparent;
}
.risk-model .risk-level-map .risk-model-eva{
background-color: transparent;
}
.risk-model .risk-level-map .risk-model-level .risk-level-span{
background-color: transparent;
}
.risk-model .risk-level-map .risk-model-eva .risk-eva-span{
background-color: transparent;
}
.risk-level-img-span{
color: white;
}
.risk-level-span{
color: white;
}
.risk-eva-span{
color: white;
}
.con-eva-key{
color: white;
}
.con-eva-key{
color: white;
}
.amos-tree li .amos-tree-node-content-wrapper {
color: white !important;
}
.rayd-content{
color: red !important;
}
.rayd-modal {
background-color: rgb(6,21,62) !important;
}
:root .amos-tree li span.amos-tree-switcher.amos-tree-switcher-close::after {
font-size: 12px;
color: white;
}
:root .amos-tree li span.amos-tree-switcher.amos-tree-switcher-open::after {
font-size: 12px;
color: white;
}
.amos-btn:hover {
background-color: rgb(39,179,254) ;
border-color: rgb(39,179,254) ;
}
.amos-btn-minor:hover {
background-color: rgb(52,95,166) !important;
border-color: rgb(52,95,166) !important;
}
.amos-btn
{
background-color: rgb(39,179,254) ;
border-color: rgb(39,179,254) ;
}
.amos-btn-minor {
background-color: rgb(52,95,166);
border-color: rgb(52,95,166);
}
.amos-tree li .amos-tree-node-content-wrapper.amos-tree-node-selected {
background-color: rgba(156,215,247,0.5);
}
.risk-assessment-view .amos-layout-has-sider {
background: transparent !important;
}
.risk-assessment-view .amos-layout-has-sider .amos-layout .amos-layout-content .risk-assessment-view-content .amos-layout-content {
background: transparent !important;
}
.risk-assessment-view .risk-assessment-view-situation {
background: -webkit-gradient(linear, left top, left bottom, from(#002e58), to(#004370)) !important;
color: white !important;
}
html, body {
color: white !important;
}
.risk-assessment-view .amos-layout-has-sider .amos-layout .amos-layout-header {
background: rgba(27,52,87) !important;
}
.risk-degree-pie{
background: rgba(27,52,87) !important;
}
.amos-echarts-container{
background: rgba(27,52,87) !important;
}
.risk-assessment-view .amos-layout-has-sider .amos-layout-sider .amos-layout-sider-children .risk-degree-rpn-histogram canvas {
background: rgba(27,52,87) !important;
}
.risk-assessment-view .amos-layout-has-sider .amos-layout-sider {
background: transparent;
}
.risk-model .risk-model-tab .ant-table-tbody .normal-row {
background: transparent;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment