ホーム エクスプローラ ヘルプ
登録 サインイン
zhoufan
/
SQMQ12345_Web
Watch 1
Star 0
Fork 0
コード 課題 0 プルリクエスト 0 コミット 81 リリース 0 Wiki
ソースを参照

志愿者、催单功能添加

liuzhen 5 年 前
親
f44545e9ee
コミット
069fc7a127
共有6 個のファイルを変更した、744 個の追加 と 2 個の削除を含む
分割表示 差分情報を表示
  1. 230 0
      WebChat/html/personalInfo.html
  2. 268 0
      WebUI/CallCenterWeb.UI/CommonHtml/personalInfo.html
  3. 1 1
      WebUI/CallCenterWeb.UI/Script/Common/huayi.config.js
  4. 160 0
      WebUI/CallCenterWeb.UI/YeWu/ZYZ.html
  5. 43 0
      WebUI/CallCenterWeb.UI/index.html
  6. 42 1
      WebUI/CallCenterWeb.UI/js/index.js

+ 230 - 0
WebChat/html/personalInfo.html
ファイルの表示 

@@ -0,0 +1,230 @@
1 
+<!doctype html>
2 
+<html>
3 
+	<head>
4 
+		<meta charset="UTF-8">
5 
+		<title></title>
6 
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
7 
+		<meta name="apple-mobile-web-app-capable" content="yes">
8 
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
9 
+		<link href="../css/mui.min.css" rel="stylesheet" />
10 
+		<link rel="stylesheet" href="../css/app.css" />
11 
+		<link rel="stylesheet" href="../layui/css/layui.mobile.css" />
12 
+		<link href="../css/mui.picker.css" rel="stylesheet" />
13 
+		<link href="../css/mui.poppicker.css" rel="stylesheet" />
14 
+		<link href="../css/feedback-page.css" rel="stylesheet" />
15 
+		<link rel="stylesheet" href="../css/iconfont.css" />
16 
+		<link rel="stylesheet" href="../css/inits.css" />
17 
+		<style>
18 
+			.mui-bar-popover {
19 
+				width: 30%;
20 
+			}
21 
+
22 
+			.mui-popover.mui-bar-popover .mui-table-view {
23 
+				width: 100%;
24 
+			}
25 
+
26 
+			.mui-table-view .mui-table-view-cell>a:not(.mui-btn) {
27 
+				text-align: center;
28 
+			}
29 
+
30 
+			.mui-table-view-cell {
31 
+				padding: 1px 15px!important;
32 
+			}
33 
+
34 
+			.mui-table-view {
35 
+				margin-top: 0!important;
36 
+			}
37 
+
38 
+			.san {
39 
+				font-size: 14px;
40 
+				margin-right: 5px
41 
+			}
42 
+
43 
+			.nav_a {
44 
+				border-right: 1px solid #ccc;
45 
+			}
46 
+
47 
+			.radio_box {
48 
+				display: inline-block;
49 
+			}
50 
+
51 
+			.mui-radio input[type=radio]:before {
52 
+				font-size: 20px;
53 
+				vertical-align: middle;
54 
+			}
55 
+
56 
+			.mui-radio.mui-left input[type=radio] {
57 
+				line-height: 24px!important;
58 
+			}
59 
+
60 
+			.mui-radio.mui-left label {
61 
+				padding-right: 1px!important;
62 
+				padding-left: 51px!important;
63 
+			}
64 
+
65 
+			.ztext {
66 
+				width: 100%;
67 
+				margin: 0;
68 
+				border: 0;
69 
+			}
70 
+
71 
+			.action {
72 
+				padding: 11px 15px;
73 
+			}
74 
+
75 
+			.type_down {
76 
+				float: right!important;
77 
+				display: inline-block!important;
78 
+				vertical-align: middle!important;
79 
+				line-height: 42px;
80 
+			}
81 
+
82 
+			.type_con {
83 
+				width: 55%!important;
84 
+				float: left!important;
85 
+				vertical-align: middle!important;
86 
+				display: inline-block!important;
87 
+				padding: 10px 0!important;
88 
+			}
89 
+
90 
+			.label {
91 
+				width: 30%!important;
92 
+				padding: 11px 0px!important;
93 
+			}
94 
+
95 
+			.get_yzm {
96 
+				padding: 5px!important;
97 
+				width: auto!important;
98 
+			}
99 
+
100 
+			.yzm_con {
101 
+				float: left!important;
102 
+				width: 40%!important;
103 
+			}
104 
+			h4,h5{
105 
+				text-align: center;
106 
+				padding-top:20px ;
107 
+			}
108 
+			h5{
109 
+				margin-bottom: 10px;
110 
+			}
111 
+			.mui-content{
112 
+				background-color: #fff;
113 
+			}
114 
+		</style>
115 
+	</head>
116 
+
117 
+	<body>
118 
+		<div class="mui-content">
119 
+			<h4>民权县12345政府热线志愿者申请表</h3>
120 
+			<h5>个人信息</h4>
121 
+			<ul class="mui-table-view">
122 
+				<li class="mui-table-view-cell" id="showUserPicker">
123 
+					<div class="mui-input-row">
124 
+						<label class="label">姓名：</label>
125 
+						<input type="text" id='userResult' class="ui-alert " placeholder="请填写您的姓名" />
126 
+					</div>
127 
+				</li>
128 
+				<li class="mui-table-view-cell" id="">
129 
+					<div class="mui-input-row">
130 
+						<label class="label">性别：</label>
131 
+						<input type="text" id='zhuTiResult' class="ui-alert " placeholder="请填写您的性别"/>
132 
+					</div>
133 
+				</li>
134 
+				<li class="mui-table-view-cell" id="">
135 
+					<div class="mui-input-row">
136 
+						<label class="label">民族：</label>
137 
+						<input type="text" id='' class="ui-alert " placeholder="请填写您的民族" />
138 
+					</div>
139 
+				</li>
140 
+				<li class="mui-table-view-cell" id="">
141 
+					<div class="mui-input-row">
142 
+						<label class="label">电话：</label>
143 
+						<input type="text" id='' class="ui-alert " placeholder="请填写您的电话"/>
144 
+					</div>
145 
+				</li>
146 
+				<li class="mui-table-view-cell" id="">
147 
+					<div class="mui-input-row">
148 
+						<label class="label">身份证号码：</label>
149 
+						<input type="text" id='' class="ui-alert " placeholder="请填写您的身份证号码"/>
150 
+					</div>
151 
+				</li>
152 
+				<li class="mui-table-view-cell" id="">
153 
+					<div class="mui-input-row">
154 
+						<label class="label">政治面貌：</label>
155 
+						<input type="text" id='' class="ui-alert " />
156 
+					</div>
157 
+				</li>
158 
+				<li class="mui-table-view-cell" id="">
159 
+					<div class="mui-input-row">
160 
+						<label class="label">专业特长：</label>
161 
+						<input type="text" id='' class="ui-alert " />
162 
+					</div>
163 
+				</li>
164 
+				<li class="mui-table-view-cell" id="">
165 
+					<div class="mui-input-row">
166 
+						<label class="label">目前工作单位或职务：</label>
167 
+						<input type="text" id='' class="ui-alert " />
168 
+					</div>
169 
+				</li>
170 
+				<li class="mui-table-view-cell" id="">
171 
+					<div class="mui-input-row">
172 
+						<label class="label">现居地址：</label>
173 
+						<input type="text" id='' class="ui-alert " />
174 
+					</div>
175 
+				</li>
176 
+				<li class="mui-table-view-cell" id="">
177 
+					<div class="mui-input-row">
178 
+						<label class="label">服务意向：</label>
179 
+						<input type="text" id='' class="ui-alert " />
180 
+					</div>
181 
+				</li>
182 
+				<li class="mui-table-view-cell baoMi">
183 
+					<div class="mui-input-row">
184 
+						<label class="label">是否有兴趣参与团队管理和组织建设：</label>
185 
+						<div class="mui-input-row mui-radio mui-left radio_box">
186 
+							<label>是</label>
187 
+							<input  type="radio" name="secret" value="1" />
188 
+						</div>
189 
+						<div class="mui-input-row mui-radio mui-left radio_box">
190 
+							<label>否</label>
191 
+							<input  type="radio" name="secret" checked="checked" value="0" />
192 
+						</div>
193 
+				</li>
194 
+				<li class="mui-table-view-cell">
195 
+					<div class="mui-input-row">
196 
+						<label class="label">您的意见和建议：</label>
197 
+						<textarea class="ztext content" name="" id="textarea" rows="3" cols="" placeholder="请输入您的意见 和建议..."></textarea>
198 
+					</div>
199 
+				</li>
200 
+			</ul>
201 
+			<button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block block_button submit">提交</button>
202 
+			<p class="action">
203 
+				<span>感谢您向“民权县12345政府服务热线”提出志愿者加入申请，请您在填写表格前注意以下几点：<br/></span>
204 
+				<span id="">
205 
+					1、在提交申请之前，请务必详细阅读志愿者申请条件，志愿者服务内容，并真实详细的填写您的个人信息；<br/>
206 
+				</span>
207 
+				<span id="">
208 
+					2、您的个人资料我们将严格保密，不会对热线志愿者工作站组织内部的其他无关人员公开；<br/>
209 
+				</span>
210 
+				<span id="">
211 
+					3、热线在收到您的申请表后，会审核您的资料；<br/>
212 
+				</span>
213 
+				<span id="">
214 
+					4、与申请有关的问题或者建议，可致电0370-8518369或通过关注公众号“民权12345政府服务热线”与我们交流。
215 
+				</span>
216 
+			</p>
217 
+		</div>
218 
+			<script src="../layui/layui.js"></script>
219 
+			<script src="../js/mui.min.js"></script>
220 
+			<script src="../js/mui.picker.js"></script>
221 
+			<script src="../js/mui.poppicker.js"></script>
222 
+			<script src="../js/zepto.js"></script>
223 
+			<script src="../Script/Common/huayi.config.js"></script>
224 
+			<script src="../Script/Common/huayi.http.js"></script>
225 
+			<script type="text/javascript">
226 
+
227 
+			</script>
228 
+	</body>
229 
+
230 
+</html>

+ 268 - 0
WebUI/CallCenterWeb.UI/CommonHtml/personalInfo.html
ファイルの表示 

@@ -0,0 +1,268 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+	<meta charset="UTF-8">
6 
+	<script src="../Script/Common/huayi.load.js"></script>
7 
+	<script src="../Script/Common/huayi.config.js"></script>
8 
+	<link rel="stylesheet" href="../css/init.css" />
9 
+	<title>个人信息</title>
10 
+	<style>
11 
+		#main{
12 
+            width: 788.8px;
13 
+            margin: 0 auto;
14 
+            -webkit-box-shadow: 1px 1px 9px 2px #D2D2D2;
15 
+            box-shadow: 1px 1px 9px 2px #D2D2D2;
16 
+            background-color: #fff;
17 
+		    padding: 30px 60px 40px 60px;
18 
+        }
19 
+        .alignC{
20 
+            text-align: center;
21 
+            vertical-align: middle;
22 
+		}
23 
+		.alignC tr td{
24 
+			width: 25%;
25 
+			height: 64px;
26 
+		}
27 
+		#assignedopinion{
28 
+			width: 97%;
29 
+			resize:none;
30 
+			padding-left: 6px;
31 
+			padding-right: 6px;
32 
+			border: none;
33 
+			background-color: #fff;
34 
+		}
35 
+		.hobby input:last-child{
36 
+			margin-left: 20px;
37 
+		}
38 
+		.service{
39 
+			display: inline-block;
40 
+			width: 100%;
41 
+		}
42 
+		.service span{
43 
+			display: inline-block;
44 
+			width: 30%;
45 
+		}
46 
+		.action {
47 
+		    padding: 11px 15px 0px;
48 
+		    margin: 0px;
49 
+		}
50 
+		.action span{
51 
+			text-align: left !important;
52 
+		}
53 
+		h4{
54 
+			text-align: center;
55 
+		}
56 
+		.btn{
57 
+            margin-top: 4px;
58 
+            margin-bottom: 4px ;
59 
+            background: #00a1cb;
60 
+ 		   	color: #fff;
61 
+        }
62 
+        .foot_btn{
63 
+        	text-align: center;
64 
+        }
65 
+	</style>
66 
+</head>
67 
+
68 
+<body>
69 
+	<div id="main">
70 
+		<h4>民权县12345政府热线志愿者申请表</h4>
71 
+		<p class="action">
72 
+			<span>感谢您向“民权县12345政府服务热线”提出志愿者加入申请，请您在填写表格前注意以下几点：<br/></span>
73 
+			<span id="">
74 
+				1、在提交申请之前，请务必详细阅读志愿者申请条件，志愿者服务内容，并真实详细的填写您的个人信息；<br/>
75 
+			</span>
76 
+			<span id="">
77 
+				2、您的个人资料我们将严格保密，不会对热线志愿者工作站组织内部的其他无关人员公开；<br/>
78 
+			</span>
79 
+			<span id="">
80 
+				3、热线在收到您的申请表后，会审核您的资料；<br/>
81 
+			</span>
82 
+			<span id="">
83 
+				4、与申请有关的问题或者建议，可致电0370-8518369或通过关注公众号“民权12345政府服务热线”与我们交流。
84 
+			</span>
85 
+		</p>
86 
+        <div class="alignC headerAlign">
87 
+<br />
88 
+            <h3 style="margin-bottom: 15px;">
89 
+                		个人信息
90 
+            </h3>
91 
+        </div>
92 
+        <table class="alignC" border="1" cellpadding="4" cellspacing="0" width="100%">
93 
+                <tr>
94 
+                    <td >姓名</td>
95 
+                    <td >
96 
+                        <span class="Name"></span>
97 
+                    </td>
98 
+                    <td >性别</td>
99 
+                    <td>
100 
+                        <span class="Gender"></span>
101 
+                    </td>
102 
+                </tr>
103 
+                 <tr>
104 
+                    <td >民族</td>
105 
+                    <td >
106 
+                        <span class="Nation"></span>
107 
+                    </td>
108 
+                    <td>电话</td>
109 
+                    <td>
110 
+                        <span class="Tel"></span>
111 
+                    </td>
112 
+                </tr>
113 
+                <tr>
114 
+                	<td>身份证号码</td>
115 
+                	<td colspan="3">
116 
+                        <span class="IDcardNo"></span>
117 
+                    </td>
118 
+                </tr>
119 
+                <tr>
120 
+                    <td >政治面貌</td>
121 
+                    <td >
122 
+                        <span class="Politicaloutlook"></span>
123 
+                    </td>
124 
+                    <td>专业特长</td>
125 
+                    <td>
126 
+                        <span class="Specialty"></span>
127 
+                    </td>
128 
+                </tr>
129 
+                <tr>
130 
+                	<td colspan="2">目前工作单位或职务</td>
131 
+                	<td colspan="2">
132 
+                        <span class="Post"></span>
133 
+                    </td>
134 
+                </tr>
135 
+                <tr>
136 
+                	<td>现居地址</td>
137 
+                	<td colspan="3">
138 
+                        <span class="Placeofresidence"></span>
139 
+                    </td>
140 
+                </tr>
141 
+                <tr>
142 
+                	<td>服务意向</td>
143 
+                	<td colspan="3">
144 
+                        <span class="service">
145 
+                        	<!--<span><input type="checkbox" name="" id="" value="" />参与问题反馈</span>
146 
+                        	<span><input type="checkbox" name="" id="" value="" />参与办理结果核实</span>
147 
+                        	<span><input type="checkbox" name="" id="" value="" />参与矛盾化解</span>
148 
+                        	<span><input type="checkbox" name="" id="" value="" />参与办理过程监督</span>
149 
+                        	<span><input type="checkbox" name="" id="" value="" />提供专业咨询服务</span>-->
150 
+                        </span>
151 
+                    </td>
152 
+                </tr>
153 
+                <tr>
154 
+                	<td colspan="3">是否有兴趣参加团队管理和组织建设</td>
155 
+                	<td>
156 
+                        <span class="hobby">
157 
+                        	<input type="radio" name="hobby" id="" value="1" disabled/>是
158 
+                        	<input type="radio" name="hobby" id="" value="0" disabled/>否
159 
+                        </span>
160 
+                    </td>
161 
+                </tr>
162 
+                <tr>
163 
+                    <td colspan="4">
164 
+                    	<span style="float: left;">您的意见和建议：</span>
165 
+                    	<textarea data-adaptheight disabled id="assignedopinion" class="Opinion" rows="4" cols="" ></textarea>
166 
+                    </td>
167 
+                </tr>
168 
+        </table>
169 
+    </div>
170 
+    <div class="foot_btn">
171 
+    	<input type="button" value="打印" class="btn" id="btn-html2canvas"/>
172 
+    </div>
173 
+	<script src="../js/plugins/html2pdf/jspdf.debug.js"></script>
174 
+	<script src="../js/plugins/html2pdf/html2canvas.js"></script>
175 
+	<script>
176 
+		var wid = helper.request.queryString("wid");
177 
+		$(document).ready(function() {
178 
+			if(wid){
179 
+				getdetail();
180 
+			}
181 
+		});
182 
+		function getdetail(){
183 
+			$.ajax({
184 
+				type:"get",
185 
+				url:huayi.config.callcenter_url + "Volunteer/GetDetails",
186 
+				async:true,
187 
+				data:{
188 
+					id:wid,
189 
+					token:$.cookie('token')
190 
+				},
191 
+				success:function(res){
192 
+					var res=JSON.parse(res)
193 
+					if(res.state=='success'){
194 
+						var data=res.rows
195 
+						$('.Name').text(data.Name);
196 
+						$('.Gender').text(getGender(data.Gender));
197 
+						$('.Nation').text(data.Nation);
198 
+						$('.Tel').text(data.Tel);
199 
+						$('.IDcardNo').text(data.IDcardNo);
200 
+						$('.Politicaloutlook').text(data.Politicaloutlook);
201 
+						$('.Specialty').text(data.Specialty);
202 
+						$('.Post').text(data.Post);
203 
+						$('.Placeofresidence').text(data.Placeofresidence);
204 
+						$('.Opinion').text(data.Opinion);
205 
+						if(data.Participatein==1){
206 
+							$('input[value="1"]').attr('checked','true')
207 
+						}else{
208 
+							$('input[value="0"]').attr('checked','true')
209 
+						};
210 
+						var serviceList=res.serviceintentions;
211 
+						$('.service').empty();
212 
+						$.each(serviceList, function(index,item) {
213 
+							var html=''
214 
+							html +='<span><input type="checkbox" name="" id="" value="" '+(item.isdisplay ? 'checked':'')+' disabled/>"'+item.name+'"</span>'
215 
+							$('.service').append(html)
216 
+						});
217 
+					}
218 
+				}
219 
+			});
220 
+		}
221 
+		function getGender(val){
222 
+			if(val==1){
223 
+				return '男'
224 
+			}else if(val==0){
225 
+				return '女'
226 
+			}else{
227 
+				return ''
228 
+			}
229 
+		}
230 
+		//打印
231 
+		document.getElementById("btn-html2canvas").onclick = function(){
232 
+		    // 将 id 为 content 的 div 渲染成 canvas
233 
+		    html2canvas(document.getElementById("main"), {
234 
+
235 
+		        // 渲染完成时调用，获得 canvas
236 
+		        onrendered: function(canvas) {
237 
+
238 
+		            // 从 canvas 提取图片数据
239 
+		            var imgData = canvas.toDataURL('image/jpeg');
240 
+
241 
+		            var doc = new jsPDF("p", "mm", "a4");
242 
+		            //                               |
243 
+		            // |—————————————————————————————|
244 
+		            // A0 841×1189
245 
+		            // A1 594×841
246 
+		            // A2 420×594
247 
+		            // A3 297×420
248 
+		            // A4 210×297
249 
+		            // A5 148×210
250 
+		            // A6 105×148
251 
+		            // A7 74×105
252 
+		            // A8 52×74
253 
+		            // A9 37×52
254 
+		            // A10 26×37
255 
+		            //     |——|———————————————————————————|
256 
+		            //                                 |——|——|
257 
+		            //                                 |     |
258 
+		            doc.addImage(imgData, 'JPEG', 0, 0,210,297);
259 
+
260 
+		            doc.save('志愿者申请.pdf');
261 
+		        }
262 
+		    });
263 
+
264 
+		}
265 
+	</script>
266 
+</body>
267 
+
268 
+</html>

+ 1 - 1
WebUI/CallCenterWeb.UI/Script/Common/huayi.config.js
ファイルの表示 

@@ -21,7 +21,7 @@ huayi.config = {
21 21 
         "<a class='xg' onclick='sh(data)' title='收回'>收回</a>", //收回
22 22 
         "<a class='xg' onclick='cs(data)' title='查收'>查收</a>", //查收
23 23 
         "<a class='xg' onclick='th(data)' title='退回申请'>退回申请</a>", //退回申请
24 
-        "<a class='xg' onclick='bl(data)' title='办理'>办理</a>", //办理
24 
+        "<a class='xg' onclick='bl(data,isProtect)' title='办理'>办理</a>", //办理
25 25 
         "<a class='xg' onclick='ys(data)' title='申请延时'>申请延时</a>", //延时申请
26 26 
         "<a class='xg' onclick='shth(data)' title='退回审核'>退回审核</a>", //退回审核
27 27 
         "<a class='xg' onclick='hf(data)' title='回访'>回访</a>", //回访

+ 160 - 0
WebUI/CallCenterWeb.UI/YeWu/ZYZ.html
ファイルの表示 

@@ -0,0 +1,160 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+	<head>
5 
+		<meta charset="UTF-8">
6 
+		<title>志愿者热线表单</title>
7 
+		<script src="../Script/Common/huayi.load.js"></script>
8 
+		<script src="../Script/Common/huayi.config.js"></script>
9 
+		<link rel="stylesheet" href="../css/init.css" />
10 
+		<script src="../js/laydate/laydate.js"></script>
11 
+		<style>
12 
+
13 
+			.clearFix:after {
14 
+				content: "";
15 
+				display: block;
16 
+				clear: both;
17 
+			}
18 
+			.tj_content {
19 
+				border: 1px solid #e6e6e6;
20 
+				border-radius: 5px;
21 
+			}
22 
+			.detail{
23 
+				cursor: pointer;
24 
+			}
25 
+		</style>
26 
+	</head>
27 
+
28 
+	<body class="gray-bg">
29 
+			<div class="daoHang clearfix">
30 
+				<div class="dhLeft">
31 
+					<sapn>
32 
+						<i class="syIcon"></i>位置：
33 
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
34 
+						<a href="javaScript:;">业务统计</a>&gt;
35 
+						<a class="nowPosition">志愿者申请表</a>
36 
+					</sapn>
37 
+				</div>
38 
+				<div class="dhRight">
39 
+					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>
40 
+				</div>
41 
+			</div>
42 
+		<div class="wrapper wrapper-content">
43 
+			<div class="th-top clearfix">
44 
+	 			<div class="form-inline th-bar clearfix">
45 
+	 				<div class="time-box form-group" >
46 
+	 					关键词：
47 
+						<input class="form-control" type="text" id="keyid" placeholder="请输入关键词">
48 
+					</div>
49 
+	 				<div class="form-group tool_bars pull-right">
50 
+						<botton class="btns search">搜索</botton>
51 
+					</div>
52 
+	 			</div>
53 
+	 	    </div>
54 
+			<div style="padding: 10px;" class="tj_content clearFix">
55 
+				<div style="padding: 10px;" class="tj_content clearFix">
56 
+					<div>
57 
+						<div style="width: 100%;padding: 10px;">
58 
+							<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
59 
+								<thead>
60 
+									<tr>
61 
+										<th data-checkbox="true"></th>
62 
+										<th data-field="Name" data-align="center">姓名</th>
63 
+										<th data-field="Gender" data-formatter="gender" data-align="center">性别</th>
64 
+										<th data-field="Nation" data-align="center">民族</th>
65 
+										<th data-field="Tel" data-align="center">电话</th>
66 
+										<th data-field="IDcardNo" data-align="center">身份证号码</th>
67 
+										<th data-field="Politicaloutlook" data-align="center" >政治面貌</th>
68 
+										<th data-field="Specialty" data-align="center" >专业特长</th>
69 
+										<th data-field="F_WorkOrderId" data-formatter="Dispose" data-align="center">操作</th>
70 
+									</tr>
71 
+								</thead>
72 
+								<tbody class="list"></tbody>
73 
+							</table>
74 
+						</div>
75 
+					</div>
76 
+				</div>
77 
+			</div>
78 
+		</div>
79 
+		<script>
80 
+			$(document).ready(function() {
81 
+				load();
82 
+				$('.search').click(function(){
83 
+					load()
84 
+				})
85 
+			});
86 
+			//回车搜索
87 
+			$('#keyid').on('keyup',function(e){
88 
+				if(e.keyCode==13){
89 
+					load();
90 
+				}
91 
+			})
92 
+			$("#orderlist").on("click-row.bs.table", function(e, row, ele) {
93 
+				$('.success').removeClass('success'); //去除之前选中的行的，选中样式
94 
+				$(ele).addClass('success'); //添加当前选中的 success样式用于区别
95 
+			});
96 
+			//获取查询信息
97 
+			function load() {
98 
+				//先销毁表格
99 
+				$('#orderlist').bootstrapTable('destroy');
100 
+				//初始化表格,动态从服务器加载数据
101 
+				$("#orderlist").bootstrapTable({
102 
+					method: "get", //使用get请求到服务器获取数据
103 
+					url: huayi.config.callcenter_url + "Volunteer/GetList", //获取数据的Servlet地址
104 
+					contentType: "application/x-www-form-urlencoded",
105 
+					striped: true, //表格显示条纹
106 
+					pagination: true, //启动分页
107 
+					pageSize: 10, //每页显示的记录数
108 
+					pageNumber: 1, //当前第几页
109 
+					pageList: [10, 20, 50, 100], //记录数可选列表
110 
+					search: false, //是否启用查询
111 
+					showColumns: false, //显示下拉框勾选要显示的列
112 
+					showRefresh: false, //显示刷新按钮
113 
+					sidePagination: "server", //表示服务端请求
114 
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
115 
+					//设置为limit可以获取limit, offset, search, sort, order
116 
+					queryParamsType: "undefined",
117 
+					queryParams: function queryParams(params) { //设置查询参数
118 
+						var param = {
119 
+							pageindex: params.pageNumber,
120 
+							pagesize: params.pageSize,
121 
+							keywords: $("#keyid").val().trim(), //=关键词id
122 
+							token: $.cookie("token")
123 
+						};
124 
+						return param;
125 
+					},
126 
+					onLoadSuccess: function(data) { //加载成功时执行
127 
+						//						layer.msg("加载成功");
128 
+						//console.log(data);
129 
+					},
130 
+					onLoadError: function() { //加载失败时执行
131 
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
132 
+					}
133 
+				});
134 
+			}
135 
+			//性别
136 
+			function gender(val){
137 
+				if(val==1){
138 
+					return '男'
139 
+				}else if(val==0){
140 
+					return '女'
141 
+				}else{
142 
+					return '-'
143 
+				}
144 
+			}
145 
+			//操作
146 
+			function Dispose(val,row) {
147 
+				return '<div><a onclick="detail(' + row.ID+ ')">查看</a></div>'
148 
+			}
149 
+			function detail(id){
150 
+				layer.open({
151 
+					type: 2,
152 
+					content: "../CommonHtml/personalInfo.html?wid="+id, //iframe的url，no代表不显示滚动条
153 
+					title: '个人信息',
154 
+					area: ['87%', '80%'], //宽高
155 
+				});
156 
+			}
157 
+		</script>
158 
+	</body>
159 
+
160 
+</html>

+ 43 - 0
WebUI/CallCenterWeb.UI/index.html
ファイルの表示 

@@ -941,6 +941,37 @@
941 941 
         .navbar-top-links .Turn110.active {
942 942 
             background: url(img/110y.png) no-repeat 0 0 !important;
943 943 
         }
944 
+        .Reminder{
945 
+        	display: none;
946 
+		    position: fixed;
947 
+		    bottom: 50px;
948 
+		    right: 80px;
949 
+		    background: #fff;
950 
+		    border: 1px solid #e7eaec;
951 
+		    width: 350px;
952 
+		    height: 200px;
953 
+		    border-radius: 4px;
954 
+		    box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
955 
+		    z-index: 1001;
956 
+        }
957 
+        .Reminder .heading {
958 
+        	background: #2f4050;
959 
+		    padding: 8px 15px;
960 
+		    font-weight: 700;
961 
+		    color: #fff;
962 
+        }
963 
+        .Reminder_btns{
964 
+        	position: absolute;
965 
+        	bottom: 5px;
966 
+        	left: 50%;
967 
+        	transform: translateX(-50%);
968 
+
969 
+        }
970 
+        .Reminder_content{
971 
+        	white-space:normal;
972 
+        	word-break:break-all;
973 
+        	overflow:hidden;
974 
+        }
944 975 
     </style>
945 976 
 </head>
946 977 
 
@@ -1906,6 +1937,18 @@
1906 1937 
         </a>
1907 1938 
     </div>
1908 1939 
     <!--右下角消息弹出结束-->
1940 
+    <!--催单提示开始-->
1941 
+    <div class="Reminder fadeInRight animated">
1942 
+
1943 
+        <div class="heading">催单消息</div>
1944 
+        <div class="Reminder_content">
1945 
+        </div>
1946 
+        <div class="Reminder_btns">
1947 
+        	<button class="btns" style="width: 65px;height: 35px;">确定</button>
1948 
+        </div>
1949 
+        <input type="hidden" name="" id="infoid" value="" />
1950 
+    </div>
1951 
+    <!--催单提示结束-->
1909 1952 
     <div class="open_chat">
1910 1953 
     	<div class="before"></div>
1911 1954 
     	<i class="iconfont">&#xe669;</i>

+ 42 - 1
WebUI/CallCenterWeb.UI/js/index.js
ファイルの表示 

@@ -4,7 +4,8 @@ $(document).ready(function () {
4 4 
     if ($.cookie("token") == null) {
5 5 
         window.location.href = "login.html";
6 6 
     }
7 
-
7 
+	//获取催单内容
8 
+	getReminder();
8 9 
     //来电弹屏
9 10 
     laydate.skin('blue');
10 11 
 
@@ -1445,6 +1446,23 @@ function setReminder(val, row) {
1445 1446 
         return '';
1446 1447 
     }
1447 1448 
 }
1449 
+//催单消息提醒
1450 
+$('.Reminder_btns').click('.btns',function(){
1451 
+	$.ajax({
1452 
+		type:"get",
1453 
+		url:huayi.config.callcenter_url + "InternalMessages/UpdateInfo",
1454 
+		async:true,
1455 
+		data:{
1456 
+			infoid:$('#infoid').val(),
1457 
+			token: $.cookie("token")
1458 
+		},
1459 
+		success:function(){
1460 
+			debugger
1461 
+			$('#Reminder').hide();
1462 
+			getReminder();
1463 
+		}
1464 
+	});
1465 
+})
1448 1466 
 function reminder(str) {
1449 1467 
     layer.open({
1450 1468 
         type: 2,
 
@@ -1714,3 +1732,26 @@ function resply(a) {
1714 1732 
         area: ['50%', '60%'], //宽高
1715 1733 
     });
1716 1734 
 }
1735 
+//获取催单内容
1736 
+function getReminder(){
1737 
+	$.ajax({
1738 
+		type:"get",
1739 
+		url:huayi.config.callcenter_url + "InternalMessages/GetMsg",
1740 
+		async:true,
1741 
+		data:{
1742 
+			smstype:4,
1743 
+			token: $.cookie("token"),
1744 
+		},
1745 
+		success:function(res){
1746 
+			var res=JSON.parse(res);
1747 
+			if(res.data.length>0){
1748 
+				$('#infoid').val(res.data[0].SMS_Id)
1749 
+				$('.Reminder').show();
1750 
+				$('.Reminder_content').text(res.data[0].SMS_Content);
1751 
+			}else{
1752 
+				$('.Reminder').hide();
1753 
+			}
1754 
+		}
1755 
+	});
1756 
+}
1757 
+setInterval(getReminder,10000)