|
|
@@ -19,6 +19,10 @@
|
|
19
|
19
|
min-width: 120px;
|
|
20
|
20
|
}
|
|
21
|
21
|
|
|
|
22
|
+ .size-14 {
|
|
|
23
|
+ font-size: 14px!important;
|
|
|
24
|
+ }
|
|
|
25
|
+
|
|
22
|
26
|
.shark_content_title {
|
|
23
|
27
|
font-size: 14px;
|
|
24
|
28
|
height: 30px;
|
|
|
@@ -37,34 +41,112 @@
|
|
37
|
41
|
width: 24%;
|
|
38
|
42
|
margin-bottom: 10px;
|
|
39
|
43
|
}
|
|
|
44
|
+
|
|
|
45
|
+ #tbr {
|
|
|
46
|
+ border: 1px solid #ccc;
|
|
|
47
|
+ }
|
|
|
48
|
+
|
|
|
49
|
+ #tbr td {
|
|
|
50
|
+ padding: 10px;
|
|
|
51
|
+ padding: 6px 0 5px 10px;
|
|
|
52
|
+ color: #717171;
|
|
|
53
|
+ line-height: 200%;
|
|
|
54
|
+ border-top: 1px dotted #cccccc;
|
|
|
55
|
+ }
|
|
|
56
|
+
|
|
|
57
|
+ #tbr th {
|
|
|
58
|
+ border-right: 1px dotted #cccccc;
|
|
|
59
|
+ border-top: 1px dotted #cccccc;
|
|
|
60
|
+ background: #f9f9f9;
|
|
|
61
|
+ text-align: right;
|
|
|
62
|
+ }
|
|
|
63
|
+
|
|
|
64
|
+ .Back {
|
|
|
65
|
+ background-color: #f5f5f5;
|
|
|
66
|
+ }
|
|
|
67
|
+
|
|
|
68
|
+ label {
|
|
|
69
|
+ margin-right: 10px;
|
|
|
70
|
+ }
|
|
|
71
|
+
|
|
|
72
|
+ .Phone_Text ul {
|
|
|
73
|
+ padding-left: 0;
|
|
|
74
|
+ }
|
|
|
75
|
+
|
|
|
76
|
+ .Phone_Text li {
|
|
|
77
|
+ width: 50%;
|
|
|
78
|
+ }
|
|
|
79
|
+
|
|
|
80
|
+ .Phone_Text label {
|
|
|
81
|
+ width: 60px;
|
|
|
82
|
+ }
|
|
|
83
|
+
|
|
|
84
|
+ .Qus_box li {
|
|
|
85
|
+ list-style: none;
|
|
|
86
|
+ border: 1px solid #ccc;
|
|
|
87
|
+ border-bottom: none;
|
|
|
88
|
+ float: none;
|
|
|
89
|
+ }
|
|
|
90
|
+
|
|
|
91
|
+ .Qus_box {
|
|
|
92
|
+ padding-left: 0!important;
|
|
|
93
|
+ }
|
|
|
94
|
+
|
|
|
95
|
+ .Qus_box div {
|
|
|
96
|
+ padding: 10px;
|
|
|
97
|
+ border-bottom: 1px solid #ccc;
|
|
|
98
|
+ }
|
|
|
99
|
+
|
|
|
100
|
+ .title_ul {
|
|
|
101
|
+ padding-left: 0;
|
|
|
102
|
+ margin-bottom: 0;
|
|
|
103
|
+ }
|
|
|
104
|
+
|
|
|
105
|
+ .title_ul li {
|
|
|
106
|
+ border: 1px solid #ccc;
|
|
|
107
|
+ float: none;
|
|
|
108
|
+ }
|
|
|
109
|
+
|
|
|
110
|
+ .title_ul li label {
|
|
|
111
|
+ border-right: 1px solid #ccc;
|
|
|
112
|
+ line-height: 30px;
|
|
|
113
|
+ margin: 0;
|
|
|
114
|
+ padding: 10px;
|
|
|
115
|
+ }
|
|
|
116
|
+ .checkbox input[type=checkbox]{
|
|
|
117
|
+ margin-top: 0;
|
|
|
118
|
+ margin-left: 0;
|
|
|
119
|
+ position: relative;
|
|
|
120
|
+ }
|
|
|
121
|
+ .radio input[type=radio]{
|
|
|
122
|
+ margin-top: 0;
|
|
|
123
|
+ margin-left: 0;
|
|
|
124
|
+ position: relative;
|
|
|
125
|
+ }
|
|
40
|
126
|
</style>
|
|
41
|
127
|
</head>
|
|
42
|
128
|
|
|
43
|
129
|
<body class="gray-bg">
|
|
44
|
|
- <div class="wrapper ">
|
|
45
|
|
- <div class="content_1">
|
|
46
|
|
- <div class="shark_content_title">
|
|
|
130
|
+ <div class="wrapper clearfix">
|
|
|
131
|
+ <div class="content_1 clearfix">
|
|
|
132
|
+ <div class="shark_content_title clearfix">
|
|
47
|
133
|
<span>电话信息</span>
|
|
48
|
134
|
|
|
49
|
135
|
</div>
|
|
50
|
|
- <div>
|
|
51
|
|
- <div style="width: 100%;padding: 10px;">
|
|
52
|
|
- <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
|
|
53
|
|
- <thead>
|
|
54
|
|
- <tr>
|
|
55
|
|
- <th data-field="state" data-checkbox="true"></th>
|
|
56
|
|
- <th data-field="F_Phone" data-align="center" data-formatter="Code">号码</th>
|
|
57
|
|
- <th data-field="F_UserName" data-align="center">分配坐席</th>
|
|
58
|
|
- <th data-field="F_HJJGName" data-align="center">呼叫结果</th>
|
|
59
|
|
- </tr>
|
|
60
|
|
- </thead>
|
|
61
|
|
- <tbody id="tbody"></tbody>
|
|
62
|
|
- </table>
|
|
63
|
|
- </div>
|
|
|
136
|
+ <div class="clearfix Phone_Text clearfix">
|
|
|
137
|
+ <ul class="clearfix">
|
|
|
138
|
+ <li>
|
|
|
139
|
+ <label for="">姓名：</label><span class="Name_">18839115206</span>
|
|
|
140
|
+ </li>
|
|
|
141
|
+ <li>
|
|
|
142
|
+ <label for="">电话号码:</label><span class="Phone_"></span>
|
|
|
143
|
+ </li>
|
|
|
144
|
+
|
|
|
145
|
+ </ul>
|
|
64
|
146
|
</div>
|
|
65
|
147
|
</div>
|
|
66
|
|
- <div class="content_2">
|
|
67
|
|
- <div class="shark_content_title">
|
|
|
148
|
+ <div class="content_2 clearfix ">
|
|
|
149
|
+ <div class="shark_content_title clearfix">
|
|
68
|
150
|
<span>呼叫结果</span>
|
|
69
|
151
|
|
|
70
|
152
|
</div>
|
|
|
@@ -75,7 +157,7 @@
|
|
75
|
157
|
</div>
|
|
76
|
158
|
</div>
|
|
77
|
159
|
<div class="content_3 clearfix ">
|
|
78
|
|
- <div class="shark_content_title">
|
|
|
160
|
+ <div class="shark_content_title clearfix">
|
|
79
|
161
|
<span>用户反馈</span>
|
|
80
|
162
|
|
|
81
|
163
|
</div>
|
|
|
@@ -85,63 +167,71 @@
|
|
85
|
167
|
</ul>
|
|
86
|
168
|
</div>
|
|
87
|
169
|
</div>
|
|
88
|
|
- <div class="content_3 clearfix ">
|
|
89
|
|
- <div class="shark_content_title">
|
|
|
170
|
+ <div class="content_4 clearfix ">
|
|
|
171
|
+ <div class="shark_content_title clearfix">
|
|
90
|
172
|
<span>问卷信息</span>
|
|
|
173
|
+ <div>
|
|
|
174
|
+ <ul style="padding-left: 0;" class="title_ul">
|
|
|
175
|
+ <li>
|
|
|
176
|
+ <label for="">问卷名称</label><span class="Title">5555555555555555</span>
|
|
|
177
|
+ </li>
|
|
|
178
|
+ <li>
|
|
|
179
|
+ <label for="">问卷名称</label><span class="F_Remark"></span>
|
|
|
180
|
+ </li>
|
|
|
181
|
+ </ul>
|
|
|
182
|
+ <ul class="Qus_box">
|
|
91
|
183
|
|
|
|
184
|
+ </ul>
|
|
|
185
|
+ </div>
|
|
|
186
|
+ </div>
|
|
|
187
|
+ </div>
|
|
|
188
|
+ <div class="content_5 clearfix">
|
|
|
189
|
+ <div>
|
|
|
190
|
+ <button class="Ce">提交</button>
|
|
|
191
|
+ <input type="hidden" id="F_CusID"/>
|
|
|
192
|
+ <input type="hidden" id="F_Id"/>
|
|
92
|
193
|
</div>
|
|
93
|
194
|
</div>
|
|
94
|
195
|
</div>
|
|
95
|
|
-
|
|
|
196
|
+
|
|
96
|
197
|
<script>
|
|
|
198
|
+ var wid = helper.request.queryString("Str");
|
|
|
199
|
+ console.log(wid);
|
|
97
|
200
|
$(document).ready(function() {
|
|
98
|
|
- initTable();
|
|
99
|
201
|
GetHJJG();
|
|
100
|
202
|
GetYHFK();
|
|
|
203
|
+ XQ(wid);
|
|
101
|
204
|
/*搜索*/
|
|
102
|
205
|
$("#sc_btns").click(function() {
|
|
103
|
206
|
initTable();
|
|
104
|
207
|
})
|
|
105
|
208
|
})
|
|
106
|
209
|
|
|
107
|
|
- function initTable() {
|
|
108
|
|
- //先销毁表格
|
|
109
|
|
- $('#list').bootstrapTable('destroy');
|
|
110
|
|
- //初始化表格,动态从服务器加载数据
|
|
111
|
|
- $("#list").bootstrapTable({
|
|
112
|
|
- method: "get", //使用get请求到服务器获取数据
|
|
113
|
|
- url: huayi.config.callcenter_url + "CallOutPlan/GetMyTaskList", //获取数据的Servlet地址
|
|
114
|
|
- striped: true, //表格显示条纹
|
|
115
|
|
- pagination: true, //启动分页
|
|
116
|
|
- pageSize: 10, //每页显示的记录数
|
|
117
|
|
- pageNumber: 1, //当前第几页
|
|
118
|
|
- pageList: [10, 20, 50, 100], //记录数可选列表
|
|
119
|
|
- search: false, //是否启用查询
|
|
120
|
|
- showColumns: false, //显示下拉框勾选要显示的列
|
|
121
|
|
- showRefresh: false, //显示刷新按钮
|
|
122
|
|
- sidePagination: "server", //表示服务端请求
|
|
123
|
|
- //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
|
|
124
|
|
- //设置为limit可以获取limit, offset, search, sort, order
|
|
125
|
|
- queryParamsType: "undefined",
|
|
126
|
|
- queryParams: function queryParams(params) { //设置查询参数
|
|
127
|
|
- var param = {
|
|
128
|
|
- pageindex: params.pageNumber,
|
|
129
|
|
- pagesize: params.pageSize,
|
|
130
|
|
- key: $("#key").val(),
|
|
131
|
|
- settime: $("#settime").val(),
|
|
132
|
|
- token: $.cookie("token")
|
|
133
|
|
- };
|
|
134
|
|
- return param;
|
|
135
|
|
- },
|
|
136
|
|
- onLoadSuccess: function() { //加载成功时执行
|
|
137
|
|
- //layer.msg("加载成功");
|
|
|
210
|
+ //详情查看
|
|
|
211
|
+ function XQ(wid) {
|
|
|
212
|
+ console.log(wid);
|
|
|
213
|
+ $.ajax({
|
|
|
214
|
+ type: "get",
|
|
|
215
|
+ url: huayi.config.callcenter_url + "CallOutPlan/GetTaskTelModel?",
|
|
|
216
|
+ dataType: 'json',
|
|
|
217
|
+ data: {
|
|
|
218
|
+ id: wid,
|
|
|
219
|
+ token: $.cookie("token")
|
|
138
|
220
|
},
|
|
139
|
|
- onLoadError: function() { //加载失败时执行
|
|
140
|
|
- //layer.msg("加载数据失败", { time: 1500, icon: 2 });
|
|
|
221
|
+ async: true,
|
|
|
222
|
+ success: function(data) {
|
|
|
223
|
+ var Count = data.data;
|
|
|
224
|
+ console.log(Count.taskModel);
|
|
|
225
|
+ $(".Name_").text(Count.taskModel.F_CusName);
|
|
|
226
|
+ $(".Phone_").text(Count.taskModel.F_Phone);
|
|
|
227
|
+ $("#F_CusID").val(Count.taskModel.F_CusID);
|
|
|
228
|
+ $("#F_Id").val(Count.taskModel.F_Id);
|
|
|
229
|
+ var pid = Count.paperid;
|
|
|
230
|
+ WJ(pid)
|
|
|
231
|
+
|
|
141
|
232
|
}
|
|
142
|
233
|
});
|
|
143
|
234
|
}
|
|
144
|
|
-
|
|
145
|
235
|
//获取呼叫结果
|
|
146
|
236
|
function GetHJJG() {
|
|
147
|
237
|
$.ajax({
|
|
|
@@ -157,14 +247,81 @@
|
|
157
|
247
|
var Count = data.data;
|
|
158
|
248
|
$("<option value=''>--全部--</option>").appendTo($("#selhjjg"));
|
|
159
|
249
|
for(var i = 0; i < Count.length; i++) {
|
|
160
|
|
- console.log(Count[i].F_UserName);
|
|
161
|
250
|
$("<li><label for=''><input type='radio' name='check' value='" + Count[i].F_DictionaryValueId + "' /></label>" + Count[i].F_Name + "</li>").
|
|
162
|
251
|
appendTo($("#Tgetruset"));
|
|
|
252
|
+
|
|
163
|
253
|
}
|
|
164
|
254
|
}
|
|
165
|
255
|
});
|
|
166
|
256
|
}
|
|
167
|
257
|
|
|
|
258
|
+ function WJ(pid) {
|
|
|
259
|
+ $(".tbody").empty();
|
|
|
260
|
+ $.ajax({
|
|
|
261
|
+ type: "get",
|
|
|
262
|
+ url: huayi.config.callcenter_url + "/Questionnaire/GetPagerInfoQ",
|
|
|
263
|
+ async: true,
|
|
|
264
|
+ dataType: "json",
|
|
|
265
|
+ data: {
|
|
|
266
|
+ pid: pid,
|
|
|
267
|
+ token: $.cookie("token"),
|
|
|
268
|
+
|
|
|
269
|
+ },
|
|
|
270
|
+ success: function(data) {
|
|
|
271
|
+ if(data.state.toLowerCase() == 'success') {
|
|
|
272
|
+ $('.Title').text(data.data.F_Title);
|
|
|
273
|
+ $(".F_Remark").text(data.data.F_Remark);
|
|
|
274
|
+ var Questions = data.data.F_Questions;
|
|
|
275
|
+ var html = '';
|
|
|
276
|
+ for(var i = 0; i < Questions.length; i++) {
|
|
|
277
|
+ var questype = Questions[i].questype;
|
|
|
278
|
+ var Quesid = Questions[i].quesid;
|
|
|
279
|
+ html += '<li class="" name="ltype' + Quesid + '" >';
|
|
|
280
|
+ html += '<div class="Back">';
|
|
|
281
|
+ html += '<h3 class="size-14 QuesTitle" indexs="' + Questions[i].quesid + '">' + Questions[i].questitle + ' </h3>';
|
|
|
282
|
+ html += '</div>';
|
|
|
283
|
+ //判断类型
|
|
|
284
|
+ if(questype == 2) {
|
|
|
285
|
+ //选项
|
|
|
286
|
+ if(Questions[i].quesitems.length > 0) { //单选
|
|
|
287
|
+ html += '<div class="radio" name="ltype' + Quesid + '" indexs="' + Questions[i].quesid + '">';
|
|
|
288
|
+ var quesitems = Questions[i].quesitems;
|
|
|
289
|
+ for(var j = 0; j < quesitems.length; j++) {
|
|
|
290
|
+ html += '<label style="font-weight: normal;">'
|
|
|
291
|
+ html += '' + (j + 1) + '.';
|
|
|
292
|
+ html += '<input type="radio" index_="' + quesitems[j].itemid + '" value="' + quesitems[j].itemid + '" name="ltype' + Quesid + '" style="margin-left:5px;"> ' + quesitems[j].itemname + '</label>'
|
|
|
293
|
+ }
|
|
|
294
|
+ html += '</div>'
|
|
|
295
|
+ html += '</li>'
|
|
|
296
|
+ }
|
|
|
297
|
+ } else if(questype == 1) {
|
|
|
298
|
+ //问答题
|
|
|
299
|
+ html += '<div class="Wd" indexs="' + Questions[i].quesid + '">';
|
|
|
300
|
+ html += '<textarea class="Wds" index="' + Questions[i].quesid + '"name="" rows="" cols="" style="width: 100%;"></textarea>'
|
|
|
301
|
+ html += '</div>'
|
|
|
302
|
+
|
|
|
303
|
+ } else {
|
|
|
304
|
+ if(Questions[i].quesitems.length > 0) { //多选
|
|
|
305
|
+
|
|
|
306
|
+ html += '<div class="checkbox" name="ltype' + Quesid + '" indexs="' + Questions[i].quesid + '">';
|
|
|
307
|
+ var quesitems = Questions[i].quesitems;
|
|
|
308
|
+ for(var j = 0; j < quesitems.length; j++) {
|
|
|
309
|
+ html += '<label style="font-weight: normal;">'
|
|
|
310
|
+ html += '' + (j + 1) + '.';
|
|
|
311
|
+ html += '<input type="checkbox" index_="' + quesitems[j].itemid + '" value="' + quesitems[j].itemid + '" name="ltype' + Quesid + '" > ' + quesitems[j].itemname + '</label>'
|
|
|
312
|
+ }
|
|
|
313
|
+ html += '</div>'
|
|
|
314
|
+
|
|
|
315
|
+ html += '</li >';
|
|
|
316
|
+ }
|
|
|
317
|
+ }
|
|
|
318
|
+
|
|
|
319
|
+ }
|
|
|
320
|
+ $(html).appendTo(".Qus_box");
|
|
|
321
|
+ }
|
|
|
322
|
+ }
|
|
|
323
|
+ });
|
|
|
324
|
+ }
|
|
168
|
325
|
//用户反馈
|
|
169
|
326
|
function GetYHFK() {
|
|
170
|
327
|
$.ajax({
|
|
|
@@ -180,13 +337,74 @@
|
|
180
|
337
|
var Count = data.data;
|
|
181
|
338
|
$("<option value=''>--全部--</option>").appendTo($("#selhjjg"));
|
|
182
|
339
|
for(var i = 0; i < Count.length; i++) {
|
|
183
|
|
- console.log(Count[i].F_UserName);
|
|
184
|
340
|
$("<li><label for=''><input type='radio' name='checks' value='" + Count[i].F_DictionaryValueId + "' /></label>" + Count[i].F_Name + "</li>").
|
|
185
|
341
|
appendTo($("#Tg"));
|
|
186
|
342
|
}
|
|
187
|
343
|
}
|
|
188
|
344
|
});
|
|
189
|
345
|
}
|
|
|
346
|
+ //提交
|
|
|
347
|
+ var ans = [];
|
|
|
348
|
+ var type;
|
|
|
349
|
+ var star_number = [];
|
|
|
350
|
+ var id;
|
|
|
351
|
+ var content;
|
|
|
352
|
+ var str;
|
|
|
353
|
+ var strs;
|
|
|
354
|
+ $(".Ce").click(function() {
|
|
|
355
|
+
|
|
|
356
|
+ $(".radio").each(function(j,k) {
|
|
|
357
|
+ str = '';
|
|
|
358
|
+ var name = $(k).attr("name");
|
|
|
359
|
+ var index = $(k).attr("indexs");
|
|
|
360
|
+ var val=$('input[name="'+ name+'"]:checked').val();
|
|
|
361
|
+ str=index+'_'+val+'_';
|
|
|
362
|
+ ans.push(str);
|
|
|
363
|
+ })
|
|
|
364
|
+ $(".checkbox").each(function(j,k) {
|
|
|
365
|
+ strs = '';
|
|
|
366
|
+ var name = $(k).attr("name");
|
|
|
367
|
+ var index = $(k).attr("indexs");
|
|
|
368
|
+ var val=$('input[name="'+ name+'"]:checked').val();
|
|
|
369
|
+ str=index+'|'+val+'_';
|
|
|
370
|
+ ans.push(str);
|
|
|
371
|
+ })
|
|
|
372
|
+ $(".Wd").each(function(j,k) {
|
|
|
373
|
+ strs = '';
|
|
|
374
|
+ var name = $(k).attr("name");
|
|
|
375
|
+ var index = $(k).attr("indexs");
|
|
|
376
|
+ var val=$(k).find(".Wds").val();
|
|
|
377
|
+ str=index+'_0_'+val;
|
|
|
378
|
+ ans.push(str);
|
|
|
379
|
+ })
|
|
|
380
|
+
|
|
|
381
|
+
|
|
|
382
|
+
|
|
|
383
|
+ console.log(ans);
|
|
|
384
|
+
|
|
|
385
|
+ //请求
|
|
|
386
|
+ $.ajax({
|
|
|
387
|
+ type: "POST",
|
|
|
388
|
+ url: huayi.config.callcenter_url + "CallOutPlan/Answers",
|
|
|
389
|
+ dataType: 'json',
|
|
|
390
|
+ data: {
|
|
|
391
|
+ taskid: wid,//任务ID
|
|
|
392
|
+ custelid:$("#F_Id").val(),//客户电话ID
|
|
|
393
|
+ cusid:$("#F_CusID").val(),//客户档案ID
|
|
|
394
|
+ ans:ans,//答案，数组形式["15_20_单选选项内容","17_25|36|58_复选选项内容1|选项内容2|选项内容3","30_0_问答题"]
|
|
|
395
|
+ hjjgid:$('input[name="check"]:checked').val(),//呼叫结果ID
|
|
|
396
|
+ yhfkid:$('input[name="checks"]:checked').val(),//用户反馈ID
|
|
|
397
|
+
|
|
|
398
|
+ token: $.cookie("token")
|
|
|
399
|
+ },
|
|
|
400
|
+ async: true,
|
|
|
401
|
+ success: function(data) {
|
|
|
402
|
+ var Count = data.data;
|
|
|
403
|
+
|
|
|
404
|
+ console.log(Count)
|
|
|
405
|
+ }
|
|
|
406
|
+ });
|
|
|
407
|
+ })
|
|
190
|
408
|
</script>
|
|
191
|
409
|
|
|
192
|
410
|
</body>
|
