<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery Mobile Web 应用程序</title>
<!-- css -->
<link href="css/jquery.mobile-1.4.0.min.css" rel="stylesheet" type="text/css"/>
<link href="css/jquery.mobile.datepicker.css" rel="stylesheet" type="text/css"/>
<link href="css/my.css" rel="stylesheet" type="text/css"/>
<link href="css/myScroll.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/jquery.toastmessage.css" rel="stylesheet" type="text/css">
<link href="css/myDate.css" rel="stylesheet" type="text/css"/>
<!-- js -->
<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
<script src="js/jquery.mobile.datepicker.js" type="text/javascript"></script>
<script src="js/jquery.ui.datepicker.js" type="text/javascript"></script>
<script src="js/jquery.ui.datepicker-zh-CN.js" type="text/javascript"></script>
<script src="js/jquery.toastmessage.js" type="text/javascript"></script>
<script src="js/iscroll.js" type="text/javascript"></script>
<script src="js/constant.js" type="text/javascript"></script>
<script src="js/summary.js" type="text/javascript"></script>
<script src="js/myDate.js" type="text/javascript"></script>
<script src="js/myDateFlip.js" type="text/javascript"></script>
<script src="js/myDatei18n.js" type="text/javascript"></script>
<script type="text/javascript">
/* document.addEventListener('touchmove', function (e) {
e.preventDefault();
}, false);*/
// document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
/* $(function () {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
$("#date-1").attr("value", year + "-" + month + "-" + day);
});*/
</script>
</head>
<body>
<!-- 统计查询主页面 -->
<div data-role="page" id="summaryMain">
<div data-role="header" data-theme="b">
<a href="index2.html" data-role="button" class="ui-btn-left" data-icon="arrow-l" data-ajax="false"
data-iconpos="notext"></a>
<h1 style="font-size: large;">统计查询</h1>
</div>
<div data-role="content">
<ul data-role="listview" id="summaryList">
<li><a href="#dbjhb1">带班计划表</a></li>
<li><a href="#fswxx1">反三违信息查询</a></li>
<li><a href="#zbdbld1">各单位值班及带班领导统计</a></li>
<li><a onclick="gotoGsxx()">工伤信息</a></li>
<li><a onclick="getGpxxData()">挂牌信息</a></li>
<li><a href="#kzdkyh1">各矿隐患查询</a></li>
<li><a href="#ldxjdb1">领导干部下井及下井带班情况</a></li>
<li><a href="#ydswgphz1">全公司月度三违挂牌汇总</a></li>
<li><a href="#ydyhhz1">全公司月度隐患汇总</a></li>
<li><a href="#rjxxcx1">入井信息查询</a></li>
<li><a href="#swxxcx1">三违信息查询</a></li>
<li><a href="#yhfltjcx1">隐患分类统计</a></li>
<li><a href="#yhxxzhcx1">隐患信息综合查询</a></li>
<li><a onclick="getOutPutData()">产量查询</a></li>
<li><a href="#wscx1">瓦斯查询</a></li>
</ul>
</div>
</div>
<!-- 第一个查询统计 -->
<!-- 带班计划表1 -- 录入参数页面 -->
<div data-role="page" id="dbjhb1" data-add-back-btn="true">
<div data-role="header" data-theme="b" style="height: 3.5em">
<a href="#" data-rel="back" data-role="button" class="ui-btn-left" data-icon="arrow-l"
data-iconpos="notext"></a>
<h1 style="font-size: large">带班计划表</h1>
</div>
<div data-role="content">
<label for="date-1">日期:</label>
<input id="date-1" type="text" data-role="datebox"
data-options='{"mode": "flipbox","useImmediate":true, "useButton": false, "useFocus": true, "useInlineBlind": true}'>
<label for="banci-1">班次:</label>
<select name="banci-1" id="banci-1">
<option value="all">--全部--</option>
<option value="zb">早班</option>
<option value="zhb">中班</option>
<option value="yb">夜班</option>
</select>
<label for="name-1">姓名:</label>
<input type="text" name="name-1" id="name-1" value="">
<a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
onclick="getDbjhbData()">查询</a>
</div>
</div>
<!-- 带班计划表2 -- 查询结果页面 -->
<div data-role="page" id="dbjhb2" data-add-back-btn="true">
<div data-role="header" data-theme="b" style="height: 3.5em">
<a href="#" data-rel="back" data-role="button" class="ui-btn-left" data-icon="arrow-l"
data-iconpos="notext"></a>
<h1 style="font-size: large">带班计划表</h1>
</div>
<div data-role="content" style="overflow:scroll">
<div id="summaryWrapper1" class="wrapper">
<div id="summaryScroller1" class="scroller">
<div id="summaryPullDown1" class="pullDown">
<span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
</div>
<table id="dbjhb-result" data-role="table" data-mode="columntoggle" class="ui-responsive table-stroke">
<thead>
<tr>
<!-- 如果列比较多，屏幕比较窄 则会优先显示 data-priority = "1"的 数越小优先级越高 -->
<th data-priority="0">带班日期</th>
<th data-priority="1">班次</th>
<th data-priority="1">计划带班人员</th>
<th data-priority="2">调整带班人员</th>
<th data-priority="0">实际带班人员</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div id="summaryPullUp1" class="pullUp">
<span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载更多...</span>
</div>
</div>
</div>
</div>
</div>
<!-- 第二个查询统计 -->
<!-- 反三违信息查询1 -- 录入参数页面 -->
<div data-role="page" id="fswxx1" data-add-back-btn="true">
<div data-role="header" data-theme="b" style="height: 3.5em">
<a href="#" data-rel="back" data-role="button" class="ui-btn-left" data-icon="arrow-l"
data-iconpos="notext"></a>
<h1 style="font-size: large">反三违信息查询</h1>
</div>
<div data-role="content">
<label for="startDate-2">开始日期:</label>
<input id="startDate-2" type="text" data-role="datebox"
data-options='{"mode": "flipbox","useImmediate":true, "useButton": false, "useFocus": true, "useInlineBlind": true}'>
<label for="endDate-2">截至日期:</label>
<input id="endDate-2" type="text" data-role="datebox"
data-options='{"mode": "flipbox","useImmediate":true, "useButton": false, "useFocus": true, "useInlineBlind": true}'>
<label for="name-2">人员姓名</label>
<input id="name-2" type="text">
<a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
onclick="getFswxxData()">查询</a>
</div>
</div>
<!-- 反三违信息查询2 -- 查询结果页面 -->
<div data-role="page" id="fswxx2" data-add-back-btn="true">
<div data-role="header" data-theme="b" style="height: 3.5em">
<a href="#" data-rel="back" data-role="button" class="ui-btn-l
基于jqueryMobile开发的手机可视化 监控管理系统
50 浏览量
2024-05-07
22:01:02
上传
评论
收藏 3.32MB ZIP 举报
基于jqueryMobile开发的手机可视化 监控管理系统 （359个子文件） 
jquery.mobile-1.4.0.min.css 216KB jquery-ui-1.10.4.custom.css 22KB jquery-ui-1.10.4.custom.min.css 20KB myDate.css 9KB jquery.toastmessage.css 2KB myScroll.css 2KB jquery.mobile.datepicker.css 2KB jquery-ui-timepicker-addon.min.css 633B my.css 83B
ajax-loader.gif 6KB animated-overlay.gif 2KB close.gif 718B
summary.html 47KB aqyh.html 17KB doc.html 13KB yhEnter.html 12KB yhEnter2.html 12KB index2.html 12KB swEnter.html 12KB yhcx.html 8KB aqsgcx.html 6KB swcx.html 6KB gpcx.html 6KB rjxxcx.html 5KB swjfcx.html 5KB rydw.html 5KB dbzb.html 5KB irisData.html 4KB swxcQuery.html 4KB enterQuery.html 4KB index.html 2KB aqgk.html 2KB zbdbld.html 2KB yhyjFilter.html 2KB enterMain.html 1KB test.html 1KB
3.jpg 13KB 8.jpg 12KB 1.jpg 12KB 9.jpg 12KB 7.jpg 12KB 6.jpg 12KB 2.jpg 12KB 5.jpg 12KB 4.jpg 11KB jquery.mobile-1.4.0.min.js 243KB summary.js 117KB jquery.ui.datepicker.js 98KB jquery-1.10.2.min.js 91KB myDate.js 55KB jquery-ui-timepicker-addon.min.js 51KB jquery-ui-1.10.4.custom.min.js 51KB swEnter.js 37KB iscroll.js 33KB yhEnter.js 32KB yhEnter2.js 29KB aqyh.js 26KB yhcx.js 17KB irisData.js 13KB gpcx.js 12KB swcx.js 12KB rjxxcx.js 12KB myDateFlip.js 11KB enterQuery.js 10KB aqsgcx.js 10KB swjfcx.js 9KB swxcQuery.js 8KB dbzb.js 8KB jquery.mobile.datepicker.js 8KB rydw.js 7KB jquery.toastmessage.js 6KB yhyjFilter.js 6KB department.js 5KB login.js 3KB aqgk.js 2KB myDatei18n.js 2KB jquery.ui.datepicker-zh-CN.js 1KB jquery-ui-timepicker-zh-CN.js 655B constant.js 73B
p1-1-2.png 175KB p7-1-5.png 131KB p8-1-2.png 102KB p5-1-2.png 88KB p3-3-1.png 86KB p3-1-2.png 85KB p3-2-2.png 84KB p2-3-3.png 76KB p3-2-1.png 76KB p6-1-1.png 74KB p4-1-1.png 72KB p4-12-1.png 72KB p4-10-1.png 69KB p3-1-1.png 69KB p4-4-1.png 68KB p4-9-1.png 62KB p2-3-2.png 62KB p4-2-1.png 61KB p4-11-1.png 59KB p4-3-1.png 57KB p3-3-3.png 56KB共 359 条
- 1
- 2
- 3
- 4
资源评论
