Browse Source

1.PC页面头部区域账号名称下面因添加单位名称而调整布局排版

2.首页时间选择框添加指示图标
v6
meizf 9 months ago
parent
commit
b32944ffe3
  1. 201
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical-new/scripts/charts-rank.js
  2. 20
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/styles/home.css
  3. 37
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/index.html
  4. 38
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/home.html

201
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical-new/scripts/charts-rank.js

@ -85,13 +85,13 @@ function rankCommpany(data) {
barWidth: '25%',
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
data:cnts,
color:'#7ca9fb',
itemStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
data:cnts,
color:'#7ca9fb',
label: {
normal: {
show: true, //是否显示标签
@ -195,13 +195,13 @@ function rankInspect(data) {
barWidth: '25%',
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
data: cnts,
color: '#7ca9fb',
itemStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
data: cnts,
color: '#7ca9fb',
label: {
normal: {
show: true, //是否显示标签
@ -305,13 +305,13 @@ function rankComplaint(data) {
barWidth: '25%',
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
data: cnts,
color: '#7ca9fb',
itemStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
data: cnts,
color: '#7ca9fb',
label: {
normal: {
show: true, //是否显示标签
@ -851,7 +851,8 @@ function countDistrict(DISTRICT, singleLaw, unionLaw, enfEnt, entEeduction, comp
}*/
},
legend: {
top: '0',
top: 0,
right: 0,
padding: 5,
itemGap: 20,
itemWidth: 10,
@ -920,13 +921,13 @@ function countDistrict(DISTRICT, singleLaw, unionLaw, enfEnt, entEeduction, comp
barWidth: '10%',
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:singleLaw,
color:'#7baaf4',
itemStyle: {
borderRadius: [10, 10, 0, 0]
}
},
{
name:'联合执法',
@ -934,13 +935,13 @@ function countDistrict(DISTRICT, singleLaw, unionLaw, enfEnt, entEeduction, comp
barWidth: '10%',
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:unionLaw,
color:'#82dfe6',
itemStyle: {
borderRadius: [10, 10, 0, 0]
}
},
{
name:'被执法企业',
@ -948,23 +949,27 @@ function countDistrict(DISTRICT, singleLaw, unionLaw, enfEnt, entEeduction, comp
barWidth: '10%',
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:enfEnt,
color:'#a39ddf',
itemStyle: {
borderRadius: [10, 10, 0, 0]
}
},
{
name:'入企压减率',
type:'bar',
barWidth: '10%',
showBackground: true,
backgroundStyle: {
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:entEeduction,
color:'#75c99f',
itemStyle: {
borderRadius: [10, 10, 0, 0]
}
},
{
name:'涉企投诉',
@ -986,13 +991,13 @@ function countDistrict(DISTRICT, singleLaw, unionLaw, enfEnt, entEeduction, comp
barWidth: '10%',
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:entAddress,
color:'#a3d7f8',
itemStyle: {
borderRadius: [10, 10, 0, 0]
}
}
]
};
@ -1098,15 +1103,15 @@ function toPercent(a, b) {
name:'联合执法单位排行',
type:'bar',
barWidth: '25%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
color:'#7ca9fb',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -1212,15 +1217,15 @@ function toPercent(a, b) {
name:'执法人员涉企执法数量',
type:'bar',
barWidth: '25%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
color:'#7ca9fb',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -1324,15 +1329,15 @@ function toPercent(a, b) {
name:'入企压减率',
type:'bar',
barWidth: '25%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
color:'#7ca9fb',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -1435,15 +1440,15 @@ function toPercent(a, b) {
name:'职权使用率',
type:'bar',
barWidth: '25%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
color:'#7ca9fb',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -1547,15 +1552,15 @@ function toPercent(a, b) {
name:'职权休眠率',
type:'bar',
barWidth: '25%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
color:'#7ca9fb',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -1661,15 +1666,15 @@ function toPercent(a, b) {
name:'职权使用次数',
type:'bar',
barWidth: '25%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
color:'#7ca9fb',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -1778,15 +1783,15 @@ function toPercent(a, b) {
name:'职权被投诉次数',
type:'bar',
barWidth: '25%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[13, 12, 11, 9, 8, 7, 6, 5, 5, 4],
color:'#7ca9fb',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -2004,7 +2009,8 @@ function toPercent(a, b) {
}*/
},
legend: {
top: '0',
top: 0,
right: 0,
padding: 5,
itemGap: 20,
itemWidth: 10,
@ -2073,14 +2079,15 @@ function toPercent(a, b) {
type:'bar',
barWidth: '10%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[13078, 13980, 15687, 6093, 12092, 16073, 9087,7254,8088,3021,4596],
color:'#7baaf4',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -2092,15 +2099,15 @@ function toPercent(a, b) {
name:'联合执法',
type:'bar',
barWidth: '10%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[13078, 13980, 15687, 6093, 12092, 16073, 9087,7254,8088,3021,4596],
color:'#82dfe6',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -2112,15 +2119,15 @@ function toPercent(a, b) {
name:'被执法企业',
type:'bar',
barWidth: '10%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[13078, 13980, 15687, 6093, 12092, 16073, 9087,7254,8088,3021,4596],
color:'#a39ddf',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -2132,11 +2139,15 @@ function toPercent(a, b) {
name:'入企压减率',
type:'bar',
barWidth: '10%',
showBackground: true,
backgroundStyle: {
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[1380, 1309, 1056, 930, 1800, 1660, 1900, 1272, 1160, 1030, 1745],
color:'#75c99f',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -2148,15 +2159,15 @@ function toPercent(a, b) {
name:'涉企投诉',
type:'bar',
barWidth: '10%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[1378, 1380, 1587, 603, 1092, 1673, 987,754,808,301,496],
color:'#fc9797',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签
@ -2168,15 +2179,15 @@ function toPercent(a, b) {
name:'企业数量',
type:'bar',
barWidth: '10%',
showBackground: true,
showBackground: true,
backgroundStyle: {
borderRadius: [10, 10, 0, 0]
borderRadius: [5, 5, 0, 0]
},
itemStyle: {
borderRadius: [5, 5, 0, 0]
},
data:[13078, 13980, 15687, 6093, 12092, 16073, 9087,7254,8088,3021,4596],
color:'#a3d7f8',
itemStyle: {
borderRadius: [10, 10, 0, 0]
},
label: {
normal: {
show: true, //是否显示标签

20
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/statistical/styles/home.css

@ -144,7 +144,7 @@ html, body {
height: 100%;
}
.select_item > label > a::after, .select_item > input::after {
.select_item > label::after, .select_item > .time_wrap::after {
position: absolute;
top: 0.45rem;
right: -0.2rem;
@ -157,12 +157,24 @@ html, body {
font-size: 1.25rem;
}
.select_item > input {
.select_item > .time_wrap::after {
position: absolute;
top: 0.95rem;
}
.time_wrap {
display: inline-block;
position: relative;
width: 18rem;
height: 2.15rem;
}
.select_item > .time_wrap > input {
position: relative;
margin: 0 2px;
padding: 0 0.5rem;
width: 16.5rem;
height: 2.15rem;
width: 100%;
height: 100%;
color: rgba(255, 255, 255, .8);
background: linear-gradient(to top, transparent 0, rgba(59, 145, 253, 0.3), rgba(59, 145, 253, 0.05));
border: 0 none;

37
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/index.html

@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>执法监督码管理系统</title>
<title>深圳市执法监督码管理系统</title>
<!--[if lt IE 9]>
<meta http-equiv="refresh" content="0;ie.html"/>
<![endif]-->
@ -81,6 +81,28 @@
border-color: rgb(0, 122, 248);
float: left;
}
.nav.navbar-top-links li.user-menu {
min-width: 200px;
text-align: center;
}
.nav.navbar-top-links li.user-menu > a > div {
display: flex ;
justify-content: center;
}
.nav.navbar-right > li > a {
margin-top: 10px;
}
.deptname {
/* position: absolute; */
/* right: 10px; */
color: rgba(255,255,255,.6);
line-height: 3;
white-space: nowrap;
}
</style>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden">
@ -99,16 +121,17 @@
<!--</f>-->
<!--<li><a title="视频教程" href="http://doc.ruoyi.vip/ruoyi/document/spjc.html" target="_blank"><i class="fa fa-video-camera"></i> 视频教程</a></li>
<li><a title="开发文档" href="http://doc.ruoyi.vip" target="_blank"><i class="fa fa-question-circle"></i> 开发文档</a></li>-->
<li><a title="全屏显示" href="javascript:void(0)" id="fullScreen"><i class="fa fa-arrows-alt"></i> 全屏显示</a>
<!--<li><a title="全屏显示" href="javascript:void(0)" id="fullScreen"><i class="fa fa-arrows-alt"></i> 全屏显示</a>-->
</li>
<li class="dropdown user-menu">
<a href="javascript:void(0)" class="dropdown-toggle" data-hover="dropdown">
<img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}"
class="user-image">
<span class="hidden-xs">[[${user.userName}]]</span>
<div><img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}" class="user-image">
<span class="hidden-xs">[[${user.userName}]]</span>
</div>
<div class="deptname">[[${bureauDeptName}]]</div>
</a>
<span class="hidden-xs">[[${bureauDeptName}]]</span>
<ul class="dropdown-menu">
<li class="mt5">
<a th:href="@{/system/user/profile}" class="menuItem">

38
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/home.html

@ -22,16 +22,16 @@
<div class="count_admin_num"><b id="single_num">0</b><span class="number_percent" id="single_per">0.0<i>%</i></span></div>
<div class="percent_box">
<div class="percent-tag">
<span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-rise"><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-change" id="single_yoy">0.0%</span>
<label id="">同比</label>
<label>同比</label>
</div>
<div class="percent-tag">
<span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-rise" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall"><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-change" id="single_rr">0.0%</span>
<label id="">环比</label>
<label>环比</label>
</div>
</div>
</div>
@ -40,16 +40,16 @@
<div class="count_admin_num"><b id="unite_num">0</b><span class="number_percent" id="unite_per">0.0<i>%</i></span></div>
<div class="percent_box">
<div class="percent-tag">
<span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-rise"><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-change" id="unite_yoy">0.0%</span>
<label id="">同比</label>
<label>同比</label>
</div>
<div class="percent-tag">
<span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-rise" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall"><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-change" id="unite_rr">0.0%</span>
<label id="">环比</label>
<label>环比</label>
</div>
</div>
</div>
@ -59,16 +59,16 @@
<div class="count_admin_num"><b id="enterprisesNum">0</b></div>
<div class="percent_box">
<div class="percent-tag">
<span class="data-rise" id=""><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall" id="" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-rise"><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall" style="display: none;"><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-change" id="enterprisesNum_yoy">0.0%</span>
<label id="">同比</label>
<label>同比</label>
</div>
<div class="percent-tag">
<span class="data-rise" id="" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall" id=""><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-rise" style="display: none;"><i class="fa fa fa-long-arrow-up"></i></span>
<span class="data-fall"><i class="fa fa fa-long-arrow-down"></i></span>
<span class="data-change" id="enterprisesNum_rr">0.0%</span>
<label id="">环比</label>
<label>环比</label>
</div>
</div>
</div>
@ -123,7 +123,7 @@
<div class="select_item"><span>深圳市</span>
<!-- <label class="select_time">2025-01-01 至 2025-03-31 <a></a> </label>-->
<!-- <label class="select_time"><a id="timeSelect">时间筛选</a></label>-->
<input type="text" class="layui-input" id="timeSelect" placeholder="时间筛选" />
<span class="time_wrap"><input type="text" class="layui-input" id="timeSelect" placeholder="时间筛选" /></span>
</div>
</div>
<!-- <div class="link_btn"> <a href="/code/statisticalPanel/single-analysis" id="leftFlag">各市直执法单位综合分析</a> <a href="/code/statisticalPanel/overall-analysis"><span id="rightFlag">各区综合分析</span></a> </div>-->

Loading…
Cancel
Save