208 lines
9.2 KiB
Plaintext
208 lines
9.2 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="../../css/viewer.min.css">
|
|
<link rel="stylesheet" href="../../js/layui-v2.9.2/layui/css/layui.css">
|
|
<link href="../../js/layui/formSelects-v4.css" rel="stylesheet" type="text/css" />
|
|
<link rel="stylesheet" href="../../css/font.css">
|
|
<link rel="stylesheet" href="../../css/table-common2.css">
|
|
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
|
|
<script src="../../js/public/public.js" type="text/javascript"></script>
|
|
<script src="../../js/public/permission.js" type="text/javascript"></script>
|
|
<script src="../../js/public/sm3.js" type="text/javascript"></script>
|
|
<script src="../../js/layui-v2.9.2/layui/layui.js"></script>
|
|
<script src="../../js/public/viewer.min.js"></script>
|
|
<script src="../../js/public/select.js"></script>
|
|
<script src="../../js/public/commonUtils.js"></script>
|
|
<script src="../../js/public/aes.js"></script>
|
|
<script src="../../js/public/echarts.js"></script>
|
|
<script src="../../js/public/ajaxRequest.js"></script>
|
|
<title>违章统计</title>
|
|
</head>
|
|
|
|
<body class="layout" style="background-color: #fff;">
|
|
<div id="content">
|
|
<div class="basic-search-box2 layout">
|
|
<form class="layui-form basic-form" onclick="return false;">
|
|
<div class="layui-form-item">
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">关键字:</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="keyWord" class="layui-input" autocomplete="off" placeholder="请输入关键字">
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">违章单位:</label>
|
|
<div class="layui-input-inline">
|
|
<select class="layui-select" id="org" xm-select="org" xm-select-show-count='2'
|
|
xm-select-search="" xm-select-search-type="dl">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">作业票编号:</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="ticketNo" class="layui-input" autocomplete="off"
|
|
placeholder="请输入作业票编号">
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">违章等级:</label>
|
|
<div class="layui-input-inline">
|
|
<select class="layui-select" id="levelId" xm-select="levelId" xm-select-show-count='2'>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="layui-form-item" style="margin-top: 10px;">
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">日期:</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="createTime" class="layui-input" readonly placeholder="日期"
|
|
style="cursor: pointer;">
|
|
<img src="../../img/common-icon/date-icon.png"
|
|
style="position: absolute;top: 19%;left: 86%;">
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline keyWord">
|
|
<label class="layui-form-label">工程名称:</label>
|
|
<div class="layui-input-inline">
|
|
<select class="layui-select" id="proName" xm-select="proName" xm-select-show-count='1'
|
|
xm-select-search="" xm-select-search-type="dl">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">风险等级:</label>
|
|
<div class="layui-input-inline">
|
|
<select class="layui-select" id="riskLevel" xm-select="riskLevel" xm-select-show-count='3'>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">督查人:</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="issUser" class="layui-input" autocomplete="off" placeholder="请输入督查人">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="margin-top: 10px;">
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">状态:</label>
|
|
<div class="layui-input-inline">
|
|
<select class="layui-select" id="status" xm-select="status" xm-select-show-count='2'>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline btns">
|
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm query"
|
|
style="background-color: #2F82FB;" onclick="query(1)">查询
|
|
</button>
|
|
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm export"
|
|
style="width: 88px;" onclick="exportData(1)">
|
|
<div class="layout" style="justify-content: space-around;"><img
|
|
src="../../img/common-icon/export-icon.png">
|
|
<p>导出</p>
|
|
</div>
|
|
</button>
|
|
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm export"
|
|
style="width: 150px;" onclick="exportData(2)">
|
|
<div class="layout" style="justify-content: space-around;"><img
|
|
src="../../img/common-icon/export-icon.png">
|
|
<p>导出（违章图片）</p>
|
|
</div>
|
|
</button>
|
|
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm export"
|
|
style="width: 230px;" onclick="exportData(3)">
|
|
<div class="layout" style="justify-content: space-around;"><img
|
|
src="../../img/common-icon/export-icon.png">
|
|
<p>导出（违章图片-近一个月）</p>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="table-box2" table-responsive>
|
|
<table id="violationStatisticsTable" class="table" lay-filter="violationStatisticsTable"></table>
|
|
<!-- <div id="voi-page" class="layout"></div> -->
|
|
</div>
|
|
</div>
|
|
<div id="voi-echarts" class="layout" style="width: 300px;height: 99%;flex-direction: column;">
|
|
<!--违章类型统计图-->
|
|
<div id="voi-type-echarts" class="layout echarts-div">
|
|
<div class="echarts-title">
|
|
<p>违章等级：</p>
|
|
</div>
|
|
<div class="echarts-content" id="echarts-one"></div>
|
|
</div>
|
|
<!--违章等级统计图-->
|
|
<div id="voi-levelId-echarts" class="layout echarts-div">
|
|
<div class="echarts-title layout">
|
|
<p>违章类型：</p>
|
|
<p style="cursor: pointer;color: #2F82FB;" onclick="openTypeChild()">查看违章子类型</p>
|
|
</div>
|
|
<div class="echarts-content" id="echarts-two"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<style>
|
|
.layui-table-init {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.table-box2 {
|
|
height: calc(100% - 165px);
|
|
z-index: 1;
|
|
}
|
|
|
|
.basic-search-box2 {
|
|
height: 165px;
|
|
}
|
|
|
|
#content {
|
|
width: calc(100% - 300px);
|
|
}
|
|
|
|
.echarts-div {
|
|
width: 100%;
|
|
height: 50%;
|
|
justify-content: start;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.echarts-title {
|
|
width: 100%;
|
|
height: 10%;
|
|
}
|
|
|
|
.echarts-title p {
|
|
font-size: 18px;
|
|
padding: 3px 15px 15px 15px;
|
|
color: #262626;
|
|
}
|
|
|
|
.echarts-content {
|
|
width: 100%;
|
|
height: 90%;
|
|
}
|
|
|
|
canvas {
|
|
letter-spacing: 1px
|
|
}
|
|
|
|
.layui-table-cell a {
|
|
margin: 0 7px;
|
|
}
|
|
|
|
.layui-table-view .layui-table th {
|
|
height: 50px !important;
|
|
}
|
|
</style>
|
|
<script src="../../js/dutyTask/violationStatisticsEcharts.js"></script>
|
|
<script src="../../js/dutyTask/violationStatistics.js"></script>
|
|
|
|
</html> |