Accueil Explorer Aide
S'inscrire Connexion
zhoufan
/
12345_Base_Web
Suivre 1
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 889 Publications 0 Wiki
Parcourir la Source

超期工单列表

zhangshuangnan il y a 8 ans
Parent
03c3f0b5e4
commit
583489bf04
1 fichiers modifiés avec 977 ajouts et 0 suppressions
Vue séparée Afficher les stats Diff
  1. 977 0
      WebUI/CallCenterWeb.UI/Appeal/expiredWorkOrders.html

+ 977 - 0
WebUI/CallCenterWeb.UI/Appeal/expiredWorkOrders.html
Voir le fichier 

@@ -0,0 +1,977 @@
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="../js/zTree/zTreeStyle.css" />
10 
+		<link rel="stylesheet" href="../css/init.css" />
11 
+		<style>
12 
+			#sqzx th {
13 
+				padding: 5px 8px 5px 0;
14 
+				text-align: right;
15 
+			}
16 
+
17 
+			.select {
18 
+				width: 150px;
19 
+				background-color: #FFF;
20 
+				background-image: none;
21 
+				border: 1px solid #ccc;
22 
+				border-radius: 1px;
23 
+				color: inherit;
24 
+				padding: 6px 12px;
25 
+			}
26 
+
27 
+			#sex {
28 
+				background-color: #FFF;
29 
+				background-image: none;
30 
+				border: 1px solid #ccc;
31 
+				border-radius: 1px;
32 
+				color: inherit;
33 
+				padding: 6px 12px;
34 
+			}
35 
+
36 
+			input {
37 
+				background-color: #FFF;
38 
+				background-image: none;
39 
+				border: 1px solid #ccc;
40 
+				border-radius: 1px;
41 
+				color: inherit;
42 
+				padding: 6px 12px;
43 
+			}
44 
+
45 
+			#sqzx td {
46 
+				padding: 6px 0 5px 10px;
47 
+			}
48 
+
49 
+			.lxr ul li {
50 
+				float: left;
51 
+				list-style: none;
52 
+				width: 30%;
53 
+				margin-bottom: 5px;
54 
+				padding-top: 10px;
55 
+			}
56 
+
57 
+			.clearFix:after {
58 
+				content: "";
59 
+				display: block;
60 
+				clear: both;
61 
+			}
62 
+
63 
+			.form-group {
64 
+				padding-left: 40px;
65 
+				margin-bottom: 0;
66 
+			}
67 
+
68 
+			textarea {
69 
+				height: 70px;
70 
+				border: 1px solid #ccc;
71 
+				border-radius: 1px;
72 
+				width: 50%;
73 
+				resize: none;
74 
+			}
75 
+
76 
+			.textarea_box {
77 
+				margin-top: 10px;
78 
+			}
79 
+
80 
+			.box_content {
81 
+				border-bottom: 1px solid #ccc;
82 
+			}
83 
+
84 
+			.tj_content {
85 
+				border: 1px solid #e6e6e6;
86 
+				border-radius: 5px;
87 
+			}
88 
+
89 
+			.t-shade {
90 
+				position: fixed;
91 
+				top: 0;
92 
+				left: 0;
93 
+				width: 100%;
94 
+				background: rgba(0, 0, 0, 0.48);
95 
+				z-index: 10004;
96 
+				display: none;
97 
+			}
98 
+
99 
+			.lyxz .shade_k {
100 
+				z-index: 10005;
101 
+				width: 60%;
102 
+				margin: 10% auto;
103 
+				background-color: #fff;
104 
+				box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
105 
+				border-radius: 5px;
106 
+			}
107 
+
108 
+			.shade_title {
109 
+				padding: 0 80px 0 20px;
110 
+				height: 42px;
111 
+				line-height: 42px;
112 
+				border-bottom: 1px solid #eee;
113 
+				font-size: 16px;
114 
+				color: #FFFFFF;
115 
+				overflow: hidden;
116 
+				background-color: #00a1cb;
117 
+				border-radius: 2px 2px 0 0;
118 
+				position: relative;
119 
+				border-top-left-radius: 5px;
120 
+				border-top-right-radius: 5px;
121 
+			}
122 
+
123 
+			.cx {
124 
+				display: block;
125 
+			}
126 
+
127 
+			.setwin {
128 
+				position: absolute;
129 
+				right: 15px;
130 
+				top: 5px;
131 
+				font-size: 0;
132 
+				line-height: initial;
133 
+			}
134 
+
135 
+			.setwin a {
136 
+				position: relative;
137 
+				width: 16px;
138 
+				height: 16px;
139 
+				font-size: 20px;
140 
+				color: #fff;
141 
+			}
142 
+
143 
+			.xg i {
144 
+				font-size: 16px;
145 
+			}
146 
+
147 
+			.hidens {
148 
+				display: none;
149 
+			}
150 
+			.Min-width{
151 
+				width: 150px;
152 
+			}
153 
+			.hidens {
154 
+				display: none;
155 
+			}
156 
+				.inpBox {
157 
+				border: 1px solid #a9a9a9;
158 
+				height: 27px;
159 
+				width: 220px;
160 
+				display: inline-block;
161 
+				position: relative;
162 
+				vertical-align: middle;
163 
+			}
164 
+
165 
+			.addTree {
166 
+				background: #fff;
167 
+				position: absolute;
168 
+				width: 100%;
169 
+				border: 1px solid darkgrey;
170 
+				right: 0;
171 
+				top: 26px;
172 
+				display: none;
173 
+				z-index: 222;
174 
+			}
175 
+
176 
+			.xl {
177 
+				display: inline-block;
178 
+				background: url(../../img/dropDown.png) no-repeat;
179 
+				height: 100%;
180 
+				background-position: center center;
181 
+				width: 20px;
182 
+				position: absolute;
183 
+				right: 0;
184 
+				top: 0px;
185 
+				/* background-color: #f7bc8b; */
186 
+				cursor: pointer;
187 
+			}
188 
+
189 
+			.ztree li span {
190 
+				border: none;
191 
+				padding: 0;
192 
+			}
193 
+
194 
+			.inps {
195 
+				width: 217px;
196 
+				height: 24px;
197 
+				outline: none;
198 
+				border: 0;
199 
+				border-image-width: 0;
200 
+				padding: 0;
201 
+				padding-left: 3px;
202 
+			}
203 
+
204 
+			.xl {
205 
+				display: inline-block;
206 
+				background: url(../img/dropDown.png) no-repeat;
207 
+				height: 100%;
208 
+				background-position: center center;
209 
+				width: 20px;
210 
+				position: absolute;
211 
+				right: 0;
212 
+				top: 0px;
213 
+				/* background-color: #f7bc8b; */
214 
+				cursor: pointer;
215 
+			}
216 
+			.Cleans{
217 
+				display: inline-block;
218 
+				width: 20px;
219 
+				position: absolute;
220 
+				right: 21px;
221 
+				top: 5px;
222 
+				display: none;
223 
+			}
224 
+		</style>
225 
+	</head>
226 
+
227 
+	<body class="gray-bg">
228 
+		<div class="wrapper wrapper-content animated fadeInRight">
229 
+			<div class="daoHang clearfix">
230 
+				<div class="dhLeft">
231 
+					<sapn>
232 
+						<i class="syIcon"></i>位置：
233 
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
234 
+						<a href="javaScript:;">工单处理</a>&gt;
235 
+						<a class="nowPosition">超期工单列表</a>
236 
+					</sapn>
237 
+				</div>
238 
+				<div class="dhRight">
239 
+					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>
240 
+				</div>
241 
+			</div>
242 
+			<div style="padding: 10px;" class="tj_content clearFix">
243 
+				<div style="padding: 10px;" class="tj_content clearFix">
244 
+					<div>
245 
+						<span>【搜索信息】</span>
246 
+						<div class="box_content">
247 
+							<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
248 
+								<tr>
249 
+									<!--<th>诉求标题：</th>
250 
+									<td>
251 
+										<input type="text" placeholder="输入关键字" id="key" class="Min-width" />
252 
+									</td>-->
253 
+									<th>工单号：</th>
254 
+									<td>
255 
+										<input type="text" placeholder="输入工单号" id="wids" class="Min-width" />
256 
+									</td>
257 
+									<th>时间：</th>
258 
+									<td>
259 
+										<input type="text" id="starttime" class="laydate-icon Min-width" style="height: 32px;" />&nbsp;——&nbsp;<input type="text" id="endtime" class="laydate-icon Min-width" style="height: 32px;" />
260 
+									</td>
261 
+
262 
+									<th>主办单位:</th>
263 
+									<td>
264 
+										<div class="inpBox">
265 
+											<input type="text" class="inps" />
266 
+											<i class="Cleans  fa fa-close"></i>
267 
+											<i class="xl xl_one"></i>
268 
+											<div class="addTree xlAdd">
269 
+												<ul id="addTreeDemo" class="ztree">
270 
+
271 
+												</ul>
272 
+											</div>
273 
+										</div>
274 
+									</td>
275 
+								</tr>
276 
+								<tr>
277 
+									<th>工单状态：</th>
278 
+									<td>
279 
+										<select name="" id="state" class="select">
280 
+											<option selected="selected" value="">请选择</option>
281 
+											<option value="2">待查收</option>
282 
+											<option value="4">办理中</option>
283 
+											<option value="8">重办中</option>
284 
+										</select>
285 
+									</td>
286 
+									<th>工单来源：</th>
287 
+									<td>
288 
+										<select class="select_" id="source">
289 
+										</select>
290 
+									</td>
291 
+									<th>主题词：</th>
292 
+									<td>
293 
+										<select id="keyid" name="" class="select"></select>
294 
+									</td>
295 
+								</tr>
296 
+								<tr>
297 
+<!--
298 
+									<th>投诉电话：</th>
299 
+									<td>
300 
+										<input type="text" id="tel"  class="Min-width" />
301 
+									</td>
302 
+									<th>投诉人：</th>
303 
+									<td>
304 
+										<input type="text" id="name"  class="Min-width"/>
305 
+									</td>-->
306 
+									<th>坐席：</th>
307 
+									<td>
308 
+										<select id="ZX" name="" class="select"></select>
309 
+									</td>
310 
+
311 
+									<th>类型:</th>
312 
+									<td>
313 
+										<select class="select_" id="type">
314 
+										</select>
315 
+									</td>
316 
+									<th></th>
317 
+									<td style="text-align: center;">
318 
+										<botton class="btns Seach">搜索</botton>
319 
+										<!--<botton class="btns ">导出</botton>-->
320 
+										</td>
321 
+								</tr>
322 
+							</table>
323 
+						</div>
324 
+					</div>
325 
+					<div>
326 
+						<div style="width: 100%;padding: 10px;">
327 
+							<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
328 
+								<thead>
329 
+									<tr>
330 
+										<!--<th data-checkbox="true"></th>-->
331 
+										<th data-field="F_WorkOrderId" data-align="center">工单单号</th>
332 
+										<th data-field="F_ComTitle" data-formatter="GetCont" data-align="center">诉求标题</th>
333 
+										<th data-field="DeptName" data-align="center">主办单位</th>
334 
+										<th data-field="OtherDeptName" data-align="center">协办单位</th>
335 
+										<th data-field="UserName" data-align="center">受理人</th>
336 
+										<th data-field="F_WorkState" data-align="center" data-formatter="States">办理状态</th>
337 
+										<th data-field="FilePath" data-formatter="setCode" data-align="center">录音</th>
338 
+										<th data-field="OverState" data-formatter="OverTime" data-align="center">时限</th>
339 
+										<!--<th data-field="LimitTime" data-formatter="BanTime" data-align="center">办理时限</th>-->
340 
+										<th data-formatter="Dispose" data-align="center">操作</th>
341 
+									</tr>
342 
+								</thead>
343 
+								<tbody class="list"></tbody>
344 
+							</table>
345 
+						</div>
346 
+					</div>
347 
+				</div>
348 
+			</div>
349 
+
350 
+			<!--下载框-->
351 
+			<div class="t-shade lyxz">
352 
+				<div class="shade_k">
353 
+					<div class="shade_title">
354 
+						<span>录音播放与下载<srong class="cknum"></srong></span>
355 
+						<span class="setwin gbly"><a>x</a></span>
356 
+					</div>
357 
+					<div class="shade_content">
358 
+						<div class="Ly_box audiojs">
359 
+						</div>
360 
+					</div>
361 
+				</div>
362 
+			</div>
363 
+			<input type="hidden" id="PID" />
364 
+			<input type="hidden" id="Dpment" /
365 
+		</div>
366 
+		<script src="../css/laydate/laydate.js"></script>
367 
+		<script src="../My97DatePicker/WdatePicker.js"></script>
368 
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
369 
+		<script>
370 
+
371 
+			$(document).ready(function() {
372 
+				load();
373 
+				LY($("#source"));
374 
+				LB($("#type"));
375 
+				ZT($("#keyid"));
376 
+				ZX($("#ZX"));
377 
+				tree();
378 
+				laydate.skin('blue');
379 
+
380 
+				laydate({
381 
+					elem: '#starttime',
382 
+					event: 'focus'
383 
+				});
384 
+
385 
+				laydate({
386 
+					elem: '#endtime',
387 
+					event: 'focus'
388 
+				});
389 
+				///搜素
390 
+				$(".Seach").click(function() {
391 
+					load();
392 
+				})
393 
+				//所属分类下拉
394 
+				$('.inps').focus(function() {
395 
+					$('.xlAdd').css('display', 'block')
396 
+				})
397 
+				$('.xl').click(function() {
398 
+					if($('.xlAdd').css('display') == 'block') {
399 
+						$('.xlAdd').css('display', 'none')
400 
+					} else {
401 
+						$('.xlAdd').css('display', 'block')
402 
+					}
403 
+				})
404 
+				$('.addTree').mouseleave(function() {
405 
+					$(this).css('display', 'none')
406 
+				})
407 
+				 $(".Cleans ").click(function(){
408 
+               	$('.inps').val("");
409 
+               	$("#PID").val("");
410 
+               	$("#Dpment").val("");
411 
+               })
412 
+
413 
+			});
414 
+			//关闭录音弹出
415 
+			$(".gbly").click(function() {
416 
+				$(".lyxz").removeClass("cx");
417 
+				$('audio')[0].pause();
418 
+			});
419 
+
420 
+			$("#orderlist").on("click-row.bs.table", function(e, row, ele) {
421 
+				$('.success').removeClass('success'); //去除之前选中的行的，选中样式
422 
+				$(ele).addClass('success'); //添加当前选中的 success样式用于区别
423 
+			});
424 
+
425 
+			//获取查询信息
426 
+			function load() {
427 
+				//先销毁表格
428 
+				$('#orderlist').bootstrapTable('destroy');
429 
+				//初始化表格,动态从服务器加载数据
430 
+				$("#orderlist").bootstrapTable({
431 
+					method: "get", //使用get请求到服务器获取数据
432 
+					url: huayi.config.callcenter_url + "WorkOrder/GetTimeOutList", //获取数据的Servlet地址
433 
+
434 
+					contentType: "application/x-www-form-urlencoded",
435 
+					striped: true, //表格显示条纹
436 
+					pagination: true, //启动分页
437 
+					pageSize: 10, //每页显示的记录数
438 
+					pageNumber: 1, //当前第几页
439 
+					pageList: [10, 20, 50, 100], //记录数可选列表
440 
+					search: false, //是否启用查询
441 
+					showColumns: false, //显示下拉框勾选要显示的列
442 
+					showRefresh: false, //显示刷新按钮
443 
+					sidePagination: "server", //表示服务端请求
444 
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
445 
+					//设置为limit可以获取limit, offset, search, sort, order
446 
+					queryParamsType: "undefined",
447 
+					queryParams: function queryParams(params) { //设置查询参数
448 
+						var param = {
449 
+							page: params.pageNumber,
450 
+							pagesize: params.pageSize,
451 
+							workid: $("#wids").val(),
452 
+							state: $("#state").val(), //=工单状态
453 
+							type: $("#type").val(), //=工单类型
454 
+							bigtype: $("#bigtype").val(), //=大类别
455 
+							smalltype: $("#smalltype").val(), //=小类别
456 
+//							key: $("#key").val(), //=关键字
457 
+//							tel: $("#tel").val(), //=客户电话
458 
+//							name: $("#name").val(), //=客户名称
459 
+							usercode: $("#ZX").val(), //=坐席工号
460 
+							keyid: $("#keyid").val(), //=关键词id
461 
+							source: $("#source").val(), //=来源&
462 
+							starttime: $("#starttime").val(), //=开始时间
463 
+							endtime: $("#endtime").val(), //=结束时间
464 
+							deptid:$("#PID").val(),
465 
+							type:$("#type").val(),
466 
+							tab: 1, //待处理
467 
+							token: $.cookie("token")
468 
+						};
469 
+						return param;
470 
+					},
471 
+					onLoadSuccess: function(data) { //加载成功时执行
472 
+						//						layer.msg("加载成功");
473 
+						//console.log(data);
474 
+					},
475 
+					onLoadError: function() { //加载失败时执行
476 
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
477 
+					}
478 
+				});
479 
+			}
480 
+			//状态
481 
+			function States(val,row) {
482 
+				var html = '';
483 
+				switch(val + '') {
484 
+					case '0':
485 
+						html = '新工单';
486 
+						if(row.F_IsReturn==1){
487 
+							html = '新工单（回退）';
488 
+						}
489 
+						break;
490 
+					case '1':
491 
+						html = '待交办';
492 
+						break;
493 
+					case '2':
494 
+						html = '待查收';
495 
+						break;
496 
+					case '3':
497 
+						html = '退回审核中';
498 
+						break;
499 
+					case '4':
500 
+						html = '办理中';
501 
+						break;
502 
+					case '5':
503 
+						html = '延时审核';
504 
+						break;
505 
+					case '6':
506 
+						html = '已办理';
507 
+						break;
508 
+					case '7':
509 
+						html = '已回访';
510 
+						break;
511 
+					case '8':
512 
+						html = '重办中';
513 
+						break;
514 
+					case '9':
515 
+						html = '已结案';
516 
+						break;
517 
+				}
518 
+				return html;
519 
+
520 
+			}
521 
+			//时限
522 
+			function OverTime(val,row){
523 
+				if(val==1){
524 
+					return '<div class="" style="cursor: pointer;">' +
525 
+						'<span class="Greens">'+row.GapTime+'</span>'+
526 
+						'</div>';
527 
+				}else if(val==2){
528 
+					return '<div class="" style="cursor: pointer;">' +
529 
+						'<span class="Yellows">'+row.GapTime+'</span>'+
530 
+						'</div>';
531 
+				}else if(val==3){
532 
+					return '<div class="" style="cursor: pointer;">' +
533 
+						'<span class="Reds">'+row.GapTime+'</span>'+
534 
+						'</div>';
535 
+				}
536 
+			}
537 
+			//办理时限
538 
+			function BanTime(val){
539 
+				if(val){
540 
+					var time=val.substring(0,val.indexOf(' '));
541 
+				return '<div class="" style="cursor: pointer;">' +
542 
+						'<span>'+time+'</span>'+
543 
+						'</div>';
544 
+				}
545 
+
546 
+			}
547 
+			//音频
548 
+			function setCode(val) {
549 
+				if(val) {
550 
+					return '<div class="imgs" style="cursor: pointer;">' +
551 
+						'<img src="../img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
552 
+						'</div>';
553 
+				} else {
554 
+					return '';
555 
+				}
556 
+			}
557 
+			//录音
558 
+			function ck(val) {
559 
+				var path = $(val).attr("item");
560 
+				$(".lyxz").addClass("cx");
561 
+				$(".Ly_box").empty();
562 
+				$(".down").attr("href", path);
563 
+				$('<audio style="width: 100%;"class=" " src="' + path + '"  controls="controls" ></audio>').appendTo(".Ly_box");
564 
+				$('.shade_k').css({
565 
+					'top' : $(document).scrollTop() + ($(window).height() - $('.shade_k').height() - 289)/2,
566 
+					'left' : ($(window).width()-$('.shade_k').width())/2,
567 
+					'position' : 'absolute'
568 
+				});
569 
+			}
570 
+
571 
+			function GetCont(val) {
572 
+				if(val) {
573 
+					var str = '<div '
574 
+					if(val.length > 10) {
575 
+						str = str + ' title="' + val + '" ';
576 
+						val = val.substr(0, 10) + "...";
577 
+					}
578 
+					return str + '>' + val + '</div>';
579 
+				} else {
580 
+					return '';
581 
+				}
582 
+			}
583 
+			//操作
584 
+			function Dispose(val, row) {
585 
+				var Rows = row.Buttons;
586 
+				var html = '<a class="xg" onclick="ckxq('+ row.F_WorkOrderId+')" title="查看">查看</a>';
587 
+				return html;
588 
+			}
589 
+
590 
+			//查看详情
591 
+			function ckxq(str) {
592 
+				layer.open({
593 
+					type: 2,
594 
+					content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
595 
+					title: '工单详情',
596 
+					area: ['85%', '80%'], //宽高
597 
+				});
598 
+			}
599 
+			//编辑
600 
+			function bj(str) {
601 
+				layer.open({
602 
+					type: 2,
603 
+					content: "../CommonHtml/AddAppeal.html?wid=" + str, //iframe的url，no代表不显示滚动条
604 
+					title: '编辑工单',
605 
+					area: ['96%', '85%'], //宽高
606 
+				});
607 
+			}
608 
+			//删除
609 
+			function move(str) {
610 
+				layer.confirm('确定删除工单？', {
611 
+					btn: ['是', '否'] //按钮
612 
+				}, function() {
613 
+					$.post(huayi.config.callcenter_url + "WorkOrder/DelWorkOrder", {
614 
+						ids: str,
615 
+						token: $.cookie("token")
616 
+					}, function(result) {
617 
+						result = JSON.parse(result);
618 
+						if(result.state.toLowerCase() == "success") {
619 
+							layer.msg("删除成功");
620 
+							load();
621 
+						}
622 
+					})
623 
+				});
624 
+			}
625 
+			//提交
626 
+			function tj(str) {
627 
+				layer.confirm('确定要提交工单么？', {
628 
+					btn: ['确定', '取消'] //按钮
629 
+				}, function() {
630 
+					//请求后台数据
631 
+					/*发送请求*/
632 
+					$.post(huayi.config.callcenter_url + "WorkOrder/SubmitWorkOrder", {
633 
+						ids: str,
634 
+						token: $.cookie("token")
635 
+					}, function(result) {
636 
+						result = JSON.parse(result);
637 
+						if(result.state.toLowerCase() == "success") {
638 
+							layer.msg("提交成功");
639 
+							load();
640 
+						}
641 
+					})
642 
+				});
643 
+			}
644 
+			//交办
645 
+			function jb(str) {
646 
+				layer.open({
647 
+					type: 2,
648 
+					content: "../CommonHtml/jiaoban.html?wid=" + str, //iframe的url，no代表不显示滚动条
649 
+					title: '工单交办',
650 
+					area: ['87%', '80%'], //宽高
651 
+				});
652 
+			}
653 
+			//领导批示
654 
+			function lader(str) {
655 
+				layer.open({
656 
+					type: 2,
657 
+					content: "../CommonHtml/Leader.html?wid=" + str, //iframe的url，no代表不显示滚动条
658 
+					title: '领导批示',
659 
+					area: ['60%', '80%'], //宽高
660 
+				});
661 
+			}
662 
+			//市长批示
663 
+			function city(str) {
664 
+				layer.open({
665 
+					type: 2,
666 
+					content: "../CommonHtml/shizhang.html?wid=" + str, //iframe的url，no代表不显示滚动条
667 
+					title: '领导批示',
668 
+					area: ['60%', '80%'], //宽高
669 
+				});
670 
+			}
671 
+			//办理
672 
+			function bl(str) {
673 
+				layer.open({
674 
+					type: 2,
675 
+					content: "../CommonHtml/banli.html?wid=" + str, //iframe的url，no代表不显示滚动条
676 
+					title: '办理工单',
677 
+					area: ['60%', '80%'], //宽高
678 
+				});
679 
+			}
680 
+			//督办
681 
+
682 
+			function Supervision(str) {
683 
+				layer.open({
684 
+					type: 2,
685 
+					content: "../CommonHtml/Supervision_.html?wid=" + str + '&type=1', //iframe的url，no代表不显示滚动条
686 
+					title: '督办',
687 
+					area: ['60%', '80%'], //宽高
688 
+				});
689 
+			}
690 
+
691 
+			//督查
692 
+			function Supervision_(str) {
693 
+				layer.open({
694 
+					type: 2,
695 
+					content: "../CommonHtml/Supervision_.html?wid=" + str + '&type=2', //iframe的url，no代表不显示滚动条
696 
+					title: '监察',
697 
+					area: ['60%', '80%'], //宽高
698 
+				});
699 
+			}
700 
+			//强制结案
701 
+			function StrongLawsuit(str) {
702 
+				layer.open({
703 
+					type: 2,
704 
+					content: "../CommonHtml/StrongLawsuit.html?wid=" + str, //iframe的url，no代表不显示滚动条
705 
+					title: '强制结案',
706 
+					area: ['60%', '80%'], //宽高
707 
+				});
708 
+			}
709 
+			 //回退BackDtail
710 
+              function BackDtail(str) {
711 
+				layer.open({
712 
+					type: 2,
713 
+					content: "../CommonHtml/BackDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
714 
+					title: '工单回退',
715 
+					area: ['60%', '80%'], //宽高
716 
+				});
717 
+			}
718 
+			//查收
719 
+			function cs(str) {
720 
+				layer.confirm('确定要查收？', {
721 
+					btn: ['是', '否'] //按钮
722 
+				}, function() {
723 
+					$.post(huayi.config.callcenter_url + "WorkOrder/ReceiveWorkOrder", {
724 
+						workorderid: str,
725 
+						token: $.cookie("token")
726 
+					}, function(result) {
727 
+						result = JSON.parse(result);
728 
+						if(result.state.toLowerCase() == "success") {
729 
+							layer.msg("查收成功");
730 
+							load();
731 
+						}
732 
+					})
733 
+				});
734 
+			}
735 
+			//收回
736 
+			function sh(str) {
737 
+				layer.confirm('确定要回收？', {
738 
+					btn: ['是', '否'] //按钮
739 
+				}, function() {
740 
+					$.post(huayi.config.callcenter_url + "WorkOrder/TakeBackWorkOrder", {
741 
+						workorderid: str,
742 
+						token: $.cookie("token")
743 
+					}, function(result) {
744 
+						result = JSON.parse(result);
745 
+						if(result.state.toLowerCase() == "success") {
746 
+							layer.msg("回收");
747 
+							load();
748 
+						}
749 
+					})
750 
+				});
751 
+			}
752 
+			//强制回收
753 
+			function recycles() {
754 
+				layer.confirm('确定要强制退回吗？', {
755 
+					btn: ['是', '否'] //按钮
756 
+				});
757 
+			}
758 
+			//退回申请
759 
+			function th(str) {
760 
+				layer.open({
761 
+					type: 2,
762 
+					content: "../CommonHtml/tuihuisq.html?wid=" + str, //iframe的url，no代表不显示滚动条
763 
+					title: '申请退回工单',
764 
+					area: ['60%', '80%'], //宽高
765 
+				});
766 
+			}
767 
+			//审核退回申请
768 
+			function shth(str) {
769 
+				layer.open({
770 
+					type: 2,
771 
+					content: "../CommonHtml/shth.html?wid=" + str, //iframe的url，no代表不显示滚动条
772 
+					title: '审核退回申请',
773 
+					area: ['60%', '80%'], //宽高
774 
+				});
775 
+			}
776 
+			//办理
777 
+			//			function th(str) {
778 
+			//				layer.open({
779 
+			//					type: 2,
780 
+			//					content: "../CommonHtml/tuihuisq.html?wid=" + str, //iframe的url，no代表不显示滚动条
781 
+			//					title: '办理工单',
782 
+			//					area: ['35%', '30%'], //宽高
783 
+			//				});
784 
+			//			}
785 
+			//申请延时
786 
+			function ys(str) {
787 
+				layer.open({
788 
+					type: 2,
789 
+					content: "../CommonHtml/Timesq.html?wid=" + str, //iframe的url，no代表不显示滚动条
790 
+					title: '申请延时',
791 
+					area: ['60%', '80%'], //宽高
792 
+				});
793 
+			}
794 
+			//审核申请延时
795 
+			function shys(str) {
796 
+				layer.open({
797 
+					type: 2,
798 
+					content: "../CommonHtml/shtime.html?wid=" + str, //iframe的url，no代表不显示滚动条
799 
+					title: '审核延时申请',
800 
+					area: ['60%', '80%'], //宽高
801 
+				});
802 
+			}
803 
+			//诉求回访
804 
+			function hf(str) {
805 
+				layer.open({
806 
+					type: 2,
807 
+					content: "../CommonHtml/Back.html?wid=" + str, //iframe的url，no代表不显示滚动条
808 
+					title: '工单回访',
809 
+					area: ['60%', '80%'], //宽高
810 
+				});
811 
+			}
812 
+			//重办工单
813 
+			function cb(str) {
814 
+				layer.open({
815 
+					type: 2,
816 
+					content: "../CommonHtml/Cb.html?wid=" + str, //iframe的url，no代表不显示滚动条
817 
+					title: '重办工单',
818 
+					area: ['60%', '80%'], //宽高
819 
+				});
820 
+			}
821 
+			//结案
822 
+			function Lawsuit(str) {
823 
+				layer.open({
824 
+					type: 2,
825 
+					content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
826 
+					title: '诉求单结案',
827 
+					area: ['60%', '80%'], //宽高
828 
+				});
829 
+			}
830 
+
831 
+			$('.Appeal').click(function() {
832 
+				layer.open({
833 
+					type: 2,
834 
+					content: "../CommonHtml/AddAppeal.html?wid=", //iframe的url，no代表不显示滚动条
835 
+					title: '新增诉求',
836 
+					area: ['85%', '80%'], //宽高
837 
+				});
838 
+			})
839 
+			//上传文件
840 
+			function upload() {
841 
+				if(document.getElementById("upFile").files.length > 0) {
842 
+					var formData = new FormData();
843 
+					formData.append("upFile", document.getElementById("upFile").files[0]);
844 
+					formData.append("token", $.cookie("token"));
845 
+					$.ajax({
846 
+						url: huayi.config.callcenter_url + "/WorkOrder/UploadFile",
847 
+						type: "POST",
848 
+						data: formData,
849 
+						/**
850 
+						 *必须false才会自动加上正确的Content-Type
851 
+						 */
852 
+						contentType: false,
853 
+						/**
854 
+						 * 必须false才会避开jQuery对 formdata 的默认处理
855 
+						 * XMLHttpRequest会对 formdata 进行正确的处理
856 
+						 */
857 
+						processData: false,
858 
+						success: function(result) {
859 
+							document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
860 
+							$("#upFile").change(function() {
861 
+								upload();
862 
+							});
863 
+							var r = $.parseJSON(result);
864 
+							if(r.state.toLowerCase() == "success") {
865 
+								$(".fjnr").text(r.data);
866 
+								$("#scfj").show();
867 
+							}
868 
+						}
869 
+					});
870 
+				} else {
871 
+					layer.confirm('请上传文件！', {
872 
+						btn: ['确定']
873 
+					});
874 
+				}
875 
+			}
876 
+			//来源
877 
+			function LY(obj) {
878 
+				obj.empty();
879 
+				obj.append('<option selected="selected" value="">请选择</option>');
880 
+				$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
881 
+					"token": $.cookie("token"),
882 
+					id: 1
883 
+				}, function(data) {
884 
+					if(data.state.toLowerCase() == "success") {
885 
+						var content = data.data;
886 
+						$(content).each(function(i, n) {
887 
+							$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
888 
+						})
889 
+					}
890 
+				})
891 
+			}
892 
+			//类别
893 
+			function LB(obj) {
894 
+				obj.empty();
895 
+				obj.append('<option selected="selected" value="">请选择</option>');
896 
+				$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
897 
+					"token": $.cookie("token"),
898 
+					id: 2
899 
+				}, function(data) {
900 
+					if(data.state.toLowerCase() == "success") {
901 
+						var content = data.data;
902 
+						$(content).each(function(i, n) {
903 
+							$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
904 
+						})
905 
+					}
906 
+				})
907 
+			}
908 
+			//		主题
909 
+			function ZT(obj) {
910 
+				obj.empty();
911 
+				obj.append('<option selected="selected" value="">请选择</option>');
912 
+				$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
913 
+					"token": $.cookie("token"),
914 
+					id: 3
915 
+				}, function(data) {
916 
+					if(data.state.toLowerCase() == "success") {
917 
+						var content = data.data;
918 
+						$(content).each(function(i, n) {
919 
+							$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
920 
+						})
921 
+					}
922 
+				})
923 
+			}
924 
+			///坐席
925 
+			function ZX(obj) {
926 
+				obj.empty();
927 
+				obj.append('<option selected="selected" value="">请选择</option>');
928 
+				$.getJSON(huayi.config.callcenter_url + "UserAccount/GetSeatList", {
929 
+					"token": $.cookie("token"),
930 
+				}, function(data) {
931 
+					if(data.state.toLowerCase() == "success") {
932 
+						var content = data.data;
933 
+						$(content).each(function(i, n) {
934 
+							$("<option value='" + n.F_UserCode + "'>" + n.F_UserName + "</option>").appendTo(obj);
935 
+						})
936 
+					}
937 
+				})
938 
+			}
939 
+
940 
+				function tree() {
941 
+					$.get(huayi.config.callcenter_url + 'Department/GetDeptList', {
942 
+						"token": $.cookie("token"),
943 
+						//		"pid": pid
944 
+					}, function(result) {
945 
+						result = $.parseJSON(result);
946 
+						$.fn.zTree.init($("#addTreeDemo"), setting1, result.data); //实例化树形图
947 
+					});
948 
+				}
949 
+				var setting1 = {
950 
+					data: {
951 
+						key: {
952 
+							name: "F_DeptName"
953 
+						},
954 
+						simpleData: {
955 
+							enable: true,
956 
+							idKey: "F_DeptId",
957 
+							pIdKey: "F_PartentId",
958 
+							rootPId: 0
959 
+						}
960 
+					},
961 
+					callback: {
962 
+						onClick: zTreeOnClick
963 
+					}
964 
+				};
965 
+				function zTreeOnClick(event, treeId, treeNode) {
966 
+					if(treeNode.level == 2) {
967 
+						$('.inps').val(treeNode.F_DeptName);
968 
+						$("#PID").val(treeNode.F_DeptId);
969 
+						$("#Dpment").val(treeNode.F_DeptName);
970 
+						$(".Cleans").show();
971 
+					}
972 
+
973 
+				};
974 
+		</script>
975 
+	</body>
976 
+
977 
+</html>