yn_img_tool/src/main/resources/static/pages/synthesisQuery/synthesisQuery.html

108 lines
4.4 KiB
HTML
Raw Normal View History

2025-03-31 17:32:43 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>照片综合查询</title>
<link rel="stylesheet" href="../../js/layui-v2.9.14/layui/css/layui.css">
<link rel="stylesheet" href="../../css/synthesisQuery/synthesisQuery.css">
<link rel="stylesheet" href="../../css/font.css">
<script src="../../js/libs/jquery-3.7.0.min.js" charset="UTF-8" type="text/javascript"></script>
<script src="../../js/layui-v2.9.14/layui/layui.js" charset="UTF-8" type="text/javascript"></script>
<script src="../../js/publicJs.js"></script>
<script src="../../js/commonUtils.js"></script>
<script src="../../js/openIframe.js"></script>
<script src="../../js/my/aes.js"></script>
<script src="../../js/ajaxRequest.js"></script>
</head>
<body>
<div id="main-box">
<!--搜索-->
<div id="search-box">
<form class="layui-form">
<div class="layui-form-item layout">
<div class="layui-input-group">
2025-04-03 13:43:41 +08:00
<input style="width: 600px;" type="text" id="keyWord" name="keyWord" placeholder="搜索标题"
2025-03-31 17:32:43 +08:00
autocomplete="off" class="layui-input" lay-affix="clear">
<div class="layui-input-split layui-input-suffix" style="cursor: pointer;background-color: #fff;">
2025-04-03 11:21:56 +08:00
<i class="layui-icon layui-icon-search" onclick="titleSearch()"></i>
2025-03-31 17:32:43 +08:00
</div>
</div>
2025-04-01 13:40:30 +08:00
<div class="layui-inline layout" style="margin-bottom: 0;cursor: pointer;" onclick="highSearch()">
<img src="../../img/synthesisQuery/high_search.png" alt="高级筛选">
<p>高级筛选</p>
</div>
2025-03-31 17:32:43 +08:00
</div>
</form>
</div>
<!--各类型图片数量-->
<div id="type-num-box" class="layout">
2025-04-01 13:40:30 +08:00
<div class="type-num layout" onclick="queryByType(this,0)">
2025-03-31 17:32:43 +08:00
<div class="layout">
<p>总照片数</p>
2025-04-02 16:41:15 +08:00
<p id="totalNum">0</p>
2025-03-31 17:32:43 +08:00
</div>
<div class="layout">
<img src="../../img/synthesisQuery/1.png">
</div>
</div>
2025-04-01 13:40:30 +08:00
<div class="type-num layout" onclick="queryByType(this,1)">
2025-03-31 17:32:43 +08:00
<div class="layout">
<p>安全违章</p>
2025-04-02 16:41:15 +08:00
<p id="safetyVioNum">0</p>
2025-03-31 17:32:43 +08:00
</div>
<div class="layout">
<img src="../../img/synthesisQuery/2.png">
</div>
</div>
2025-04-01 13:40:30 +08:00
<div class="type-num layout" onclick="queryByType(this,2)">
2025-03-31 17:32:43 +08:00
<div class="layout">
<p>质量检查</p>
2025-04-02 16:41:15 +08:00
<p id="qualityInsNum">0</p>
2025-03-31 17:32:43 +08:00
</div>
<div class="layout">
<img src="../../img/synthesisQuery/3.png">
</div>
</div>
2025-04-01 13:40:30 +08:00
<div class="type-num layout" onclick="queryByType(this,3)">
2025-03-31 17:32:43 +08:00
<div class="layout">
<p>安全措施落实</p>
2025-04-02 16:41:15 +08:00
<p id="safetyMeasNum">0</p>
2025-03-31 17:32:43 +08:00
</div>
<div class="layout">
<img src="../../img/synthesisQuery/4.png">
</div>
</div>
2025-04-01 13:40:30 +08:00
<div class="type-num layout" onclick="queryByType(this,4)">
2025-03-31 17:32:43 +08:00
<div class="layout">
<p>协调照片</p>
2025-04-02 16:41:15 +08:00
<p id="coordinatedPhotoNum">0</p>
2025-03-31 17:32:43 +08:00
</div>
<div class="layout">
<img src="../../img/synthesisQuery/5.png">
</div>
</div>
2025-04-01 13:40:30 +08:00
<div class="type-num layout" onclick="queryByType(this,5)">
2025-03-31 17:32:43 +08:00
<div class="layout">
<p>重要事项及宣传类</p>
2025-04-02 16:41:15 +08:00
<p id="importIssuesAndPublicityNum">0</p>
2025-03-31 17:32:43 +08:00
</div>
<div class="layout">
<img src="../../img/synthesisQuery/6.png">
</div>
</div>
</div>
<!--我的收藏、最近上传-->
<div id="change-type-box" class="layout">
<p class="noCheckedElement" onclick="changeType(1,this)">我的收藏</p>
<p class="checkedElement" onclick="changeType(2,this)">最近上传</p>
</div>
<div id="img-box">
<div class="flow-demo layout" id="ID-flow-demo">
</div>
</div>
</div>
</body>
<script src="../../js/synthesisQuery/synthesisQuery.js" charset="UTF-8" type="text/javascript"></script>
2025-04-02 16:41:15 +08:00
<script src="../../js/synthesisQuery/synthesisQueryAjax.js" charset="UTF-8" type="text/javascript"></script>
2025-04-02 18:20:17 +08:00
<script src="../../js/synthesisQuery/synthesisQueryCommon.js" charset="UTF-8" type="text/javascript"></script>
2025-03-31 17:32:43 +08:00
</html>