Browse Source

页面样式修改

v4
chenrui 2 years ago
parent
commit
779b624852
  1. 44
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/staticProgram.html
  2. 26
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/statisticalPanel.html

44
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/staticProgram.html

@ -7,6 +7,12 @@
<th:block th:include="zdxtInclude :: header('检查计划统计')" /> <th:block th:include="zdxtInclude :: header('检查计划统计')" />
<th:block th:include="zdxtInclude :: datetimepicker-css" /> <th:block th:include="zdxtInclude :: datetimepicker-css" />
<link type="text/css" href="/css/stat1.css" rel="stylesheet" /> <link type="text/css" href="/css/stat1.css" rel="stylesheet" />
<style>
form#form2 {
display: flex;
width: 100%;
}
</style>
</head> </head>
@ -133,7 +139,7 @@
</ul> </ul>
</div> </div>
</form> </form>
<div class="chart-box" style="float: none"> <div class="chart-box">
<h3><span id="echarts1-title" class="chart-title"></span>年年度检查计划排行(TOP10)</h3> <h3><span id="echarts1-title" class="chart-title"></span>年年度检查计划排行(TOP10)</h3>
<div class="echarts" id="echars2"></div> <div class="echarts" id="echars2"></div>
</div> </div>
@ -527,7 +533,7 @@
}, },
calculable :false, calculable :false,
grid:{ grid:{
left: '1%', left: '2%',
right: '2%', right: '2%',
bottom: '1%', bottom: '1%',
top: '20%', top: '20%',
@ -657,7 +663,7 @@
}); });
} }
option={ option={
color:["#2d4beb","#03a978",'#1f74f1', '#79e24a'], color:["#2d4beb","#03a978",'#fcc650', '#ee6666'],
legend: { legend: {
y : '10%', y : '10%',
x : 'center', x : 'center',
@ -794,8 +800,8 @@
0, 0, 1, 0, 0, 0, 1, 0,
[ [
{offset: 0, color: '#4f99ff'}, {offset: 0, color: '#f9b523'},
{offset: 1, color: '#55d9fa'} {offset: 1, color: '#fcc650'}
] ]
) )
@ -817,8 +823,8 @@
color: new echarts.graphic.LinearGradient( color: new echarts.graphic.LinearGradient(
0, 0, 1, 0, 0, 0, 1, 0,
[ [
{offset: 0, color: '#05cbc8'}, {offset: 0, color: '#de5f62'},
{offset: 1, color: '#1af0ed'} {offset: 1, color: '#e55c61'}
] ]
) )
@ -1132,8 +1138,8 @@
color: new echarts.graphic.LinearGradient( color: new echarts.graphic.LinearGradient(
0, 0, 1, 0, 0, 0, 1, 0,
[ [
{offset: 0, color: '#036291'}, {offset: 0, color: '#bd8105'},
{offset: 1, color: '#50a1ff'} {offset: 1, color: '#d7960e'}
] ]
) )
@ -1156,8 +1162,8 @@
color: new echarts.graphic.LinearGradient( color: new echarts.graphic.LinearGradient(
0, 0, 1, 0, 0, 0, 1, 0,
[ [
{offset: 0, color: '#046a9d'}, {offset: 0, color: '#f9b523'},
{offset: 1, color: '#3cc9fe'} {offset: 1, color: '#fcc650'}
] ]
) )
@ -1180,8 +1186,8 @@
color: new echarts.graphic.LinearGradient( color: new echarts.graphic.LinearGradient(
0, 0, 1, 0, 0, 0, 1, 0,
[ [
{offset: 0, color: '#1391c6'}, {offset: 0, color: '#fabb23'},
{offset: 1, color: '#6dd3fe'} {offset: 1, color: '#f9c956'}
] ]
) )
@ -1204,8 +1210,8 @@
color: new echarts.graphic.LinearGradient( color: new echarts.graphic.LinearGradient(
0, 0, 1, 0, 0, 0, 1, 0,
[ [
{offset: 0, color: '#083f8a'}, {offset: 0, color: '#ce3d3f'},
{offset: 1, color: '#0df2f1'} {offset: 1, color: '#e4595b'}
] ]
) )
@ -1228,8 +1234,8 @@
color: new echarts.graphic.LinearGradient( color: new echarts.graphic.LinearGradient(
0, 0, 1, 0, 0, 0, 1, 0,
[ [
{offset: 0, color: '#096aa3'}, {offset: 0, color: '#de5f62'},
{offset: 1, color: '#0cd7d4'} {offset: 1, color: '#e55c61'}
] ]
) )
@ -1252,8 +1258,8 @@
color: new echarts.graphic.LinearGradient( color: new echarts.graphic.LinearGradient(
0, 0, 1, 0, 0, 0, 1, 0,
[ [
{offset: 0, color: '#2790a6'}, {offset: 0, color: '#ea7370'},
{offset: 1, color: '#1df1e5'} {offset: 1, color: '#fb9795'}
] ]
) )

26
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/statisticalPanel.html

@ -31,7 +31,31 @@
height: 32%; height: 32%;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 0 5px #e2e3e4; box-shadow: 0 0 5px #f0f0f1;
}
.statwrap .panel-card:nth-child(1) {
background-color: rgba(243, 249, 253, .8);
}
.statwrap .panel-card:nth-child(2) {
background-color: rgba(245, 253, 249, .8);
}
.statwrap .panel-card:nth-child(3) {
background-color: rgba(243, 244, 245, .8);
}
.statwrap .panel-card:nth-child(4) {
background-color: rgba(251, 245, 237, .8);
}
.statwrap .panel-card:nth-child(5) {
background-color: rgba(237, 241, 251, .8);
}
.statwrap .panel-card:nth-child(6) {
background-color: rgba(253, 241, 241, .8);
} }
.panel-card-top { .panel-card-top {

Loading…
Cancel
Save