|
|
|
@ -4,13 +4,19 @@ |
|
|
|
<th:block th:include="include :: header('企业端-执法部门预约记录列表')" /> |
|
|
|
<link type="text/css" href="/css/stat1.css" rel="stylesheet"/> |
|
|
|
<style> |
|
|
|
.tab-content { |
|
|
|
display: none; |
|
|
|
|
|
|
|
.row { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.tab-content.active { |
|
|
|
display: block; |
|
|
|
.search-collapse { |
|
|
|
position: relative; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body class="gray-bg"> |
|
|
|
@ -121,19 +127,27 @@ |
|
|
|
<input type="text" class="time-input" id="endTime" placeholder="结束时间" name="endTime"/> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a class="btn btn-success btn-rounded btn-sm" onclick="search1()"><i class="fa fa-search"></i> 搜索</a> |
|
|
|
<a class="btn btn-reset btn-rounded btn-sm" onclick="rest1()"><i class="fa fa-refresh"></i> 重置</a> |
|
|
|
<a class="btn btn-download btn-rounded btn-sm" onclick="download1()"><i class="fa fa-download"></i>导出</a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
<ul> |
|
|
|
<li id="a" th:fragment="a"> |
|
|
|
<p th:text="|联合检查 ${unite}|"></p> |
|
|
|
<p th:text="|占比 ${uniteDouble}|"></p> |
|
|
|
<p th:text="|${check} ${checkNumber}|"></p> |
|
|
|
<p th:text="|占比 ${checkDouble}|"></p> |
|
|
|
<a class="btn btn-success btn-sm" onclick="search1()"><i class="fa fa-search"></i> 搜索</a> |
|
|
|
<a class="btn btn-reset btn-sm" onclick="rest1()"><i class="fa fa-refresh"></i> 重置</a> |
|
|
|
<a class="btn btn-warning btn-sm" onclick="download1()"><i class="fa fa-download"></i>导出</a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
<div class="static-content"> |
|
|
|
<ul> |
|
|
|
<!--<li id="a" th:fragment="a"> |
|
|
|
<p th:text="|联合检查 ${unite}|"></p> |
|
|
|
<p th:text="|占比 ${uniteDouble}|"></p> |
|
|
|
<p th:text="|${check} ${checkNumber}|"></p> |
|
|
|
<p th:text="|占比 ${checkDouble}|"></p> |
|
|
|
</li>--> |
|
|
|
<li id="a" th:fragment="a"> |
|
|
|
<p>2024年:</p> |
|
|
|
<p><label th:text="联合检查"></label><b th:text="${unite}"></b></p> |
|
|
|
<p></i><label th:text="${check}"></label><b th:text="${checkNumber}"></b></p> |
|
|
|
</li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</form> |
|
|
|
<div class="col-sm-12 select-table table-bordered"> |
|
|
|
@ -141,57 +155,56 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div id="one-tab2" class="tab-content"> |
|
|
|
<div style="display: grid;grid-template-columns: 1fr 1fr;gap: 10px;"> |
|
|
|
<div> |
|
|
|
<form id="formId2"> |
|
|
|
<div class="select-list"> |
|
|
|
<ul> |
|
|
|
<li> |
|
|
|
<p>时段:</p> |
|
|
|
<select id="year2" name="year"> |
|
|
|
<!--<option value="2024">2024</option>--> |
|
|
|
<option th:each="y:${yearList}" th:text="${y}" th:value="${y}"></option> |
|
|
|
</select> |
|
|
|
<select id="dateSearch2" name="dateSearch" onchange="timeType2()"> |
|
|
|
<option value="year">年度</option> |
|
|
|
<option value="quarter">季度</option> |
|
|
|
<option value="month">月度</option> |
|
|
|
</select> |
|
|
|
<select id="quarter2" name="quarter"> |
|
|
|
<option value="">所有</option> |
|
|
|
<option value="1">第一季度</option> |
|
|
|
<option value="2">第二季度</option> |
|
|
|
<option value="3">第三季度</option> |
|
|
|
<option value="4">第四季度</option> |
|
|
|
</select> |
|
|
|
<select id="month2" name="month"> |
|
|
|
<option value="">所有</option> |
|
|
|
<option value="01">1月</option> |
|
|
|
<option value="02">2月</option> |
|
|
|
<option value="03">3月</option> |
|
|
|
<option value="04">4月</option> |
|
|
|
<option value="05">5月</option> |
|
|
|
<option value="06">6月</option> |
|
|
|
<option value="07">7月</option> |
|
|
|
<option value="08">8月</option> |
|
|
|
<option value="09">9月</option> |
|
|
|
<option value="10">10月</option> |
|
|
|
<option value="11">11月</option> |
|
|
|
<option value="12">12月</option> |
|
|
|
</select> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<a class="btn btn-success btn-rounded btn-sm" onclick="search2()"><i class="fa fa-search"></i> 搜索</a> |
|
|
|
<a class="btn btn-reset btn-rounded btn-sm" onclick="rest2()"><i class="fa fa-refresh"></i> 重置</a> |
|
|
|
</form> |
|
|
|
<div id="container1" style="width: 500px;height:500px;margin-right:0px"></div> |
|
|
|
</div> |
|
|
|
<div id="container2" style="width: 550px;height:550px;margin-right:0px"></div> |
|
|
|
<form id="formId2"> |
|
|
|
<div class="select-list"> |
|
|
|
<ul> |
|
|
|
<li> |
|
|
|
<p>时段:</p> |
|
|
|
<select id="year2" name="year"> |
|
|
|
<!--<option value="2024">2024</option>--> |
|
|
|
<option th:each="y:${yearList}" th:text="${y}" th:value="${y}"></option> |
|
|
|
</select> |
|
|
|
<select id="dateSearch2" name="dateSearch" onchange="timeType2()"> |
|
|
|
<option value="year">年度</option> |
|
|
|
<option value="quarter">季度</option> |
|
|
|
<option value="month">月度</option> |
|
|
|
</select> |
|
|
|
<select id="quarter2" name="quarter"> |
|
|
|
<option value="">所有</option> |
|
|
|
<option value="1">第一季度</option> |
|
|
|
<option value="2">第二季度</option> |
|
|
|
<option value="3">第三季度</option> |
|
|
|
<option value="4">第四季度</option> |
|
|
|
</select> |
|
|
|
<select id="month2" name="month"> |
|
|
|
<option value="">所有</option> |
|
|
|
<option value="01">1月</option> |
|
|
|
<option value="02">2月</option> |
|
|
|
<option value="03">3月</option> |
|
|
|
<option value="04">4月</option> |
|
|
|
<option value="05">5月</option> |
|
|
|
<option value="06">6月</option> |
|
|
|
<option value="07">7月</option> |
|
|
|
<option value="08">8月</option> |
|
|
|
<option value="09">9月</option> |
|
|
|
<option value="10">10月</option> |
|
|
|
<option value="11">11月</option> |
|
|
|
<option value="12">12月</option> |
|
|
|
</select> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a class="btn btn-success btn-sm" onclick="search2()"><i class="fa fa-search"></i> 搜索</a> |
|
|
|
<a class="btn btn-reset btn-sm" onclick="rest2()"><i class="fa fa-refresh"></i> 重置</a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<div style="display: grid;grid-template-columns: 1fr 1fr;gap: 10px;"> |
|
|
|
<div id="container3" style="width: 550px;height:550px;margin-right:0px"></div> |
|
|
|
<div id="container4" style="width: 550px;height:550px;margin-right:0px"></div> |
|
|
|
</form> |
|
|
|
<div class="cont-box"> |
|
|
|
|
|
|
|
<div class="chart-box" id="container1" style="width: 500px; height: 500px;"></div> |
|
|
|
<div class="chart-box" id="container2" style="width: 500px; height: 500px;"></div> |
|
|
|
<div class="chart-box" id="container3" style="width: 500px; height: 500px;"></div> |
|
|
|
<div class="chart-box" id="container4" style="width: 500px; height: 500px;"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -378,7 +391,12 @@ |
|
|
|
echart1.setOption(option1); |
|
|
|
debugger; |
|
|
|
} |
|
|
|
}) |
|
|
|
}); |
|
|
|
// 使用刚指定的配置项和数据显示图表。 |
|
|
|
/*currentId.setOption(option); |
|
|
|
window.addEventListener("resize",function(){ |
|
|
|
currentId.resize(); |
|
|
|
});*/ |
|
|
|
} |
|
|
|
function echarts2(){ |
|
|
|
$.ajax({ |
|
|
|
|