chenrui
2 years ago
33 changed files with 1732 additions and 211 deletions
@ -0,0 +1,137 @@ |
|||
@charset "UTF-8"; |
|||
|
|||
/* CSS Document */ |
|||
|
|||
|
|||
|
|||
|
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
font-family: 'Microsoft Yahei', Arial, Verdana, sans-serif; |
|||
} |
|||
|
|||
html { |
|||
width: 100%; |
|||
height: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
height: 100%; |
|||
width: 100%; |
|||
background: url(../img/bg_login.jpg) no-repeat #dde1e2 center -130px; |
|||
color: #4c4c4c; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.logsty { |
|||
position: absolute; |
|||
top: 5%; |
|||
left: 5%; |
|||
width: 35%; |
|||
height: 60px; |
|||
background: url(../img/logo.png) no-repeat; |
|||
background-size: 70%; |
|||
} |
|||
|
|||
.loginwrap { |
|||
position: absolute; |
|||
z-index: 9; |
|||
top: 50%; |
|||
left: 50%; |
|||
-webkit-transform: translate(-50%, -50%); |
|||
transform: translate(-50%, -50%); |
|||
width: 50%; |
|||
height: 50%; |
|||
padding: 3%; |
|||
background: #fff url(../img/login_pic.png) no-repeat left -10% top -10px; |
|||
background-size: auto 105%; |
|||
border-radius: 20px; |
|||
box-shadow: 0 0 15px rgba(0, 10, 51, .35); |
|||
} |
|||
|
|||
.loginbox { |
|||
position: absolute; |
|||
top: 10%; |
|||
right: 5%; |
|||
width: 35%; |
|||
letter-spacing: 2px; |
|||
} |
|||
|
|||
.loginbox h1 { |
|||
font-size: 24px; |
|||
font-weight: 550; |
|||
line-height: 3; |
|||
text-align: center; |
|||
} |
|||
|
|||
.inptit { |
|||
margin: 5% 0 2% 5%; |
|||
font-size: 16px; |
|||
color: #000; |
|||
} |
|||
|
|||
.loginbox input, .loginbtn { |
|||
color: #999999; |
|||
margin: 0 5%; |
|||
height: 40px; |
|||
line-height: 32px; |
|||
width: 90%; |
|||
padding: 0 3%; |
|||
border: 0 none; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.loginbox input.usersty, .loginbox input.pwsty, .loginbox input.checksty { |
|||
border-bottom: 1px solid #ddd; |
|||
} |
|||
|
|||
.loginbox input.checksty { |
|||
width: 16px; |
|||
margin-top: 16px; |
|||
} |
|||
|
|||
.remtxt { |
|||
display: inherit; |
|||
margin: -30px 0 0 42px; |
|||
color: #666666; |
|||
} |
|||
|
|||
.fortxt { |
|||
display: inline-block; |
|||
float: right; |
|||
margin: -20px 10px 0 0; |
|||
color: #2380fe; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.loginbtn { |
|||
margin: 20% auto 0; |
|||
background-color: #1367fe; |
|||
border-radius: 50px; |
|||
color: #fff; |
|||
font-size: 16px; |
|||
line-height: 40px; |
|||
text-align: center; |
|||
box-shadow: 0 0 10px rgba(19, 103, 254, .8); |
|||
} |
|||
|
|||
.loginbtn:hover { |
|||
opacity: 0.8; |
|||
cursor: pointer; |
|||
} |
|||
@media screen and (max-width: 1600px) { |
|||
|
|||
.loginwrap { |
|||
width: 60%; |
|||
background-position: left -12% top -10px; |
|||
} |
|||
} |
|||
@media screen and (max-width: 1024px) { |
|||
|
|||
.loginwrap { |
|||
width: 65%; |
|||
background-position: left -15% top -10px; |
|||
} |
|||
} |
|||
@ -0,0 +1,200 @@ |
|||
|
|||
|
|||
/* CSS Document */ |
|||
|
|||
|
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
font-family: 'Microsoft Yahei', Arial, Verdana, sans-serif; |
|||
} |
|||
|
|||
html { |
|||
width: 100%; |
|||
height: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
height: 100%; |
|||
width: 100%; |
|||
color: #4c4c4c; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.statwrap { |
|||
padding: 1.5% 1%; |
|||
width: 100%; |
|||
height: 100%; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.headtit { |
|||
height: 3rem; |
|||
} |
|||
|
|||
.seltime { |
|||
display: flex; |
|||
position: absolute; |
|||
top: 110px; |
|||
right: 1%; |
|||
align-items: center; |
|||
} |
|||
|
|||
.seltime > i { |
|||
display: inline-block; |
|||
margin: 0 5px 0 0; |
|||
width: 24px; |
|||
height: 24px; |
|||
background: url(../images/icon_can.png) no-repeat; |
|||
background-size: 100%; |
|||
opacity: .5; |
|||
} |
|||
|
|||
.seltime > span { |
|||
display: inline-block; |
|||
margin: 0 10px; |
|||
} |
|||
|
|||
.seltime > span > select { |
|||
display: inline-block; |
|||
margin: 0 8px 0 0; |
|||
padding: 6px; |
|||
background: #FFFFFF none; |
|||
border: 1px solid #e5e6e7; |
|||
border-radius: 6px; |
|||
} |
|||
|
|||
.statit { |
|||
display: flex; |
|||
margin: 1% 0; |
|||
width: 60%; |
|||
} |
|||
|
|||
.statit > span { |
|||
display: inline-block; |
|||
margin: 1% 2% 0 0; |
|||
min-width: 6%; |
|||
height: 2.25rem; |
|||
line-height: 1.75; |
|||
color: rgba(0,0,0,0.4); |
|||
font-size: 1.15rem; |
|||
font-weight: 600; |
|||
text-align: center; |
|||
white-space: nowrap; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.statit>span.actit { |
|||
background: url(../images/sel_tab.png) no-repeat center bottom; |
|||
border-bottom: 3px solid rgba(12, 94, 249,1); |
|||
color: rgb(12, 94, 249); |
|||
} |
|||
|
|||
.tab_item { |
|||
display: none; |
|||
position: relative; |
|||
margin: 2.0rem 0 0; |
|||
height: calc(100% - 9rem); |
|||
clear: both; |
|||
} |
|||
|
|||
.desktab { |
|||
margin: auto; |
|||
border: 1px solid #ddd; |
|||
border-bottom: 0; |
|||
border-right: 0; |
|||
table-layout: fixed; |
|||
} |
|||
|
|||
.desktab tr { |
|||
border-bottom: 1px solid #ddd; |
|||
} |
|||
|
|||
.desktab tr:last-child { |
|||
border-bottom: 0; |
|||
} |
|||
|
|||
.desktab td, .desktab th, .noborder td { |
|||
padding: 8px 20px; |
|||
height: 42px; |
|||
border: 1px solid #ddd; |
|||
border-top: 0; |
|||
border-left: 0; |
|||
color: #666; |
|||
line-height: 20px; |
|||
word-break: keep-all; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
text-align: center; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.trodd th { |
|||
height: 40px; |
|||
background: #eaebec; |
|||
color: #4c4c4c; |
|||
} |
|||
|
|||
.line-clamp { |
|||
height: 20px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
-webkit-line-clamp: 1; |
|||
-webkit-box-orient: vertical; |
|||
text-align: left; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.listhead { |
|||
width: 100%; |
|||
} |
|||
|
|||
.listbody { |
|||
position: relative; |
|||
height: calc(100% - 60px); |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.inner { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
right: -6px; |
|||
bottom: 0; |
|||
overflow-x: hidden; |
|||
overflow-y: scroll; |
|||
} |
|||
|
|||
.chartbox { |
|||
float: left; |
|||
margin: 2% 2%; |
|||
width: 45%; |
|||
height: 90%; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
/** 滚动条样式 **/ |
|||
::-webkit-scrollbar-track { |
|||
background-color: #F5F5F5; |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 6px; |
|||
height: 10px; |
|||
background-color: #F5F5F5; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
border-radius: 6px; |
|||
background-color: #999; |
|||
} |
|||
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 9.5 KiB After Width: | Height: | Size: 24 KiB |
@ -0,0 +1,257 @@ |
|||
//*****************统计分析图表
|
|||
|
|||
var echartUtil = { |
|||
echartRingData: [ |
|||
{ value: 1048, name: '生态环境检查' }, |
|||
{ value: 735, name: '卫生健康检查' }, |
|||
{ value: 580, name: '商务领域检查' }, |
|||
{ value: 484, name: '财务领域检查' }, |
|||
{ value: 300, name: '水务领域检查' } |
|||
], |
|||
|
|||
/** |
|||
* 初始化echarts |
|||
* @param targetId |
|||
*/ |
|||
initEchartRing:function (targetId) { |
|||
var myChart = echarts.init(document.getElementById(targetId)); |
|||
// 圆环图各环节的颜色
|
|||
var option = { |
|||
tooltip: { |
|||
trigger: 'item' |
|||
}, |
|||
series: [ |
|||
{ |
|||
name: '统计图表', |
|||
type: 'pie', |
|||
radius: ['43%', '60%'], |
|||
avoidLabelOverlap: false, |
|||
itemStyle: { |
|||
borderRadius: 0, |
|||
borderColor: '#fff', |
|||
borderWidth: 1 |
|||
}, |
|||
emphasis: { |
|||
label: { |
|||
show: true, |
|||
fontSize: '14', |
|||
fontWeight: 'bold' |
|||
} |
|||
}, |
|||
data: echartUtil.echartRingData, |
|||
color: ['#0038bb','#0047eb','#1c60ff','#3f78ff','#6592ff','#8aadff'], |
|||
} |
|||
] |
|||
}; |
|||
|
|||
// 使用刚指定的配置项和数据显示图表。
|
|||
myChart.setOption(option); |
|||
window.addEventListener("resize",function(){ |
|||
myChart.resize(); |
|||
}); |
|||
}, |
|||
|
|||
dataX: ['生态环境检查', '卫生健康检查', '商务领域检查', '财务领域检查', '水务领域检查'], |
|||
dataY: ['30', '20', '15', '25', '10'], |
|||
dataPercent: ['30', '20', '15', '25', '10'], |
|||
dataSum: new Array(echartUtil.dataX.length).fill(100) |
|||
} |
|||
|
|||
/*******1.检查类别***********/ |
|||
var dataX = ['生态环境检查', '卫生健康检查', '商务领域检查', '财务领域检查', '水务领域检查'] |
|||
var dataY = ['30', '20', '15', '25', '10']; |
|||
var dataPercent = ['30', '20', '15', '25', '10']; |
|||
var dataSum = new Array(dataX.length).fill(100); |
|||
var data = { |
|||
dataX: dataX, |
|||
dataY: dataY, |
|||
dataSum: dataSum, |
|||
dataPercent: dataPercent, |
|||
} |
|||
initSchedule(data); |
|||
|
|||
function initSchedule (dataAll) { |
|||
var _this = this; |
|||
var myChartLine = echarts.init(document.getElementById('echartLine')); |
|||
var myColor = ['#3C83FF'] |
|||
var option = { |
|||
grid: { //直角坐标系内绘图网格
|
|||
top: '10%', |
|||
bottom: '10%', |
|||
left: '35%', //grid 组件离容器左侧的距离,
|
|||
//left的值可以是80这样具体像素值，
|
|||
//也可以是'80%'这样相对于容器高度的百分比
|
|||
right: '15%', |
|||
//containLabel: true //gid区域是否包含坐标轴的刻度标签。为true的时候，
|
|||
// left/right/top/bottom/width/height决定的是包括了坐标轴标签在内的
|
|||
//所有内容所形成的矩形的位置.常用于【防止标签溢出】的场景
|
|||
}, |
|||
xAxis: { //直角坐标系grid中的x轴,
|
|||
//一般情况下单个grid组件最多只能放上下两个x轴,
|
|||
//多于两个x轴需要通过配置offset属性防止同个位置多个x轴的重叠。
|
|||
type: 'value', //坐标轴类型,分别有：
|
|||
//'value'-数值轴；'category'-类目轴;
|
|||
//'time'-时间轴;'log'-对数轴
|
|||
splitLine: { |
|||
show: false |
|||
}, //坐标轴在 grid 区域中的分隔线
|
|||
axisLabel: { |
|||
show: false |
|||
}, //坐标轴刻度标签
|
|||
axisTick: { |
|||
show: false |
|||
}, //坐标轴刻度
|
|||
axisLine: { |
|||
show: false |
|||
}, //坐标轴轴线
|
|||
}, |
|||
yAxis: { |
|||
type: 'category', |
|||
axisTick: { |
|||
show: false |
|||
}, |
|||
axisLine: { |
|||
show: false |
|||
}, |
|||
axisLabel: { |
|||
color: 'rgba(0,0,0,.7)', |
|||
fontSize: 14, |
|||
formatter: function(data) { |
|||
var traceValue; |
|||
for (var i = 0; i < dataAll.dataX.length; i++) { |
|||
if (data === dataAll.dataX[i]) { |
|||
traceValue = dataAll.dataY[i] |
|||
break |
|||
} |
|||
} |
|||
var arr = [ |
|||
'{a|' + data + '}', |
|||
'{b|' + traceValue + '}', |
|||
'{c|件}' |
|||
] |
|||
return arr.join('') |
|||
}, |
|||
textStyle: { |
|||
rich: { |
|||
a: { |
|||
fontSize: 14, |
|||
width: 100 |
|||
}, |
|||
b: { |
|||
fontSize: 14, |
|||
align: 'center', |
|||
color: '#3C83FF', |
|||
fontWeight: 600, |
|||
}, |
|||
c: { |
|||
padding: [0, 0, 0, 5], |
|||
fontSize: 14, |
|||
align: 'center', |
|||
} |
|||
} |
|||
}, |
|||
}, |
|||
data: dataAll.dataX //类目数据，在类目轴（type: 'category'）中有效。
|
|||
//如果没有设置 type，但是设置了axis.data,则认为type 是 'category'。
|
|||
}, |
|||
series: [ //系列列表。每个系列通过 type 决定自己的图表类型
|
|||
{ |
|||
name: '%', //系列名称
|
|||
type: 'bar', //柱状、条形图
|
|||
barWidth: 15, //柱条的宽度,默认自适应
|
|||
data: dataAll.dataPercent, //系列中数据内容数组
|
|||
label: { //图形上的文本标签
|
|||
show: true, |
|||
position: 'right', //标签的位置
|
|||
offset: [0, 40], //标签文字的偏移，此处表示向上偏移40
|
|||
//formatter: '{c}{a}',//标签内容格式器 {a}-系列名,{b}-数据名,{c}-数据值
|
|||
formatter: function(data) { |
|||
//.toFixed(0)去掉小数位，如果为2就是保留两位小数
|
|||
//let b = data.percent.toFixed(0) + "%";
|
|||
//subText = b;
|
|||
return ''; |
|||
}, |
|||
color: 'rgba(0,0,0,.7)', //标签字体颜色
|
|||
fontSize: 26 //标签字号
|
|||
}, |
|||
itemStyle: { //图形样式
|
|||
normal: { //normal 图形在默认状态下的样式;
|
|||
//emphasis图形在高亮状态下的样式
|
|||
barBorderRadius: 10, //柱条圆角半径,单位px.
|
|||
//此处统一设置4个角的圆角大小;
|
|||
//也可以分开设置[10,10,10,10]顺时针左上、右上、右下、左下
|
|||
color: function(params) { |
|||
var num = myColor.length; //得到myColor颜色数组的长度
|
|||
return myColor[params.dataIndex % num]; //返回颜色数组中的一个对应的颜色值
|
|||
}, |
|||
} |
|||
}, |
|||
zlevel: 1 //柱状图所有图形的 zlevel 值,
|
|||
//zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面
|
|||
}, |
|||
{ |
|||
name: '进度条背景', |
|||
type: 'bar', |
|||
label: { //图形上的文本标签
|
|||
show: true, |
|||
position: 'right', //标签的位置
|
|||
offset: [0, 0], //标签文字的偏移，此处表示向上偏移40
|
|||
//formatter: '{c}{a}',//标签内容格式器 {a}-系列名,{b}-数据名,{c}-数据值
|
|||
formatter: function(data) { |
|||
//.toFixed(0)去掉小数位，如果为2就是保留两位小数
|
|||
var traceValue; |
|||
for (var i = 0; i < dataAll.dataX.length; i++) { |
|||
if (data.name === dataAll.dataX[i]) { |
|||
traceValue = dataAll.dataPercent[i] |
|||
break |
|||
} |
|||
} |
|||
var arr = [ |
|||
'{a|' + traceValue + '}', |
|||
'{b|%}' |
|||
] |
|||
return arr.join(''); |
|||
}, |
|||
textStyle: { |
|||
rich: { |
|||
a: { |
|||
fontSize: 14, |
|||
color: 'rgba(0,0,0,0.7)', |
|||
fontWeight: 560, |
|||
padding: [0, 0, 0, 15], |
|||
}, |
|||
b: { |
|||
fontSize: 14, |
|||
color: 'rgba(0,0,0,0.7)', |
|||
padding: [0, 0, 0, 3], |
|||
align: 'center', |
|||
}, |
|||
} |
|||
}, |
|||
}, |
|||
barGap: '-100%', //不同系列的柱间距离，为百分比。
|
|||
// 在同一坐标系上，此属性会被多个 'bar' 系列共享。
|
|||
// 此属性应设置于此坐标系中最后一个 'bar' 系列上才会生效，
|
|||
//并且是对此坐标系中所有 'bar' 系列生效。
|
|||
barWidth: 15, |
|||
data: dataAll.dataSum, |
|||
|
|||
color: '#DEE0E3', //柱条颜色
|
|||
itemStyle: { |
|||
normal: { |
|||
barBorderRadius: 10 |
|||
} |
|||
} |
|||
}, |
|||
|
|||
] |
|||
}; |
|||
myChartLine.setOption(option, true); |
|||
}; |
|||
|
|||
|
|||
// 使用刚指定的配置项和数据显示图表。
|
|||
myChart.setOption(option); |
|||
window.addEventListener("resize",function(){ |
|||
myChart.resize(); |
|||
}); |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,203 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> |
|||
|
|||
<title>登录智慧应急管理云平台</title> |
|||
<meta name="description" content="后台管理框架"> |
|||
|
|||
<link href="../static/css/bootstrap-4.2.1/css/bootstrap.css" th:href="@{/css/bootstrap-4.2.1/css/bootstrap.css}" rel="stylesheet"/> |
|||
<!--<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>--> |
|||
<!--<link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>--> |
|||
<!--<link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>--> |
|||
<!--<link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.1.0}" rel="stylesheet"/>--> |
|||
<!-- 360浏览器急速模式 --> |
|||
<meta name="renderer" content="webkit"> |
|||
<!-- 避免IE使用兼容模式 --> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<!--<link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>--> |
|||
<style type="text/css">label.error { position:inherit; }</style> |
|||
<link href="../static/css/style.default.css" th:href="@{/css/style.default.css}" rel="stylesheet"/> |
|||
|
|||
<script> |
|||
if(window.top!==window.self){window.top.location=window.location}; |
|||
</script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="page login-page"> |
|||
<div class="container d-flex align-items-center"> |
|||
<div class="form-holder has-shadow"> |
|||
<div class="row"> |
|||
|
|||
<div class="col-lg-6"> |
|||
<div class="info d-flex align-items-center"> |
|||
<div class="content"> |
|||
<div class="logo"> |
|||
|
|||
</div> |
|||
<div class="logosys">执法监督码管理系统</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-lg-6 bg-white"> |
|||
<!--<div class="form d-flex align-items-center" style="background: url(../img/ztf.jpg) no-repeat bottom 10% right 10%;--> |
|||
<!--background-size: 30%;">--> |
|||
<div class="form d-flex align-items-center"> |
|||
<div class="content"> |
|||
<h1>欢迎登录</h1> |
|||
<!--<form id="loginFrom">--> |
|||
<div class="form-group"> |
|||
<input id="login-username" type="text" name="username" required data-msg="请输入用户名" placeholder="用户名" class="input-material"> |
|||
</div> |
|||
<div class="form-group"> |
|||
<input id="login-password" type="password" name="password" required data-msg="请输入密码" placeholder="密码" class="input-material"> |
|||
</div> |
|||
<!--<div class="form-group" th:if="${captchaEnabled==true}">--> |
|||
<!--<!–<div class="col-xs-6">–>--> |
|||
<!--<input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" autocomplete="off">--> |
|||
<!--<a href="javascript:void(0);" title="点击更换验证码">--> |
|||
<!--<img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>--> |
|||
<!--</a>--> |
|||
<!--</div>--> |
|||
<!--<div class="col-xs-6">--> |
|||
|
|||
<!--</div>--> |
|||
<!--</div>--> |
|||
<button id="login" type="submit" class="btn btn-primary">登录</button> |
|||
<div style="margin-top: -40px;"> |
|||
|
|||
<!--<div class="custom-control custom-checkbox " style="float: right;">--> |
|||
<!--<input type="checkbox" class="custom-control-input" id="check2">--> |
|||
<!--<label class="custom-control-label" for="check2">自动登录</label>--> |
|||
<!--</div>--> |
|||
<!--<div class="custom-control custom-checkbox " style="float: right;"> |
|||
<input type="checkbox" class="custom-control-input" id="check1"> |
|||
<label class="custom-control-label" for="check1">记住密码 </label> |
|||
</div>--> |
|||
</div> |
|||
<!--</form>--> |
|||
<br /> |
|||
<!-- <small>没有账号?</small><a target=“_blank” href="/safety/enterprise/register" class="signup"> 注册</a>--> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!--<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>--> |
|||
<!--<script src="https://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>--> |
|||
<!--<script src="vendor/jquery-validation/jquery.validate.min.js"></script>--> |
|||
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script> |
|||
|
|||
<!--<script src="js/front.js"></script>--> |
|||
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script> |
|||
<!--<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>--> |
|||
<!-- 验证插件 --> |
|||
<!--<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>--> |
|||
<!--<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>--> |
|||
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script> |
|||
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script> |
|||
<!--<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.1.0}"></script>--> |
|||
<!--<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>--> |
|||
<!--<script src="../static/js/crypto-js.js" type="text/javascript"></script>--> |
|||
<script src="../static/js/crypto-js.js" th:src="@{/js/crypto-js.js}"></script> |
|||
<script> |
|||
let data = { |
|||
from: 'iframe logout', |
|||
code: 403, |
|||
data: '退出登录' |
|||
}; |
|||
window.top.postMessage(data, '*'); |
|||
</script> |
|||
<script> |
|||
$(function(){ |
|||
/*判断上次是否勾选记住密码和自动登录*/ |
|||
/*var check1s=localStorage.getItem("check1"); |
|||
var check2s=localStorage.getItem("check2"); |
|||
var oldName=localStorage.getItem("userName"); |
|||
var oldPass=localStorage.getItem("passWord"); |
|||
if(check1s=="true"){ |
|||
$("#login-username").val(oldName); |
|||
$("#login-password").val(oldPass); |
|||
$("#check1").prop('checked',true); |
|||
}else{ |
|||
$("#login-username").val(''); |
|||
$("#login-password").val(''); |
|||
$("#check1").prop('checked',false); |
|||
} |
|||
if(check2s=="true"){ |
|||
$("#check2").prop('checked',true); |
|||
$("#loginFrom").submit(); |
|||
//location="https://www.baidu.com?userName="+oldName+"&passWord="+oldPass;//添加退出当前账号功能 |
|||
}else{ |
|||
$("#check2").prop('checked',false); |
|||
}*/ |
|||
/*拿到刚刚注册的账号*/ |
|||
/*if(localStorage.getItem("name")!=null){ |
|||
$("#login-username").val(localStorage.getItem("name")); |
|||
}*/ |
|||
/*登录*/ |
|||
$("#login").click(function(){ |
|||
login(); |
|||
}) |
|||
|
|||
$(document).keypress(function (e) { |
|||
if (e.keyCode == 13){ |
|||
login(); |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
/** |
|||
* 登录 |
|||
*/ |
|||
function login() { |
|||
//var rememberMe = $("#check1").prop('checked'); |
|||
//var rememberMe = false; |
|||
var userName=$("#login-username").val(); |
|||
var passWord=$("#login-password").val(); |
|||
$.ajax({ |
|||
type: "post", |
|||
url: ctx + "login-1.html", |
|||
data: { |
|||
"username": userName, |
|||
"password": Encrypt(passWord) |
|||
//"rememberMe": rememberMe |
|||
}, |
|||
success: function(r) { |
|||
if (r.code == 0) { |
|||
location.href = ctx + 'index'; |
|||
} else { |
|||
layer.msg(r.msg) |
|||
} |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** |
|||
* 加密密码 |
|||
* @param passWord |
|||
* @constructor |
|||
*/ |
|||
function Encrypt(passWord) { |
|||
var keyStr = '1234567898745621'; |
|||
var ivStr = keyStr; |
|||
var key = CryptoJS.enc.Utf8.parse(keyStr); |
|||
var iv = CryptoJS.enc.Utf8.parse(ivStr); |
|||
var srcs = CryptoJS.enc.Utf8.parse(passWord); |
|||
var encrypted = CryptoJS.AES.encrypt(srcs, key, { |
|||
iv: iv, |
|||
mode: CryptoJS.mode.CBC, |
|||
padding: CryptoJS.pad.ZeroPadding |
|||
}); |
|||
return CryptoJS.enc.Base64.stringify(encrypted.ciphertext); |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,138 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> |
|||
<head> |
|||
<th:block th:include="zdxtInclude :: header('执法预警列表列表')" /> |
|||
</head> |
|||
<body class="gray-bg"> |
|||
<div class="container-div"> |
|||
<div class="row"> |
|||
<div class="col-sm-12 search-collapse"> |
|||
<form id="formId"> |
|||
<div class="select-list"> |
|||
<ul> |
|||
<li> |
|||
<p>企业名称：</p> |
|||
<input type="text" name="enterpriseName"/> |
|||
</li> |
|||
<li> |
|||
<p>预警级别：</p> |
|||
<!-- <select name="warningLevel">--> |
|||
<!-- <option value="">请选择</option>--> |
|||
<!-- <option value="1">一级</option>--> |
|||
<!-- <option value="2">二级</option>--> |
|||
<!-- </select>--> |
|||
<select name="warningLevel" th:with="type=${@dict.getType('warnLevel')}"> |
|||
<option value="">所有</option> |
|||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> |
|||
</select> |
|||
</li> |
|||
<li class="select-time"> |
|||
<p>预警时间：</p> |
|||
<input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[beginWarningTime]"/> |
|||
<span>-</span> |
|||
<input type="text" class="time-input" id="endTime" placeholder="结束时间" name="params[endWarningTime]"/> |
|||
</li> |
|||
<li> |
|||
<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a> |
|||
<a class="btn btn-reset btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i> 重置</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
|
|||
<div class="btn-group-sm" id="toolbar" role="group"> |
|||
<!-- <a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="code:LawEnforcementWarningList:add">--> |
|||
<!-- <i class="fa fa-plus"></i> 添加--> |
|||
<!-- </a>--> |
|||
<!-- <a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="code:LawEnforcementWarningList:edit">--> |
|||
<!-- <i class="fa fa-edit"></i> 修改--> |
|||
<!-- </a>--> |
|||
<!-- <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="code:LawEnforcementWarningList:remove">--> |
|||
<!-- <i class="fa fa-remove"></i> 删除--> |
|||
<!-- </a>--> |
|||
<!-- <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="code:LawEnforcementWarningList:export">--> |
|||
<!-- <i class="fa fa-download"></i> 导出--> |
|||
<!-- </a>--> |
|||
</div> |
|||
<div class="col-sm-12 select-table table-bordered"> |
|||
<table id="bootstrap-table"></table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<th:block th:include="zdxtInclude :: footer" /> |
|||
<script th:inline="javascript"> |
|||
var editFlag = [[${@permission.hasPermi('code:LawEnforcementWarningList:edit')}]]; |
|||
var prefix = ctx + "code/LawEnforcementWarningList"; |
|||
var warnLevel = [[${@dict.getType('warnLevel')}]] |
|||
console.log(warnLevel); |
|||
$(function() { |
|||
var options = { |
|||
url: prefix + "/list", |
|||
createUrl: prefix + "/add", |
|||
updateUrl: prefix + "/edit/{id}", |
|||
removeUrl: prefix + "/remove", |
|||
exportUrl: prefix + "/export", |
|||
modalName: "执法预警列表", |
|||
columns: [{ |
|||
checkbox: true |
|||
}, |
|||
{ |
|||
field : 'id', |
|||
title : '主键ID', |
|||
visible: false |
|||
}, |
|||
{ |
|||
field : 'warningTime', |
|||
title : '预警时间' |
|||
}, |
|||
{ |
|||
field : 'warningLevel', |
|||
title : '预警等级', |
|||
formatter:function (value,row,index) { |
|||
var map=getColor(); |
|||
for (let i = 0; i < warnLevel.length; i++) { |
|||
// if(warnLevel[i].dictValue == value){ |
|||
// return warnLevel[i].dictLabel |
|||
// } |
|||
if(value == warnLevel[i].dictValue){ |
|||
var color=map.get(warnLevel[i].dictValue) |
|||
return '<a style="'+color+'"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i>'+' '+warnLevel[i].dictLabel+'</a>' |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
field : 'enterpriseName', |
|||
title : '企业名称' |
|||
}, |
|||
{ |
|||
field : 'warningCause', |
|||
title : '预警原因' |
|||
}, |
|||
/*{ |
|||
title: '操作', |
|||
align: 'center', |
|||
formatter: function(value, row, index) { |
|||
var actions = []; |
|||
actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> '); |
|||
actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>'); |
|||
return actions.join(''); |
|||
} |
|||
}*/ |
|||
] |
|||
}; |
|||
$.table.init(options); |
|||
}); |
|||
function getColor(){ |
|||
var map=new Map([ |
|||
["1","color:#f33"], |
|||
["2","color:#e7880e"], |
|||
["3","color:#edc41e"], |
|||
["4","color:#5195fe"], |
|||
]) |
|||
return map; |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,65 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > |
|||
<head> |
|||
<th:block th:include="zdxtInclude :: header('新增执法预警列表')" /> |
|||
<th:block th:include="zdxtInclude :: datetimepicker-css" /> |
|||
</head> |
|||
<body class="white-bg"> |
|||
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> |
|||
<form class="form-horizontal m" id="form-LawEnforcementWarningList-add"> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">预警时间：</label> |
|||
<div class="col-sm-8"> |
|||
<div class="input-group date"> |
|||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> |
|||
<input name="warningTime" class="form-control" placeholder="yyyy-MM-dd" type="text"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">预警原因：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="warningCause" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">预警级别：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="warningLevel" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">企业名称：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="enterpriseName" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">企业统一信用编码：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="enterpriseNumber" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<th:block th:include="include :: footer" /> |
|||
<th:block th:include="include :: datetimepicker-js" /> |
|||
<script type="text/javascript"> |
|||
var prefix = ctx + "code/LawEnforcementWarningList" |
|||
$("#form-LawEnforcementWarningList-add").validate({ |
|||
focusCleanup: true |
|||
}); |
|||
|
|||
function submitHandler() { |
|||
if ($.validate.form()) { |
|||
$.operate.save(prefix + "/add", $('#form-LawEnforcementWarningList-add').serialize()); |
|||
} |
|||
} |
|||
$("input[name='warningTime']").datetimepicker({ |
|||
format: "yyyy-mm-dd", |
|||
minView: "month", |
|||
autoclose: true |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,67 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > |
|||
<head> |
|||
<th:block th:include="include :: header('修改执法预警列表')" /> |
|||
<th:block th:include="include :: datetimepicker-css" /> |
|||
</head> |
|||
<body class="white-bg"> |
|||
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> |
|||
<form class="form-horizontal m" id="form-LawEnforcementWarningList-edit" th:object="${lawEnforcementWarningList}"> |
|||
<input name="id" th:field="*{id}" type="hidden"> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">预警时间：</label> |
|||
<div class="col-sm-8"> |
|||
<div class="input-group date"> |
|||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> |
|||
<input name="warningTime" th:value="${#dates.format(lawEnforcementWarningList.warningTime, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">预警原因：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="warningCause" th:field="*{warningCause}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">预警级别： 1 一级 2 二级 3 三级：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="warningLevel" th:field="*{warningLevel}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">企业名称：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="enterpriseName" th:field="*{enterpriseName}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-3 control-label">企业统一信用编码：</label> |
|||
<div class="col-sm-8"> |
|||
<input name="enterpriseNumber" th:field="*{enterpriseNumber}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<th:block th:include="include :: footer" /> |
|||
<th:block th:include="include :: datetimepicker-js" /> |
|||
<script type="text/javascript"> |
|||
var prefix = ctx + "code/LawEnforcementWarningList"; |
|||
$("#form-LawEnforcementWarningList-edit").validate({ |
|||
focusCleanup: true |
|||
}); |
|||
|
|||
function submitHandler() { |
|||
if ($.validate.form()) { |
|||
$.operate.save(prefix + "/edit", $('#form-LawEnforcementWarningList-edit').serialize()); |
|||
} |
|||
} |
|||
|
|||
$("input[name='warningTime']").datetimepicker({ |
|||
format: "yyyy-mm-dd", |
|||
minView: "month", |
|||
autoclose: true |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,55 @@ |
|||
<!DOCTYPE html> |
|||
<!DOCTYPE html> |
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> |
|||
<head> |
|||
<th:block th:include="zdxtInclude :: header('图表分析')"/> |
|||
<link type="text/css" href="/css/stat.css" rel="stylesheet" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<div class="statwrap"> |
|||
<h1 class="headtit">深圳市各类行政检查实施情况分析</h1> |
|||
<div class="seltime"><i class="icsty"></i><span><select name="year"> |
|||
<option>2024</option> |
|||
<option>2023</option> |
|||
<option>2022</option> |
|||
</select>年度</span> |
|||
<span><select name="quarter"> |
|||
<option>2024-01</option> |
|||
</select>季度</span> |
|||
<span><select name="month"> |
|||
<option>2024-01</option> |
|||
<option>2024-02</option> |
|||
<option>2024-03</option> |
|||
</select>月度</span> |
|||
</div> |
|||
<div class="statit"><span id="one1" class="actit" onclick="setTab('one',1,4)">检查事项</span><span id="one2" onclick="setTab('one',2,4)">执法人员</span><span id="one3" onclick="setTab('one',3,4)">案件数量</span><span id="one4" onclick="setTab('one',4,4)" class="hover">企业类型</span></div> |
|||
<div id="con_one_1" class="tab_item" style="display: block;"> |
|||
<div class="chartbox" id="echartRing"></div> |
|||
<div class="chartbox" id="echartLine"></div> |
|||
|
|||
</div> |
|||
<div id="con_one_2" class="tab_item"> |
|||
</div> |
|||
|
|||
<div id="con_one_3" class="tab_item"> |
|||
</div> |
|||
|
|||
<div id="con_one_4" class="tab_item"> |
|||
</div> |
|||
</div> |
|||
<th:block th:include="zdxtInclude :: footer"/> |
|||
<script type="text/javascript" src="/js/echarts.min.js" ></script> |
|||
<script type="text/javascript" src="/js/charts-analy.js" ></script> |
|||
<script> |
|||
function setTab(name,cursel,n){ |
|||
for(i=1;i<=n;i++){ |
|||
var menu=document.getElementById(name+i); |
|||
var con=document.getElementById("con_"+name+"_"+i); |
|||
menu.className=i==cursel?"actit":""; |
|||
con.style.display=i==cursel?"block":"none"; |
|||
} |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,132 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > |
|||
<head> |
|||
<th:block th:include="zdxtInclude :: header('修改企业端-执法部门预约记录')" /> |
|||
<th:block th:include="zdxtInclude :: datetimepicker-css" /> |
|||
</head> |
|||
<body class="white-bg"> |
|||
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> |
|||
<form class="form-horizontal m" id="form-registration-edit" th:object="${enforcementRegistration}"> |
|||
<input name="id" th:field="*{id}" type="hidden"> |
|||
<div class="form-group"> |
|||
<label class="col-sm-2 control-label">登记编号：</label> |
|||
<div class="col-sm-4"> |
|||
<input name="lawEnforcementCode" th:field="*{lawEnforcementCode}" class="form-control" type="text"> |
|||
</div> |
|||
<label class="col-sm-2 control-label">执法部门：</label> |
|||
<div class="col-sm-4"> |
|||
<input name="lawEnforcement" th:field="*{lawEnforcement}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-2 control-label">企业名称：</label> |
|||
<div class="col-sm-4"> |
|||
<input name="enterpriseName" th:field="*{enterpriseName}" class="form-control" type="text"> |
|||
</div> |
|||
<label class="col-sm-2 control-label">企业税号：</label> |
|||
<div class="col-sm-4"> |
|||
<input name="enterpriseNumber" th:field="*{enterpriseNumber}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-2 control-label">执法时间：</label> |
|||
<div class="col-sm-4"> |
|||
<div class="input-group date"> |
|||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> |
|||
<input name="enforcementTime" th:value="${#dates.format(enforcementRegistration.enforcementTime, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-2 control-label">执法人员姓名：</label> |
|||
<div class="col-sm-4"> |
|||
<input name="lawEnforcer" th:field="*{lawEnforcer}" class="form-control" type="text"> |
|||
</div> |
|||
<label class="col-sm-2 control-label">执法人员联系方式：</label> |
|||
<div class="col-sm-4"> |
|||
<input name="lawEnforcerTel" th:field="*{lawEnforcerTel}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-2 control-label">执法人员2：</label> |
|||
<div class="col-sm-4"> |
|||
<input name="lawEnforcerTwo" th:field="*{lawEnforcerTwo}" class="form-control" type="text"> |
|||
</div> |
|||
<label class="col-sm-2 control-label">执法人员联系方式2：</label> |
|||
<div class="col-sm-4"> |
|||
<input name="lawEnforcerTelTwo" th:field="*{lawEnforcerTelTwo}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-2 control-label">辅助人员姓名：</label> |
|||
<div class="col-sm-4"> |
|||
<input name="subsidiaryer" th:field="*{subsidiaryer}" class="form-control" type="text"> |
|||
</div> |
|||
<label class="col-sm-2 control-label">辅助人员联系方式：</label> |
|||
<div class="col-sm-4"> |
|||
<input name="subsidiaryerTel" th:field="*{subsidiaryerTel}" class="form-control" type="text"> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-2 control-label">执法事项：</label> |
|||
<div class="col-sm-10"> |
|||
<textarea name="lawEnforcementItem" class="form-control">[[*{lawEnforcementItem}]]</textarea> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-2 control-label">执法依据：</label> |
|||
<div class="col-sm-10"> |
|||
<textarea name="lawEnforcementBasis" class="form-control">[[*{lawEnforcementBasis}]]</textarea> |
|||
</div> |
|||
</div> |
|||
<div class="form-group"> |
|||
<label class="col-sm-2 control-label">执法结果：</label> |
|||
<div class="col-sm-4"> |
|||
<select class="form-control m-b" name="reslut" th:field="*{reslut}" > |
|||
<option value="0">合格</option> |
|||
<option value="1">不合格</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
<th:block th:include="zdxtInclude :: footer" /> |
|||
<th:block th:include="zdxtInclude :: datetimepicker-js" /> |
|||
<script th:inline="javascript"> |
|||
var prefix = ctx + "system/registration"; |
|||
$("#form-registration-edit").validate({ |
|||
focusCleanup: true |
|||
}); |
|||
|
|||
function submitHandler() { |
|||
if ($.validate.form()) { |
|||
$.operate.save(prefix + "/edit", $('#form-registration-edit').serialize()); |
|||
} |
|||
} |
|||
|
|||
$("input[name='enforcementTime']").datetimepicker({ |
|||
format: "yyyy-mm-dd", |
|||
minView: "month", |
|||
autoclose: true |
|||
}); |
|||
$(function () { |
|||
setReadonly(); |
|||
}) |
|||
|
|||
function setReadonly() { |
|||
var inputs = document.getElementsByTagName("input"); |
|||
for (var i = 0; i < inputs.length; i++) { |
|||
$(inputs[i]).attr("readonly", true); |
|||
} |
|||
var textareas = document.getElementsByTagName("textarea"); |
|||
for (var i = 0; i < textareas.length; i++) { |
|||
$(textareas[i]).attr("readonly", true); |
|||
} |
|||
var selects = document.getElementsByTagName("select"); |
|||
for (var i = 0; i < selects.length; i++) { |
|||
$(selects[i]).attr("readonly", true); |
|||
} |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,131 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"> |
|||
<head> |
|||
<th:block th:include="zdxtInclude :: header('登陆记录')"/> |
|||
<link type="text/css" href="/css/stat.css" rel="stylesheet" /> |
|||
</head> |
|||
<body> |
|||
<div class="statwrap"> |
|||
<h1 class="headtit">深圳市各类行政检查实施情况统计表</h1> |
|||
<div class="seltime"><i class="icsty"></i><span><select name="year"> |
|||
<option>2024</option> |
|||
<option>2023</option> |
|||
<option>2022</option> |
|||
</select>年度</span> |
|||
<span><select name="quarter"> |
|||
<option>2024-01</option> |
|||
</select>季度</span> |
|||
<span><select name="month"> |
|||
<option>2024-01</option> |
|||
<option>2024-02</option> |
|||
<option>2024-03</option> |
|||
</select>月度</span> |
|||
</div> |
|||
<div class="statit"><span id="one1" class="actit" onclick="setTab('one',1,4)">检查事项</span><span id="one2" onclick="setTab('one',2,4)">执法人员</span><span id="one3" onclick="setTab('one',3,4)">案件数量</span><span id="one4" onclick="setTab('one',4,4)" class="hover">企业类型</span></div> |
|||
<div id="con_one_1" class="tab_item" style="display: block;"> |
|||
<div class="listhead"> |
|||
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="desktab"> |
|||
<colgroup> |
|||
<col width="20%" /> |
|||
<col width="75%" /> |
|||
</colgroup> |
|||
<tr class="trodd"> |
|||
<th>行政检查事项</th> |
|||
<th>行政检查次数</th> |
|||
</tr> |
|||
</table> |
|||
</div> |
|||
<div class="listbody"> |
|||
<div class="inner"> |
|||
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="desktab"> |
|||
<colgroup> |
|||
<col width="20%" /> |
|||
<col width="75%" /> |
|||
</colgroup> |
|||
<tr> |
|||
<td>生态环境检查</td> |
|||
<td>35</td> |
|||
</tr> |
|||
<tr> |
|||
<td>商务领域检查</td> |
|||
<td>22</td> |
|||
</tr> |
|||
<tr> |
|||
<td>财务领域检查</td> |
|||
<td>18</td> |
|||
</tr> |
|||
<tr> |
|||
<td>水务领域检查</td> |
|||
<td>19</td> |
|||
</tr> |
|||
<tr> |
|||
<td>卫生健康检查</td> |
|||
<td>43</td> |
|||
</tr> |
|||
<tr> |
|||
<td>生态环境检查</td> |
|||
<td>35</td> |
|||
</tr> |
|||
<tr> |
|||
<td>商务领域检查</td> |
|||
<td>22</td> |
|||
</tr> |
|||
<tr> |
|||
<td>财务领域检查</td> |
|||
<td>18</td> |
|||
</tr> |
|||
<tr> |
|||
<td>水务领域检查</td> |
|||
<td>19</td> |
|||
</tr> |
|||
<tr> |
|||
<td>卫生健康检查</td> |
|||
<td>43</td> |
|||
</tr> |
|||
<tr> |
|||
<td>生态环境检查</td> |
|||
<td>35</td> |
|||
</tr> |
|||
<tr> |
|||
<td>商务领域检查</td> |
|||
<td>22</td> |
|||
</tr> |
|||
<tr> |
|||
<td>财政领域检查</td> |
|||
<td>18</td> |
|||
</tr> |
|||
<tr> |
|||
<td>水务领域检查</td> |
|||
<td>19</td> |
|||
</tr> |
|||
<tr> |
|||
<td>卫生健康检查</td> |
|||
<td>43</td> |
|||
</tr> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<div id="con_one_2" class="tab_item"> |
|||
</div> |
|||
|
|||
<div id="con_one_3" class="tab_item"> |
|||
</div> |
|||
|
|||
<div id="con_one_4" class="tab_item"> |
|||
</div> |
|||
</div> |
|||
<th:block th:include="zdxtInclude :: footer"/> |
|||
<script> |
|||
function setTab(name,cursel,n){ |
|||
for(i=1;i<=n;i++){ |
|||
var menu=document.getElementById(name+i); |
|||
var con=document.getElementById("con_"+name+"_"+i); |
|||
menu.className=i==cursel?"actit":""; |
|||
con.style.display=i==cursel?"block":"none"; |
|||
} |
|||
} |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,32 @@ |
|||
package com.zdxt.code.controller; |
|||
|
|||
import org.springframework.stereotype.Controller; |
|||
import org.springframework.ui.ModelMap; |
|||
import org.springframework.web.bind.annotation.GetMapping; |
|||
import org.springframework.web.bind.annotation.RequestMapping; |
|||
|
|||
@Controller |
|||
@RequestMapping("/statistical") |
|||
public class StatisticalController { |
|||
|
|||
private String prefix = "project/code/statistical"; |
|||
|
|||
private String prefix2 = "project/code/analysis"; |
|||
|
|||
@GetMapping("/view") |
|||
public String statistical(ModelMap mmp){ |
|||
|
|||
|
|||
return prefix + "/statistical"; |
|||
} |
|||
|
|||
/** |
|||
* 统计分析 |
|||
* @param mmp |
|||
* @return |
|||
*/ |
|||
@GetMapping("/analysis") |
|||
public String analysis(ModelMap mmp){ |
|||
return prefix2 + "/analysis"; |
|||
} |
|||
} |
|||
@ -0,0 +1,76 @@ |
|||
package com.zdxt.code.service.impl; |
|||
|
|||
import cn.hutool.core.util.ObjectUtil; |
|||
import com.alibaba.fastjson.JSONArray; |
|||
import com.alibaba.fastjson.JSONObject; |
|||
import com.zdxt.code.service.IAccessTokenService; |
|||
import com.zdxt.code.service.SRZApiService; |
|||
import com.zdxt.code.utils.HttpUtil; |
|||
import org.springframework.beans.factory.annotation.Autowired; |
|||
import org.springframework.stereotype.Service; |
|||
|
|||
import java.util.HashMap; |
|||
import java.util.Map; |
|||
|
|||
@Service |
|||
public class SRZApiServiceImpl implements SRZApiService { |
|||
|
|||
@Autowired |
|||
private IAccessTokenService tokenService; |
|||
|
|||
@Override |
|||
public void querySRZUserList(Integer page,Integer pageSize) { |
|||
String srzToken = tokenService.getSRZToken(new HashMap<>()); |
|||
Map<String,Object> params = new HashMap<>(); |
|||
Integer pageIndex = 0; |
|||
Integer pageSizeIndex = 1; |
|||
params.put("page",page * pageIndex); |
|||
params.put("pageSize",pageSize * pageSizeIndex); |
|||
try { |
|||
String s = HttpUtil.HttpSendPost("/ebus/sfrzhqxglmk/sysPullTacc", params, null, srzToken); |
|||
JSONObject jsonObject = JSONObject.parseObject(s); |
|||
String data = jsonObject.getString("data"); |
|||
if(ObjectUtil.isNotEmpty(data)){ |
|||
JSONArray objects = JSONArray.parseArray(data); |
|||
//判断data不为空，继续迭代调用
|
|||
pageIndex++; |
|||
pageSizeIndex++; |
|||
this.querySRZUserList(page * pageIndex,pageSize * pageSizeIndex); |
|||
} |
|||
}catch (Exception e){ |
|||
e.printStackTrace(); |
|||
}finally { |
|||
//调用结束之后，注销token
|
|||
tokenService.destroySRZToken(srzToken); |
|||
} |
|||
|
|||
} |
|||
|
|||
@Override |
|||
public void querySRZOrg(Integer page,Integer pageSize) { |
|||
String srzToken = tokenService.getSRZToken(new HashMap<>()); |
|||
Map<String,Object> params = new HashMap<>(); |
|||
Integer pageIndex = 0; |
|||
Integer pageSizeIndex = 1; |
|||
params.put("page",page * pageIndex); |
|||
params.put("pageSize",pageSize * pageSizeIndex); |
|||
try { |
|||
String s = HttpUtil.HttpSendPost("/ebus/sfrzhqxglmk/sysPullOrg", params, null, srzToken); |
|||
JSONObject jsonObject = JSONObject.parseObject(s); |
|||
String data = jsonObject.getString("data"); |
|||
if(ObjectUtil.isNotEmpty(data)){ |
|||
JSONArray objects = JSONArray.parseArray(data); |
|||
//判断data不为空，继续迭代调用
|
|||
pageIndex++; |
|||
pageSizeIndex++; |
|||
this.querySRZOrg(page * pageIndex,pageSize * pageSizeIndex); |
|||
} |
|||
}catch (Exception e){ |
|||
e.printStackTrace(); |
|||
}finally { |
|||
//调用结束之后，注销token
|
|||
tokenService.destroySRZToken(srzToken); |
|||
} |
|||
|
|||
} |
|||
} |
|||
Loading…
Reference in new issue