Home Explore Help
Register Sign In
zhoufan
/
SQMQ12345_Web
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 81 Releases 0 Wiki
Browse Source

不满意列表添加、已办理搜索

liuzhen 6 years ago
parent
ac1b87238b
commit
30f176cd82
2 changed files with 950 additions and 0 deletions
Split View Show Diff Stats
  1. 1 0
      WebUI/CallCenterWeb.UI/Appeal/expiredWorkOrders.html
  2. 949 0
      WebUI/CallCenterWeb.UI/Business/Unsatisfactory.html

+ 1 - 0
WebUI/CallCenterWeb.UI/Appeal/expiredWorkOrders.html
View File 

@@ -257,6 +257,7 @@
257 257 
 							<option value="2">待查收</option>
258 258 
 							<option value="4">办理中</option>
259 259 
 							<option value="8">重办中</option>
260 
+							<option value="9">已办理</option>
260 261 
                         </select>
261 262 
 					</div>
262 263 
 			 		<div class="time-box form-group" >

+ 949 - 0
WebUI/CallCenterWeb.UI/Business/Unsatisfactory.html
View File 

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