ソースを参照

大屏工单详情

miaofuhao 1 年間 前
コミット
904265208a

+ 29 - 4
WebChartNewest/css/index.css

@@ -840,7 +840,8 @@ body {
840 840
 }
841 841
 /* 工单列表 */
842 842
 .bootstrap-table td{
843
-	padding: 20px !important;
843
+	/*padding: 20px !important;*/
844
+	padding: 17px !important;
844 845
 }
845 846
 /* 工单详情 */
846 847
 .tablebox table td img {
@@ -895,7 +896,7 @@ body {
895 896
 }
896 897
 .workDetails .tablebox{
897 898
 	width: 98%;
898
-	border-top: 1px solid #064996;
899
+	
899 900
 }
900 901
 .workDetails .tablebox table td{
901 902
 	color: #fff;
@@ -909,12 +910,34 @@ body {
909 910
 }
910 911
 .workDetails .tablebox .infoName{
911 912
 	background-color: #064896;
912
-	width: 11%;
913
-	padding:20px 0px;
913
+	width: 8%;
914
+	padding:10px;
915
+	text-align: center;
916
+}
917
+.workDetails .tablebox .infoName2{
918
+	background-color: #064896;
919
+	padding: 10px;
920
+    width: 18%;
914 921
 	text-align: center;
915 922
 }
916 923
 .workDetails .tablebox .contN{
917 924
 	width: 15%;
925
+	padding:10px 8px;
926
+}
927
+.workDetails .tablebox .contF{
928
+	width: 25%;
929
+	padding:10px 8px;
930
+}
931
+.workDetails .tablebox .contS{
932
+	width: 12%;
933
+	padding:10px 8px;
934
+}
935
+.workDetails .tablebox .contFour{
936
+	width: 12%;
937
+	padding:10px 8px;
938
+}
939
+.workDetails .tablebox .contM{
940
+	width: 60%;
918 941
 	padding:20px 27px;
919 942
 }
920 943
 
@@ -951,6 +974,8 @@ body {
951 974
 	background-color: #f1b31e;
952 975
 	border: none;
953 976
 	font-weight: 600;
977
+	position: absolute;
978
+    right: 190px;
954 979
 }
955 980
 .btn_right{
956 981
 	background-color: rgba(255,255,255,0);

+ 18 - 7
WebChartNewest/css/workProcedure.css

@@ -1,10 +1,23 @@
1 1
 .workProcedure {
2
-  padding: 0 5%;
2
+  padding: 0 0 0 2%;
3 3
   font-size: 16px;
4 4
   font-family: "Noto Sans", sans-serif;
5 5
   color: #eee9dc;
6 6
 }
7
- 
7
+ .orderDetailTitle{
8
+ 	width: 100%;
9
+ 	
10
+ }
11
+  .orderDetailTitle .detailText{
12
+	 	height: 38px; 
13
+	 	line-height: 38px; 
14
+	 	width: 200px; 
15
+	 	text-align: center; 
16
+	 	background: #0669ac; 
17
+	 	margin: 0 auto; 
18
+	 	color: #FFFFFF; 
19
+	 	margin-bottom: 8px;
20
+ }
8 21
 .workProcedure h2 {
9 22
   margin: 3em 0 0 0;
10 23
   font-size: 1.5em;
@@ -17,18 +30,16 @@
17 30
  * ------------------------------------- */
18 31
 #timeline {
19 32
   list-style: none;
20
-  margin: 50px 0 30px 120px;
33
+  margin: 50px 0 30px 0px;
21 34
   padding-left: 30px;
22 35
   border-left: 3px solid #00f6ff;
23 36
   font-weight: 600;
24 37
 }
25 38
 #timeline li {
26
-  margin: 40px 0;
39
+  margin: 0;
27 40
   position: relative;
28 41
 }
29 42
 #timeline p {
30
-	position: absolute;
31
-	top: 15px;
32 43
   margin: 0 0 15px;
33 44
 }
34 45
  
@@ -55,7 +66,7 @@
55 66
 }
56 67
  
57 68
 .content {
58
-  padding: 50px 20px 0;
69
+  padding: 50px 0px 0px 20px;
59 70
 }
60 71
 
61 72
 /* label {

+ 168 - 107
WebChartNewest/index.html

@@ -842,7 +842,7 @@
842 842
 					<input type="text" id="orderTel" class="searchInput" onblur="initTable()" placeholder="请输入联系电话" />
843 843
 				</div>
844 844
 				<div style="width: 100%;padding: 10px;height: 750px;">
845
-					<table id="workList" data-row-style="rowStyle" data-query-params="queryParams"
845
+					<table class="workListTable" data-row-style="rowStyle" data-query-params="queryParams"
846 846
 						data-pagination="true">
847 847
 						<thead>
848 848
 							<tr>
@@ -863,38 +863,7 @@
863 863
 					</table>
864 864
 				</div>
865 865
 			</div>
866
-			<!-- 退回工单 -->
867
-			<div class="backWorkList">
868
-				<img src="./image/second/back.png" alt="" class="back_icon keyIcon">
869
-				<img src="./image/second/X.png" alt="" class="close_icon">
870
-				<div class="head_name">
871
-					<img src="./image/second/title_right.png" class="title_left">
872
-					<h2>安阳市12345热线退回工单列表</h2>
873
-					<img src="./image/second/title_left.png" class="title_right">
874
-				</div>
875
-				<div style="width: 100%;padding: 10px;height: 750px;">
876
-					<table id="backWorkList" data-row-style="rowStyle" data-query-params="queryParams"
877
-						data-pagination="true">
878
-						<thead>
879
-							<tr>
880
-								<th data-field="F_WorkOrderId" data-align="center" data-formatter="getformatter">工单编号</th>
881
-								<th data-field="F_ComTitle" data-align="center"  data-formatter="getformatterTitle">工单标题</th>
882
-								<th data-field="DeptName" data-align="center">承办单位</th>
883
-								<th data-field="F_ComContent" data-align="center" data-width="150"
884
-									data-formatter="getDeptnameC">工单内容</th>
885
-								<th data-field="UserName" data-align="center">受理人</th>
886
-								<th data-field="F_CusPhone" data-align="center">联系方式</th>
887
-								<th data-field="F_AssignTime" data-align="center">转办时间</th>
888
-								<th data-field="KeyName" data-align="center" data-formatter="getProblem">问题分类</th>
889
-							</tr>
890
-						</thead>
891
-						<tbody class="list">
892
-						</tbody>
893
-					</table>
894
-				</div>
895
-			</div>
896
-			<!-- 工单详情 -->
897
-			<div class="workDetails" style="z-index: 100;">
866
+			<div class="workListHandle workDetails">
898 867
 				<img src="./image/second/X.png" alt="" class="close_icon">
899 868
 				<div class="head_name">
900 869
 					<img src="./image/second/title_right.png" class="title_left">
@@ -905,80 +874,172 @@
905 874
 					<button type="button" class="btn_left" onclick="getClick()">查看流程</button>
906 875
 					<button type="button" class="btn_right"><span class="left_R"></span>返回列表</button>
907 876
 				</div>
908
-				<div class="tablebox">
909
-					<table id="tableId" border="0" cellspacing="0" cellpadding="0">
910
-						<tbody>
911
-							<tr>
912
-								<td class="infoName">工单编号</td>
913
-								<td class="contN workNo"></td>
914
-								<td class="infoName">工单状态</td>
915
-								<td class="contN workState"></td>
916
-								<td class="infoName">受理员工号</td>
917
-								<td class="contN acceptNumber"></td>
918
-								<td class="infoName">受理员姓名</td>
919
-								<td class="contN acceptName"></td>
920
-							</tr>
921
-							<tr>
922
-								<td class="infoName">联系人</td>
923
-								<td class="contN contacts"></td>
924
-								<td class="infoName">来电号码</td>
925
-								<td class="contN phone"></td>
926
-								<td class="infoName">是否保密</td>
927
-								<td class="contN isSecrecy"></td>
928
-								<td class="infoName">反映区域</td>
929
-								<td class="contN AreaName"></td>
930
-							</tr>
931
-							<tr>
932
-								<td class="infoName">问题分类</td>
933
-								<td class="contB KeyName" colspan="3"></td>
934
-								
935
-								<td class="infoName">详细地址</td>
936
-								<td class="contN contactAddress"  colspan="3"></td> 
937
-							</tr>
938
-							<tr>
939
-								<td class="infoName">工单标题</td>
940
-								<td class="contB F_ComTitle" colspan="7" style="text-align: left;"></td>
941
-							</tr>
942
-							<tr>
943
-								<td class="infoName">来电内容</td>
944
-								<td class="contB F_ComContent" colspan="7" style="text-align: left;"></td>
945
-							</tr>
946
-							<tr>
947
-								<td class="infoName">工单内容</td>
948
-								<td class="contB F_Content" colspan="7" style="text-align: left;"></td>
949
-							</tr>
950
-							<tr>
951
-								<td class="infoName">附件</td>
952
-								<td class="contB" id="files" colspan="7" style="text-align: left;">
953
-									<!--<image style="width: 60px;height: 60px;" />
954
-									<image style="width: 60px;height: 60px;" />
955
-									<image style="width: 60px;height: 60px;" />
956
-									<a href="" style="color: #FFFFFF;">附件1.xlsx</a>-->
957
-								</td>
958
-							</tr>
959
-							<tr>
960
-								<td class="infoName">主办单位</td>
961
-								<td class="contB deptname" colspan="7" style="text-align: left;"></td>
962
-							</tr>
963
-							<tr>
964
-								<td class="infoName">办理情况</td>
965
-								<td class="contB F_Result" colspan="7" style="text-align: left;"></td>
966
-							</tr>
967
-						</tbody>
968
-					</table>
969
-				</div>
970
-			</div>
971
-			<!-- 工单流程 -->
972
-			<div class="workProcedure">
973
-				<img src="./image/second/back.png" alt="" class="backProcedure">
974
-				<img src="./image/second/X.png" alt="" class="close_icon">9
975
-				<div class="head_name">
976
-					<img src="./image/second/title_right.png" class="title_left">
977
-					<h3>安阳市12345热线工单轨迹流程</h3>
978
-					<img src="./image/second/title_left.png" class="title_right">
979
-				</div>
980
-				<ul id='timeline'>
981
-				</ul>
877
+				<div style="width: 100%;padding: 10px;height: 700px; display: flex;">
878
+					<div style="width: 30%;height: 645px;">
879
+						
880
+						<div class="orderDetailTitle">
881
+							<div class="detailText">工单列表</div>
882
+						</div>
883
+						<table class="workListTable" data-row-style="rowStyle" data-query-params="queryParams"
884
+							data-pagination="true" style="table-layout: fixed;">
885
+							<thead>
886
+								<tr>
887
+									<th data-field="F_WorkOrderId"  data-width="252" data-align="center" data-formatter="getformatterDetail">工单编号
888
+									</th>
889
+									<th data-field="F_ComTitle" data-align="center"  data-formatter="getformatterTitle">工单标题</th>
890
+								</tr>
891
+							</thead>
892
+							<tbody class="list">
893
+							</tbody>
894
+						</table>
895
+					</div>
896
+					<div class="workDetailsHandle tablebox"  style="width: 70%; height: 100%; overflow-y: auto; margin: 0px 10px;">
897
+						<div class="orderDetailTitle" style="border-bottom: 1px solid #064996;">
898
+							<div class="detailText">工单详情</div>
899
+						</div>
900
+						<table id="tableId" border="0" cellspacing="0" cellpadding="0">
901
+							<tbody>
902
+								<tr>
903
+									<td class="infoName">工单编号</td>
904
+									<td class="contF workNo"></td>
905
+									<td class="infoName">工单状态</td>
906
+									<td class="contS workState"></td>
907
+									<td class="infoName">受理员工号</td>
908
+									<td class="contS acceptNumber"></td>
909
+									<td class="infoName">联系人</td>
910
+									<td class="contFour contacts"></td>
911
+								</tr>
912
+								<tr>
913
+									<td class="infoName">来电号码</td>
914
+									<td class="contF phone"></td>
915
+									<td class="infoName">是否保密</td>
916
+									<td class="contS isSecrecy"></td>
917
+									<td class="infoName">反映区域</td>
918
+									<td class="contS AreaName"></td>
919
+									<td class="infoName">问题分类</td>
920
+									<td class="contFour KeyName"></td>
921
+								</tr>
922
+								<tr>
923
+									<td class="infoName">详细地址</td>
924
+									<td class="contN contactAddress"  colspan="7"></td> 
925
+								</tr>
926
+								<tr>
927
+									<td class="infoName">工单标题</td>
928
+									<td class="contB F_ComTitle" colspan="7" style="text-align: left;"></td>
929
+								</tr>
930
+								<tr>
931
+									<td class="infoName">来电内容</td>
932
+									<td class="contB F_ComContent" colspan="7" style="text-align: left;"></td>
933
+								</tr>
934
+								<tr>
935
+									<td class="infoName">工单内容</td>
936
+									<td class="contB F_Content" colspan="7" style="text-align: left;"></td>
937
+								</tr>
938
+								<tr>
939
+									<td class="infoName">附件</td>
940
+									<td class="contB" id="files" colspan="7" style="text-align: left;">
941
+										<!--<image style="width: 60px;height: 60px;" />
942
+										<image style="width: 60px;height: 60px;" />
943
+										<image style="width: 60px;height: 60px;" />
944
+										<a href="" style="color: #FFFFFF;">附件1.xlsx</a>-->
945
+									</td>
946
+								</tr>
947
+								<tr>
948
+									<td class="infoName">主办单位</td>
949
+									<td class="contB deptname" colspan="7" style="text-align: left;"></td>
950
+								</tr>
951
+								<tr>
952
+									<td class="infoName">办理情况</td>
953
+									<td class="contB F_Result" colspan="7" style="text-align: left;"></td>
954
+								</tr>
955
+							</tbody>
956
+						</table>
957
+
958
+					</div>
959
+					<div class="workDetailsHandleSecond tablebox"  style="width: 45%; height: 100%; overflow-y: auto; margin: 0px 10px; display: none;">
960
+						<div class="orderDetailTitle" style="border-bottom: 1px solid #064996;">
961
+							<div class="detailText">工单详情</div>
962
+						</div>
963
+						
964
+						<table id="tableId" border="0" cellspacing="0" cellpadding="0">
965
+							<tbody>
966
+								<tr>
967
+									<td class="infoName2">工单编号</td>
968
+									<td class="workNo"></td>
969
+									<td class="infoName2">工单状态</td>
970
+									<td class="workState"></td>
971
+									
972
+								</tr>
973
+								<tr>
974
+									<td class="infoName2">受理员工号</td>
975
+									<td class="acceptNumber"></td>
976
+									<td class="infoName2">受理员姓名</td>
977
+									<td class="acceptName"></td>
978
+								</tr>
979
+								<tr>
980
+									<td class="infoName2">联系人</td>
981
+									<td class="contacts"></td>
982
+									<td class="infoName2">来电号码</td>
983
+									<td class="phone"></td>
984
+									
985
+								</tr>
986
+								<tr>
987
+									<td class="infoName2">是否保密</td>
988
+									<td class="isSecrecy"></td>
989
+									<td class="infoName2">反映区域</td>
990
+									<td class="AreaName"></td>
991
+								</tr>
992
+								<tr>
993
+									<td class="infoName2">问题分类</td>
994
+									<td class="KeyName" colspan="3"></td>
995
+									
996
+									
997
+								</tr>
998
+								<tr>
999
+									<td class="infoName2">详细地址</td>
1000
+									<td class="contactAddress"  colspan="3"></td> 
1001
+								</tr>
1002
+								<tr>
1003
+									<td class="infoName2">工单标题</td>
1004
+									<td class="F_ComTitle" colspan="7" style="text-align: left;"></td>
1005
+								</tr>
1006
+								<tr>
1007
+									<td class="infoName2">来电内容</td>
1008
+									<td class="F_ComContent" colspan="7" style="text-align: left;"></td>
1009
+								</tr>
1010
+								<tr>
1011
+									<td class="infoName2">工单内容</td>
1012
+									<td class="F_Content" colspan="7" style="text-align: left;"></td>
1013
+								</tr>
1014
+								<tr>
1015
+									<td class="infoName2">附件</td>
1016
+									<td id="files" colspan="7" style="text-align: left;">
1017
+										<!--<image style="width: 60px;height: 60px;" />
1018
+										<image style="width: 60px;height: 60px;" />
1019
+										<image style="width: 60px;height: 60px;" />
1020
+										<a href="" style="color: #FFFFFF;">附件1.xlsx</a>-->
1021
+									</td>
1022
+								</tr>
1023
+								<tr>
1024
+									<td class="infoName2">主办单位</td>
1025
+									<td class="deptname" colspan="7" style="text-align: left;"></td>
1026
+								</tr>
1027
+								<tr>
1028
+									<td class="infoName2">办理情况</td>
1029
+									<td class="F_Result" colspan="7" style="text-align: left;"></td>
1030
+								</tr>
1031
+							</tbody>
1032
+						</table>
1033
+
1034
+					</div>
1035
+					<!-- 工单流程 -->
1036
+					<div class="workProcedure"  style="width: 25%; height: 100%; overflow-y: auto; margin: 0px 10px; display: none;">
1037
+						<div class="orderDetailTitle">
1038
+							<div class="detailText">工单流程</div>
1039
+						</div>
1040
+						<ul id='timeline'>
1041
+						</ul>
1042
+					</div>
982 1043
 			</div>
983 1044
 		</div>
984 1045
 	</div>

File diff suppressed because it is too large
+ 1016 - 0
WebChartNewest/indexBF.html


+ 10 - 10
WebChartNewest/js/index.js

@@ -40,7 +40,7 @@ function dateFormat(fmt, date) {
40 40
 
41 41
 //关闭按钮
42 42
 $('.close_icon').click(function() {
43
-	console.log(11)
43
+//	console.log(11)
44 44
 	$('.bulletFrame').hide();
45 45
 	$('.bulletFrameT').hide();
46 46
 	if($('.bulletFrame').css('display') == 'none') {
@@ -101,7 +101,7 @@ function getHotlineAccept() {
101 101
 			}
102 102
 			let str = ''
103 103
 			Object.keys(res[0]).forEach((key, n) => {
104
-				console.log(key, n, 'keyn')
104
+//				console.log(key, n, 'keyn')
105 105
 				if(key == 'count') {
106 106
 					if($('#slw_num').text() != parseInt(res[0][key] % 100000 / 10000)) {
107 107
 						$('#slw_num').text(parseInt(res[0][key] % 100000 / 10000))
@@ -1111,7 +1111,7 @@ function getKeyInfo(keyid, n) {
1111 1111
 }
1112 1112
 
1113 1113
 function hotlineChart(datas) {
1114
-	console.log(datas)
1114
+//	console.log(datas)
1115 1115
 	let hotline = echarts.init(document.getElementById('hotline'));
1116 1116
 	let colors = ['#ffe000', '#ff8a00', '#3cff9c', '#03d844', '#ff69c8', '#d668ff', '#43b2ff', '#05c9d1'];
1117 1117
 	let legendData = []
@@ -1898,10 +1898,10 @@ $('.accept_statistics ul').click(function(e) {
1898 1898
 					var obj = {}
1899 1899
 					obj.level = v.value
1900 1900
 					obj.landArea = v.count
1901
-					console.log(obj)
1901
+//					console.log(obj)
1902 1902
 					secData.push(obj)
1903 1903
 				})
1904
-				console.log(secData)
1904
+//				console.log(secData)
1905 1905
 				getHonelineChart2(secData, 'hotline2')
1906 1906
 			}
1907 1907
 		});
@@ -1951,7 +1951,7 @@ $('.accept_channel #hotThings').click(function(e) {
1951 1951
 //重大事件
1952 1952
 $('.accept_channel #hotThings1').click(function(e) {
1953 1953
 	
1954
-	console.log('重大事件')
1954
+//	console.log('重大事件')
1955 1955
 	$('.bulletFrame').show();
1956 1956
 	$('.events_wrap').show();
1957 1957
 	$('.events_wrap').siblings().hide()
@@ -1959,7 +1959,7 @@ $('.accept_channel #hotThings1').click(function(e) {
1959 1959
 		$('.body').css('opacity', '0.4')
1960 1960
 	}
1961 1961
 	getNowTime('#date2')
1962
-	console.log('asdfsadfasdf')
1962
+//	console.log('asdfsadfasdf')
1963 1963
 	laydate.render({
1964 1964
 		elem: '#date2',
1965 1965
 		range: '~',
@@ -1989,14 +1989,14 @@ $('.accept_channel #hotThings1').click(function(e) {
1989 1989
 						// }
1990 1990
 					})
1991 1991
 					
1992
-					console.log('getHonelineChart2')
1992
+//					console.log('getHonelineChart2')
1993 1993
 					
1994 1994
 					getHonelineChart2(channelData, 'events')
1995 1995
 				}
1996 1996
 			});
1997 1997
 		}
1998 1998
 	});
1999
-	console.log($('#date2').val() , 'date2')
1999
+//	console.log($('#date2').val() , 'date2')
2000 2000
 	new doAjax({
2001 2001
 		url: huayi.config.callcenter_url + "/InfoNew/GetThemeClassification1",
2002 2002
 		Type: 'get',
@@ -2053,7 +2053,7 @@ var provinceLabel = {
2053 2053
 //受理渠道
2054 2054
 $('.hotlineAccept').click(function(e) {
2055 2055
 
2056
-	console.log('hotlineAccept')
2056
+//	console.log('hotlineAccept')
2057 2057
 	let channelData = []
2058 2058
 	$('.bulletFrame').show();
2059 2059
 	$('.channel_wrap').show();

+ 6 - 6
WebChartNewest/js/trafficData.js

@@ -68,7 +68,7 @@ function getLabelOption(positionObj, numberType) {
68 68
 		verticalAlign: 'middle',
69 69
 		position: positionObj,
70 70
 		formatter: function(params) {
71
-			console.log(params.seriesName, 'params.seriesName')
71
+//			console.log(params.seriesName, 'params.seriesName')
72 72
 			if(params.value > 0) {
73 73
 				dataValue = params.seriesName + ': ' + params.value
74 74
 				if ($('#secondCut').val() == '15') {
@@ -159,7 +159,7 @@ function trafficDataChart(getdata) {
159 159
 		hotThingsRight.resize()
160 160
 	}
161 161
 	
162
-	console.log($('#secondCut').val(), '123')
162
+//	console.log($('#secondCut').val(), '123')
163 163
 	if ($('#secondCut').val() == '15') {
164 164
 		hotThingsLeft.setOption(getOption15(getSeriesLeftData15(),['呼入量接通量']));
165 165
 	} else {
@@ -367,7 +367,7 @@ function getOption15(getSeriesData,xAxisData) {
367 367
 			show: true,
368 368
 			// 进行数据处理
369 369
 			formatter: function(params) {
370
-				console.log(params, 'params')
370
+//				console.log(params, 'params')
371 371
 				var html = '';
372 372
 				if(params.value > 0) {
373 373
 					html += params.marker;
@@ -406,7 +406,7 @@ function getOption15(getSeriesData,xAxisData) {
406 406
 				formatter: function(value) {
407 407
 					//x轴的文字改为竖版显示
408 408
 					var str;
409
-					console.log(value)
409
+//					console.log(value)
410 410
 					if(value === "呼入量接通量") {
411 411
 						str = "呼入量   接通量"
412 412
 					} else if(value === "呼出量呼出接通量") {
@@ -444,7 +444,7 @@ function getOption(getSeriesData,xAxisData) {
444 444
 			show: true,
445 445
 			// 进行数据处理
446 446
 			formatter: function(params) {
447
-				console.log(params, 'params')
447
+//				console.log(params, 'params')
448 448
 				var html = '';
449 449
 				if(params.value > 0) {
450 450
 					html += params.marker;
@@ -483,7 +483,7 @@ function getOption(getSeriesData,xAxisData) {
483 483
 				formatter: function(value) {
484 484
 					//x轴的文字改为竖版显示
485 485
 					var str;
486
-					console.log(value)
486
+//					console.log(value)
487 487
 					if(value === "呼入量接通量") {
488 488
 						str = "呼入量   接通量"
489 489
 					} else if(value === "呼出量呼出接通量") {

+ 185 - 15
WebChartNewest/js/workOrder.js

@@ -63,9 +63,9 @@ function initTable(parm) {
63 63
 	parm.isresult = isresult || '1';
64 64
 	
65 65
 	//先销毁表格
66
-	$('#workList').bootstrapTable('destroy');
66
+	$('.workListTable').bootstrapTable('destroy');
67 67
 	//初始化表格,动态从服务器加载数据
68
-	$('#workList').bootstrapTable({
68
+	$('.workListTable').bootstrapTable({
69 69
 		method: "get", //使用get请求到服务器获取数据
70 70
 		// url: "http://192.168.8.9:1042/InfoNew/WorkOrdrList", //获取数据的Servlet地址
71 71
 		url:huayi.config.callcenter_url +"/InfoNew/WorkOrdrList", //获取数据的Servlet地址
@@ -120,9 +120,9 @@ function examineList(deptid, tab, date) {
120 120
 		$('.timeSta_wrap').siblings().hide()
121 121
 	})
122 122
 	//先销毁表格
123
-	$('#workList').bootstrapTable('destroy');
123
+	$('workListTable').bootstrapTable('destroy');
124 124
 	//初始化表格,动态从服务器加载数据
125
-	$('#workList').bootstrapTable({
125
+	$('workListTable').bootstrapTable({
126 126
 		method: "get", //使用get请求到服务器获取数据
127 127
 		// url: "http://192.168.8.9:1042/InfoNew/WorkOrdrList", //获取数据的Servlet地址
128 128
 		url:huayi.config.callcenter_url +"/DataAssessment/GetEvaluationList", //获取数据的Servlet地址
@@ -238,6 +238,11 @@ function getformatter(v) {
238 238
 	// workStateAct = 2
239 239
 	return '<span class="workAct" onclick="btn_detail(\'' + v + '\')">' + v + '</span>'
240 240
 }
241
+function getformatterDetail(v,row){
242
+//	return '<span class="workAct" onclick="detailHandle(\'' + v + '\')">' + v + '</span>'
243
+	return '<span class="workAct" onclick="detailHandle(\'' + v + '\')">' + v + '</span></br><span class="workAct" ' + row.F_ComTitle + '</span>'
244
+}
245
+
241 246
 function getWorkState(v, r) {
242 247
 	if (r.F_WorkState == 0) {
243 248
 		return "<span>新工单</span>";
@@ -279,11 +284,143 @@ function getformatterTitle(val) {
279 284
 	return "<div style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:150px;margin:0 auto;'>" +
280 285
 	val + "</div>"
281 286
  }
287
+function detailHandle(id){
288
+	console.log(id)
289
+	detailId = id;
290
+	$(".workDetailsHandle").show()
291
+	$(".workDetailsHandleSecond").hide()
292
+	$(".workProcedure").hide()
293
+	
294
+	$('.urgency').text(' ');
295
+	$('.workState').text(" ");
296
+	$('.acceptType').text(" ");
297
+	$('.isSecrecy').text(" ");
298
+	$('.workNo').text(' '); //工单编号
299
+	$('#files').text(' '); //工单编号
300
+	$('.acceptNumber').text(' '); //受理人工号
301
+	$('.acceptName').text(' '); //受理人
302
+	$('.contacts').text(' '); //来单联系人
303
+	$('.phone').text(' '); //联系号码
304
+	$('.contactInformation').text(' '); //联系方式
305
+	$('.contactAddress').text(' ');
306
+	$('.acceptChannel').text(' ');
307
+	$('.phoneType').text(' ');
308
+	$('.KeyName').text(' ');
309
+	$('.F_ComContent').text(' ');
310
+	$('.F_Content').text(' ');
311
+	$('.deptname').text(' ');
312
+	$('.AreaName').text(' ');
313
+	$('.F_ComTitle').text(' ');
314
+	$('.deptname').text(' ');
315
+	$('.F_Result').text(' ');
316
+	new doAjax({
317
+		url: huayi.config.callcenter_url + "/InfoNew/GetWorkOrder",
318
+		data: {
319
+			token: $.cookie("token"),
320
+			workorderid: id
321
+		},
322
+		Type: 'GET',
323
+		callBack: function(res) {
324
+			let data = res.data[0];
325
+			console.log('是否保密',data.F_IsProtect)
326
+			if (data.F_IsProtect == 0) {
327
+				$('.isSecrecy').text("否");
328
+			} else {
329
+				$('.isSecrecy').text("是");
330
+			}
331
+			let level; //紧急程度
332
+			for (i in data) {
333
+				if (data[i] == '' || data[i] == null) {
334
+					data[i] = '-'
335
+				}
336
+			}
337
+			if (data.F_Level == 1) {
338
+				$('.urgency').text('一般');
339
+			} else {
340
+				$('.urgency').text('严重');
341
+			}
342
+			if (data.F_WorkState == 0) {
343
+				$('.workState').text("新工单");
344
+			} else if (data.F_WorkState == 1) {
345
+				$('.workState').text("待交办");
346
+			} else if (data.F_WorkState == 2) {
347
+				$('.workState').text("待查收");
348
+			} else if (data.F_WorkState == 3) {
349
+				$('.workState').text("退回审核中");
350
+			} else if (data.F_WorkState == 4) {
351
+				$('.workState').text("办理中");
352
+			} else if (data.F_WorkState == 5) {
353
+				$('.workState').text("延时审核中");
354
+			} else if (data.F_WorkState == 6) {
355
+				$('.workState').text("已办理");
356
+			} else if (data.F_WorkState == 7) {
357
+				$('.workState').text("已回访");
358
+			} else if (data.F_WorkState == 8) {
359
+				if (data.F_Identification === 0) {
360
+					$('.workState').text("重置转发");
361
+				} else if (data.F_Identification === 1) {
362
+					$('.workState').text("退回重办");
363
+				} else {
364
+					$('.workState').text("重办中");
365
+				}
366
+			} else if (data.F_WorkState == 9) {
367
+				$('.workState').text("已结案");
368
+			} else if (data.F_WorkState == 10) {
369
+				$('.workState').text("待审核");
370
+			} else if (data.F_WorkState == 11) {
371
+				$('.workState').text("重办待交办");
372
+			} else if (data.F_WorkState == 13) {
373
+				$('.workState').text("重办驳回");
374
+			}
375
+
376
+			if (data.F_IsResult == 0) {
377
+				$('.acceptType').text("网络转办");
378
+			} else {
379
+				$('.acceptType').text("当即办理");
380
+			}
381
+			$('.workNo').text(data.F_WorkOrderId); //工单编号
382
+			$('.acceptNumber').text(data.F_CreateUser); //受理人工号
383
+			$('.acceptName').text(data.UserName); //受理人
384
+			$('.contacts').text(data.F_CusName); //来单联系人
385
+			$('.phone').text(data.F_CusPhone); //联系号码
386
+			$('.contactInformation').text(data.F_ConPhone); //联系方式
387
+			$('.contactAddress').text(data.F_CusAddress);
388
+			$('.acceptChannel').text(data.SourceName);
389
+			$('.phoneType').text(data.TypeName1);
390
+			$('.KeyName').text(data.KeyName);
391
+			$('.F_ComContent').text(data.F_ComContent);
392
+			$('.F_Content').text(data.F_Content);
393
+			$('.deptname').text(data.deptname);
394
+			$('.AreaName').text(data.AreaName);
395
+			$('.F_ComTitle').text(data.F_ComTitle);
396
+			$('.deptname').text(data.deptname);
397
+			$('.F_Result').text(data.F_Result);
398
+			
399
+			if (data.File && Array.isArray(data.File)) {
400
+				var str = '';
401
+				data.File.forEach((o) => {
402
+					if (['.png', '.jpg', '.jpeg'].includes(o.F_FileType.toLowerCase())) {
403
+						str += '<image style="width: 60px;height: 60px;" src="'+ o.F_FileUrl +'" onclick="imageShow(\'' + o.F_FileUrl + '\')"/>';
404
+						
405
+					} else {
406
+						str += '<a href="'+ o.F_FileUrl +'" target=“_blank” style="color: #FFFFFF;margin-right: 10px;">'+ o.F_FileName +'</a>';
407
+					}
408
+				})
409
+				
410
+				$('#files').append(str);
411
+			}
412
+			
413
+		}
414
+	});
415
+}
282 416
 //工单详情
283 417
 function btn_detail(id) {
284 418
 	detailId = id;
285 419
 	$('.bulletFrameT').show();
286 420
 	$('.workDetails').show();
421
+	$('.workDetailsHandleSecond').hide()
422
+	$('.workProcedure').hide()
423
+	
287 424
 	$('.workDetails').siblings().hide()
288 425
 	if ($('.bulletFrameT').css('display') == 'block') {
289 426
 		$('.body').css('opacity', '0.4')
@@ -292,6 +429,8 @@ function btn_detail(id) {
292 429
 		$('.workList').show();
293 430
 		$('.workList').siblings().hide()
294 431
 	})
432
+	console.log(id)
433
+	$(".workDetailsHandle").show()
295 434
 	$('.urgency').text(' ');
296 435
 	$('.workState').text(" ");
297 436
 	$('.acceptType').text(" ");
@@ -397,8 +536,7 @@ function btn_detail(id) {
397 536
 			$('.deptname').text(data.deptname);
398 537
 			$('.F_Result').text(data.F_Result);
399 538
 			
400
-			if (data.File && data.File.length > 0) {
401
-				debugger
539
+			if (data.File && Array.isArray(data.File)) {
402 540
 				var str = '';
403 541
 				data.File.forEach((o) => {
404 542
 					if (['.png', '.jpg', '.jpeg'].includes(o.F_FileType.toLowerCase())) {
@@ -430,10 +568,13 @@ function imageShow(src) {
430 568
 }
431 569
 //工单流程
432 570
 function getClick() {
571
+	$(".workDetailsHandle").hide()
572
+	$(".workDetailsHandleSecond").show()
573
+	
433 574
 	$('#timeline').html('');
434 575
 	$('.bulletFrameT').show();
435 576
 	$('.workProcedure').show();
436
-	$('.workProcedure').siblings().hide()
577
+//	$('.workProcedure').siblings().hide()
437 578
 	if ($('.bulletFrameT').css('display') == 'block') {
438 579
 		$('.body').css('opacity', '0.4')
439 580
 	}
@@ -446,21 +587,50 @@ function getClick() {
446 587
 		Type: 'GET',
447 588
 		callBack: function(res) {
448 589
 			let str = '';
590
+			var resultContent = ''
591
+			if($(".F_Result").text()){
592
+				resultContent = $(".F_Result").text()
593
+			}
594
+			var resultTextData =  [ ') 办理了工单',') 添加并结案',') 修改并结案',') 主办了',') 同意了此处理']
595
+			
596
+
449 597
 			res.data.forEach(function(v, n) {
450
-				if (v.F_Message.indexOf('市民短信评议')>=0 || v.F_Message.indexOf('市民微信评议')>=0 || v.F_Message.indexOf('市民网站评议')>=0) {
598
+				if (v.F_Message.indexOf('设置了分类') === -1) {
599
+					
600
+				}
601
+				if (v.F_Message.indexOf('市民短信评议')>=0 
602
+				|| v.F_Message.indexOf('市民微信评议')>=0 
603
+				|| v.F_Message.indexOf('市民网站评议')>=0) {
451 604
 					str +=
452 605
 					"<li class='work'><input class='radio' id='work5' name='works' type='radio' checked><div class='relative'>" +
453
-					"<span class='date'>" + v.F_CreateTime +
454
-					"</span><span class='circle'></span></div><div class='content'><p onclick=\"messageClick(this, '"+v
606
+					"<span class='circle'></span></div><div class='content'><p >"+v.F_CreateTime+"</p><p onclick=\"messageClick(this, '"+v
455 607
 					.F_Message+"')\">市民已评议</p></div></li>"
456
-				} else {
608
+				} else  if (v.F_Message.indexOf('设置了分类') === -1){
457 609
 					str +=
458 610
 					"<li class='work'><input class='radio' id='work5' name='works' type='radio' checked><div class='relative'>" +
459
-					"<span class='date'>" + v.F_CreateTime +
460
-					"</span><span class='circle'></span></div><div class='content'><p>" + v
461
-					.F_Message+ "</p></div></li>"
611
+					"<span class='circle'></span></div><div class='content'><p >"+v.F_CreateTime+"</p><p>" + v.F_Message+ "</p></div></li>"
462 612
 				}
463
-				
613
+//				if (n===0) {
614
+//					str +=
615
+//					"<li class='work'><input class='radio' id='work5' name='works' type='radio' checked><div class='relative'>" +
616
+//					"<span class='circle'></span></div><div class='content'><p>"+v.F_CreateTime+"</p><p >"+v.F_Message+"</p></div></li>"
617
+//				}else if(v.F_Message.indexOf(') 添加并结案')!==-1 
618
+//				|| v.F_Message.indexOf(') 修改并结案')!==-1 
619
+//				|| v.F_Message.indexOf(') 主办了')!==-1 
620
+//				|| v.F_Message.indexOf(') 同意了此处理')!==-1){
621
+//					str +=
622
+//					"<li class='work'><input class='radio' id='work5' name='works' type='radio' checked><div class='relative'>" +
623
+//					"<span class='circle'></span></div><div class='content'><p >"+v.F_CreateTime+"</p><p >"+
624
+//					v.F_Message+"</p><p>办理结果内容:"+resultContent+"</p></div></li>"
625
+//					
626
+//				}
627
+//				 else {
628
+//					str +=
629
+//					"<li class='work'><input class='radio' id='work5' name='works' type='radio' checked><div class='relative'>" +
630
+//					"<span class='date'>" + v.F_CreateTime +
631
+//					"</span><span class='circle'></span></div><div class='content'><p>" + v
632
+//					.F_Message+ "</p></div></li>"
633
+//				}
464 634
 
465 635
 			})
466 636
 			$('#timeline').html(str);

+ 472 - 0
WebChartNewest/js/workOrderBF.js

@@ -0,0 +1,472 @@
1
+//工单列表
2
+function workTable(KeyId,deptid,sourceId,PhoneType,keyword ,type,sourceArea,key,timetype,handling,source,dptype, date, Township, strworkid, stime, etime, isspecial, classification, time = 0, specialid) {
3
+	$('#orderTel').val('');
4
+	$('#orderKey').val('');
5
+	$('#orderId').val('');
6
+	$('#isresult').val('0');
7
+	$('.bulletFrameT').show();
8
+	$('.workList').show();
9
+	$('.workList').siblings().hide()
10
+	if ($('.bulletFrameT').css('display') == 'block') {
11
+		$('.body').css('opacity', '0.4')
12
+	}
13
+	$('.close_iconS').click(function() {
14
+		$('.bulletFrameT').hide();
15
+		$('.bulletFrame').show();
16
+		$('.workList').hide();
17
+		$('.timeSta_wrap').show();
18
+		$('.timeSta_wrap').siblings().hide()
19
+	})
20
+	
21
+	var param = {
22
+//				token: $.cookie("token"),
23
+//				page: params.pageNumber,
24
+//				pagesize: params.pageSize,
25
+				Township,
26
+				KeyId: KeyId,
27
+				deptid:deptid,
28
+				sourceId:sourceId,
29
+				PhoneType :PhoneType ,
30
+				keyword:keyword,
31
+				workid: strworkid,
32
+				stime,
33
+				etime,
34
+				isspecial,
35
+				date,
36
+				specialid,
37
+				type:type,
38
+				sourceArea:sourceArea,
39
+				classification,
40
+				time,
41
+				key:key,
42
+				timetype:timetype,
43
+				handling:handling,
44
+				source:source,
45
+				dptype:dptype
46
+			};
47
+	$.cookie("old_params", JSON.stringify(param))
48
+	initTable(param);
49
+	
50
+}
51
+
52
+function initTable(parm) {
53
+	
54
+	var tel = $('#orderTel').val();
55
+	var orderKey = $('#orderKey').val();
56
+	var orderId = $('#orderId').val();
57
+	var isresult = $('#isresult').val();
58
+	
59
+	if (!parm) parm = JSON.parse($.cookie("old_params"))
60
+	if (!parm.key) parm.key = orderKey;
61
+	if (!parm.workid) parm.workid = orderId;
62
+	parm.tel = tel;
63
+	parm.isresult = isresult || '1';
64
+	
65
+	//先销毁表格
66
+	$('.workListTable').bootstrapTable('destroy');
67
+	//初始化表格,动态从服务器加载数据
68
+	$('.workListTable').bootstrapTable({
69
+		method: "get", //使用get请求到服务器获取数据
70
+		// url: "http://192.168.8.9:1042/InfoNew/WorkOrdrList", //获取数据的Servlet地址
71
+		url:huayi.config.callcenter_url +"/InfoNew/WorkOrdrList", //获取数据的Servlet地址
72
+		contentType: "application/x-www-form-urlencoded",
73
+		striped: false, //表格显示条纹
74
+		pagination: true, //启动分页
75
+		pageSize: 10, //每页显示的记录数
76
+		pageNumber: 1, //当前第几页
77
+		pageList: [8, 16, 32, 64,128], //记录数可选列表
78
+		search: false, //是否启用查询
79
+		showColumns: false, //显示下拉框勾选要显示的列
80
+		showRefresh: false, //显示刷新按钮
81
+		sidePagination: "server", //表示服务端请求
82
+		//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
83
+		//设置为limit可以获取limit, offset, search, sort, order
84
+		queryParamsType: "undefined",
85
+		queryParams: function queryParams(params) { //设置查询参数
86
+			parm.token = $.cookie("token");
87
+			parm.page = params.pageNumber;
88
+			parm.pagesize= params.pageSize;
89
+			return parm;
90
+		},
91
+		responseHandler: function(res) {
92
+			//格式化数据
93
+			return {
94
+				"rows": res.rows, //数据
95
+				"total": res.total
96
+			};
97
+		},
98
+		onLoadSuccess: function(res) { //加载成功时执行
99
+		},
100
+		onLoadError: function() { //加载失败时执行
101
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
102
+		}
103
+	});
104
+}
105
+
106
+
107
+
108
+function examineList(deptid, tab, date) {
109
+	$('.bulletFrameT').show();
110
+	$('.workList').show();
111
+	$('.workList').siblings().hide()
112
+	if ($('.bulletFrameT').css('display') == 'block') {
113
+		$('.body').css('opacity', '0.4')
114
+	}
115
+	$('.close_iconS').click(function() {
116
+		$('.bulletFrameT').hide();
117
+		$('.bulletFrame').show();
118
+		$('.workList').hide();
119
+		$('.timeSta_wrap').show();
120
+		$('.timeSta_wrap').siblings().hide()
121
+	})
122
+	//先销毁表格
123
+	$('workListTable').bootstrapTable('destroy');
124
+	//初始化表格,动态从服务器加载数据
125
+	$('workListTable').bootstrapTable({
126
+		method: "get", //使用get请求到服务器获取数据
127
+		// url: "http://192.168.8.9:1042/InfoNew/WorkOrdrList", //获取数据的Servlet地址
128
+		url:huayi.config.callcenter_url +"/DataAssessment/GetEvaluationList", //获取数据的Servlet地址
129
+		contentType: "application/x-www-form-urlencoded",
130
+		striped: false, //表格显示条纹
131
+		pagination: true, //启动分页
132
+		pageSize: 10, //每页显示的记录数
133
+		pageNumber: 1, //当前第几页
134
+		pageList: [8, 16, 32, 64,128], //记录数可选列表
135
+		search: false, //是否启用查询
136
+		showColumns: false, //显示下拉框勾选要显示的列
137
+		showRefresh: false, //显示刷新按钮
138
+		sidePagination: "server", //表示服务端请求
139
+		//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
140
+		//设置为limit可以获取limit, offset, search, sort, order
141
+		queryParamsType: "undefined",
142
+		queryParams: function queryParams(params) { //设置查询参数
143
+			var param = {
144
+				token: $.cookie("token"),
145
+				page: params.pageNumber,
146
+				pagesize: params.pageSize,
147
+				date,
148
+				tab,
149
+//				KeyId: KeyId,
150
+				deptid:deptid,
151
+//				sourceId:sourceId,
152
+//				PhoneType :PhoneType ,
153
+//				keyword:keyword,
154
+//				type:type,
155
+//				sourceArea:sourceArea,
156
+//				key:key,
157
+//				timetype:timetype,
158
+//				handling:handling,
159
+//				source:source,
160
+//				dptype:dptype
161
+			};
162
+			return param;
163
+		},
164
+		responseHandler: function(res) {
165
+			//格式化数据
166
+			return {
167
+				"rows": res.rows, //数据
168
+				"total": res.total
169
+			};
170
+		},
171
+		onLoadSuccess: function(res) { //加载成功时执行
172
+		},
173
+		onLoadError: function() { //加载失败时执行
174
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
175
+		}
176
+	});
177
+}
178
+
179
+//退回工单
180
+function backWorkTable(deptid,type) {
181
+	$('.bulletFrameT').show();
182
+	$('.backWorkList').show();
183
+	$('.backWorkList').siblings().hide()
184
+	if ($('.bulletFrameT').css('display') == 'block') {
185
+		$('.body').css('opacity', '0.4')
186
+	}
187
+	if(type==0){
188
+		$('.backWorkList h2').text('安阳市12345热线退回工单列表')
189
+	}else{
190
+		$('.backWorkList h2').text('安阳市12345热线退回超期工单列表')
191
+	}
192
+	//先销毁表格
193
+	$('#backWorkList').bootstrapTable('destroy');
194
+	//初始化表格,动态从服务器加载数据
195
+	$('#backWorkList').bootstrapTable({
196
+		method: "get", //使用get请求到服务器获取数据
197
+		// url: "http://192.168.8.9:1042/InfoNew/WorkOrdrList", //获取数据的Servlet地址
198
+		url:huayi.config.callcenter_url +"/InfoNew/WorkBackOrdrList", //获取数据的Servlet地址
199
+		contentType: "application/x-www-form-urlencoded",
200
+		striped: false, //表格显示条纹
201
+		pagination: true, //启动分页
202
+		pageSize: 10, //每页显示的记录数
203
+		pageNumber: 1, //当前第几页
204
+		pageList: [8, 16, 32, 64,128], //记录数可选列表
205
+		search: false, //是否启用查询
206
+		showColumns: false, //显示下拉框勾选要显示的列
207
+		showRefresh: false, //显示刷新按钮
208
+		sidePagination: "server", //表示服务端请求
209
+		//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
210
+		//设置为limit可以获取limit, offset, search, sort, order
211
+		queryParamsType: "undefined",
212
+		queryParams: function queryParams(params) { //设置查询参数
213
+			var param = {
214
+				token: $.cookie("token"),
215
+				page: params.pageNumber,
216
+				pagesize: params.pageSize,
217
+				deptid:deptid,
218
+				type:type
219
+			};
220
+			return param;
221
+		},
222
+		responseHandler: function(res) {
223
+			//格式化数据
224
+			return {
225
+				"rows": res.rows, //数据
226
+				"total": res.total
227
+			};
228
+		},
229
+		onLoadSuccess: function(res) { //加载成功时执行
230
+		},
231
+		onLoadError: function() { //加载失败时执行
232
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
233
+		}
234
+	});
235
+}
236
+//列表操作
237
+function getformatter(v) {
238
+	// workStateAct = 2
239
+	return '<span class="workAct" onclick="btn_detail(\'' + v + '\')">' + v + '</span>'
240
+}
241
+function getWorkState(v, r) {
242
+	if (r.F_WorkState == 0) {
243
+		return "<span>新工单</span>";
244
+	} else if (r.F_WorkState == 1) {
245
+		return "<span>待交办</span>";
246
+	} else if (r.F_WorkState == 2) {
247
+		return "<span>待查收</span>";
248
+	} else if (r.F_WorkState == 3) {
249
+		return "<span>退回审核中</span>";
250
+	} else if (r.F_WorkState == 4) {
251
+		return "<span>办理中</span>";
252
+	} else if (r.F_WorkState == 5) {
253
+		return "<span>延时审核中</span>";
254
+	} else if (r.F_WorkState == 6) {
255
+		return "<span>已办理</span>";
256
+	} else if (r.F_WorkState == 7) {
257
+		return "<span>已回访</span>";
258
+	} else if (r.F_WorkState == 8) {
259
+		return "<span>重办中</span>";
260
+	} else if (r.F_WorkState == 9) {
261
+		return "<span>已结案</span>";
262
+	} else if (r.F_WorkState == 10) {
263
+		return "<span>待审核</span>";
264
+	} else if (r.F_WorkState == 11) {
265
+		return "<span>重办待交办</span>";
266
+	} else if (r.F_WorkState == 13) {
267
+		return "<span>重办驳回</span>";
268
+	}
269
+}
270
+function getDeptnameC(v) {
271
+	return "<span style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:150px;text-align: center;'>" +
272
+		v + "</span>"
273
+}
274
+function getProblem(v){
275
+	return "<div style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:150px;margin:0 auto;'>" +
276
+		v + "</div>"
277
+}
278
+function getformatterTitle(val) { 
279
+	return "<div style='display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:150px;margin:0 auto;'>" +
280
+	val + "</div>"
281
+ }
282
+//工单详情
283
+function btn_detail(id) {
284
+	detailId = id;
285
+	$('.bulletFrameT').show();
286
+	$('.workDetails').show();
287
+	$('.workDetails').siblings().hide()
288
+	if ($('.bulletFrameT').css('display') == 'block') {
289
+		$('.body').css('opacity', '0.4')
290
+	}
291
+	$('.btn_right').click(function() {
292
+		$('.workList').show();
293
+		$('.workList').siblings().hide()
294
+	})
295
+	$('.urgency').text(' ');
296
+	$('.workState').text(" ");
297
+	$('.acceptType').text(" ");
298
+	$('.isSecrecy').text(" ");
299
+	$('.workNo').text(' '); //工单编号
300
+	$('#files').text(' '); //工单编号
301
+	$('.acceptNumber').text(' '); //受理人工号
302
+	$('.acceptName').text(' '); //受理人
303
+	$('.contacts').text(' '); //来单联系人
304
+	$('.phone').text(' '); //联系号码
305
+	$('.contactInformation').text(' '); //联系方式
306
+	$('.contactAddress').text(' ');
307
+	$('.acceptChannel').text(' ');
308
+	$('.phoneType').text(' ');
309
+	$('.KeyName').text(' ');
310
+	$('.F_ComContent').text(' ');
311
+	$('.F_Content').text(' ');
312
+	$('.deptname').text(' ');
313
+	$('.AreaName').text(' ');
314
+	$('.F_ComTitle').text(' ');
315
+	$('.deptname').text(' ');
316
+	$('.F_Result').text(' ');
317
+	new doAjax({
318
+		url: huayi.config.callcenter_url + "/InfoNew/GetWorkOrder",
319
+		data: {
320
+			token: $.cookie("token"),
321
+			workorderid: id
322
+		},
323
+		Type: 'GET',
324
+		callBack: function(res) {
325
+			let data = res.data[0];
326
+			console.log('是否保密',data.F_IsProtect)
327
+			if (data.F_IsProtect == 0) {
328
+				$('.isSecrecy').text("否");
329
+			} else {
330
+				$('.isSecrecy').text("是");
331
+			}
332
+			let level; //紧急程度
333
+			for (i in data) {
334
+				if (data[i] == '' || data[i] == null) {
335
+					data[i] = '-'
336
+				}
337
+			}
338
+			if (data.F_Level == 1) {
339
+				$('.urgency').text('一般');
340
+			} else {
341
+				$('.urgency').text('严重');
342
+			}
343
+			if (data.F_WorkState == 0) {
344
+				$('.workState').text("新工单");
345
+			} else if (data.F_WorkState == 1) {
346
+				$('.workState').text("待交办");
347
+			} else if (data.F_WorkState == 2) {
348
+				$('.workState').text("待查收");
349
+			} else if (data.F_WorkState == 3) {
350
+				$('.workState').text("退回审核中");
351
+			} else if (data.F_WorkState == 4) {
352
+				$('.workState').text("办理中");
353
+			} else if (data.F_WorkState == 5) {
354
+				$('.workState').text("延时审核中");
355
+			} else if (data.F_WorkState == 6) {
356
+				$('.workState').text("已办理");
357
+			} else if (data.F_WorkState == 7) {
358
+				$('.workState').text("已回访");
359
+			} else if (data.F_WorkState == 8) {
360
+				if (data.F_Identification === 0) {
361
+					$('.workState').text("重置转发");
362
+				} else if (data.F_Identification === 1) {
363
+					$('.workState').text("退回重办");
364
+				} else {
365
+					$('.workState').text("重办中");
366
+				}
367
+			} else if (data.F_WorkState == 9) {
368
+				$('.workState').text("已结案");
369
+			} else if (data.F_WorkState == 10) {
370
+				$('.workState').text("待审核");
371
+			} else if (data.F_WorkState == 11) {
372
+				$('.workState').text("重办待交办");
373
+			} else if (data.F_WorkState == 13) {
374
+				$('.workState').text("重办驳回");
375
+			}
376
+
377
+			if (data.F_IsResult == 0) {
378
+				$('.acceptType').text("网络转办");
379
+			} else {
380
+				$('.acceptType').text("当即办理");
381
+			}
382
+			$('.workNo').text(data.F_WorkOrderId); //工单编号
383
+			$('.acceptNumber').text(data.F_CreateUser); //受理人工号
384
+			$('.acceptName').text(data.UserName); //受理人
385
+			$('.contacts').text(data.F_CusName); //来单联系人
386
+			$('.phone').text(data.F_CusPhone); //联系号码
387
+			$('.contactInformation').text(data.F_ConPhone); //联系方式
388
+			$('.contactAddress').text(data.F_CusAddress);
389
+			$('.acceptChannel').text(data.SourceName);
390
+			$('.phoneType').text(data.TypeName1);
391
+			$('.KeyName').text(data.KeyName);
392
+			$('.F_ComContent').text(data.F_ComContent);
393
+			$('.F_Content').text(data.F_Content);
394
+			$('.deptname').text(data.deptname);
395
+			$('.AreaName').text(data.AreaName);
396
+			$('.F_ComTitle').text(data.F_ComTitle);
397
+			$('.deptname').text(data.deptname);
398
+			$('.F_Result').text(data.F_Result);
399
+			
400
+			if (data.File && data.File.length > 0) {
401
+				var str = '';
402
+				data.File.forEach((o) => {
403
+					if (['.png', '.jpg', '.jpeg'].includes(o.F_FileType.toLowerCase())) {
404
+						str += '<image style="width: 60px;height: 60px;" src="'+ o.F_FileUrl +'" onclick="imageShow(\'' + o.F_FileUrl + '\')"/>';
405
+						
406
+					} else {
407
+						str += '<a href="'+ o.F_FileUrl +'" target=“_blank” style="color: #FFFFFF;margin-right: 10px;">'+ o.F_FileName +'</a>';
408
+					}
409
+				})
410
+				
411
+				$('#files').append(str);
412
+			}
413
+			
414
+		}
415
+	});
416
+}
417
+
418
+function imageShow(src) {
419
+	layer.open({
420
+    type: 1,
421
+    title: false,
422
+    closeBtn: 0,
423
+    zIndex: 99999999999,
424
+    area: '600px',
425
+    skin: 'layui-layer-nobg', // 没有背景色的class
426
+    shadeClose: true,
427
+    content: '<img src="' + src + '" alt="图片预览" style="display:block;height:100%;width:100%;">'
428
+  });
429
+}
430
+//工单流程
431
+function getClick() {
432
+	$('#timeline').html('');
433
+	$('.bulletFrameT').show();
434
+	$('.workProcedure').show();
435
+	$('.workProcedure').siblings().hide()
436
+	if ($('.bulletFrameT').css('display') == 'block') {
437
+		$('.body').css('opacity', '0.4')
438
+	}
439
+	new doAjax({
440
+		url: huayi.config.callcenter_url + "InfoNew/GetWorkOrderProcess",
441
+		data: {
442
+			token: $.cookie("token"),
443
+			workorderid: detailId
444
+		},
445
+		Type: 'GET',
446
+		callBack: function(res) {
447
+			let str = '';
448
+			res.data.forEach(function(v, n) {
449
+				if (v.F_Message.indexOf('市民短信评议')>=0 || v.F_Message.indexOf('市民微信评议')>=0 || v.F_Message.indexOf('市民网站评议')>=0) {
450
+					str +=
451
+					"<li class='work'><input class='radio' id='work5' name='works' type='radio' checked><div class='relative'>" +
452
+					"<span class='date'>" + v.F_CreateTime +
453
+					"</span><span class='circle'></span></div><div class='content'><p onclick=\"messageClick(this, '"+v
454
+					.F_Message+"')\">市民已评议</p></div></li>"
455
+				} else {
456
+					str +=
457
+					"<li class='work'><input class='radio' id='work5' name='works' type='radio' checked><div class='relative'>" +
458
+					"<span class='date'>" + v.F_CreateTime +
459
+					"</span><span class='circle'></span></div><div class='content'><p>" + v
460
+					.F_Message+ "</p></div></li>"
461
+				}
462
+				
463
+
464
+			})
465
+			$('#timeline').html(str);
466
+		}
467
+	});
468
+}
469
+
470
+function messageClick(that, mssage) {
471
+	$(that).html(mssage)
472
+}