Procházet zdrojové kódy

add:增加显示到大屏功能

weieryang před 1 rokem
rodič
revize
bf26401299

+ 30 - 6
WebUI/CallCenterWeb.UI/spManage/editTheme.html

@@ -99,15 +99,14 @@
99 99
 					<span>【基础信息】</span>
100 100
 					<div class="box_content">
101 101
 						<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
102
-							<tr class="theme">
102
+							<!--<tr class="theme">
103 103
 								<th>类型:</th>
104 104
 								<td>
105 105
 									<select class="select" id="types">
106
-										<!--<option value="1">周主题</option>-->
107 106
 										<option value="2">月主题</option>
108 107
 									</select>
109 108
 								</td>
110
-							</tr>
109
+							</tr>-->
111 110
 							<tr class="theme">
112 111
 								<th>周期:</th>
113 112
 								<td style="position: relative;">
@@ -127,6 +126,12 @@
127 126
 									<input type="text" id="name" style="margin-top: 5px;" />
128 127
 								</td>
129 128
 							</tr>
129
+							<tr class="theme">
130
+								<th>大屏展示:</th>
131
+								<td>
132
+									<input type="checkbox" id="isdisplay">
133
+								</td>
134
+							</tr>
130 135
 
131 136
 						</table>
132 137
 					</div>
@@ -141,6 +146,7 @@
141 146
 			var type = helper.request.queryString("type");
142 147
 			var themeid = helper.request.queryString("themeid");
143 148
 			var info = null;
149
+			var themeType = helper.request.queryString("themeType");
144 150
 
145 151
 			function getWeekStr(str) {
146 152
 				// 将字符串转为标准时间格式
@@ -183,7 +189,9 @@
183 189
 
184 190
 				document.getElementById('cycle').addEventListener('focus', function() {
185 191
 					$('#week-picker').val('');
186
-					if($('#types').val() == 1) {
192
+					console.log(themeType, 'themeType')
193
+					if(themeType == 1) {
194
+						console.log(1, 'themeType')
187 195
 						// 初始化日期选择器
188 196
 						laydate.render({
189 197
 							elem: '#week-picker', // 指定元素
@@ -233,17 +241,32 @@
233 241
 							info = content;
234 242
 
235 243
 							$("#name").val(content.F_Name);
236
-							$("#types").val(content.F_TypesOf);
244
+//							$("#types").val(content.F_TypesOf);
237 245
 							$("#cycle").val(content.F_Cycle);
238 246
 							$("#time").val(content.F_StatisticsBeginTime + ' - ' + content.F_StatisticsEndTime );
247
+							
248
+							if (content.F_IsDisplay) {
249
+								$("#isdisplay").prop("checked",true)
250
+							} else {
251
+								$("#isdisplay").prop("checked",false)
252
+							}
239 253
 						}
240 254
 					})
241 255
 				}
242 256
 				$(".addts").click(function() {
243 257
 
244 258
 					var name = $("#name").val();
245
-					var types = $("#types").val();
259
+					var types = themeType; //$("#types").val();
246 260
 					var cycle = $("#cycle").val();
261
+					var isdisplay = 0;
262
+					
263
+					if ($('#isdisplay')[0].checked) {
264
+						isdisplay = 1;
265
+					}
266
+					
267
+					console.log('isdisplay', isdisplay)
268
+					
269
+//					return;
247 270
 
248 271
 					if(!name) {
249 272
 						layer.confirm('请输入名称!', {
@@ -291,6 +314,7 @@
291 314
 						type,
292 315
 						cycle,
293 316
 						types,
317
+						isdisplay,
294 318
 						parentid,
295 319
 						statisticsBeginTime: startTime,
296 320
 						statisticsEndTime: endTime,

+ 38 - 10
WebUI/CallCenterWeb.UI/spManage/theme.html

@@ -86,6 +86,7 @@
86 86
 			</div>
87 87
 			<div class="treeTable clearfix">
88 88
 				<div class="tree col-md-3">
89
+					
89 90
 					<div class="trTitle"> 月主题</div>
90 91
 					<div class="treeCon">
91 92
 						<ul id="treeDemo" class="ztree">
@@ -94,7 +95,7 @@
94 95
 					</div>
95 96
 				</div>
96 97
 				<div class="tableCon col-md-9">
97
-					<div class="trTitle">主题分类 <span id="time" style="color: darkgray;font-size: 14px;"></span>
98
+					<div class="trTitle">主题分类  <span id="time" style="color: darkgray;font-size: 14px;"></span>
98 99
 
99 100
 					</div>
100 101
 					<div class="layui-tab layui-tab-brief">
@@ -113,7 +114,8 @@
113 114
 								<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
114 115
 									<thead>
115 116
 										<tr>
116
-											<th data-field="F_Name" data-align="center">分类名称</th>
117
+											<th data-field="F_Name" data-align="center" data-formatter="Cr">序号</th>
118
+											<th data-field="F_Name" data-align="left">分类名称</th>
117 119
 											<th data-field="F_CreateTime" data-align="center">创建时间</th>
118 120
 											<th data-field="F_ID" data-formatter="Dispose" data-align="center">操作</th>
119 121
 										</tr>
@@ -250,6 +252,11 @@
250 252
 				});
251 253
 
252 254
 			})
255
+			
256
+			function Cr(val, row, index) {
257
+            return index + 1;
258
+
259
+        }
253 260
 
254 261
 			function getProp(id) {
255 262
 				// 获取占比
@@ -438,11 +445,12 @@
438 445
 			}
439 446
 
440 447
 			$(".add").click(function() {
448
+				console.log('123123')
441 449
 				layer.open({
442 450
 					type: 2,
443
-					content: "editTheme.html?type=1", //iframe的url,no代表不显示滚动条
451
+					content: "editTheme.html?type=1&themeType=2", //iframe的url,no代表不显示滚动条
444 452
 					title: '新增主题',
445
-					area: ['30%', '80%'], //宽高
453
+					area: ['50%', '80%'], //宽高
446 454
 					end: function() {
447 455
 						bindtree();
448 456
 //						initTable();
@@ -457,7 +465,7 @@
457 465
 					type: 2,
458 466
 					content: "editTheme.html?type=2&themeid=" + selectThemeId, //iframe的url,no代表不显示滚动条
459 467
 					title: '新增分类',
460
-					area: ['40%', '50%'], //宽高
468
+					area: ['50%', '50%'], //宽高
461 469
 					end: function() {
462 470
 						console.log('关闭')
463 471
 						initTable();
@@ -472,9 +480,9 @@
472 480
 				}
473 481
 				layer.open({
474 482
 					type: 2,
475
-					content: "editTheme.html?type=1&id=" + selectThemeId, //iframe的url,no代表不显示滚动条
483
+					content: "editTheme.html?type=1&themeType=2&id=" + selectThemeId, //iframe的url,no代表不显示滚动条
476 484
 					title: '修改主题',
477
-					area: ['30%', '80%'], //宽高
485
+					area: ['50%', '80%'], //宽高
478 486
 					end: function() {
479 487
 
480 488
 						bindtree();
@@ -727,8 +735,8 @@
727 735
 					queryParams: function queryParams(params) {
728 736
 						//设置查询参数
729 737
 						var param = {
730
-							page: params.pageNumber,
731
-							pagesize: params.pageSize,
738
+							page: 1,
739
+							pagesize: 200,
732 740
 							token: $.cookie("token"),
733 741
 							type: 2,
734 742
 							parentid: id,
@@ -862,6 +870,10 @@
862 870
 								callback: {
863 871
 									onClick: zTreeOnClick,
864 872
 								},
873
+								view: {
874
+									nameIsHTML: true, 
875
+									fontCss: setFontCss_ztree
876
+								}
865 877
 							}, rows);
866 878
 
867 879
 							var zTreeObj = $.fn.zTree.getZTreeObj("treeDemo");
@@ -869,6 +881,10 @@
869 881
 							var node = zTreeObj.getNodeByParam("F_ID", rows[0].F_ID);
870 882
 
871 883
 							zTreeObj.selectNode(node, '', true);
884
+//							node.highlight = true;
885
+							
886
+							zTreeObj.updateNode(node);
887
+
872 888
 
873 889
 							// 默认点击第一个
874 890
 							zTreeOnClick(null, null, {
@@ -882,7 +898,19 @@
882 898
 					}
883 899
 				);
884 900
 			}
885
-
901
+     function setFontCss_ztree(treeId, treeNode) {
902
+     	console.log(treeNode, 'treeNode')
903
+         if (treeNode.F_IsDisplay) {
904
+             //根节点
905
+             return { color: "red", "font-weight": "bold" };
906
+        } else if (treeNode.isParent == false) {
907
+             //叶子节点
908
+             return (!!treeNode.highlight) ? { color: "#ff0000", "font-weight": "bold" } : { color: "#000", "font-weight": "normal" };
909
+         } else {
910
+             //父节点
911
+             return (!!treeNode.highlight) ? { color: "#ff0000", "font-weight": "bold" } : { color: "#333", "font-weight": "normal" };
912
+         }
913
+     }
886 914
 			function zTreeOnClick(event, treeId, treeNode) {
887 915
 				selectThemeId = treeNode.F_ID
888 916
 				selectTreeNode = treeNode

+ 933 - 0
WebUI/CallCenterWeb.UI/spManage/weekTheme.html

@@ -0,0 +1,933 @@
1
+<!DOCTYPE html>
2
+<html>
3
+
4
+	<head>
5
+		<meta charset="UTF-8">
6
+		<script src="../Script/Common/huayi.load.js"></script>
7
+		<script src="../Script/Common/huayi.config.js"></script>
8
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
9
+		<link rel="stylesheet" href="../css/init.css" />
10
+		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
11
+		<link rel="stylesheet" href="./css/yongHuManger.css" />
12
+		<!--<link rel="stylesheet" href="../js/layui/css/layui.css">-->
13
+		<link rel="stylesheet" href="../css/layui/css/layui.css" />
14
+		
15
+		<title>主题管理</title>
16
+		<style>
17
+			.toolRight input {
18
+				width: 100%;
19
+				height: 36px;
20
+			}
21
+			
22
+			.toolRight {
23
+				position: relative;
24
+				line-height: 30px;
25
+			}
26
+			
27
+			.toolRight .tooldiv1 {
28
+				/* position: absolute; */
29
+				display: inline-block;
30
+				margin-right: 10px;
31
+				vertical-align: top;
32
+			}
33
+			
34
+			#characterSelect {
35
+				width: 170px;
36
+				height: 36px;
37
+				border: 2px solid rgb(235, 235, 235);
38
+			}
39
+			
40
+			.model select {
41
+				width: 200px;
42
+				height: 27px;
43
+			}
44
+			
45
+			.xg {
46
+				color: #337ab7;
47
+			}
48
+			
49
+			.btns {
50
+				background: #00a1cb;
51
+				color: #fff;
52
+				padding: 1px 18px;
53
+				outline: none;
54
+				/* font-size: 14px; */
55
+				margin-left: 15px;
56
+				border: 0;
57
+				border-radius: 3px;
58
+				box-sizing: border-box;
59
+				cursor: pointer;
60
+				vertical-align: middle;
61
+			}
62
+		</style>
63
+	</head>
64
+
65
+	<body class="gray-bg">
66
+		<div class="container-fluid wrapper-content animated fadeInRight">
67
+			<div class="daoHang clearfix">
68
+				<div class="dhLeft">
69
+					<sapn><i class="syIcon"></i>位置:
70
+						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
71
+						<a href="javaScript:;">主题管理</a>&gt;
72
+						<a href="" class="nowPosition">主题管理</a>
73
+					</sapn>
74
+				</div>
75
+				<div class="dhRight">
76
+					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>
77
+				</div>
78
+			</div>
79
+			<div class="toolBar clearfix">
80
+				<div class="toolLeft">
81
+					<button class="btns add">添加主题</button>
82
+					<button class="btns change">修改主题</button>
83
+					<button class="btns del">删除主题</button>
84
+				</div>
85
+
86
+			</div>
87
+			<div class="treeTable clearfix">
88
+				<div class="tree col-md-3">
89
+					
90
+					<div class="trTitle"> 周主题</div>
91
+					<div class="treeCon">
92
+						<ul id="treeDemo" class="ztree">
93
+							<!--类名为ztree是必须的-->
94
+						</ul>
95
+					</div>
96
+				</div>
97
+				<div class="tableCon col-md-9">
98
+					<div class="trTitle">主题分类  <span id="time" style="color: darkgray;font-size: 14px;"></span>
99
+
100
+					</div>
101
+					<div class="layui-tab layui-tab-brief">
102
+						<ul class="layui-tab-title">
103
+							<li class="layui-this">分类管理</li>
104
+							<li>样本池</li>
105
+							<li>分类占比</li>
106
+							<!--<li>商品管理</li>
107
+							<li>订单管理</li>-->
108
+						</ul>
109
+						<div class="layui-tab-content" style="height: 100px;">
110
+							<div class="layui-tab-item layui-show">
111
+								<div class="toolRight">
112
+									<button id="addClassBut" hidden="hidden" class="btns addclass" style="margin-bottom: 10px;">添加分类</button>
113
+								</div>
114
+								<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
115
+									<thead>
116
+										<tr>
117
+											<th data-field="F_Name" data-align="center" data-formatter="Cr">序号</th>
118
+											<th data-field="F_Name" data-align="left">分类名称</th>
119
+											<th data-field="F_CreateTime" data-align="center">创建时间</th>
120
+											<th data-field="F_ID" data-formatter="Dispose" data-align="center">操作</th>
121
+										</tr>
122
+									</thead>
123
+								</table>
124
+							</div>
125
+							<div class="layui-tab-item">
126
+
127
+								<div class="toolRight">
128
+									<div class="layui-form-item">
129
+
130
+										<div class="layui-inline">
131
+											<label class="layui-form-label" style="width: 100px;">工单编号</label>
132
+											<div class="layui-input-inline" style="width: 200px;">
133
+												<input type="text" id="orderId" autocomplete="off" class="layui-input">
134
+											</div>
135
+										</div>
136
+
137
+										<div class="layui-inline">
138
+											<label class="layui-form-label" style="width: 100px;">工单内容</label>
139
+											<div class="layui-input-inline" style="width: 200px;">
140
+												<input type="text" id="orderContent" autocomplete="off" class="layui-input">
141
+											</div>
142
+										</div>
143
+										<div class="layui-inline">
144
+											<label class="layui-form-label" style="width: 100px;">主题分类</label>
145
+											<div class="layui-input-inline" style="width: 200px;">
146
+																					<select name="" id="orderClass" class="form-control">
147
+											
148
+										</select>
149
+											</div>
150
+										</div>
151
+										<div class="layui-inline">
152
+											<label class="layui-form-label" style="width: 100px;">是否典型</label>
153
+											<div class="layui-input-inline" style="width: 200px;">
154
+																					<select name="" id="orderRep" class="form-control">
155
+											<option selected="selected" value="">
156
+												请选择
157
+											</option>
158
+											<option value="0">否</option>
159
+											<option value="1">是</option>
160
+											
161
+										</select>
162
+											</div>
163
+										</div>
164
+										<div class="layui-inline">
165
+											<button id="searchOrder" class="btns" style="margin-bottom: 10px;">查询</button>
166
+											<button id="exportOrder" class="btns" style="margin-bottom: 10px;">导出工单</button>
167
+											<button id="addOrder" class="btns" style="margin-bottom: 10px;">添加工单</button>
168
+										</div>
169
+
170
+									</div>
171
+									<!--<button id="addOrder" class="btns" style="margin-bottom: 10px;">导出工单</button>
172
+									<button id="addOrder" class="btns" style="margin-bottom: 10px;">添加工单</button>-->
173
+								</div>
174
+								<table id="workorder" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
175
+									<thead>
176
+										<tr>
177
+											<th data-field="F_WorkOrderId" data-formatter="View" data-align="center">工单单号</th>
178
+											<th data-field="F_ComTitle" data-formatter="GetCont" data-align="center">诉求标题</th>
179
+											<th data-field="F_ComContent" data-formatter="GetCont" data-align="center">来电内容</th>
180
+											<th data-field="DeptName" data-align="center">承办单位</th>
181
+											<!--<th data-field="UserName" data-align="center">受理人</th>-->
182
+											<th data-field="F_WorkState" data-align="center" data-formatter="States">办理状态</th>
183
+											<!--<th data-field="OverState" data-formatter="OverTime" data-align="center">时限</th>
184
+											<th data-field="LimitTime" data-formatter="BanTime" data-align="center">办理时限</th>-->
185
+											<th data-field="F_Result" data-formatter="GetCont" data-align="center">办理结果</th>
186
+											<th data-field="F_ID" data-formatter="PoolDispose" data-align="center">操作</th>
187
+										</tr>
188
+									</thead>
189
+								</table>
190
+							</div>
191
+							<div class="layui-tab-item">
192
+								<form class="layui-form" lay-filter="zb">
193
+									<div class="layui-form-item">
194
+										<label class="layui-form-label" style="width: 100px;">反应类别</label>
195
+										<div class="layui-input-block">
196
+											<select id="fylb" lay-filter="fylb" lay-verify="required">
197
+											</select>
198
+										</div>
199
+									</div>
200
+									<div class="layui-form-item">
201
+										<label class="layui-form-label">占比</label>
202
+										<div class="layui-input-block" style="line-height: 36px;">
203
+											<span id="proporation"></span>
204
+										</div>
205
+									</div>
206
+									<div class="layui-form-item">
207
+
208
+									</div>
209
+								</form>
210
+								<div class="layui-input-block">
211
+									<button class="layui-btn" onclick="save()">保存</button>
212
+								</div>
213
+							</div>
214
+
215
+						</div>
216
+					</div>
217
+
218
+				</div>
219
+			</div>
220
+
221
+		</div>
222
+
223
+		<script src="../js/jquery.md5.js"></script>
224
+		<script src="../css/laydate/laydate.js"></script>
225
+		<script src="../css/layer/layer.js"></script>
226
+		<script src="../js/layui/layui.js"></script>
227
+		
228
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
229
+		<script src="../js/comboSelect/jquery.combo.select.js"></script>
230
+		<script src="../js/WorkOrder/orderListOperation.js"></script>
231
+		<script src="../js/WorkOrder/WorkOrderList.js"></script>
232
+
233
+		<script>
234
+			var table = $("#table1"); //右边表格
235
+			var orderTable = $("#workorder"); //右边表格
236
+			var selectThemeId = '';
237
+			var selectTreeNode;
238
+			$(document).ready(function() {
239
+
240
+				bindtree();
241
+				//				initTable();
242
+				//				initOrderTable();
243
+
244
+				layui.form.on('select(fylb)', function(data) {
245
+					//					console.log(data.elem); //得到select原始DOM对象
246
+					//					console.log(data.value); //得到被选中的值
247
+					//					console.log(data.othis); //得到美化后的DOM对象
248
+					$('#proporation').text('');
249
+					if(data.value) {
250
+						getProp(data.value);
251
+					}
252
+				});
253
+
254
+			})
255
+			
256
+			function Cr(val, row, index) {
257
+            return index + 1;
258
+
259
+        }
260
+
261
+			function getProp(id) {
262
+				// 获取占比
263
+				$.getJSON(
264
+					huayi.config.callcenter_url + "Theme/Proportion", {
265
+						token: $.cookie("token"),
266
+						id: selectThemeId,
267
+						keyid: id,
268
+					},
269
+					function(result) {
270
+						if(result.state.toLowerCase() == "success") {
271
+							$('#proporation').text(result.data.Proportion);
272
+
273
+						}
274
+					}
275
+				);
276
+			}
277
+
278
+			function save() {
279
+				console.log('sava')
280
+				var keyId = $('#fylb').val();
281
+				if(!keyId) {
282
+					layer.confirm('请选择反应类别!', {
283
+						btn: ['确定']
284
+					});
285
+					return;
286
+				}
287
+
288
+				$.post(huayi.config.callcenter_url + 'Theme/Proportion', {
289
+					id: selectThemeId,
290
+					Proportion: keyId,
291
+					"token": $.cookie("token")
292
+				}, function(result) {
293
+					result = $.parseJSON(result);
294
+					if(result.state.toLowerCase() == "success") {
295
+						layer.msg("操作成功");
296
+					}
297
+				})
298
+			}
299
+
300
+			//状态
301
+			function States(val, row) {
302
+				var html = "";
303
+				switch(val + "") {
304
+					case "0":
305
+						html = "新工单";
306
+						if(row.F_IsReturn == 1) {
307
+							html = "新工单(回退)";
308
+						}
309
+						break;
310
+					case "1":
311
+						html = "待交办";
312
+						break;
313
+					case "2":
314
+						html = '<span style="color:#FF0000;">待查收</span>';
315
+						break;
316
+					case "3":
317
+						html = "退回审核中";
318
+						break;
319
+					case "4":
320
+						html = "办理中";
321
+						break;
322
+					case "5":
323
+						html = "延时审核";
324
+						break;
325
+					case "6":
326
+						if(row.F_IsProtect === 2 || row.F_IsProtect === 3) {
327
+							html = "已办未果"
328
+						} else {
329
+							html = "已办理";
330
+						}
331
+						break;
332
+					case "7":
333
+						html = "待回访";
334
+						break;
335
+					case "8":
336
+						if(row.F_Identification === 0) {
337
+							html = "重置转发";
338
+						} else if(row.F_Identification === 1) {
339
+							html = "退回重办";
340
+						} else {
341
+							html = "重办中";
342
+						}
343
+						break;
344
+					case "9":
345
+						html = "已结案";
346
+						break;
347
+					case "10":
348
+						html = "待审核";
349
+						break;
350
+					case "11":
351
+						html = "重办待交办";
352
+						break;
353
+						//              case '12':
354
+						//                  html = '待审核';
355
+						//                  break;
356
+					case "13":
357
+						html = "重办驳回";
358
+						break;
359
+				}
360
+				return html;
361
+			}
362
+
363
+			function GetCont(val) {
364
+				if(val) {
365
+					var str = "<div ";
366
+					if(val.length > 10) {
367
+						str = str + ' title="' + val + '" ';
368
+						val = val.substr(0, 10) + "...";
369
+					}
370
+					return str + ">" + val + "</div>";
371
+				} else {
372
+					return "";
373
+				}
374
+			}
375
+			//时限
376
+			function OverTime(val, row) {
377
+				if(val == 1) {
378
+					return(
379
+						'<div class="" style="cursor: pointer;">' +
380
+						'<span class="Greens">' +
381
+						row.GapTime +
382
+						"</span>" +
383
+						"</div>"
384
+					);
385
+				} else if(val == 2) {
386
+					return(
387
+						'<div class="" style="cursor: pointer;">' +
388
+						'<span class="Yellows">' +
389
+						row.GapTime +
390
+						"</span>" +
391
+						"</div>"
392
+					);
393
+				} else if(val == 3) {
394
+					return(
395
+						'<div class="" style="cursor: pointer;">' +
396
+						'<span class="Reds">' +
397
+						row.GapTime +
398
+						"</span>" +
399
+						"</div>"
400
+					);
401
+				}
402
+			}
403
+			//办理时限
404
+			function BanTime(val) {
405
+				if(val) {
406
+					var time = val.substring(0, val.indexOf(" "));
407
+					return(
408
+						'<div class="" style="cursor: pointer;">' +
409
+						"<span>" +
410
+						time +
411
+						"</span>" +
412
+						"</div>"
413
+					);
414
+				}
415
+			}
416
+
417
+			function getDicValueList(treeNode) {
418
+				$.getJSON(
419
+					huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
420
+						token: $.cookie("token"),
421
+						id: 3,
422
+					},
423
+					function(result) {
424
+						if(result.state.toLowerCase() == "success") {
425
+
426
+							console.log(treeNode, 'treeNode')
427
+							var trees = result.data;
428
+							var treeStr = '<option value="">请选择</option>';
429
+							if(trees.length > 0) {
430
+								trees.forEach((o) => {
431
+									treeStr += '<option value="' + o.F_ValueId + '" ' + (treeNode.F_Proportion == o.F_ValueId ? 'selected=""' : '') + '>' + o.F_Value + '</option>';
432
+								})
433
+							}
434
+
435
+							$("#fylb").append(treeStr);
436
+							layui.form.render("select");
437
+
438
+							if(treeNode && treeNode.F_Proportion) {
439
+								getProp(treeNode.F_Proportion);
440
+							}
441
+
442
+						}
443
+					}
444
+				);
445
+			}
446
+
447
+			$(".add").click(function() {
448
+				layer.open({
449
+					type: 2,
450
+					content: "editTheme.html?type=1&themeType=1", //iframe的url,no代表不显示滚动条
451
+					title: '新增主题',
452
+					area: ['50%', '80%'], //宽高
453
+					end: function() {
454
+						bindtree();
455
+//						initTable();
456
+//						initOrderTable();
457
+					}
458
+				});
459
+			});
460
+
461
+			$(".addclass").click(function() {
462
+
463
+				layer.open({
464
+					type: 2,
465
+					content: "editTheme.html?type=2&themeid=" + selectThemeId, //iframe的url,no代表不显示滚动条
466
+					title: '新增分类',
467
+					area: ['50%', '50%'], //宽高
468
+					end: function() {
469
+						console.log('关闭')
470
+						initTable();
471
+					}
472
+				});
473
+			});
474
+
475
+			$(".change").click(function() {
476
+				if(!selectThemeId) {
477
+					layer.msg("请选择要修改的数据");
478
+					return;
479
+				}
480
+				layer.open({
481
+					type: 2,
482
+					content: "editTheme.html?type=1&themeType=1&id=" + selectThemeId, //iframe的url,no代表不显示滚动条
483
+					title: '修改主题',
484
+					area: ['50%', '80%'], //宽高
485
+					end: function() {
486
+
487
+						bindtree();
488
+					}
489
+				});
490
+
491
+			});
492
+			
493
+			$('#exportOrder').click(function() {
494
+//				$.getJSON(
495
+//					huayi.config.callcenter_url + "SamplePool/GetSampleList", {
496
+//						token: $.cookie("token"),
497
+//							workid: $('#orderId').val(),
498
+//							ComContent: $('#orderContent').val(),
499
+//							classification: $('#orderClass').val(),
500
+//							istypical: $('#orderRep').val(),
501
+//							isdc: 1,
502
+//
503
+//							specialid: selectThemeId,
504
+//					},
505
+//					function(result) {
506
+//						
507
+//					}
508
+//				);
509
+				
510
+				var url =
511
+                huayi.config.callcenter_url +
512
+                "SamplePool/GetSampleList?token=" +
513
+                $.cookie("token") +
514
+                "&isdc=1";
515
+            url +=
516
+                "&workid=" +
517
+                $('#orderId').val() +
518
+                "&ComContent=" +
519
+                $('#orderContent').val() +
520
+                "&classification=" +
521
+                $('#orderClass').val() +
522
+                "&istypical=" +
523
+                $('#orderRep').val() +
524
+                "&specialid=" +
525
+                $('#orderRep').val();
526
+            window.location.href = url;
527
+			})
528
+
529
+			$('#searchOrder').click(function() {
530
+				initOrderTable();
531
+			});
532
+
533
+			$('#addOrder').click(function() {
534
+				if(!selectThemeId) {
535
+					layer.msg("请选择要主题");
536
+					return;
537
+				}
538
+
539
+				var str = '';
540
+				if(selectTreeNode.F_StatisticsBeginTime) {
541
+					str += '&startTime=' + selectTreeNode.F_StatisticsBeginTime;
542
+				}
543
+				if(selectTreeNode.F_StatisticsEndTime) {
544
+					str += '&endTime=' + selectTreeNode.F_StatisticsEndTime;
545
+				}
546
+
547
+				layer.open({
548
+					type: 2,
549
+					content: "workorder.html?id=" + selectThemeId + str, //iframe的url,no代表不显示滚动条
550
+					title: '获取对应工单列表',
551
+					area: ['80%', '60%'], //宽高
552
+					end: function() {
553
+						console.log('关闭')
554
+						initOrderTable();
555
+					}
556
+				});
557
+			})
558
+
559
+			$(".del").click(function() {
560
+				if(!selectThemeId) {
561
+					layer.msg("请选择要删除的数据");
562
+					return;
563
+				}
564
+
565
+				layer.confirm('确定删除该主题吗?', function(index) {
566
+
567
+					$.post(huayi.config.callcenter_url + 'Theme/DelModel', {
568
+						ids: selectThemeId,
569
+						"token": $.cookie("token")
570
+					}, function(result) {
571
+						result = $.parseJSON(result);
572
+						if(result.state.toLowerCase() == "success") {
573
+							layer.msg("操作成功");
574
+							bindtree();
575
+							layer.close(index);
576
+						}
577
+					})
578
+
579
+				});
580
+
581
+			});
582
+
583
+			function Dispose(val, row) {
584
+				return '<div class="imgs" >' +
585
+					'<a class="xg" onclick="xg(' + row.F_ID + ')">编辑</a>' +
586
+					'<a class="xg" onclick="remove(' + row.F_ID + ')">删除</a>' + '<a class="xg" onclick="getKeys(' + row.F_ID + ')">关键词 </a>' +
587
+					'</div>';
588
+			}
589
+
590
+			function PoolDispose(val, row) {
591
+				var optionStr = '<div class="imgs" ><a class="xg" onclick="delPool(\'' + row.F_WorkOrderId + '\')">移除</a>';
592
+
593
+				if(row.Theme && row.Theme.length > 0) {
594
+					optionStr += '<a class="xg" onclick="updateClass(\'' + row.F_WorkOrderId + '\')">变更</a>';
595
+				} else {
596
+					optionStr += '<a class="xg" onclick="transDispatch(\'' + row.F_WorkOrderId + '\')")">转调度</a>';
597
+				}
598
+
599
+				optionStr += '</div>';
600
+
601
+				return optionStr;
602
+
603
+				//				return '<div class="imgs" >' +
604
+				//					'<a class="xg" onclick="xg(' + row.F_ID + ')">编辑</a>' +
605
+				//					'<a class="xg" onclick="remove(' + row.F_ID + ')">移除</a>' + '<a class="xg" onclick="getKeys(' + row.F_ID + ')">关键词 </a>' +
606
+				//					'</div>';
607
+			}
608
+
609
+			// 转调度
610
+			function transDispatch(id) {
611
+				layer.open({
612
+					type: 2,
613
+					content: "../CommonHtml/reschedule.html?wid=" + id + '&themeid=' + selectThemeId, //iframe的url,no代表不显示滚动条
614
+					title: "转调度",
615
+					area: ["30%", "50%"], //宽高
616
+					shade: 0,
617
+					end: function() {
618
+						initOrderTable()
619
+					}
620
+				});
621
+			}
622
+
623
+			//变更分类
624
+			function updateClass(id) {
625
+
626
+				layer.open({
627
+					type: 2,
628
+					content: "../CommonHtml/reschedule.html?wid=" + id + '&themeid=' + selectThemeId, //iframe的url,no代表不显示滚动条
629
+					title: "转调度",
630
+					area: ["30%", "50%"], //宽高
631
+					shade: 0,
632
+					end: function() {
633
+						initOrderTable()
634
+					}
635
+				});
636
+			}
637
+
638
+			//从样本池移除
639
+			function delPool(id) {
640
+				layer.confirm('是否确定移除该数据?', function(index) {
641
+					//do something
642
+					$.post(huayi.config.callcenter_url + 'SamplePool/DelWorkorder', {
643
+						workorderid: id,
644
+						specialid: selectThemeId,
645
+						"token": $.cookie("token")
646
+					}, function(result) {
647
+						result = $.parseJSON(result);
648
+						if(result.state.toLowerCase() == "success") {
649
+							layer.msg("操作成功");
650
+						}
651
+
652
+						initOrderTable();
653
+					})
654
+					layer.close(index);
655
+				});
656
+			}
657
+
658
+			function getKeys(id) {
659
+				layer.open({
660
+					type: 2,
661
+					content: "keys.html?type=2&id=" + id + '&themeid=' + selectThemeId, //iframe的url,no代表不显示滚动条
662
+					title: '分类关键词',
663
+					area: ['60%', '80%'], //宽高
664
+					end: function() {
665
+						console.log('关闭')
666
+						//						initTable();
667
+					}
668
+				});
669
+			}
670
+
671
+			function xg(id) {
672
+				layer.open({
673
+					type: 2,
674
+					content: "editTheme.html?type=2&id=" + id, //iframe的url,no代表不显示滚动条
675
+					title: '修改主题',
676
+					area: ['40%', '50%'], //宽高
677
+					end: function() {
678
+						console.log('关闭')
679
+						initTable();
680
+					}
681
+				});
682
+			}
683
+
684
+			function remove(id) {
685
+				layer.confirm('确定删除该分类吗?', function(index) {
686
+
687
+					$.post(huayi.config.callcenter_url + 'Theme/DelModel', {
688
+						ids: id,
689
+						"token": $.cookie("token")
690
+					}, function(result) {
691
+						result = $.parseJSON(result);
692
+						if(result.state.toLowerCase() == "success") {
693
+							layer.msg("操作成功");
694
+							initTable(selectThemeId)
695
+							layer.close(index);
696
+						}
697
+					})
698
+
699
+				});
700
+			}
701
+
702
+			//右边表格
703
+			function initTable(id) {
704
+				if (!id) id = selectThemeId;
705
+				//先销毁表格
706
+				table.bootstrapTable("destroy");
707
+				//初始化表格,动态从服务器加载数据
708
+				table.bootstrapTable({
709
+					method: "get",
710
+					//使用get请求到服务器获取数据
711
+					url: huayi.config.callcenter_url + "Theme/GetList",
712
+					//获取数据的Servlet地址
713
+					striped: true,
714
+					//表格显示条纹
715
+					pagination: false,
716
+					//启动分页
717
+					pageSize: 100,
718
+					//每页显示的记录数
719
+					pageNumber: 1,
720
+					//当前第几页
721
+//					pageList: [10, 20, 50, 100],
722
+					//记录数可选列表
723
+					search: false,
724
+					//是否启用查询
725
+					showColumns: false,
726
+					//显示下拉框勾选要显示的列
727
+					showRefresh: false,
728
+					//显示刷新按钮
729
+					sidePagination: "server",
730
+					//表示服务端请求
731
+					//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
732
+					//设置为limit可以获取limit, offset, search, sort, order
733
+					queryParamsType: "undefined",
734
+					queryParams: function queryParams(params) {
735
+						//设置查询参数
736
+						var param = {
737
+							page: 1,
738
+							pagesize: 200,
739
+							token: $.cookie("token"),
740
+							type: 2,
741
+							parentid: id,
742
+
743
+						};
744
+						return param;
745
+					},
746
+					onLoadSuccess: function(data) {
747
+						//加载成功时执行
748
+						
749
+						console.log(data, 'datas')
750
+						
751
+						if (data.rows && data.rows.length > 0) {
752
+							// orderClass
753
+							var optionStr = '<option selected="selected" value="">请选择</option>';
754
+							data.rows.forEach(function(o) {
755
+								optionStr += '<option value="'+o.F_ID+'">'+ o.F_Name +'</option>';
756
+							})
757
+							
758
+							$('#orderClass').append(optionStr)
759
+						}
760
+						
761
+						//layer.msg("加载成功");
762
+					},
763
+					onLoadError: function() {
764
+						//加载失败时执行
765
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
766
+					},
767
+				});
768
+			}
769
+
770
+			//右边表格
771
+			function initOrderTable(id) {
772
+				if (!id) id = selectThemeId;
773
+				//先销毁表格
774
+				orderTable.bootstrapTable("destroy");
775
+				//初始化表格,动态从服务器加载数据
776
+				orderTable.bootstrapTable({
777
+					method: "get",
778
+					//使用get请求到服务器获取数据
779
+					url: huayi.config.callcenter_url + "SamplePool/GetSampleList",
780
+					//获取数据的Servlet地址
781
+					striped: true,
782
+					//表格显示条纹
783
+					pagination: true,
784
+					//启动分页
785
+					pageSize: 10,
786
+					//每页显示的记录数
787
+					pageNumber: 1,
788
+					//当前第几页
789
+					pageList: [10, 20, 50, 100],
790
+					//记录数可选列表
791
+					search: false,
792
+					//是否启用查询
793
+					showColumns: false,
794
+					//显示下拉框勾选要显示的列
795
+					showRefresh: false,
796
+					//显示刷新按钮
797
+					sidePagination: "server",
798
+					//表示服务端请求
799
+					//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
800
+					//设置为limit可以获取limit, offset, search, sort, order
801
+					queryParamsType: "undefined",
802
+					queryParams: function queryParams(params) {
803
+						//设置查询参数
804
+						var param = {
805
+							page: params.pageNumber,
806
+							pagesize: params.pageSize,
807
+							token: $.cookie("token"),
808
+							workid: $('#orderId').val(),
809
+							ComContent: $('#orderContent').val(),
810
+							classification: $('#orderClass').val(),
811
+							istypical: $('#orderRep').val(),
812
+
813
+							specialid: id,
814
+
815
+						};
816
+						return param;
817
+					},
818
+					onLoadSuccess: function() {
819
+						//加载成功时执行
820
+						//layer.msg("加载成功");
821
+					},
822
+					onLoadError: function() {
823
+						//加载失败时执行
824
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
825
+					},
826
+				});
827
+			}
828
+
829
+			function bindtree() {
830
+				$('#proporation').text('');
831
+				$("#fylb").empty();
832
+				console.log('bindtree')
833
+				$("#orderClass").empty();
834
+				$.getJSON(
835
+					huayi.config.callcenter_url + "Theme/GetList", {
836
+						token: $.cookie("token"),
837
+						type: 1,
838
+						types: 1,
839
+					},
840
+					function(result) {
841
+						if(result.state.toLowerCase() == "success") {
842
+							var checked = false;
843
+
844
+							const rows = result.rows.map((o) => {
845
+								o.F_Name = '【' + o.F_Cycle + '】' + o.F_Name;
846
+								if(!checked) {
847
+									o.checked = true;
848
+									checked = true;
849
+								}
850
+
851
+								return o;
852
+							});
853
+
854
+							console.log(rows, 'rows')
855
+
856
+							$.fn.zTree.init($("#treeDemo"), {
857
+								data: {
858
+									key: {
859
+										name: "F_Name",
860
+										checked: 'checked',
861
+									},
862
+									simpleData: {
863
+										enable: false,
864
+										idKey: "F_ID",
865
+										pIdKey: "",
866
+										rootPId: 0,
867
+									},
868
+								},
869
+								callback: {
870
+									onClick: zTreeOnClick,
871
+								},
872
+								view: {
873
+									nameIsHTML: true, 
874
+									fontCss: setFontCss_ztree
875
+								}
876
+							}, rows);
877
+
878
+							var zTreeObj = $.fn.zTree.getZTreeObj("treeDemo");
879
+
880
+							var node = zTreeObj.getNodeByParam("F_ID", rows[0].F_ID);
881
+
882
+							zTreeObj.selectNode(node, '', true);
883
+//							node.highlight = true;
884
+							
885
+							zTreeObj.updateNode(node);
886
+
887
+
888
+							// 默认点击第一个
889
+							zTreeOnClick(null, null, {
890
+								F_ID: rows[0].F_ID,
891
+								F_Proportion: rows[0].F_Proportion,
892
+								F_StatisticsBeginTime: rows[0].F_StatisticsBeginTime,
893
+								F_StatisticsEndTime: rows[0].F_StatisticsEndTime,
894
+							});
895
+
896
+						}
897
+					}
898
+				);
899
+			}
900
+     function setFontCss_ztree(treeId, treeNode) {
901
+     	console.log(treeNode, 'treeNode')
902
+         if (treeNode.F_IsDisplay) {
903
+             //根节点
904
+             return { color: "red", "font-weight": "bold" };
905
+        } else if (treeNode.isParent == false) {
906
+             //叶子节点
907
+             return (!!treeNode.highlight) ? { color: "#ff0000", "font-weight": "bold" } : { color: "#000", "font-weight": "normal" };
908
+         } else {
909
+             //父节点
910
+             return (!!treeNode.highlight) ? { color: "#ff0000", "font-weight": "bold" } : { color: "#333", "font-weight": "normal" };
911
+         }
912
+     }
913
+			function zTreeOnClick(event, treeId, treeNode) {
914
+				selectThemeId = treeNode.F_ID
915
+				selectTreeNode = treeNode
916
+				$("#fylb").empty();
917
+				console.log('bindtree')
918
+				$("#orderClass").empty();
919
+
920
+				$('#addClassBut').show();
921
+				initTable(treeNode.F_ID);
922
+				initOrderTable(treeNode.F_ID);
923
+				if(treeNode.F_StatisticsBeginTime) {
924
+					$('#time').html(`${treeNode.F_StatisticsBeginTime} ~ ${treeNode.F_StatisticsEndTime}`)
925
+				}
926
+
927
+				getDicValueList(treeNode);
928
+
929
+			}
930
+		</script>
931
+	</body>
932
+
933
+</html>