miaofuhao лет назад: 5
Родитель
Сommit
87285d4022

+ 8 - 6
CallCenterWeb.UI/Arrangefollow/arrange.html

@@ -35,13 +35,13 @@
35 35
 		<div class="wrapper wrapper-content animated fadeInRight">
36 36
 			<ul class="nav nav-tabs hu-tab">
37 37
 				<li role="presentation" class="active">
38
-					<a href="javascript:;">全部</a>
38
+					<a href="javascript:;">全部(<span class="total" style="color: green;">1</span>)</a>
39 39
 				</li>
40 40
 				<li role="presentation">
41
-					<a href="javascript:;">未随访</a> 
41
+					<a href="javascript:;">未随访(<span class="wsfrh" style="color: green;">1</span>)</a> 
42 42
 				</li>
43 43
 				<li role="presentation">
44
-					<a href="javascript:;">已随访</a>
44
+					<a href="javascript:;">已随访(<span class="asfrh" style="color: green;">1</span>)</a>
45 45
 				</li>
46 46
 			</ul>
47 47
 			<div class="toolBar clearfix">
@@ -49,7 +49,7 @@
49 49
 					<div class="form-inline">
50 50
 						<div class="time-box form-group">
51 51
 							<i class="tub fa fa-calendar"></i>
52
-							<input class="form-control search_time tdWidth" type="text" id="sc_time" placeholder="请选择起止时间">
52
+							<input class="form-control search_time tdWidth" autocomplete="off" type="text" id="sc_time" placeholder="请选择起止时间">
53 53
 						</div>
54 54
 						<div class="form-group" style="width: 200px;">
55 55
 							<select class="form-control selectpicker" id="seatList" data-live-search="true">
@@ -57,7 +57,7 @@
57 57
 							</select>
58 58
 						</div>
59 59
 						<div class="time-box form-group">
60
-							<input type="text" class="form-control" id="sc_key" placeholder="患者姓名、电话、诊断" />
60
+							<input type="text" class="form-control" id="searCon" placeholder="患者姓名、电话、诊断" />
61 61
 						</div>
62 62
 					</div>
63 63
 				</div>
@@ -80,12 +80,14 @@
80 80
 							<th data-field="Department" data-align="center">科室</th>
81 81
 							<th data-field="PTime" data-align="center" data-formatter="oprateTime">时间</th>
82 82
 							<th data-field="PatirntName" data-align="center">患者姓名</th>
83
-							<th data-field="Phone" data-align="center">电话</th>
83
+							<th data-field="Phone" data-align="center" data-formatter="opratePhone">电话</th>
84 84
 							<th data-field="Sex" data-align="center" data-formatter="oprateSex">性别</th>
85 85
 							<th data-field="Age" data-align="center">年龄</th>
86 86
 							<th data-field="Diagnosis" data-align="center">诊断</th>
87 87
 							<th data-field="Doctor" data-align="center">医生</th>
88 88
 							<th data-field="FollowUp" data-align="center" data-formatter="oprateFollowUp">随访状态</th>
89
+							<th data-field="Note" data-align="center">备注</th>
90
+							<th data-field="Satisfaction" data-align="center" data-formatter="oprateSatisfaction">满意度</th>
89 91
 							<th  data-field="WorkOrderID" data-align="center" data-formatter="formatterOprateDeal">操作</th>
90 92
 						</tr>
91 93
 					</thead>

+ 31 - 7
CallCenterWeb.UI/Arrangefollow/arrangeCall.html

@@ -8,7 +8,7 @@
8 8
 		<link rel="stylesheet" href="../css/init.css">
9 9
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10 10
 		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
11
-		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
11
+		<link href="../css/Table/table1.css" rel="stylesheet" />
12 12
 		<link rel="stylesheet" href="css/zhishiku.css" />
13 13
 		<title>随访列表</title>
14 14
 		<style>
@@ -16,6 +16,14 @@
16 16
 				height: 34px;
17 17
 				line-height: 34px;
18 18
 			}
19
+			.tool_downs{
20
+				margin: 0;
21
+				padding: 0;
22
+			}
23
+			.tool_downs li {
24
+			    float: none;
25
+			    display: inline-block;
26
+			}
19 27
 		</style>
20 28
 	</head>
21 29
 
@@ -39,7 +47,7 @@
39 47
 					<div class="form-inline">
40 48
 						<div class="time-box form-group">
41 49
 							<i class="tub fa fa-calendar"></i>
42
-							<input class="form-control search_time tdWidth" type="text" id="sc_time" placeholder="请选择起止时间">
50
+							<input class="form-control search_time tdWidth" autocomplete="off" type="text" id="sc_time" placeholder="请选择起止时间">
43 51
 						</div>
44 52
 						<div class="form-group" style="width: 200px;">
45 53
 							<select class="form-control selectpicker" id="seatList" data-live-search="true">
@@ -48,14 +56,14 @@
48 56
 						</div>
49 57
 						<div class="form-group" style="width: 200px;">
50 58
 							<select class="form-control selectpicker" id="satisfaction" data-live-search="true">
51
-								<option value="0">请选择满意度</option>
52
-								<option value="0">满意</option>
59
+								<option value="-1">请选择满意度</option>
60
+								<option value="1">满意</option>
53 61
 								<option value="0">不满意</option>
54
-								<option value="0">表扬</option>
62
+								<option value="2">表扬</option>
55 63
 							</select>
56 64
 						</div>
57 65
 						<div class="time-box form-group">
58
-							<input type="text" class="form-control" id="sc_key" placeholder="患者姓名、电话、诊断" />
66
+							<input type="text" class="form-control" id="searCon" placeholder="患者姓名、电话、诊断" />
59 67
 						</div>
60 68
 					</div>
61 69
 				</div>
@@ -79,12 +87,13 @@
79 87
 							<th data-field="Department" data-align="center">科室</th>
80 88
 							<th data-field="PTime" data-align="center" data-formatter="oprateTime">时间</th>
81 89
 							<th data-field="PatirntName" data-align="center">患者姓名</th>
82
-							<th data-field="Phone" data-align="center">电话</th>
90
+							<th data-field="Phone" data-align="center" data-formatter="opratePhone">电话</th>
83 91
 							<th data-field="Sex" data-align="center" data-formatter="oprateSex">性别</th>
84 92
 							<th data-field="Age" data-align="center">年龄</th>
85 93
 							<th data-field="Diagnosis" data-align="center">诊断</th>
86 94
 							<th data-field="Doctor" data-align="center">医生</th>
87 95
 							<th data-field="FollowUp" data-align="center" data-formatter="oprateFollowUp">随访状态</th>
96
+							<th data-field="FilePath" data-formatter="oprateFile" data-align="center">录音</th>
88 97
 							<th data-field="Note" data-align="center">备注</th>
89 98
 							<th data-field="Satisfaction" data-align="center" data-formatter="oprateSatisfaction">满意度</th>
90 99
 							<th  data-field="WorkOrderID" data-align="center" data-formatter="formatterOprateDeal">操作</th>
@@ -97,6 +106,21 @@
97 106
 				
98 107
 			</div>
99 108
 		</div>
109
+		
110
+		<!--下载框-->
111
+	    <div class="t-shade">
112
+	        <div class="shade_k">
113
+	            <div class="shade_title">
114
+	                <span>录音播放与下载<srong class="cknum"></srong></span>
115
+	                <span class="setwin"><a>x</a></span>
116
+	            </div>
117
+	            <div class="shade_content">
118
+	                <div class="Ly_box audiojs"></div>
119
+	                <div class="boxCon LY_box"></div>
120
+	            </div>
121
+	        </div>
122
+	    </div>
123
+	    
100 124
 		<script src="../js/zTree/jquery.ztree.core.js"></script>
101 125
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
102 126
 		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>

+ 3 - 0
CallCenterWeb.UI/Arrangefollow/css/zhishiku.css

@@ -230,3 +230,6 @@
230 230
 .tdWidth{
231 231
 	width: 86%;
232 232
 }
233
+.phoneBtn{
234
+	color: green;
235
+}

+ 111 - 19
CallCenterWeb.UI/Arrangefollow/js/arrange.js

@@ -2,21 +2,22 @@ var limitNum = 6; //限制数量
2 2
 var token = $.cookie("token");
3 3
 var kn_id = ""; //当前节点id
4 4
 var pid; //当前父节点ID
5
-var keyWord = $('.searCon').val(); //关键字
5
+var keyWord = $('#searCon').val(); //关键字
6 6
 var table = $('#table1'); //右边表格
7 7
 var followUp = 0; 
8 8
 
9 9
 $(function() {
10 10
 	laydate.render({
11 11
 		elem: '#sc_time',
12
+		range: '~',
12 13
 		theme: '#1ab394',
13
-		calendar: true
14
+		calendar: 'true'
14 15
 	});
15 16
 	initTable();
16 17
 	seatList($("#seatList"));
17 18
 	//搜索按钮
18 19
 	$('#sc_btns').click(function() {
19
-		keyWord = $('.searCon').val();
20
+		keyWord = $('#searCon').val();
20 21
 		initTable();
21 22
 	});
22 23
 	//tab切换
@@ -78,6 +79,14 @@ function initTable() {
78 79
 		showColumns: false, //显示下拉框勾选要显示的列
79 80
 		showRefresh: false, //显示刷新按钮
80 81
 		sidePagination: "server", //表示服务端请求
82
+//		responseHandler: function (res) {
83
+//			return {
84
+//			
85
+//			//"total": res.rows.length,
86
+//			
87
+//			};
88
+//		
89
+//		},
81 90
 		//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
82 91
 		//设置为limit可以获取limit, offset, search, sort, order
83 92
 		queryParamsType: "undefined",
@@ -86,16 +95,21 @@ function initTable() {
86 95
 				page: params.pageNumber,
87 96
 				pagesize: params.pageSize,
88 97
 				token: token,
89
-				PTime:$("#sc_time").val(),
90
-				Department:$("#seatList").val(),
91
-//				sc_key:sc_key
92
-				pid: kn_id,
93
-				FollowUp:followUp,
94
-				keywords: keyWord
98
+				begintime:$('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0],
99
+				endtime:$('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1],
100
+				department:$("#seatList").val(),
101
+				followUp:followUp,
102
+				keyword: keyWord
95 103
 			};
96 104
 			return param;
97 105
 		},
98
-		onLoadSuccess: function() { //加载成功时执行
106
+		onLoadSuccess: function(res) { //加载成功时执行
107
+			//if(followUp==0){
108
+				$(".total").text(res.sfzs) 
109
+				$(".asfrh").text(res.asfrh)
110
+				$(".wsfrh").text(res.wsfrh)
111
+			//}
112
+			
99 113
 			//layer.msg("加载成功");
100 114
 		},
101 115
 		onLoadError: function() { //加载失败时执行
@@ -133,13 +147,42 @@ function btn_detail(seeid) {
133 147
 
134 148
 //格式化操作 (待指派)
135 149
 function formatterOprateDeal(val, row) {
136
-	console.log(row.FollowUp)
137
-	return '<ul class="tool_downs">' +
150
+	if (row.FollowUp==1) {
151
+		return '<ul class="tool_downs">' +
138 152
 		'<li><a href="javascript:;" class="aBtn" onclick="btn_edit(\'' + row.PatirntID + '\')" title="修改">修改</a></li>' +
139 153
 		'<li><a href="javascript:;" class="aBtn" onclick="btn_delete(\'' + row.PatirntID + '\')" title="删除">删除</a></li>' +
140 154
 		'</ul>';
155
+	} else if (row.FollowUp==2) {
156
+		return '<ul class="tool_downs">' +
157
+		'<li><a href="javascript:;" class="aBtn" onclick="btn_satisfaction(\'' + row.PatirntID + '\')" title="满意度">满意度</a></li>' +
158
+		'<li><a href="javascript:;" class="aBtn" onclick="btn_remark(\'' + row.PatirntID + '\')" title="备注">备注</a></li>' +
159
+		'</ul>';
160
+	}
161
+	
141 162
 }
142 163
 
164
+//电话格式处理
165
+function opratePhone (val, row) {
166
+	if (row.Satisfaction==0&&row.FollowUp==2) {
167
+        
168
+        return '<ul class="tool_downs">' +
169
+		'<li><a href="javascript:;" class="phoneBtn" onclick="phoneCall(\'' + val + '\')" title="满意度">'+val+'</a></li>' +
170
+		'</ul>';
171
+            
172
+    }else{
173
+    	return val
174
+    }
175
+}
176
+function phoneCall () {
177
+	layer.confirm('您确定要外呼吗?', {
178
+		icon: 7,
179
+		btn: ['确定', '取消'],
180
+		yes: function(index, layero) {
181
+			layer.msg("呼叫成功");
182
+			table.bootstrapTable('refresh');
183
+		},
184
+	});
185
+}
143 186
 function btn_edit(changes){
144 187
 	console.log(changes)
145 188
 	layer.open({
@@ -181,15 +224,59 @@ function oprateSex(val){
181 224
 
182 225
 //随访状态
183 226
 function oprateFollowUp(val){
184
-	
185
-	if (val==0) {
227
+	if (val==1) {
186 228
 		return "未随访"
187
-	} else if (val==1) {
188
-		return "随访"
229
+	} else if (val==2) {
230
+		return "已随访"
231
+	}
232
+	
233
+}
234
+// 满意度
235
+function oprateSatisfaction(val, row){
236
+	if (row.FollowUp!=1) {
237
+		if (val==0) {
238
+			return "不满意"
239
+		} else if (val==1) {
240
+			return "满意"
241
+		} else if (val==2) {
242
+			return "表扬"
243
+		}
189 244
 	}
190 245
 	
191 246
 }
192 247
 
248
+//满意度
249
+function btn_satisfaction(changes){
250
+	console.log(changes)
251
+	layer.open({
252
+		type: 2,
253
+		title: '编辑满意度',
254
+		shadeClose: true, //是否开启点击遮罩关闭
255
+		shade: 0.4, //遮罩
256
+		maxmin: true, //开启最大化最小化按钮
257
+		moveType: 1, //拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
258
+		moveOut: false, //拖拽到窗口外
259
+		//resize: true,//是否允许拉伸
260
+		area: ['40%', '30%'],
261
+		content: "template/addOrEditSatisfaction.html?edit_id=" + changes
262
+	});
263
+}
264
+
265
+//备注
266
+function btn_remark (changes) {
267
+	layer.open({
268
+		type: 2,
269
+		title: '编辑备注',
270
+		shadeClose: true, //是否开启点击遮罩关闭
271
+		shade: 0.4, //遮罩
272
+		maxmin: true, //开启最大化最小化按钮
273
+		moveType: 1, //拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
274
+		moveOut: false, //拖拽到窗口外
275
+		//resize: true,//是否允许拉伸
276
+		area: ['40%', '30%'],
277
+		content: "template/addOrEditRemark.html?edit_id=" + changes
278
+	});
279
+}
193 280
 //绑定导入 按钮
194 281
 $('#HY_import').on('click', btn_import);
195 282
 
@@ -206,9 +293,14 @@ function btn_import() {
206 293
 }
207 294
 
208 295
 function dcexcel(obj) {
209
-	var url = huayi.config.callcenter_url + "Knowledge/ExportExcel?token=" + token;
210
-	url += "&pid=" + kn_id; //pid	是	string	知识库分类
211
-	url += "&keywords=" + $(".searCon").val(); //是	关键词
296
+	var url = huayi.config.callcenter_url + "Customer/SFHZExptList?token=" + token;
297
+	url += "&FollowUp=" + followUp; //pid	是	string	知识库分类
298
+	url += "&keyword=" + $("#searCon").val(); //是	关键词
299
+	url += "&begintime=" + $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0]; //是	关键词
300
+	url += "&endtime=" + $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1]; //是	关键词
301
+	url += "&department=" + $('#seatList').val(); //是	关键词
302
+	
303
+	console.log(url)
212 304
 	obj.href = url;
213 305
 }
214 306
 

+ 98 - 14
CallCenterWeb.UI/Arrangefollow/js/arrangeCall.js

@@ -6,21 +6,22 @@ var kn_id = ""; //当前节点id
6 6
 var pid; //当前父节点ID
7 7
 var name = ''; //选择的name
8 8
 var pidName; //父节点name
9
-var keyWord = $('.searCon').val(); //关键字
9
+var keyWord = $('#searCon').val(); //关键字
10 10
 var table = $('#table1'); //右边表格
11
-var followUp = 0;
11
+var followUp = 2;
12 12
 
13 13
 $(function() {
14 14
 	laydate.render({
15 15
 		elem: '#sc_time',
16
+		range: '~',
16 17
 		theme: '#1ab394',
17
-		calendar: true
18
+		calendar: 'true'
18 19
 	});
19 20
 	initTable();
20 21
 	seatList($("#seatList"));
21 22
 	//搜索按钮
22 23
 	$('#sc_btns').click(function() {
23
-		keyWord = $('.searCon').val();
24
+		keyWord = $('#searCon').val();
24 25
 		initTable();
25 26
 	});
26 27
 });
@@ -71,9 +72,12 @@ function initTable() {
71 72
 				page: params.pageNumber,
72 73
 				pagesize: params.pageSize,
73 74
 				token: token,
75
+				begintime:$('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0],
76
+				endtime:$('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1],
77
+				Department:$("#seatList").val(),
78
+				Satisfaction:$("#satisfaction").val(),
74 79
 				FollowUp:followUp,
75
-				pid: kn_id,
76
-				keywords: keyWord
80
+				keyword: keyWord
77 81
 			};
78 82
 			return param;
79 83
 		},
@@ -117,7 +121,6 @@ function btn_satisfaction(changes){
117 121
 		content: "template/addOrEditSatisfaction.html?edit_id=" + changes
118 122
 	});
119 123
 }
120
-
121 124
 //备注
122 125
 function btn_remark (changes) {
123 126
 	layer.open({
@@ -134,6 +137,11 @@ function btn_remark (changes) {
134 137
 	});
135 138
 }
136 139
 
140
+$(".setwin").click(function () {
141
+    $(".t-shade").removeClass("cx");
142
+    $('audio')[0].pause();
143
+});
144
+
137 145
 //时间处理
138 146
 function oprateTime(val) {
139 147
     if (val) {
@@ -147,7 +155,77 @@ function oprateTime(val) {
147 155
         );
148 156
     }
149 157
 }
150
-
158
+//电话格式处理
159
+function opratePhone (val, row) {
160
+	console.log(row.Satisfaction)
161
+	if (row.Satisfaction==0) {
162
+        
163
+        return '<ul class="tool_downs">' +
164
+		'<li><a href="javascript:;" class="phoneBtn" onclick="phoneCall(\'' + val + '\')" title="满意度">'+val+'</a></li>' +
165
+		'</ul>';
166
+            
167
+    }else{
168
+    	return val
169
+    }
170
+}
171
+//点击外呼
172
+function phoneCall () {
173
+	layer.confirm('您确定要外呼吗?', {
174
+		icon: 7,
175
+		btn: ['确定', '取消'],
176
+		yes: function(index, layero) {
177
+			layer.msg("呼叫成功");
178
+			table.bootstrapTable('refresh');
179
+		},
180
+	});
181
+}
182
+//录音
183
+function oprateFile(val) {
184
+    if (val) {
185
+        return (
186
+            '<div class="imgs">' +
187
+            '<img src="../img/vice.png" alt="" onclick= ck(this) item="' +
188
+            val +
189
+            '" />' +
190
+            "</div>"
191
+        );
192
+    } else {
193
+        return (
194
+            '<div class="imgs">' +
195
+            '<img src="../img/vice.png" alt="" onclick= ck(this) item="' +
196
+            val +
197
+            '" />' +
198
+            "</div>"
199
+        );
200
+    }
201
+}
202
+//录音
203
+function ck(val) {
204
+    var path = $(val).attr("item");
205
+    $(".t-shade").addClass("cx");
206
+    $(".Ly_box").empty();
207
+    $(".LY_box").empty();
208
+    $(
209
+        '<audio  style="width:100%;"class=" " src="' +
210
+        path +
211
+        '" loop="loop" controls="controls"></audio>'
212
+    ).appendTo(".Ly_box");
213
+    $(
214
+        '<a href="' +
215
+        path +
216
+        '" class="sc_btn LY "download="' +
217
+        path +
218
+        '">下载录音</a>'
219
+    ).appendTo(".LY_box");
220
+}
221
+//录音
222
+//function ck(val) {
223
+//  var path = $(val).attr("item");
224
+//  $(".t-shade").addClass("cx");
225
+//  $(".Ly_box").empty();
226
+//  $(".LY_box").empty();
227
+//  $('<audio  style="width:100%;"class=" " src="' + path + '" loop="loop" type="audio/v3" controls="controls"></audio>').appendTo(".Ly_box");
228
+//}
151 229
 //性别
152 230
 function oprateSex(val){
153 231
 	if (val=="1") {
@@ -160,10 +238,10 @@ function oprateSex(val){
160 238
 //随访状态
161 239
 function oprateFollowUp(val){
162 240
 	
163
-	if (val==0) {
241
+	if (val==1) {
164 242
 		return "未随访"
165
-	} else if (val==1) {
166
-		return "随访"
243
+	} else if (val==2) {
244
+		return "随访"
167 245
 	}
168 246
 	
169 247
 }
@@ -194,9 +272,15 @@ function btn_import() {
194 272
 }
195 273
 
196 274
 function dcexcel(obj) {
197
-	var url = huayi.config.callcenter_url + "Knowledge/ExportExcel?token=" + token;
198
-	url += "&pid=" + kn_id; //pid	是	string	知识库分类
199
-	url += "&keywords=" + $(".searCon").val(); //是	关键词
275
+	var url = huayi.config.callcenter_url + "Customer/SFHZysfdcExptList?token=" + token;
276
+	url += "&FollowUp=" + followUp; //pid	是	string	知识库分类
277
+	url += "&keyword=" + $("#searCon").val(); //是	关键词
278
+	url += "&begintime=" + $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0]; //是	关键词
279
+	url += "&endtime=" + $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1]; //是	关键词
280
+	url += "&department=" + $('#seatList').val(); //是	关键词
281
+	url += "&satisfaction=" + $('#satisfaction').val(); //是	关键词
282
+	
283
+	console.log(url)
200 284
 	obj.href = url;
201 285
 }
202 286
 

+ 1 - 1
CallCenterWeb.UI/TelCall/CallRecord.html

@@ -177,7 +177,7 @@
177 177
                                 data-formatter="formatterDealType"
178 178
                                 data-align="center"
179 179
                             >
180
-                                处理方式
180
+                               		 处理方式
181 181
                             </th> -->
182 182
                         <th data-field="CallState" data-formatter="states" data-align="center">
183 183
                             呼叫状态

+ 210 - 0
CallCenterweb.UI/Arrangefollow/arrangeReport.html

@@ -0,0 +1,210 @@
1
+<!DOCTYPE html>
2
+<html>
3
+
4
+	<head>
5
+
6
+		<meta charset="utf-8">
7
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
8
+
9
+		<title>业务数据报表</title>
10
+		<!--[if lt IE 9]>
11
+	    <meta http-equiv="refresh" content="0;ie.html" />
12
+	    <![endif]-->
13
+		<script src="../Script/Common/huayi.load.js"></script>
14
+		<script src="../Script/Common/huayi.config.js"></script>
15
+		<link rel="stylesheet" href="../js/select2/css/select2.min.css" />
16
+		<link rel="stylesheet" href="../js/layui/css/layui.css" />
17
+		<link rel="stylesheet" href="../css/init.css" />
18
+		<style>
19
+			.zxt-top {
20
+				background: #f3f3f4;
21
+				height: 60px;
22
+				padding: 10px 20px;
23
+			}
24
+			
25
+			.topCon {
26
+				float: none !important;
27
+				margin-right: 45px;
28
+			}
29
+			
30
+			.zxt-content {
31
+				display: inline-block;
32
+				width: 90%;
33
+				margin: 20px 5%;
34
+			}
35
+			.select2-container--default .select2-selection--single{
36
+				border-color: #e5e6e7;
37
+			}
38
+		</style>
39
+	</head>
40
+
41
+	<body class="gray-bg" style="background: #fefefe;">
42
+		<div class="zxtable">
43
+			<div class="daoHang clearfix">
44
+				<div class="dhLeft">
45
+					<sapn><i class="syIcon"></i>位置:
46
+						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
47
+						<a href="javaScript:;">随访管理</a>&gt;
48
+						<a href="" class="nowPosition">随访报表</a>
49
+					</sapn>
50
+				</div>
51
+				<div class="dhRight">
52
+					<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
53
+				</div>
54
+			</div>
55
+			<div class="zxt-top clearfix">
56
+				<div class="topCon">
57
+					<div class="form-inline th-bar clearfix">
58
+						<div class="time-box form-group">
59
+							<i class="tub fa fa-calendar"></i>
60
+							<input class="form-control" autocomplete="off" type="text" id="startTime" placeholder="请选择起止时间" style="width: 228px;">
61
+						</div>
62
+						<div class="form-group tool_bars pull-right">
63
+							<button class="btns sear">搜索</button>
64
+							<a class="btns export">导出</a>
65
+						</div>
66
+					</div>
67
+				</div>
68
+			</div>
69
+
70
+			<div class="zxt-content">
71
+				<table class="layui-hide" id="t_callTotal"></table>
72
+			</div>
73
+		</div>
74
+
75
+		<script src="../js/layui/layui.js"></script>
76
+		<script src="../js/select2/js/select2.min.js"></script>
77
+
78
+		<script>
79
+			var token = $.cookie("token");
80
+			var ptime = ''; //开始时间
81
+			var endtime = ''; //结束时间
82
+			$(function() {
83
+				var regNum = /^[0-9]+$/;
84
+				layui.use('laydate', function() {
85
+					var laydate = layui.laydate;
86
+					//日期
87
+					laydate.render({
88
+						elem: '#startTime',
89
+						range: '~',
90
+						theme: '#1ab394',
91
+						calendar: 'true'
92
+					});
93
+				});
94
+				getTableDataList(); //获取表格数据
95
+				//搜索事件
96
+				$(".sear").click(function() {
97
+					ptime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[0];
98
+					endtime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[1];
99
+					getTableDataList(); //获取表格数据
100
+				});
101
+				//导出
102
+				$('.export').click(function() {
103
+					ptime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[0];
104
+					endtime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[1];
105
+					dcexcel(this);
106
+				});
107
+
108
+			});
109
+
110
+			function dcexcel(obj) {
111
+				var url = huayi.config.callcenter_url + "Customer/ExptList?token=" + token;
112
+				url += "&ptime=" + ptime + "&endtime=" + endtime;
113
+				obj.href = url;
114
+			}
115
+			//加载表格
116
+			function getTableDataList() {
117
+				layui.use('table', function() {
118
+					var table = layui.table;
119
+					$.ajax({
120
+						type: "get",
121
+						url: huayi.config.callcenter_url + "Customer/ForDepartment", // 数据接口
122
+						data: {
123
+							ptime: ptime, // 开始时间
124
+							endtime: endtime, // 结束时间
125
+							token: token
126
+						},
127
+						async: true,
128
+						success: function(r) {
129
+							var obj = JSON.parse(r);
130
+							console.log(obj)
131
+							var data = obj.rows;
132
+							//方法级渲染
133
+							table.render({
134
+								elem: '#t_callTotal',
135
+								skin: 'row', //line (行边框风格) row (列边框风格) nob (无边框风格)
136
+								even: true, //开启隔行背景
137
+								size: 'md', //sm,lg,md尺寸的表格
138
+								cellMinWidth: 160,
139
+								data: data,
140
+								page: true,
141
+								cols: [
142
+									[
143
+										{
144
+											field: 'ks',
145
+											title: '科室',
146
+											align: 'center',
147
+											fixed: true,
148
+											//sort: true,
149
+											width: 150,
150
+										}, {
151
+											field: 'sfzl',
152
+											title: '随访总量',
153
+											align: 'center',
154
+											width: '',
155
+										},
156
+										{
157
+											field: 'mysl',
158
+											title: '满意',
159
+											align: 'center',
160
+											width: '',
161
+										},
162
+										{
163
+											field: 'myd',
164
+											title: '满意度',
165
+											align: 'center',
166
+											width: '',
167
+										},
168
+										{
169
+											field: 'bysl',
170
+											title: '表扬',
171
+											align: 'center',
172
+											width: '',
173
+										},
174
+										{
175
+											field: 'byd',
176
+											title: '表扬度',
177
+											align: 'center',
178
+											width: '',
179
+										},
180
+										{
181
+											field: 'bmysl',
182
+											title: '不满意数量',
183
+											align: 'center',
184
+											width: '',
185
+										},
186
+										{
187
+											field: 'bmyd',
188
+											title: '不满意度',
189
+											align: 'center',
190
+											width: '',
191
+										},
192
+										{
193
+											field: 'zhmyd',
194
+											title: '综合满意度',
195
+											align: 'center',
196
+											width: '',
197
+										}
198
+									]
199
+								],
200
+								//height: 'full-150'
201
+							});
202
+						}
203
+					});
204
+				});
205
+			}
206
+
207
+		</script>
208
+	</body>
209
+
210
+</html>