/
swjfcx.html
140 lines (112 loc) · 5.37 KB
/
swjfcx.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!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/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 src="js/constant.js" type="text/javascript"></script>
<script src="js/department.js" type="text/javascript"></script>
<script src="js/swjfcx.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
getSwjfcxData();
});
</script>
</head>
<body>
<!-- 三违积分查询1 -- 查询结果页面 -->
<div data-role="page" id="swjfcx1" data-add-back-btn="true">
<div data-role="header" data-theme="b" style="height: 3.5em">
<a href="index2.html" data-ajax="false" data-role="button" class="ui-btn-left" data-icon="arrow-l"
data-iconpos="notext"></a>
<h1 style="font-size: large">三违积分查询</h1>
<a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
onclick="gotoQuery()">查询</a>
</div>
<div data-role="content">
<div id="summaryWrapper" class="wrapper">
<div id="summaryScroller" class="scroller">
<div id="summaryPullDown" class="pullDown">
<span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
</div>
<table id="swjfcx-result" data-role="table" data-mode="columntoggle" class="ui-responsive table-stroke">
<thead>
<tr>
<!-- 如果列比较多,屏幕比较窄 则会优先显示 data-priority = "1"的 数越小优先级越高 -->
<th data-priority="1">单位</th>
<th data-priority="0">姓名</th>
<th data-priority="0">积分</th>
<th data-priority="0">时间</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div id="summaryPullUp" class="pullUp">
<span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载更多...</span>
</div>
</div>
</div>
</div>
</div>
<!-- 三违积分查询2 -- 录入参数页面 -->
<div data-role="page" id="swjfcx2" data-add-back-btn="true">
<div data-role="header" data-theme="b" style="height: 3.5em">
<a href="index2.html" data-ajax="false" 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">开始日期:</label>
<input id="startDate" type="text" data-role="datebox"
data-options='{"mode": "flipbox", "useButton": true}' data-mini="true">
<label for="endDate">结束日期:</label>
<input id="endDate" type="text" data-role="datebox"
data-options='{"mode": "flipbox", "useButton": true}' data-mini="true">
<span style="color: red">*默认查询当月三违积分信息</span>
<br>
部门:
<a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-mini"
onclick="initDept()">选择部门</a>
<span id="deptNumber" style="display: none"></span>
<span id="deptName"></span>
<br>
<span style="color: red">*默认查询本单位三违积分信息</span>
<label for="name">姓名:</label>
<input id="name" type="text" data-mini="true">
<br>
<a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
onclick="getSwjfcxData()">查询</a>
</div>
</div>
<div data-role="page" id="dept-filter" data-close-btn="right">
<div data-role="header" data-theme="b">
<h1>组织机构</h1>
</div>
<div data-role="content">
<select id="dept-1" data-mini="true" data-native-menu="false" onchange="selectDept(this)"></select>
<div id="dynamic">
</div>
<a class="ui-shadow ui-btn ui-mini"
onclick="returndept()">确定</a>
</div>
</div>
</body>
</html>