d123 7 anni fa
parent
commit
aa6de0cf02

+ 20 - 69
CallCenterWeb.UI/callScreen/call.js

301
          $(".col-sm-3").mouseleave(function () {
301
          $(".col-sm-3").mouseleave(function () {
302
                 $(".ztree").parent().hide();
302
                 $(".ztree").parent().hide();
303
             })
303
             })
304
-        
304
+     
305
+     //编辑器配置
306
+ KindEditor.ready(function(K) {
307
+                window.changeEditor = K.create('#fkcont');//修改弹出框编辑器
308
+        })
305
     //创建投诉工单
309
     //创建投诉工单
306
       $(".addts").click(function () {
310
       $(".addts").click(function () {
307
                 var marketName = $("#marketName").val();
311
                 var marketName = $("#marketName").val();
367
             	//工单状态id
371
             	//工单状态id
368
             	var gdzt=$("#State").val();
372
             	var gdzt=$("#State").val();
369
             	//反馈内容 
373
             	//反馈内容 
370
-            	var fkcont=$("#fkcont").val();
374
+            	var fkcont=encodeURIComponent(changeEditor.html());
371
             	//快递信息
375
             	//快递信息
372
             	var sendmsg=$('#sendmsg').val();
376
             	var sendmsg=$('#sendmsg').val();
373
             	//备注一 
377
             	//备注一 
619
             $(".Nows_box").hide();
623
             $(".Nows_box").hide();
620
         }
624
         }
621
     })
625
     })
622
-//  QY($("#sourcearea"));
623
-//  LB($("#type"));
624
-//  ZT($("#keys"));
625
-    
626
-//  //通知公告
627
-//function QY(obj) {
628
-//  obj.empty();
629
-//  obj.append('<option selected="selected" value="">请选择</option>');
630
-//  $.getJSON(huayi.config.callcenter_url + "Area/GetAreaListById", {
631
-//      "token": $.cookie("token"),
632
-//  }, function (data) {
633
-//      if (data.state.toLowerCase() == "success") {
634
-//          var content = data.data;
635
-//          $(content).each(function (i, n) {
636
-//              $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
637
-//          })
638
-//      }
639
-//  })
640
-//}
641
-////来源
642
-//function LY(obj) {
643
-//  obj.empty();
644
-//  $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
645
-//      "token": $.cookie("token"),
646
-//      id: 1
647
-//  }, function (data) {
648
-//      if (data.state.toLowerCase() == "success") {
649
-//          var content = data.data;
650
-//          $(content).each(function (i, n) {
651
-//              $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
652
-//          })
653
-//      }
654
-//  })
655
-//}
656
-////类别
657
-//function LB(obj) {
658
-//  obj.empty();
659
-//  $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
660
-//      "token": $.cookie("token"),
661
-//      id: 2
662
-//  }, function (data) {
663
-//      if (data.state.toLowerCase() == "success") {
664
-//          var content = data.data;
665
-//          $(content).each(function (i, n) {
666
-//              $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
667
-//          })
668
-//      }
669
-//  })
670
-//}
671
-////主题
672
-//function ZT(obj) {
673
-//  obj.empty();
674
-//  $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
675
-//      "token": $.cookie("token"),
676
-//      id: 3
677
-//  }, function (data) {
678
-//      if (data.state.toLowerCase() == "success") {
679
-//          var content = data.data;
680
-//          $(content).each(function (i, n) {
681
-//              $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
682
-//          })
683
-//      }
684
-//  })
685
-//}
626
+
686
   //获取历史记录
627
   //获取历史记录
687
   loadOld()
628
   loadOld()
688
  //获取历史记录
629
  //获取历史记录
1094
         area: ['85%', '80%'], //宽高
1035
         area: ['85%', '80%'], //宽高
1095
     });
1036
     });
1096
 }
1037
 }
1097
-
1038
+///
1039
+function Detail(val){
1040
+	if(val) {
1041
+					var str = '<div '
1042
+				
1043
+						str = str + ' title="' +decodeURIComponent(val)+ '" ';
1044
+				
1045
+					
1046
+					return str + '>' +decodeURIComponent(val)+ '</div>';
1047
+}
1048
+}
1098
 
1049
 
1099
 
1050
 
1100
 //清空
1051
 //清空
1131
 }  
1082
 }  
1132
 	Select($("#testInput_"));
1083
 	Select($("#testInput_"));
1133
 	Select($("#testInput1_"));
1084
 	Select($("#testInput1_"));
1134
-	Select($("#testInput1"));
1135
-	Selects($("#testInput2"));
1085
+	Selects($("#testInput1"));
1086
+	Select($("#testInput2"));
1136
 	function Select(obj) {
1087
 	function Select(obj) {
1137
 				obj.click(function (event) { 
1088
 				obj.click(function (event) { 
1138
 						event.preventDefault();  
1089
 						event.preventDefault();  

+ 62 - 68
CallCenterWeb.UI/callScreen/callScreen.html

303
 				display: nones;
303
 				display: nones;
304
 			}
304
 			}
305
 			
305
 			
306
-			
307
-			
308
-			.testInput-list li {
309
-				padding: 5px;
310
-			}
311
-			
312
-			.testInput-list li:hover {
313
-				background-color: #E43926;
314
-				color: #fff;
315
-			}
316
-			
317
-			#testInput_
318
-			{
319
-				width: 100%;
320
-				outline: none;
321
-				border: 1px solid #ccc;
322
-				padding-left: 10px;
323
-				outline-color: #fff;
324
-			}
325
-			#SCorderlist {
326
-				display: none;
327
-			}
328
-			#orderlist{
329
-				display: none;
330
-			}
331
 			.testInput-list {
306
 			.testInput-list {
332
 				position: absolute;
307
 				position: absolute;
333
 				z-index: 999;
308
 				z-index: 999;
334
 				border: 1px solid rgb(204, 204, 204);
309
 				border: 1px solid rgb(204, 204, 204);
335
-				background: #fff;
310
+				background-color: rgb(255, 255, 255);
336
 				z-index: 99999;
311
 				z-index: 99999;
337
 				padding-left: 0;
312
 				padding-left: 0;
338
-				width: 89.6%;
313
+				width: 128px;
339
 				display: none;
314
 				display: none;
340
-				color: #000000;
341
-				
315
+				height: 200px;
316
+    overflow-y: auto;
342
 			}
317
 			}
343
 			
318
 			
344
 			.testInput-list li {
319
 			.testInput-list li {
345
 				padding: 5px;
320
 				padding: 5px;
321
+				color: #000;
346
 			}
322
 			}
347
 			
323
 			
348
 			.testInput-list li:hover {
324
 			.testInput-list li:hover {
349
 				background-color: #E43926;
325
 				background-color: #E43926;
350
 				color: #fff;
326
 				color: #fff;
351
 			}
327
 			}
352
-			#testInput1,#testInput2{
353
-				outline:none;
328
+			
329
+			#testInput_
330
+			{
331
+				outline: none;
332
+				border: 1px solid #ccc;
354
 				padding-left: 10px;
333
 				padding-left: 10px;
355
-				outline-color :#fff;
356
-				
357
-			}
358
-			.testInput2-list{
359
-				    overflow-x: hidden;
360
-   			 height: 159px;
361
-   				 overflow-y: auto;
334
+				outline-color: #fff;
362
 			}
335
 			}
363
 		</style>		
336
 		</style>		
364
 	</head>
337
 	</head>
443
 						</tr>
416
 						</tr>
444
 						<tr>
417
 						<tr>
445
 							<th>省份:</th>
418
 							<th>省份:</th>
446
-							<td style="position: relative">
447
-								<!--<input type="text" value="未知" class="ldlocation" style="padding-left: 5px;" />-->
419
+							<td>
420
+								<input type="text" value="" class="ldlocation" style="padding-left: 5px;" />
448
 								<!--<span class="ldlocation" style="padding-left: 5px;">未知</span>-->
421
 								<!--<span class="ldlocation" style="padding-left: 5px;">未知</span>-->
449
-								<input id="testInput2" type="text" style="width:100%;" value="" style="display: none;"  />
450
-								<ul class="testInput-list testInput2-list">
422
+								<input id="testInput1" type="text" style="width:100%;" style="display: none;" />
423
+								<ul class="testInput-list">
451
 									<li></li>
424
 									<li></li>
452
-								</ul>
425
+								</ul
453
 							</td>
426
 							</td>
454
 						</tr>
427
 						</tr>
455
 						<tr>
428
 						<tr>
457
 							<td><input type="text" value="" class="ldtel1" /></td>
430
 							<td><input type="text" value="" class="ldtel1" /></td>
458
 							<input type="hidden" id="fkdep"/>
431
 							<input type="hidden" id="fkdep"/>
459
 						</tr>
432
 						</tr>
433
+						<!--<tr>
434
+                    <th>联系电话2:</th>
435
+                    <td><input type="text" value="" class="ldtel2" /></td>
436
+                </tr>
437
+                <tr>
438
+                    <th>联系电话2:</th>
439
+                    <td><input type="text" value="" class="ldtel3" /></td>
440
+                </tr>-->
460
 						<tr>
441
 						<tr>
461
 							<th>来电单位:</th>
442
 							<th>来电单位:</th>
462
-							<td  style="position: relative;">
463
-								<!--<input type="text" value="" class="ldpamter" />-->
464
-								<input id="testInput1" type="text" style="width:100%;" value="" style="display: none;" />
443
+							<td>
444
+								<input type="text" value="" class="ldpamter" />
445
+								<!--<div style="display: none;" class="Leftdemper">
446
+                    			<select class="form-control selectpicker" id="fkdep_market" data-live-search="true" >
447
+										<option value="">请选择反馈单位</option>
448
+									</select>
449
+                    	</div>-->
450
+								<input id="testInput2" type="text" style="width:100%;" />
465
 								<ul class="testInput-list">
451
 								<ul class="testInput-list">
466
 									<li></li>
452
 									<li></li>
467
-								</ul>
453
+								</ul
468
 							</td>
454
 							</td>
469
 						</tr>
455
 						</tr>
470
 						<tr>
456
 						<tr>
482
 					<ul class="ld-service clearfix">
468
 					<ul class="ld-service clearfix">
483
 						<li style="border-bottom:1px solid #243747;" itemtype="0" class="cr-click">历史记录</li>
469
 						<li style="border-bottom:1px solid #243747;" itemtype="0" class="cr-click">历史记录</li>
484
 						<li style="border-bottom:1px solid #69cbd0;display: none;" itemtype="1" class="KF">客服组</li>
470
 						<li style="border-bottom:1px solid #69cbd0;display: none;" itemtype="1" class="KF">客服组</li>
471
+						<!--<--<li style="border-bottom:1px solid #f95a83;" itemtype="2">保修服务</li>-->
485
 						<li style="border-bottom:1px solid #243747;display: none;" itemtype="3" class="SC">市场组</li>
472
 						<li style="border-bottom:1px solid #243747;display: none;" itemtype="3" class="SC">市场组</li>
486
 					</ul>
473
 					</ul>
487
 					<div class="ld-sercon">
474
 					<div class="ld-sercon">
544
 										</thead>
531
 										</thead>
545
 										<tbody class="list"></tbody>
532
 										<tbody class="list"></tbody>
546
 									</table>
533
 									</table>
547
-									<table id="SCorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
548
-										<thead>
549
-											<tr>
550
-												<th data-field="WorkOrderID">工单编号</th>
551
-												<th data-field="State" data-formatter="GetStateName">工单状态</th>
552
-												<th data-field="Address" data-align="center">来电单位</th>
553
-												<th data-field="Source" data-align="center">反馈单位</th>
554
-												<th data-field="TypeClassName" data-align="center">工单类型</th>
555
-												<th data-field="Customer" data-align="center">姓名</th>
556
-												<th data-field="CustomerTel" data-align="center">客户电话</th>
557
-												<th data-field="Detail" data-align="center" data-formatter="Detail">反馈内容</th>
558
-												
559
-											</tr>
560
-										</thead>
561
-										<tbody class="list"></tbody>
562
-									</table>
563
 								</div>
534
 								</div>
564
-								
565
 							</div>
535
 							</div>
566
 							<div class="Pre-second second-con addgd" style="display:none;">
536
 							<div class="Pre-second second-con addgd" style="display:none;">
567
 								<form>
537
 								<form>
593
                                 </span>
563
                                 </span>
594
 										<span class="col-sm-3">
564
 										<span class="col-sm-3">
595
                                     <input type="text" class="form-control" id="lddepr" readonly="readonly"/>
565
                                     <input type="text" class="form-control" id="lddepr" readonly="readonly"/>
566
+                                    <!--<select class="form-control selectpicker" id="lddep_market" data-live-search="true">
567
+										<option value="">请选择来电单位</option>
568
+									</select>-->
596
                                 </span>
569
                                 </span>
597
 										<span class="col-sm-1">
570
 										<span class="col-sm-1">
598
                                     反馈单位:
571
                                     反馈单位:
599
                                 </span>
572
                                 </span>
600
 										<span class="col-sm-3">
573
 										<span class="col-sm-3">
574
+                                    <!--<input type="text" id="fkdep" />
575
+                                    <div class="box" id="box">
576
+           							  <ul>
577
+
578
+          							  </ul>
579
+        							</div>-->
580
+        							<!--<select class="form-control selectpicker" id="fkdep_market" data-live-search="true">
581
+										<option value="">请选择反馈单位</option>
582
+									</select>-->
601
 									<input type="text" id="testInput1_" class="ld-sercon form-control " />
583
 									<input type="text" id="testInput1_" class="ld-sercon form-control " />
602
 								<ul class="testInput-list">
584
 								<ul class="testInput-list">
603
 									<li></li>
585
 									<li></li>
609
                                     <textarea rows="5" id="fkcont_market" style="resize: none;" class="form-control"></textarea>
591
                                     <textarea rows="5" id="fkcont_market" style="resize: none;" class="form-control"></textarea>
610
                                 </span>
592
                                 </span>
611
 									</div>
593
 									</div>
594
+
595
+									<!--<div class="form-group" style="padding-left: 15px;">
596
+                                <span>解答内容:</span>
597
+                                <textarea rows="5"></textarea>
598
+                            </div>-->
612
 									<div class="bton addts">创建</div>
599
 									<div class="bton addts">创建</div>
613
 								</form>
600
 								</form>
614
 							</div>
601
 							</div>
640
                                     反馈单位:
627
                                     反馈单位:
641
                                 </span>
628
                                 </span>
642
 										<span class="col-sm-3">
629
 										<span class="col-sm-3">
630
+                                    <!--<input type="text" id="fkdep" />
631
+                                    <div class="box" id="box">
632
+           							  <ul>
633
+
634
+          							  </ul>
635
+        							</div>-->
636
+        							<!--<select class="form-control selectpicker" id="fkdep" data-live-search="true">
637
+										<option value="">请选择反馈单位</option>
638
+									</select>-->
643
 									<input type="text" id="testInput_" class="ld-sercon form-control " />
639
 									<input type="text" id="testInput_" class="ld-sercon form-control " />
644
 								<ul class="testInput-list">
640
 								<ul class="testInput-list">
645
 									<li></li>
641
 									<li></li>
742
 		<script src="./../js/bootstrap-table-zh-CN.js"></script>
738
 		<script src="./../js/bootstrap-table-zh-CN.js"></script>
743
 		<script src="./../js/zTree/jquery.ztree.core.js"></script>
739
 		<script src="./../js/zTree/jquery.ztree.core.js"></script>
744
 		<script src="./../js/plugins/datapicker/bootstrap-datepicker.js"></script>
740
 		<script src="./../js/plugins/datapicker/bootstrap-datepicker.js"></script>
745
-		<!--<script src="./js/bootstrap-select/js/bootstrap-select.js"></script>-->
746
 		<script src="./../css/laydate/laydate.js"></script>
741
 		<script src="./../css/laydate/laydate.js"></script>
747
 		<script src="../js/kindeditor/kindeditor.js"></script>
742
 		<script src="../js/kindeditor/kindeditor.js"></script>
748
 	<script src="../js/kindeditor/lang/zh_CN.js"></script>
743
 	<script src="../js/kindeditor/lang/zh_CN.js"></script>
749
-		<!--<script src="./../js/jquery.select.js"></script>-->
744
+		<script src="./../js/jquery.select.js"></script>
745
+		<script src="select.js"></script>
750
 		<script src="./../js/main.js?v=1.5"></script>
746
 		<script src="./../js/main.js?v=1.5"></script>
751
 		<script src="call.js"></script>
747
 		<script src="call.js"></script>
752
 		<script>
748
 		<script>
753
-			Select($("#testInput1"));
754
-			
755
 		</script>
749
 		</script>
756
 	</body>
750
 	</body>
757
 
751