zhoufan лет назад: 7
Родитель
Сommit
f9d9c1b6ff

+ 75 - 72
WebUI/CallCenterWeb.UI/zhiShiKu/conDetail.html

@@ -1,77 +1,80 @@
1
-<!DOCTYPE html>
1
+<!DOCTYPE html>
2 2
 <html>
3
-	<head>
4
-		<meta charset="UTF-8">
5
-		<script src="../Script/Common/huayi.load.js"></script>
6
-  		<script src="../Script/Common/huayi.config.js"></script>
7
-  		
8
-		<title></title>
9
-		<style>
10
-			.diff-wrapper>div,.diff-wrapper{
11
-				height: 100%;
12
-			}
13
-			.diff-wrapper p{
14
-			font-size: 14px;
15
-		    color: #7a7a7a;
16
-		    margin-bottom: 10px;
17
-		    font-weight: 600;
18
-			}
19
-			.original,.changed,.diff1{
20
-				font-size: 12px;
21
-			    color: #7b8a97;
22
-			    margin-top: 0;
23
-			    margin-bottom: 0;
24
-			    line-height: 25px;
25
-			    word-break:break-all;
26
-			    word-wrap:break-word;
27
-			    background: #f5f5f5;
28
-			    height: 90%;
29
-			        padding: 5px;
30
-			}
31
-			.diff-wrapper{
32
-				padding-top: 20px;
33
-			}
34
-		</style>
35
-	</head>
36
-	<body>
37
-		<div class="container-fluid diff-wrapper">
38
-			
39
-			<div class="before col-md-4">
40
-				<p>修改前内容</p>
41
-				<div class="original"></div>
42
-			</div>
43
-			
44
-			<div class="after col-md-4">
45
-				<p>修改后内容</p>
46
-				<div class="changed">
47
-					
48
-				</div>
49
-			</div>
50
-			
51
-			<div class="col-md-4">
52
-				<p>修改前后对比结果 ( <span style="font-size: 12px; color: red;">注: 红色为已删除   绿色为新增</span>)</p>
53
-				<div class="diff1">
54
-					
55
-				</div>
56
-			</div>
57
-			
58
-		</div>
59
-		<script src="../js/content.min.js?v=1.0.0"></script>
60
-	<script src="../js/plugins/diff_match_patch/diff_match_patch.js"></script>
3
+<head>
4
+    <meta charset="UTF-8">
5
+    <script src="../Script/Common/huayi.load.js"></script>
6
+    <script src="../Script/Common/huayi.config.js"></script>
7
+
8
+    <title></title>
9
+    <style>
10
+        .diff-wrapper > div, .diff-wrapper {
11
+            height: 100%;
12
+        }
13
+
14
+            .diff-wrapper p {
15
+                font-size: 14px;
16
+                color: #7a7a7a;
17
+                margin-bottom: 10px;
18
+                font-weight: 600;
19
+            }
20
+
21
+        .original, .changed, .diff1 {
22
+            font-size: 12px;
23
+            color: #7b8a97;
24
+            margin-top: 0;
25
+            margin-bottom: 0;
26
+            line-height: 25px;
27
+            word-break: break-all;
28
+            word-wrap: break-word;
29
+            background: #f5f5f5;
30
+            height: 90%;
31
+            padding: 5px;
32
+        }
33
+
34
+        .diff-wrapper {
35
+            padding-top: 20px;
36
+        }
37
+    </style>
38
+</head>
39
+<body>
40
+    <div class="container-fluid diff-wrapper">
41
+
42
+        <div class="before col-md-4">
43
+            <p>修改前内容</p>
44
+            <div class="original"></div>
45
+        </div>
46
+
47
+        <div class="after col-md-4">
48
+            <p>修改后内容</p>
49
+            <div class="changed">
50
+
51
+            </div>
52
+        </div>
53
+
54
+        <div class="col-md-4">
55
+            <p>修改前后对比结果 ( <span style="font-size: 12px; color: red;">注: 红色为已删除   绿色为新增</span>)</p>
56
+            <div class="diff1">
57
+
58
+            </div>
59
+        </div>
60
+
61
+    </div>
62
+    <script src="../js/content.min.js?v=1.0.0"></script>
63
+    <script src="../js/plugins/diff_match_patch/diff_match_patch.js"></script>
61 64
     <script src="../js/plugins/preetyTextDiff/jquery.pretty-text-diff.min.js"></script>
62 65
     <script>
63
-    	var bef = helper.request.queryString("bef");
64
-    	var aft = helper.request.queryString("aft");
65
-    		bef=unescape(decodeURI(bef));
66
-    		aft=unescape(decodeURI(aft));
67
-		    $('.original').html(bef);	
68
-		    $('.changed').html(aft);	
69
-		    $(document).ready(function(){
70
-		    	$(".diff-wrapper").prettyTextDiff({
71
-				diffContainer: ".diff1"
72
-			});
73
-		    })
74
-    	
66
+        var bef = $('#pre', parent.document).val();
67
+        var aft = $('#aft', parent.document).val();
68
+        bef = decodeURIComponent(bef) ;
69
+        aft = decodeURIComponent(aft);
70
+        $('.original').html(bef);
71
+        $('.changed').html(aft);
72
+        $(document).ready(function () {
73
+            $(".diff-wrapper").prettyTextDiff({
74
+                diffContainer: ".diff1"
75
+            });
76
+        })
77
+
75 78
     </script>
76
-	</body>
79
+</body>
77 80
 </html>

+ 451 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/css/newRepository.css

@@ -0,0 +1,451 @@
1
+	body.gray-bg {
2
+		background: #fefefe;
3
+	}
4
+	
5
+	ul,
6
+	li {
7
+		list-style: none;
8
+		padding: 0;
9
+		margin: 0;
10
+	}
11
+	
12
+	.secon {
13
+		width: 100%;
14
+		height: 30px;
15
+	}
16
+	
17
+	.secl {
18
+		width: 90%;
19
+		height: 100%;
20
+		float: left;
21
+		margin: 0;
22
+		border: 1px solid #eee;
23
+	}
24
+	
25
+	.search input {
26
+		width: 99%;
27
+		height: 98%;
28
+		border: 0;
29
+		outline: none;
30
+		padding-left: 10px;
31
+	}
32
+	
33
+	.stb {
34
+		display: block;
35
+		width: 10%;
36
+		background-color: #19aad0;
37
+		background-image: url(../../img/sear1.png);
38
+		background-position: center center;
39
+		background-repeat: no-repeat;
40
+		height: 100%;
41
+		float: left;
42
+		border: 0;
43
+		border-top-right-radius: 3px;
44
+		border-bottom-right-radius: 3px;
45
+	}
46
+	
47
+	.stb:focus {
48
+		outline: none;
49
+	}
50
+	
51
+	.bootstrap-table .table:not(.table-condensed)>tbody>tr>td {
52
+		padding: 10px;
53
+	}
54
+	
55
+	.keyList {
56
+		padding: 0;
57
+	}
58
+	
59
+	.keyList li {
60
+		list-style: none;
61
+		float: left;
62
+		color: #676a6c;
63
+		padding: 10px 8px;
64
+		cursor: pointer;
65
+		font-size: 12px;
66
+	}
67
+	
68
+	.keyList li.active {
69
+		color: #19aad0;
70
+	}
71
+	
72
+	.line {
73
+		width: 100%;
74
+		border-bottom: 1px solid #e4eaec;
75
+		position: relative;
76
+	}
77
+	
78
+	.line:before {
79
+		content: "";
80
+		height: 3px;
81
+		background: #19aad0;
82
+		position: absolute;
83
+		width: 150px;
84
+		left: 0;
85
+		top: -1px;
86
+	}
87
+	
88
+	.unitList {
89
+		width: 100%;
90
+		padding: 15px 0;
91
+		margin-bottom: 20px;
92
+	}
93
+	
94
+	.unitList li {
95
+		float: left;
96
+		width: 33%;
97
+		padding: 15px 0;
98
+	}
99
+	
100
+	.unitList li a {
101
+		display: block;
102
+		width: 100%;
103
+		text-align: center;
104
+		color: #4c4c4c;
105
+	}
106
+	
107
+	.unitList li a>div {
108
+		width: 80%;
109
+		white-space: nowrap;
110
+		text-overflow: ellipsis;
111
+		overflow: hidden;
112
+		margin: 0 auto;
113
+	}
114
+	
115
+	.unitList li a i {
116
+		display: inline-block;
117
+		height: 27px;
118
+		width: 29px;
119
+		background: url(../../img/tbIcon.png) no-repeat 0 0;
120
+	}
121
+	
122
+	.unitList li a i.smzj {
123
+		background-position: 0 -29px;
124
+	}
125
+	
126
+	.unitList li a i.sgaxf {
127
+		background-position: 0 -58px;
128
+	}
129
+	
130
+	.unitList li a i.chinaBank {
131
+		background-position: 0 -87px;
132
+	}
133
+	
134
+	.unitList li a i.chinaMobile {
135
+		background-position: 0 -142px;
136
+	}
137
+	
138
+	.unitList li a i.chinaUnicom {
139
+		background-position: 0 -325px;
140
+	}
141
+	
142
+	.unitList li a i.railwayBureau {
143
+		background-position: 0 -170px;
144
+	}
145
+	
146
+	.unitList li a i.newAustrianGas {
147
+		background-position: 0 -112px;
148
+	}
149
+	
150
+	.unitList li a i.cityCDPF {
151
+		background-position: 0 -196px;
152
+	}
153
+	
154
+	.unitList li a i.cityEnvironmentalAgency {
155
+		background-position: 0 -244px;
156
+	}
157
+	
158
+	.unitList li a i.publicTransit {
159
+		background-position: 0 -223px;
160
+		height: 22px;
161
+		margin-bottom: 5px;
162
+	}
163
+	
164
+	.unitList li a i.cityAuthority {
165
+		background-position: 0 -271px;
166
+	}
167
+	
168
+	.unitList li a i.publicSecurityBureau {
169
+		background-position: 0 -298px;
170
+	}
171
+	
172
+	.unitList li a i.waterConservancyBureau {
173
+		background-position: 0 -351px;
174
+	}
175
+	
176
+	.unitList li a i.inlandRevenue {
177
+		background-position: 0 -376px;
178
+	}
179
+	
180
+	.unitList li a i.demonstrationArea {
181
+		background-position: 0 -402px;
182
+	}
183
+	
184
+	.unitList li a i.housingAuthority {
185
+		background-position: 0 -430px;
186
+	}
187
+	
188
+	.unitList li a i.urbanRuralPlanning {
189
+		background-position: 0 -456px;
190
+		height: 17px;
191
+		margin-bottom: 10px;
192
+	}
193
+	
194
+	.unitList li a i.waterGroup {
195
+		background-position: 0 -474px;
196
+	}
197
+	
198
+	.unitList li a i.powerCompany {
199
+		background-position: 0 -499px;
200
+	}
201
+	
202
+	.unitList li a i.sswj {
203
+		background-position: 0 -524px;
204
+	}
205
+	
206
+	.unitList li a i.cityHousingFund {
207
+		background-position: 0 -549px;
208
+		height: 25px;
209
+	}
210
+	
211
+	.unitList li a i.humanResource {
212
+		background-position: 0 -573px;
213
+	}
214
+	
215
+	.unitList li a i.familyPlanning {
216
+		background-position: 0 -599px;
217
+	}
218
+	
219
+	.unitList li a i.sgtzyj {
220
+		background-position: 0 -626px;
221
+		height: 24px;
222
+		margin-bottom: 3px;
223
+	}
224
+	
225
+	.unitList li a i.transportation {
226
+		background-position: 0 -648px;
227
+		height: 20px;
228
+		margin-bottom: 7px;
229
+	}
230
+	
231
+	.unitList li a i.industryInformation {
232
+		background-position: 0 -668px;
233
+	}
234
+	
235
+	.unitList li a i.coalMineSafety {
236
+		background-position: 0 -695px;
237
+	}
238
+	
239
+	.unitList li a i.customsOffice {
240
+		background-position: 0 -725px;
241
+	}
242
+	
243
+	.unitList li a i.radioManagement {
244
+		background-position: 0 -753px;
245
+	}
246
+	
247
+	.unitList li a i.publicCommittee {
248
+		background-position: 0 -782px;
249
+	}
250
+	
251
+	.unitList li a i.cityOfIndustry {
252
+		background-position: 0 -810px;
253
+	}
254
+	
255
+	.unitList li a i.scienceTechnology {
256
+		background-position: 0 -838px;
257
+	}
258
+	
259
+	.unitList li a i.customerService {
260
+		background-position: 0 -865px;
261
+	}
262
+	
263
+	.unitList li a i.womenFederation {
264
+		background-position: 0 -891px;
265
+	}
266
+	
267
+	.unitList li a i.chinaTelecom {
268
+		background-position: 0 -919px;
269
+	}
270
+	
271
+	.unitList li a i.cityArchives {
272
+		background-position: 0 -945px;
273
+	}
274
+	
275
+	.unitList li a i.broadcastingStation {
276
+		background-position: 0 -972px;
277
+	}
278
+	
279
+	.unitList li a i.sendSingle {
280
+		background-position: 0 -1000px;
281
+	}
282
+	
283
+	.unitList li a i.bankSupervisor {
284
+		background-position: 0 -1028px;
285
+	}
286
+	
287
+	.unitList li a i.postManagement {
288
+		background-position: 0 -1057px;
289
+	}
290
+	
291
+	.unitList li a i.agricultureBureau {
292
+		background-position: 0 -1085px;
293
+	}
294
+	
295
+	.unitList li a i.weatherBureau {
296
+		background-position: 0 -1112px;
297
+		height: 22px;
298
+		margin-bottom: 5px;
299
+	}
300
+	
301
+	.unitList li a i.supplyMarketing {
302
+		background-position: 0 -1133px;
303
+	}
304
+	
305
+	.unitList li a i.dailyNewspaper {
306
+		background-position: 0 -1160px;
307
+		height: 23px;
308
+		margin-bottom: 4px;
309
+	}
310
+	
311
+	.unitList li a i.auditOffice {
312
+		background-position: 0 -1182px;
313
+	}
314
+	
315
+	.unitList li a i.foodBureau {
316
+		background-position: 0 -1211px;
317
+	}
318
+	
319
+	.unitList li a i.developmentReformCommission {
320
+		background-position: 0 -1240px;
321
+	}
322
+	
323
+	.unitList li a i.animalHusbandryBureau {
324
+		background-position: 0 -1268px;
325
+	}
326
+	
327
+	.unitList li a i.citySASAC {
328
+		background-position: 0 -1296px;
329
+	}
330
+	
331
+	.unitList li a i.culturalBroadcasting {
332
+		background-position: 0 -1322px;
333
+	}
334
+	
335
+	.unitList li a i.safetySupervisionBureau {
336
+		background-position: 0 -1353px
337
+	}
338
+	
339
+	.unitList li a i.financeBureau {
340
+		background-position: 0 -1383px;
341
+	}
342
+	
343
+	.unitList li a i.statisticsBureau {
344
+		background-position: 0 -1411px;
345
+	}
346
+	
347
+	.unitList li a i.seismologicalBureau {
348
+		background-position: 0 -1438px;
349
+		height: 21px;
350
+		margin-bottom: 6px;
351
+	}
352
+	
353
+	.unitList li a i.forestryBureau {
354
+		background-position: 0 -1458px;
355
+	}
356
+	
357
+	.unitList li a i.justiceBureau {
358
+		background-position: 0 -1487px;
359
+	}
360
+	
361
+	.unitList li a i.agriculturalBureau {
362
+		background-position: 0 -1514px;
363
+	}
364
+	
365
+	.unitList li a i.tourism {
366
+		background-position: 0 -1540px;
367
+	}
368
+	
369
+	.unitList li a i.technicalQuality {
370
+		background-position: 0 -1568px;
371
+	}
372
+	
373
+	.unitList li a i.foodDrugSupervision {
374
+		background-position: 0 -1597px;
375
+	}
376
+	
377
+	.unitList li a i.highwayBureau {
378
+		background-position: 0 -1625px;
379
+	}
380
+	
381
+	.unitList li a i.exitInspection {
382
+		background-position: 0 -1651px;
383
+	}
384
+	
385
+	.unitList li a i.saltIndustryAuthority {
386
+		background-position: 0 -1679px;
387
+	}
388
+	
389
+	.unitList li a i.airDefenseOffice {
390
+		background-position: 0 -1707px;
391
+	}
392
+	
393
+	.unitList li a i.stateRevenue {
394
+		background-position: 0 -1735px;
395
+	}
396
+	
397
+	.unitList li a i.generalUnion {
398
+		background-position: 0 -1762px;
399
+	}
400
+	
401
+	.unitList li a i.cityGovernment {
402
+		background-position: 0 -1792px;
403
+	}
404
+	
405
+	.unitList li.active,.unitList li.acs {
406
+		background: #2eaace;
407
+	}
408
+	
409
+	.unitList li.active a,.unitList li.acs a {
410
+		color: #fff;
411
+	}
412
+	
413
+	.unitList li.active a i ,.unitList li.acs a i {
414
+		background-position-x: -28px;
415
+	}
416
+	
417
+	.tab_circle {
418
+		width: 288px;
419
+		margin: 25px auto;
420
+	}
421
+	
422
+	.tab_circle li {
423
+		height: 15px;
424
+		width: 15px;
425
+		border-radius: 50%;
426
+		/*border:1px solid #ebebeb;*/
427
+		float: left;
428
+		margin-left: 50px;
429
+		background: #d5d5d5;
430
+	}
431
+	
432
+	.tab_circle li.active {
433
+		background: #22bde5;
434
+	}
435
+	
436
+	.unitListBox {
437
+		position: relative;
438
+		width: 1080px;;
439
+		left: 0;
440
+		top: 0;
441
+	}
442
+	
443
+	.unitListCon {
444
+		float: left;
445
+	}
446
+	
447
+	.siderCon {
448
+		/*position: relative;*/
449
+		width: 100%;
450
+		/*overflow: hidden;*/
451
+	}

Разница между файлами не показана из-за своего большого размера
+ 12 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/css/swiper.min.css


+ 216 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/js/newRepository.js

@@ -0,0 +1,216 @@
1
+    
2
+var token = $.cookie("token");
3
+var table = $('#table1');
4
+$('#depID').val(0);
5
+$(document).ready(function () {
6
+    //      		$('#firstOne').trigger("click");
7
+    //右侧搜索事件
8
+    initTable($('#depID').val());
9
+    $('#rightSearch').click(function () {
10
+        initTable($('#depID').val());
11
+    })
12
+
13
+    if ($('.allAdd').hasClass('active')) {
14
+        $('.addTo').hide();
15
+    } else {
16
+        $('.addTo').show();
17
+    }
18
+
19
+    //右侧关键字鼠标移入效果
20
+    $('.keyList li').hover(function () {
21
+        $('.keyList li').removeClass('active')
22
+        $(this).addClass('active');
23
+
24
+    }, function () {
25
+        $(this).removeClass('active');
26
+    })
27
+    $('.addTo').click(function () {
28
+        var depid = $('#depID').val();
29
+        goAdd(depid);
30
+    })
31
+
32
+    var headhtml = '<div class="swiper-slide swiper-no-swiping"><ul class="unitList clearfix" >';
33
+    var foothtml = '</ul ></div >';
34
+    var lbhtml = headhtml + '      <li data-id="0" class="active allAdd">'
35
+        + '             <a href="javaScript:;" title="全部">'
36
+        + '                <i class="cityGovernment"></i>'
37
+        + '                <div>全部</div>'
38
+        + '             </a>'
39
+        + '          </li>';
40
+    $.getJSON(huayi.config.callcenter_url + "Department/GetDealDeptList", {
41
+        "token": $.cookie("token")
42
+    }, function (data) {
43
+        if (data.state == "success") {
44
+            $(data.data).each(function (i, n) {
45
+                lbhtml += '      <li data-id="' + n.F_DeptId + '" >'
46
+                    + '             <a href="javaScript:;" title="' + n.F_DeptName + '">'
47
+                    + '                <i class="cityGovernment"></i>'
48
+                    + '                <div>' + n.F_DeptName + '</div>'
49
+                    + '             </a>'
50
+                    + '          </li>';
51
+                if (i + 1 != data.data.length) {
52
+                    if ((i + 2) % 18 == 0) {
53
+                        lbhtml += foothtml + headhtml;
54
+                    }
55
+                }
56
+                else {
57
+                    lbhtml += foothtml;
58
+                }
59
+            })
60
+            $(lbhtml).appendTo($(".swiper-container"));
61
+            var mySwiper = new Swiper('.swiper-container', {
62
+                //					    direction: 'vertical',
63
+                //					    loop: true,
64
+
65
+                // 如果需要分页器
66
+                pagination: {
67
+                    el: '.swiper-pagination',
68
+                    clickable: true,
69
+                }
70
+            })
71
+
72
+            $('.unitList li').click(function () {
73
+                $('.unitList li').removeClass('active')
74
+                $(this).addClass('active');
75
+                if ($('.allAdd').hasClass('active')) {
76
+                    $('.addTo').hide();
77
+                } else {
78
+                    $('.addTo').show();
79
+                }
80
+                var depId = $(this).attr('data-id');
81
+                var keyWord = $(this).find('div').html();
82
+                $('.rightTabKey').html(keyWord);
83
+                $('#depID').val(depId);
84
+                initTable(depId);
85
+            })
86
+
87
+            //左侧单位鼠标移入效果
88
+            $('.unitList li').hover(function () {
89
+                $(this).addClass('acs');
90
+
91
+            }, function () {
92
+                $(this).removeClass('acs');
93
+            })
94
+        }
95
+    })
96
+})
97
+function goAdd(ids) {
98
+    //iframe窗
99
+    layer.open({
100
+        type: 2,
101
+        title: '新增知识库',
102
+        area: ['70%', '60%'],
103
+        content: 'newRepositoryAdd.html?depId=' + ids + ''
104
+    });
105
+}
106
+function initTable(ids) {
107
+    //先销毁表格
108
+    table.bootstrapTable('destroy');
109
+    //初始化表格,动态从服务器加载数据
110
+    table.bootstrapTable({
111
+        method: "get", //使用get请求到服务器获取数据
112
+        url: huayi.config.callcenter_url + "Repository/GetList", //获取数据的Servlet地址
113
+        contentType: "application/x-www-form-urlencoded", striped: true,
114
+        striped: true, //表格显示条纹
115
+        pagination: true, //启动分页
116
+        pageSize: 10, //每页显示的记录数
117
+        pageNumber: 1, //当前第几页
118
+        pageList: [10, 15, 25], //记录数可选列表
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
+                page: params.pageNumber,
129
+                pagesize: params.pageSize,
130
+                token: token,
131
+                deptid: ids,
132
+                key: $('.rightSearchKey').val(),
133
+                //								starttime:	否	string	开始时间 (2017-01-09)
134
+                //								endtime:
135
+            };
136
+            return param;
137
+        },
138
+        onLoadSuccess: function () { //加载成功时执行
139
+            //layer.msg("加载成功");
140
+        },
141
+        onLoadError: function () { //加载失败时执行
142
+            //layer.msg("加载数据失败", { time: 1500, icon: 2 });
143
+        }
144
+    });
145
+}
146
+        	//操作
147
+function CZ(val, row) {
148
+    var str = '';
149
+    if (top.$("#RoleCode").val() == 'GLY') {
150
+        str = '<div>' +
151
+            '<a class="xg" onclick="goDetail(' + row.F_Id + ')" title="点击查看详情">查看</a>' +
152
+            '<a class="xg" onclick="goEdit(' + row.F_Id + ')" title="点击编辑">编辑</a>' +
153
+            '<a class="xg" onclick="goDel(' + row.F_Id + ')" title="点击编辑">删除</a>' +
154
+            '</div>'
155
+    } else {
156
+        str = '<div>' +
157
+            '<a class="xg" onclick="goDetail(' + row.F_Id + ')" title="点击查看详情">查看</a>' +
158
+            '<a class="xg" onclick="goEdit(' + row.F_Id + ')" title="点击编辑">编辑</a>' +
159
+            '</div>'
160
+    }
161
+    return str
162
+
163
+}
164
+			//详情
165
+function goDetail(ids) {
166
+    //iframe窗
167
+    layer.open({
168
+        type: 2,
169
+        title: '查看知识库详情',
170
+        area: ['70%', '60%'],
171
+        maxmin: true,
172
+        content: 'newRepositoryDetail.html?ids=' + ids + ''
173
+    });
174
+}
175
+			//修改
176
+function goEdit(ids) {
177
+    //iframe窗
178
+    layer.open({
179
+        type: 2,
180
+        title: '编辑知识库',
181
+        area: ['70%', '60%'],
182
+        maxmin: true,
183
+        content: 'newRepositoryAdd.html?ids=' + ids + '&depId=' + $('#depID').val()
184
+    });
185
+}
186
+			//删除
187
+function goDel(id) {
188
+    var arr = [];
189
+    arr.push(id);
190
+    var laye = layer.confirm('您确定要删除吗?', {
191
+        btn: ['确定', '取消'] //可以无限个按钮
192
+    }, function () {
193
+        //按钮【按钮一】的回调
194
+        $.ajax({
195
+            type: "post",
196
+            url: huayi.config.callcenter_url + "Repository/DelRepository",
197
+            async: true,
198
+            dataType: 'json',
199
+            data: {
200
+                token: $.cookie("token"),
201
+                ids: arr
202
+            },
203
+            success: function (data) {
204
+                if (data.state.toLowerCase() == 'success') {
205
+                    layer.msg("删除成功!");
206
+                    layer.close(laye);
207
+                    table.bootstrapTable('refresh');
208
+                }
209
+            }
210
+        });
211
+    }, function (index) {
212
+        //按钮【按钮二】的回调
213
+        layer.close(laye)
214
+    });
215
+}
216
+			

+ 306 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/js/newRepositoryAdd.js

@@ -0,0 +1,306 @@
1
+
2
+var ids=helper.request.queryString("ids");
3
+var depId=helper.request.queryString("depId");
4
+
5
+//编辑器配置
6
+		KindEditor.ready(function(K) {
7
+			window.baseon = K.create('#baseon', {
8
+				uploadJson: '../../js/kindeditor/asp.net/upload_json.ashx',
9
+				fileManagerJson: '../../js/kindeditor/asp.net/file_manager_json.ashx',
10
+				allowFileManager: true
11
+			}); //添加弹出框编辑器
12
+		});
13
+		KindEditor.ready(function(K) {
14
+			window.process = K.create('#process', {
15
+				uploadJson: '../../js/kindeditor/asp.net/upload_json.ashx',
16
+				fileManagerJson: '../../js/kindeditor/asp.net/file_manager_json.ashx',
17
+				allowFileManager: true
18
+			}); //添加弹出框编辑器
19
+		});
20
+		KindEditor.ready(function(K) {
21
+			window.material = K.create('#material', {
22
+				uploadJson: '../../js/kindeditor/asp.net/upload_json.ashx',
23
+				fileManagerJson: '../../js/kindeditor/asp.net/file_manager_json.ashx',
24
+				allowFileManager: true
25
+			}); //添加弹出框编辑器
26
+		});
27
+		KindEditor.ready(function(K) {
28
+			window.template = K.create('#template', {
29
+				uploadJson: '../../js/kindeditor/asp.net/upload_json.ashx',
30
+				fileManagerJson: '../../js/kindeditor/asp.net/file_manager_json.ashx',
31
+				allowFileManager: true
32
+			}); //添加弹出框编辑器
33
+		});
34
+		KindEditor.ready(function(K) {
35
+			window.payinfo = K.create('#payinfo', {
36
+				uploadJson: '../../js/kindeditor/asp.net/upload_json.ashx',
37
+				fileManagerJson: '../../js/kindeditor/asp.net/file_manager_json.ashx',
38
+				allowFileManager: true
39
+			}); //添加弹出框编辑器
40
+		});
41
+		
42
+$(document).ready(function() {
43
+		
44
+		$('.tab_list li').click(function() {
45
+			var index = $(this).index();
46
+			$(this).addClass('active').siblings().removeClass('active');
47
+			$('.tab_content>div').eq(index).show().siblings().hide();
48
+		})
49
+
50
+		
51
+		$('.save').click(function(){
52
+			saveCon();
53
+		})
54
+		
55
+		//上传附件
56
+		$("#scwj").click(function() {
57
+			$("#upFile").trigger("click");
58
+		})
59
+		$("#upFile").change(function() {
60
+			upload();
61
+		})
62
+		
63
+		//保存
64
+		function saveCon(){
65
+			var paymoney=$('#paymoney').val()*1;
66
+			var a=paymoney.toFixed(2)
67
+//			var reg=/^([+-]?)\d*\.?\d+$/;
68
+//			if($("#publicphone1").val()!==''){
69
+//				if(!reg.test($.trim($("#publicphone1").val()))) { 
70
+//	           		layer.confirm('请输入有效的公开电话!', {
71
+//						btn: ['确定'] //按钮
72
+//					});
73
+//	           		$("#publicphone1").val(''); 
74
+//	           		$("#publicphone1").focus(); 
75
+//	           		return; 
76
+//			}
77
+//			}if($("#publicphone2").val()!==''){
78
+//					if(!reg.test($.trim($("#publicphone2").val()))){
79
+//					layer.confirm('请输入有效的公开电话!', {
80
+//							btn: ['确定'] //按钮
81
+//						});
82
+//						$("#publicphone2").val(''); 
83
+//		           		$("#publicphone2").focus(); 
84
+//		           		return;
85
+//				}
86
+//			}if($("#privatephone1").val()!==''){
87
+//					if(!reg.test($.trim($("#privatephone1").val()))){
88
+//					layer.confirm('请输入有效的内部电话!', {
89
+//							btn: ['确定'] //按钮
90
+//						});
91
+//						$("#privatephone1").val(''); 
92
+//		           		$("#privatephone1").focus(); 
93
+//		           		return;
94
+//				}
95
+//			}if($("#privatephone2").val()!==''){
96
+//					 if(!reg.test($.trim($("#privatephone2").val()))){
97
+//					layer.confirm('请输入有效的内部电话!', {
98
+//							btn: ['确定'] //按钮
99
+//						});
100
+//		           		$("#privatephone2").val(''); 
101
+//		           		$("#privatephone2").focus(); 
102
+//		           		return;
103
+//				}
104
+//			}if($("#otherpublicphone").val()!==''){
105
+//					 if(!reg.test($.trim($("#otherpublicphone").val()))){
106
+//					layer.confirm('请输入有效的协办单位公开电话!', {
107
+//							btn: ['确定'] //按钮
108
+//						});
109
+//		           		$("#otherpublicphone").val(''); 
110
+//		           		$("#otherpublicphone").focus(); 
111
+//		           		return;
112
+//				}
113
+//			}if($("#otherprivatephone").val()!==''){
114
+//					 if(!reg.test($.trim($("#otherprivatephone").val()))){
115
+//					layer.confirm('请输入有效的协办单位内部电话!', {
116
+//							btn: ['确定'] //按钮
117
+//						});
118
+//		           		$("#otherprivatephone").val(''); 
119
+//		           		$("#otherprivatephone").focus(); 
120
+//		           		return;
121
+//				}
122
+//			}
123
+			$.ajax({
124
+				type:'post',
125
+				url:huayi.config.callcenter_url +'Repository/AddRepository',
126
+				async:true,
127
+				dataType:'json',
128
+				data:{
129
+					token:$.cookie("token"),
130
+					deptid:depId,//单位id
131
+					id:ids,//知识库id
132
+					key:$('#key').val(),//关键字
133
+					title:$('#title').val(),//事件名称
134
+					maindept:$('#maindept').val(),//主办单位
135
+					publicphone1:$('#publicphone1').val(),//公开电话1
136
+					publicphone2:$('#publicphone2').val(),//公开电话2
137
+					privatephone1:$('#privatephone1').val(),//内部电话1
138
+					privatephone2:$('#privatephone2').val(),//内部电话2
139
+					points:$('#points').val(),//询问要点
140
+					baseanswer:$('#baseanswer').val(),//标准话术
141
+					endanswer:$('#endanswer').val(),//结案参考
142
+					dealtype:$('#dealtype').val(),//办理方式
143
+					legallimittime:$('#legallimittime').val(),//法定办结时限
144
+					promiselimittime:$('#promiselimittime').val(),//承诺办结时限
145
+					ispay: $('input[name="ispay"]:checked ').val(),//是否收费
146
+					paymoney: a,//收费标准
147
+					officeaddress: $('#officeaddress').val(),//办公地点
148
+					serobject: $('#serobject').val(),//办理对象
149
+					busline: $('#busline').val(),//乘车路线
150
+					officetime: $('#officetime').val(),//办公时间
151
+					otherdept: $('#otherdept').val(),//	协办单位
152
+					otherpublicphone: $('#otherpublicphone').val(),//	协办单位公开电话
153
+					otherprivatephone: $('#otherprivatephone').val(),//协办单位内部电话
154
+					remark: $('#remark').val(),//备注
155
+					baseon: encodeURIComponent(baseon.html()),//设定依据
156
+					process: encodeURIComponent(process.html()),//办理流程
157
+					material: encodeURIComponent(material.html()),//办理材料
158
+					template: encodeURIComponent(template.html()),//办理结果样本
159
+					payinfo: encodeURIComponent(payinfo.html()),//收费标准及依据
160
+					files: $('#file').val() //收费标准及依据
161
+				},
162
+				success:function(data){
163
+					if(data.state.toLowerCase()=='success'){
164
+						var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
165
+						parent.layer.close(index); //再执行关闭  
166
+						parent.layer.msg(data.message); //再执行关闭  
167
+						parent.$('#table1').bootstrapTable('refresh'); //再执行关闭  
168
+					}
169
+					
170
+				}
171
+			});
172
+		}
173
+	    //获取知识库详情
174
+	  if(ids){
175
+	  	 $.ajax({
176
+						type:"get",
177
+						url:huayi.config.callcenter_url +"Repository/GetRepository",
178
+						async:true,
179
+						dataType:'json',
180
+						data:{
181
+							token: $.cookie("token"),
182
+							id:ids
183
+						},
184
+						success:function(result){
185
+							if(result.state.toLowerCase()=='success'){
186
+								var con=result.data.data;
187
+								$('#key').val(con.F_Key);//关键字
188
+								$('#title').val(con.F_Title);//事件名称
189
+								$('#maindept').val(con.F_MainDept);//主办单位
190
+								$('#publicphone1').val(con.F_PublicPhone1);//公开电话1
191
+								$('#publicphone2').val(con.F_PublicPhone2);//公开电话2
192
+								$('#privatephone1').val(con.F_PrivatePhone1);//内部电话1
193
+								$('#privatephone2').val(con.F_PrivatePhone2);//内部电话2
194
+								$('#points').val(con.F_Points);//询问要点
195
+								$('#baseanswer').val(con.F_BaseAnswer);//标准话术
196
+								$('#endanswer').val(con.F_EndAnswer);//结案参考
197
+								$('#dealtype').val(con.F_DealType);//办理方式
198
+								$('#legallimittime').val(con.F_LegalLimitTime);//法定办结时限
199
+								$('#promiselimittime').val(con.F_PromiseLimitTime);//承诺办结时限
200
+//								$('input[name="ispay"]:checked ').val(F_PayMoney);//是否收费
201
+								$('input[name="ispay"][value="'+con.F_IsPay+'"]').prop("checked","checked");//是否收费
202
+								$('#paymoney').val(con.F_PayMoney);//收费标准
203
+								$('#officeaddress').val(con.F_OfficeAddress);//办公地点
204
+								$('#serobject').val(con.F_Object);//办理对象
205
+								$('#busline').val(con.F_BusLine);//乘车路线
206
+								$('#officetime').val(con.F_OfficeTime);//办公时间
207
+								$('#otherdept').val(con.F_OtherDept);//	协办单位
208
+								$('#otherpublicphone').val(con.F_OtherPublicPhone);//	协办单位公开电话
209
+								$('#otherprivatephone').val(con.F_OtherPrivatePhone);//协办单位内部电话
210
+								$('#remark').val(con.F_Remark);//备注
211
+								baseon.html(con.F_BaseOn);
212
+								process.html(con.F_Process);
213
+								material.html(con.F_Material);
214
+								template.html(con.F_Template);
215
+								payinfo.html(con.F_PayInfo);
216
+								depId=con.F_DeptId;
217
+//								$('#baseon').val(con.F_BaseOn);//设定依据
218
+//								$('#process').val(con.F_Process);//办理流程
219
+//								$('#material').val(con.F_Material);//办理材料
220
+//								$('#template').val(con.F_Template);//办理结果样本
221
+//								$('#payinfo').val(con.F_PayInfo);//收费标准及依据
222
+			//					$('#files').val() //收费标准及依据
223
+								$(result.data.file).each(function(k,q){
224
+										var strs='<span class="files" fiel-num="'+ q.F_FileId +'">'+ q.F_FileName.substring(19) +'<i class="fa fa-remove del_file"></i></span>'
225
+										$(strs).appendTo($('.fileBox')).find('.del_file').click(function(event){
226
+											event.stopPropagation();
227
+											$(this).parent().remove();
228
+												file_num()
229
+												console.log($('.fileBox').find('.del_file'))
230
+										})
231
+										file_num()
232
+									})
233
+													
234
+							}
235
+												
236
+						}
237
+			});
238
+			
239
+	  }
240
+	  
241
+	
242
+})
243
+		
244
+		//上传文件
245
+		function upload() {
246
+			var Files = document.getElementById("upFile").files;
247
+			if(Files.length > 0) {
248
+				var formData = new FormData();
249
+				for(var i = 0; i < Files.length; i++) {
250
+					formData.append('file' + i, Files[i]);;
251
+				}
252
+				console.log(formData)
253
+				formData.append("token", $.cookie("token"));
254
+				$.ajax({
255
+					url: huayi.config.callcenter_url + "/WorkOrder/UploadFile",
256
+					type: "POST",
257
+					data: formData,
258
+					/**
259
+					 *必须false才会自动加上正确的Content-Type
260
+					 */
261
+					contentType: false,
262
+					/**
263
+					 * 必须false才会避开jQuery对 formdata 的默认处理
264
+					 * XMLHttpRequest会对 formdata 进行正确的处理
265
+					 */
266
+					processData: false,
267
+					success: function(result) {
268
+						document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
269
+						$("#upFile").change(function() {
270
+							upload();
271
+						});
272
+						var r = $.parseJSON(result);
273
+						if(r.state.toLowerCase() == "success") {
274
+							//								$(".fjnr").text(r.data[0].F_FileName);
275
+							var a = r.data;
276
+							$(a).each(function(i, n) {
277
+								var strs = '<span class="files" fiel-num="' + n.F_FileId + '">' + n.F_FileName.substring(19) + '<i class="fa fa-remove del_file"></i></span>'
278
+								$(strs).appendTo($('.fileBox')).find('.del_file').click(function(event) {
279
+									event.stopPropagation();
280
+									$(this).parent().remove();
281
+									file_num()
282
+								})
283
+							})
284
+							file_num()
285
+						}
286
+					}
287
+				});
288
+			} else {
289
+				layer.confirm('请上传文件!', {
290
+					btn: ['确定']
291
+				});
292
+			}
293
+		}
294
+		//上传文件隐藏域值
295
+		function file_num() {
296
+			var str = '';
297
+			var Str;
298
+			$('.fileBox .files').each(function(j, m) {
299
+				var aa = $(m).attr("fiel-num")
300
+				console.log(aa);
301
+				str += aa + ",";
302
+				Str = (str.substring(str.length - 1) == ',') ? str.substring(0, str.length - 1) : str;
303
+			})
304
+			$("#file").val(Str);
305
+		}
306
+		

Разница между файлами не показана из-за своего большого размера
+ 13 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/js/swiper.min.js


+ 41 - 49
WebUI/CallCenterWeb.UI/zhiShiKu/js/zhiShiKuShenHe.js

@@ -1,4 +1,4 @@
1
-var token = $.cookie("token");
1
+var token = $.cookie("token");
2 2
 var table=$('#table1');
3 3
 var action=$('#action').val();//动作
4 4
 var isPass=$('#isPass').val();//是否审核
@@ -55,11 +55,11 @@ function setCode(val, row, index) {
55 55
 function oper(val,row) {
56 56
     if (val) {
57 57
         var con = helper.filter.Transcoding(val);
58
-        return '<div onclick="seeConDetail(\''+row.F_PreDescription +'\',\''+ row.F_AfterDescription +'\')"> '+ con.substr(0, 20) + "..."; +'</div>'
58
+        return '<div pre=\'' + encodeURIComponent(row.F_PreDescription) + '\' aft=\'' + encodeURIComponent(row.F_AfterDescription) +'\' onclick="seeConDetail(this)"> '+ con.substr(0, 20) + "..."; +'</div>'
59 59
         
60 60
     }
61 61
     else {
62
-        return '<div onclick="seeConDetail(\''+row.F_PreDescription +'\','+  row.F_AfterDescription +')"></div>';
62
+        return '<div pre=\'' + encodeURIComponent(row.F_PreDescription) + '\' aft=\'' + encodeURIComponent(row.F_AfterDescription) +'\' onclick="seeConDetail(this)"></div>';
63 63
     }
64 64
 }
65 65
 
@@ -113,49 +113,41 @@ function check(state){
113 113
     }   
114 114
 }
115 115
 var strs='<textarea class="detail" rows="5"  placeholder="请输入审核详情......"></textarea>'
116
- function shenHe(state,did) {
117
-//          layer.open({
118
-////              type: 2,
119
-////              content: "ShenHeDetail.html?state=" + state +'&id='+did, //iframe的url,no代表不显示滚动条
120
-//              content: strs, //iframe的url,no代表不显示滚动条
121
-//              title: '审核详情',
122
-////              area: ['40%', '40%'], //宽高
123
-//          });
124
-        var lay=layer.open({
125
-				  title: '审核详情'
126
-				  ,content: strs,
127
-				  area: ['60%', '80%'], //宽高
128
-				  yes:function(){
129
-				  	$.ajax({
130
-					type:"post",
131
-					url:huayi.config.callcenter_url+"Knowledge/AuditR",
132
-					async:true,
133
-					dataType:'json',
134
-					data:{
135
-						ids:did,
136
-						auditremark:$('.detail').val(),
137
-						ispass:state,
138
-						token: $.cookie("token")
139
-					},
140
-					success:function(data){
141
-						if(data.state.toLowerCase()=='success'){
142
-								layer.msg(data.message);
143
-								initTable(action,isPass);
144
-						}
145
-					}
146
-				});
147
-				  }
148
-				});  
149
-	}
150
- 	 function seeConDetail(bef,aft) {
151
-//	var con='<div class="before original"> '+ bef +'</div>'+
152
-//			
153
-//			'<div class="after changed">aaaaaaa</div>'
154
-		
155
-	layer.open({
156
-		type: 2,
157
-		content: "conDetail.html?bef=" + bef + "&aft=" + aft, //iframe的url,no代表不显示滚动条
158
-		title: '查看内容详情',
159
-		area: ['60%', '70%'], //宽高
160
-		});
161
-}	
116
+function shenHe(state, did) {
117
+    var lay = layer.open({
118
+        title: '审核详情'
119
+        , content: strs,
120
+        area: ['60%', '80%'], //宽高
121
+        yes: function () {
122
+            $.ajax({
123
+                type: "post",
124
+                url: huayi.config.callcenter_url + "Knowledge/AuditR",
125
+                async: true,
126
+                dataType: 'json',
127
+                data: {
128
+                    ids: did,
129
+                    auditremark: $('.detail').val(),
130
+                    ispass: state,
131
+                    token: $.cookie("token")
132
+                },
133
+                success: function (data) {
134
+                    if (data.state.toLowerCase() == 'success') {
135
+                        layer.msg(data.message);
136
+                        initTable(action, isPass);
137
+                    }
138
+                }
139
+            });
140
+        }
141
+    });
142
+}
143
+
144
+function seeConDetail(obj) {
145
+    $("#pre").val($(obj).attr("pre"));
146
+    $("#aft").val($(obj).attr("aft"));
147
+    layer.open({
148
+        type: 2,
149
+        content: "conDetail.html", //iframe的url,no代表不显示滚动条
150
+        title: '查看内容详情',
151
+        area: ['60%', '70%'], //宽高
152
+    });
153
+}

+ 116 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/newRepository.html

@@ -0,0 +1,116 @@
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="css/swiper.min.css" />
9
+    <link rel="stylesheet" href="../css/init.css" />
10
+    <link rel="stylesheet" href="css/newRepository.css" />
11
+    <title>新版知识库</title>
12
+    <style>
13
+        .swiper-container {
14
+            width: 100%;
15
+            /*height: 300px;*/
16
+        }
17
+
18
+        .swiper-pagination-bullet {
19
+            height: 15px;
20
+            width: 15px;
21
+        }
22
+    </style>
23
+</head>
24
+
25
+<body class="gray-bg">
26
+    <div class="container-fluid wrapper-content animated fadeInRight">
27
+        <div class="daoHang clearfix">
28
+            <div class="dhLeft">
29
+                <sapn>
30
+                    <i class="syIcon"></i>位置:
31
+                    <a id="ReIndex">首页</a>&gt;
32
+                    <a href="javaScript:;">知识库</a>&gt;
33
+                    <a href="" class="nowPosition">新版知识库</a>
34
+                </sapn>
35
+            </div>
36
+            <div class="dhRight">
37
+                <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
38
+            </div>
39
+        </div>
40
+        <div class="reposCon clearfix" style="margin-top:5px;">
41
+            <!--左侧-->
42
+            <div class="conleft col-md-3">
43
+                <div class="search " style="height: 30px;">
44
+                    <!--<div class="secon clearfix">
45
+                        <p class="secl"><input type="text" placeholder="请输入关键字" class="searCon" /></p><button href="javaScript:;" class="stb"></button>
46
+                    </div>-->
47
+                </div>
48
+                <p style="color: #4c4c4c;font-size: 14px; margin: 10px 0;">服务单位列表</p>
49
+                <div class="line"></div>
50
+                <div class="siderCon">
51
+                    <div class="swiper-container">
52
+                        <div class="swiper-wrapper">
53
+                            <!--<div class="swiper-slide swiper-no-swiping">
54
+                                <ul class="unitList clearfix">
55
+                                    <li data-id="0" class="active allAdd">
56
+                                        <a href="javaScript:;" title="全部">
57
+                                            <i class="cityGovernment"></i>
58
+                                            <div>全部</div>
59
+                                        </a>
60
+                                    </li>
61
+                                </ul>
62
+                            </div>-->
63
+                        </div>
64
+                        <div class="swiper-pagination"></div>
65
+                    </div>
66
+                </div>
67
+            </div>
68
+
69
+            <!--右侧-->
70
+            <div class="conRight col-md-9">
71
+                <div class="search clearfix">
72
+                    <div class="secon clearfix" style="width: 80%; float:left;">
73
+                        <p class="secl"><input type="text" placeholder="请输入关键字" class="searCon rightSearchKey" /></p><button href="javaScript:;" class="stb" id="rightSearch"></button>
74
+                    </div>
75
+                    <button class="btns addTo" style="float: right;">添加</button>
76
+                </div>
77
+                <!--<ul class="keyList clearfix" style="height: 38px;">
78
+                    <li>市民反馈问题 </li>
79
+                    <li>车辆管理条例 </li>
80
+                    <li>市长重要讲话   </li>
81
+                    <li>社保资料 </li>
82
+                    <li> 投诉  </li>
83
+                    <li> 建议  </li>
84
+                    <li>鹤壁政要   </li>
85
+                    <li>鹤壁政府 </li>
86
+                    <li>公积金 </li>
87
+                    <li>市长热线  </li>
88
+                    <li>鹤壁政府  </li>
89
+                </ul>-->
90
+                <p style="color: #4c4c4c;font-size: 14px; margin: 10px 0;" class="rightTabKey">市教育体育局</p>
91
+                <div class="line"></div>
92
+
93
+                <div class="tableBox">
94
+                    <table id="table1" data-row-style="rowStyle" data-classes="table table-no-bordered" data-query-params="queryParams">
95
+                        <thead>
96
+                            <tr>
97
+                                <th data-field="F_Title" data-align="center">事件名称</th>
98
+                                <th data-field="DeptName" data-align="center">单位名称</th>
99
+                                <th data-field="F_CreateTime" data-align="center">时间</th>
100
+                                <th data-field="UserName" data-align="center">创建人</th>
101
+                                <th data-formatter="CZ" data-align="center">操作</th>
102
+                            </tr>
103
+                        </thead>
104
+                    </table>
105
+                </div>
106
+
107
+            </div>
108
+            <input type="hidden" id="depID" />
109
+        </div>
110
+    </div>
111
+    <script src="js/swiper.min.js"></script>
112
+    <script src="js/newRepository.js"></script>
113
+
114
+</body>
115
+
116
+</html>

+ 254 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/newRepositoryAdd.html

@@ -0,0 +1,254 @@
1
+<!DOCTYPE html>
2
+<html>
3
+	<head>
4
+		<meta charset="UTF-8">
5
+		<script src="../Script/Common/huayi.load.js"></script>
6
+		<script src="../Script/Common/huayi.config.js"></script>
7
+		<link rel="stylesheet" href="../css/init.css" />
8
+		<title>新版知识库添加</title>
9
+		<style type="text/css">
10
+			ul,li{
11
+				padding: 0;
12
+				margin: 0;
13
+				list-style: none;
14
+			}
15
+			.tab_list{
16
+				border-bottom: 1px solid #d5d5d5;
17
+			}
18
+			.tab_list li{
19
+				padding: 10px 15px;
20
+				float: left;
21
+				color: #333333;
22
+				font-size: 14px;
23
+				position: relative;
24
+			}
25
+			.tab_list li.active{
26
+				color: #19aad0;
27
+			}
28
+			.tab_list li.active:after{
29
+				content: "";
30
+				width: 100%;
31
+				height: 2px;
32
+				background: #19aad0;
33
+				position: absolute;
34
+				bottom: -1px;
35
+				left: 0;
36
+			}
37
+			.tab_content{
38
+				font-size: 14px;
39
+				color: #4c4c4c;
40
+				padding: 15px 0;
41
+				/*text-indent: 28px;*/
42
+			}
43
+			.tab_content>div{
44
+				display: none;
45
+			}
46
+			.table tr td input[type="text"]{
47
+			    width: 100%;
48
+			    height: 34px;
49
+			    background: #f3f3f4;
50
+			    outline: none;
51
+		        border: 1px solid #e7e7e7;
52
+		        padding-left: 10px;
53
+			}
54
+			.radio-inline input[type=radio]{
55
+				margin-top: 2px;
56
+			}
57
+			.table tr td textarea{
58
+			    width: 100%;
59
+			    height: 100%;
60
+			    background: #f3f3f4;
61
+			    border: 1px solid #e7e7e7;
62
+			    resize: none;
63
+			}
64
+			#scwj{
65
+				    background-color: #FFF;
66
+			    background-image: none;
67
+			    border: 1px solid #ccc;
68
+			    border-radius: 1px;
69
+			    color: inherit;
70
+			    padding: 6px 12px!important;
71
+			}
72
+			.files{
73
+				    padding: 5px!important;
74
+			}
75
+			.time-box{
76
+			    position: relative;
77
+			    width: 197px!important;
78
+			    height: 34px;
79
+			    margin: 0;
80
+			}
81
+			.tub + input {
82
+			    padding-right: 30px;
83
+			    border: 1px solid #e5e6e7!important;
84
+			}
85
+			i.tub {
86
+			    position: absolute;
87
+			    right: 8px;
88
+			    top: 8px;
89
+			    font-size: 18px;
90
+			    color: #00a0ca;
91
+			}
92
+			
93
+		</style>
94
+	</head>
95
+		<body class="gray-bg">
96
+			<div class="container-fluid wrapper-content animated fadeInRight">
97
+				<table class="table table-bordered table-condensed">
98
+					<tr>
99
+						<td width="100">关键词</td>
100
+						<td colspan="3"><input type="text" id="key"/></td>
101
+					</tr>
102
+					<tr>
103
+						<td width="100">事件名称</td>
104
+						<td colspan="3"> <input type="text" id="title" /></td>
105
+					</tr>
106
+					<tr>
107
+						<td width="100">主办单位</td>
108
+						<td colspan="3"> <input type="text" id="maindept" /></td>
109
+					</tr>
110
+					<tr >
111
+						<td rowspan="2" width="100">公开电话</td>
112
+						<td> <input type="text" id="publicphone1" /></td>
113
+						<td rowspan="2" width="100">内部电话</td>
114
+						<td> <input type="text" id="privatephone1" /></td>
115
+						
116
+					</tr>
117
+					<tr>
118
+						<td>  <input type="text" id="publicphone2" /></td>
119
+						<td> <input type="text" id="privatephone2" /></td>
120
+					</tr>
121
+					<tr>
122
+						<td width="100" height="100"> 咨询要点</td>
123
+						<td colspan="3" height="100"> <textarea name="" rows="" cols="" id="points"></textarea></td>
124
+					</tr>
125
+					<tr>
126
+						<td width="100" height="100"> 标准话术</td>
127
+						<td colspan="3" height="100"> <textarea name="" rows="" cols="" id="baseanswer"></textarea></td>
128
+					</tr>
129
+					<tr>
130
+						<td width="100" height="100"> 结案参考</td>
131
+						<td colspan="3" height="100"> <textarea name="" rows="" cols="" id="endanswer"></textarea></td>
132
+					</tr>
133
+					<tr>
134
+						<td width="100"> 办理方式</td>
135
+						<td><input type="text" id="dealtype"/></td>
136
+						<td width="100"> 法定办结时限</td>
137
+						<td><input type="text" id="legallimittime" /></td>
138
+					</tr>
139
+					<tr>
140
+						<td width="100"> 是否收费</td>
141
+						<td> 
142
+						<label class="radio-inline">
143
+						  <input type="radio" name="ispay" id="ispay1" value="1"> 是
144
+						</label>
145
+						<label class="radio-inline">
146
+						  <input type="radio" name="ispay" id="ispay2" value="0"> 否
147
+						</label>
148
+						
149
+						
150
+						</td>
151
+						<td width="100"> 承诺办结时限</td>
152
+						<td><input type="text" id="promiselimittime" /></td>
153
+					</tr>
154
+					<tr>
155
+						<td width="100"> 收费标准</td>
156
+						<td> <input type="text" id="paymoney" /></td>
157
+						<td width="100"> 办公地点</td>
158
+						<td><textarea name="" rows="" cols="" id="officeaddress"></textarea></td>
159
+					</tr>
160
+					<tr>
161
+						<td width="100"> 办理对象</td>
162
+						<td><input type="text" id="serobject" /></td>
163
+						<td width="100"> 乘车路线</td>
164
+						<td><textarea name="" rows="" cols=""id="busline"></textarea></td>
165
+					</tr>
166
+					<tr>
167
+						<td width="100"> 办公时间</td>
168
+						<td colspan="3">
169
+							<input type="text" id="officetime"/>
170
+							<!--<div class="form-group time-box">
171
+								<i class="tub fa fa-calendar"></i>
172
+								<input class="form-control" type="text"  placeholder="请选择开始时间">
173
+							</div>
174
+						-->
175
+						</td>
176
+					</tr>
177
+					<tr>
178
+						<td width="100" rowspan="2"> 协办单位</td>
179
+						<td rowspan="2"><input type="text" name="otherdept" id="otherdept" style="border: 0;" /></td>
180
+						<td width="100"> 公开电话</td>
181
+						<td><input type="text" id="otherpublicphone" /></td>
182
+					</tr>
183
+					<tr>
184
+						<td width="100"> 内部电话</td>
185
+						<td><input type="text" id="otherprivatephone" /></td>
186
+					</tr>
187
+					<tr>
188
+						<td width="100" height="100"> 备注</td>
189
+						<td colspan="3" height="100">
190
+							<!--<input type="text" />-->
191
+							<textarea name="" rows="" cols="" id="remark"></textarea>
192
+						</td>
193
+					</tr>
194
+					<!--<tr>
195
+						<td width="100" > 修改人</td>
196
+						<td></td>
197
+						<td width="100" > 修改日期</td>
198
+						<td></td>
199
+					</tr>-->
200
+				</table>
201
+			
202
+					<ul class="tab_list clearfix">
203
+						<li class="active">设定依据</li>
204
+						<li>办理流程</li>
205
+						<li>办理材料</li>
206
+						<li>办理结果样本</li>
207
+						<li>收费标准及依据</li>
208
+						<li>附件</li>
209
+					</ul>
210
+					<div class="tab_content">
211
+						<div class="cons" style="display: block;">
212
+							<textarea name="" data-adaptheight id="baseon"  style="width: 100%;height: 300px;"></textarea> 
213
+						</div>
214
+						<div class="cons">
215
+							<textarea name="" data-adaptheight  id="process" style="width: 100%;height: 300px;"></textarea> 
216
+						</div>
217
+						<div class="cons">
218
+								<textarea name="" data-adaptheight id="material" style="width: 100%;height: 300px;"></textarea> 
219
+						</div>
220
+						<div class="cons">
221
+								<textarea name="" data-adaptheight id="template" style="width: 100%;height: 300px;"></textarea> 
222
+						</div>
223
+						<div class="cons">
224
+								<textarea name="" data-adaptheight id="payinfo" style="width: 100%;height: 300px;"></textarea> 
225
+						</div>
226
+						
227
+						<div class="cons">
228
+							<div class="fileBox">
229
+									<!--<span class="files">文件1<i class="fa fa-remove"></i></span>-->
230
+								</div>
231
+								<!--<input type="text" placeholder="输入附件详情" style="width:66%" />-->
232
+								<!--<span class="fjnr"></span>-->
233
+								<input class="input" type="file" name="upFile" id="upFile" multiple="multiple" style="display: none;">
234
+								<input class="input" type="button" value="上传" id="scwj" />
235
+								<input class="input" type="button" value="删除附件" id="scfj" style="display:none;" />
236
+								<input type="hidden" id="file" />
237
+						</div>
238
+					</div>
239
+			
240
+			
241
+			   <p style="text-align: center;"><button class="btns save">确认保存</button></p>  
242
+			
243
+			
244
+			</div>
245
+			
246
+			
247
+			<script src="../js/kindeditor/kindeditor-all-min.js"></script>
248
+			<script src="../js/kindeditor/lang/zh-CN.js"></script>
249
+			<script src="../js/adjustHeight.js"></script>
250
+			<script src="../js/laydate/laydate.js"></script>
251
+			<script src="js/newRepositoryAdd.js"></script>
252
+			
253
+</body>
254
+</html>

+ 371 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/newRepositoryDetail.html

@@ -0,0 +1,371 @@
1
+<!DOCTYPE html>
2
+<html>
3
+	<head>
4
+		<meta charset="UTF-8">
5
+		<script src="../Script/Common/huayi.load.js"></script>
6
+		<script src="../Script/Common/huayi.config.js"></script>
7
+		<link rel="stylesheet" href="../css/init.css" />
8
+		<title>新版知识库添加</title>
9
+		<style type="text/css">
10
+			ul,li{
11
+				padding: 0;
12
+				margin: 0;
13
+				list-style: none;
14
+			}
15
+			.tab_list{
16
+				border-bottom: 1px solid #d5d5d5;
17
+			}
18
+			.tab_list li{
19
+				padding: 10px 15px;
20
+				float: left;
21
+				color: #333333;
22
+				font-size: 14px;
23
+				position: relative;
24
+			}
25
+			.tab_list li.active{
26
+				color: #19aad0;
27
+			}
28
+			.tab_list li.active:after{
29
+				content: "";
30
+				width: 100%;
31
+				height: 2px;
32
+				background: #19aad0;
33
+				position: absolute;
34
+				bottom: -1px;
35
+				left: 0;
36
+			}
37
+			.tab_content{
38
+				font-size: 14px;
39
+				color: #4c4c4c;
40
+				padding: 15px 0;
41
+				/*text-indent: 28px;*/
42
+			}
43
+			.tab_content>div{
44
+				display: none;
45
+			}
46
+			.table tr td input[type="text"]{
47
+			    width: 100%;
48
+			    height: 30px;
49
+			    background: #f3f3f4;
50
+			    border: 0;
51
+			    outline: none;
52
+			}
53
+			.radio-inline input[type=radio]{
54
+				margin-top: 2px;
55
+			}
56
+			.table tr td textarea{
57
+			    width: 100%;
58
+			    height: 100%;
59
+			    background: #f3f3f4;
60
+			    border: 0;
61
+			    resize: none;
62
+			}
63
+			#scwj{
64
+				    background-color: #FFF;
65
+			    background-image: none;
66
+			    border: 1px solid #ccc;
67
+			    border-radius: 1px;
68
+			    color: inherit;
69
+			    padding: 6px 12px!important;
70
+			}
71
+			.files{
72
+				    padding: 5px!important;
73
+			}
74
+			.time-box{
75
+			    position: relative;
76
+			    width: 197px!important;
77
+			    height: 34px;
78
+			    margin: 0;
79
+			}
80
+			.tub + input {
81
+			    padding-right: 30px;
82
+			    border: 1px solid #e5e6e7!important;
83
+			}
84
+			i.tub {
85
+			    position: absolute;
86
+			    right: 8px;
87
+			    top: 8px;
88
+			    font-size: 18px;
89
+			    color: #00a0ca;
90
+			}
91
+			.tab_content textarea{
92
+				display: block;
93
+			     background: #f3f3f4;
94
+			     width: 100%;
95
+			    height: 298px;
96
+			    box-sizing: border-box;
97
+			    text-indent: 28px;
98
+			}
99
+			.tab_content .cons >div{
100
+			     background: #f3f3f4;
101
+			     width: 100%;
102
+			    min-height: 298px;
103
+			    box-sizing: border-box;
104
+			    text-indent: 28px;
105
+			    word-break:break-all;
106
+			    word-wrap:break-word;
107
+			}
108
+			.tab_content .cons >div img{
109
+				    max-width: 100%;
110
+				    /*width: 95%;
111
+				    margin: 0 auto;*/
112
+			}
113
+			
114
+		</style>
115
+	</head>
116
+		<body class="gray-bg">
117
+			<div class="container-fluid wrapper-content animated fadeInRight">
118
+				<table class="table table-bordered table-condensed">
119
+					<tr>
120
+						<td width="100">关键词</td>
121
+						<td colspan="3"><input type="text" id="key" readonly="readonly"/></td>
122
+					</tr>
123
+					<tr>
124
+						<td width="100">事件名称</td>
125
+						<td colspan="3"> <input type="text" id="title" readonly="readonly" /></td>
126
+					</tr>
127
+					<tr>
128
+						<td width="100">主办单位</td>
129
+						<td colspan="3"> <input type="text" id="maindept" readonly="readonly" /></td>
130
+					</tr>
131
+					<tr >
132
+						<td rowspan="2" width="100">公开电话</td>
133
+						<td> <input type="text" id="publicphone1" readonly="readonly"/></td>
134
+						<td rowspan="2" width="100">内部电话</td>
135
+						<td> <input type="text" id="privatephone1" readonly="readonly" /></td>
136
+						
137
+					</tr>
138
+					<tr>
139
+						<td>  <input type="text" id="publicphone2" readonly="readonly" /></td>
140
+						<td> <input type="text" id="privatephone2" readonly="readonly" /></td>
141
+					</tr>
142
+					<tr>
143
+						<td width="100" height="100"> 咨询要点</td>
144
+						<td colspan="3" height="100"> <textarea name="" rows="" cols="" id="points" readonly="readonly"></textarea></td>
145
+					</tr>
146
+					<tr>
147
+						<td width="100"> 标准话术</td>
148
+						<td colspan="3"> <textarea name="" rows="" cols="" id="baseanswer" readonly="readonly"></textarea></td>
149
+					</tr>
150
+					<tr>
151
+						<td width="100" height="100"> 结案参考</td>
152
+						<td colspan="3" height="100"> <textarea name="" rows="" cols="" id="endanswer" readonly="readonly"></textarea></td>
153
+					</tr>
154
+					<tr>
155
+						<td width="100"> 办理方式</td>
156
+						<td><input type="text" id="dealtype" readonly="readonly"/></td>
157
+						<td width="100"> 法定办结时限</td>
158
+						<td><input type="text" id="legallimittime" readonly="readonly" /></td>
159
+					</tr>
160
+					<tr>
161
+						<td width="100"> 是否收费</td>
162
+						<td> 
163
+						<label class="radio-inline">
164
+						  <input type="radio" name="ispay" id="ispay1" value="1" readonly="readonly"> 是
165
+						</label>
166
+						<label class="radio-inline">
167
+						  <input type="radio" name="ispay" id="ispay2" value="0" readonly="readonly"> 否
168
+						</label>
169
+						
170
+						
171
+						</td>
172
+						<td width="100"> 承诺办结时限</td>
173
+						<td><input type="text" id="promiselimittime" readonly="readonly" /></td>
174
+					</tr>
175
+					<tr>
176
+						<td width="100"> 收费标准</td>
177
+						<td> <input type="text" id="paymoney" readonly="readonly" /></td>
178
+						<td width="100"> 办公地点</td>
179
+						<td><textarea name="" rows="" cols="" id="officeaddress" readonly="readonly"></textarea></td>
180
+					</tr>
181
+					<tr>
182
+						<td width="100"> 办理对象</td>
183
+						<td><input type="text" id="serobject" readonly="readonly" /></td>
184
+						<td width="100"> 乘车路线</td>
185
+						<td><textarea name="" rows="" cols=""id="busline" readonly="readonly"></textarea></td>
186
+					</tr>
187
+					<tr>
188
+						<td width="100"> 办公时间</td>
189
+						<td colspan="3">
190
+							<input type="text" id="officetime"  readonly="readonly" />
191
+							<!--<div class="form-group time-box">
192
+								<i class="tub fa fa-calendar"></i>
193
+								<input class="form-control" type="text" id="officetime" placeholder="请选择开始时间" readonly="readonly">
194
+							</div>-->
195
+						
196
+						</td>
197
+					</tr>
198
+					<tr>
199
+						<td width="100" rowspan="2"> 协办单位</td>
200
+						<td rowspan="2"><input type="text" name="otherdept" id="otherdept" readonly="readonly" /></td>
201
+						<td width="100"> 公开电话</td>
202
+						<td><input type="text" id="otherpublicphone" readonly="readonly" /></td>
203
+					</tr>
204
+					<tr>
205
+						<td width="100"> 内部电话</td>
206
+						<td><input type="text" id="otherprivatephone" readonly="readonly" /></td>
207
+					</tr>
208
+					<tr>
209
+						<td width="100" height="100"> 备注</td>
210
+						<td colspan="3" height="100"><textarea name="" rows="" cols=""  id="remark" readonly="readonly"></textarea> </td>
211
+					</tr>
212
+					<!--<tr>
213
+						<td width="100" > 修改人</td>
214
+						<td></td>
215
+						<td width="100" > 修改日期</td>
216
+						<td></td>
217
+					</tr>-->
218
+				</table>
219
+			
220
+					<ul class="tab_list clearfix">
221
+						<li class="active">设定依据</li>
222
+						<li>办理流程</li>
223
+						<li>办理材料</li>
224
+						<li>办理结果样本</li>
225
+						<li>收费标准及依据</li>
226
+						<li>附件</li>
227
+					</ul>
228
+					<div class="tab_content">
229
+						<div class="cons" style="display: block;">
230
+							<div  id="baseon" >
231
+								
232
+							</div>
233
+							<!--<textarea name=""  readonly="readonly"></textarea>--> 
234
+						</div>
235
+						<div class="cons">
236
+							<div  id="process" >
237
+								
238
+							</div>
239
+							<!--<textarea name=""   id="process"  readonly="readonly"></textarea>--> 
240
+						</div>
241
+						<div class="cons">
242
+							<div  id="material" >
243
+								
244
+							</div>
245
+								<!--<textarea name=""  id="material"  readonly="readonly"></textarea>--> 
246
+						</div>
247
+						<div class="cons">
248
+							<div  id="template" >
249
+								
250
+							</div>
251
+								<!--<textarea name="" id="template" readonly="readonly"></textarea>--> 
252
+						</div>
253
+						<div class="cons">
254
+							<div  id="payinfo" >
255
+								
256
+							</div>
257
+								<!--<textarea name="" id="payinfo" readonly="readonly"></textarea>--> 
258
+						</div>
259
+						
260
+						<div class="cons">
261
+							<div>
262
+								
263
+							
264
+							<table class="table-bordered table-condensed feilTable" style="width: 100%;">
265
+								<thead>
266
+									<tr>
267
+										<th>文件名称</th>
268
+										<th>添加时间</th>
269
+										<th>文件大小</th>
270
+									</tr>
271
+								</thead>
272
+								<tbody>
273
+									
274
+								</tbody>
275
+								
276
+							</table>
277
+							</div>
278
+					</div>
279
+			</div>
280
+			
281
+			<script src="../js/kindeditor/kindeditor-all-min.js"></script>
282
+			<script src="../js/kindeditor/lang/zh-CN.js"></script>
283
+			<script src="../js/adjustHeight.js"></script>
284
+			<script src="../js/laydate/laydate.js"></script>
285
+			<script>
286
+				
287
+				var ids=helper.request.queryString("ids");
288
+				$(document).ready(function(){
289
+					$('.tab_list li').click(function(){
290
+					   var index=$(this).index();
291
+					   $(this).addClass('active').siblings().removeClass('active');
292
+					   $('.tab_content>div').eq(index).show().siblings().hide();
293
+					   
294
+					})
295
+					$.ajax({
296
+						type:"get",
297
+						url:huayi.config.callcenter_url +"Repository/GetRepository",
298
+						async:true,
299
+						dataType:'json',
300
+						data:{
301
+							token: $.cookie("token"),
302
+							id:ids
303
+						},
304
+						success:function(res){
305
+							if(res.state.toLowerCase()=='success'){
306
+								var con=res.data.data;
307
+								$('#key').val(con.F_Key);//关键字
308
+								$('#title').val(con.F_Title);//事件名称
309
+								$('#maindept').val(con.F_MainDept);//主办单位
310
+								$('#publicphone1').val(con.F_PublicPhone1);//公开电话1
311
+								$('#publicphone2').val(con.F_PublicPhone2);//公开电话2
312
+								$('#privatephone1').val(con.F_PrivatePhone1);//内部电话1
313
+								$('#privatephone2').val(con.F_PrivatePhone2);//内部电话2
314
+								$('#points').val(con.F_Points);//询问要点
315
+								$('#baseanswer').val(con.F_BaseAnswer);//标准话术
316
+								$('#endanswer').val(con.F_EndAnswer);//结案参考
317
+								$('#dealtype').val(con.F_DealType);//办理方式
318
+								$('#legallimittime').val(con.F_LegalLimitTime);//法定办结时限
319
+								$('#promiselimittime').val(con.F_PromiseLimitTime);//承诺办结时限
320
+//								$('input[name="ispay"]:checked ').val(F_PayMoney);//是否收费
321
+								$('input[name="ispay"][value="'+con.F_IsPay+'"]').prop("checked","checked");//是否收费
322
+								$('#paymoney').val(con.F_PayMoney);//收费标准
323
+								$('#officeaddress').val(con.F_OfficeAddress);//办公地点
324
+								$('#serobject').val(con.F_Object);//办理对象
325
+								$('#busline').val(con.F_BusLine);//乘车路线
326
+								$('#officetime').val(con.F_OfficeTime);//办公时间
327
+								$('#otherdept').val(con.F_OtherDept);//	协办单位
328
+								$('#otherpublicphone').val(con.F_OtherPublicPhone);//	协办单位公开电话
329
+								$('#otherprivatephone').val(con.F_OtherPrivatePhone);//协办单位内部电话
330
+								$('#remark').val(con.F_Remark);//备注
331
+								$('#baseon').html(con.F_BaseOn);//设定依据
332
+								$('#process').html(con.F_Process);//办理流程
333
+								$('#material').html(con.F_Material);//办理材料
334
+								$('#template').html(con.F_Template);//办理结果样本
335
+								$('#payinfo').html(con.F_PayInfo);//收费标准及依据
336
+			//					$('#files').val() //收费标准及依据
337
+								console.log()
338
+								$(res.data.file).each(function(k,q){
339
+//										var strs='<span class="files" fiel-num="'+ q.F_FileId +'">'+ q.F_FileName.substring(19) +'</span>'
340
+										var size= (q.F_Size/1024).toFixed(2)
341
+										var strs='<tr>'+
342
+										          '<td><a href="'+ q.F_FileUrl+'" download="test.pdf">'+ q.F_FileName.substring(19) +'</a></td>'+
343
+										          '<td>'+ q.F_AddTime +'</td>'+
344
+										          '<td>'+ size +'kb</td>'+
345
+												'</tr>'
346
+										$(strs).appendTo($('.feilTable tbody'))
347
+									})
348
+			
349
+			
350
+			
351
+			
352
+			
353
+								
354
+							}
355
+							
356
+						}
357
+					});
358
+				
359
+				
360
+				
361
+				
362
+				
363
+				})
364
+
365
+				
366
+				
367
+				
368
+				
369
+			</script>
370
+</body>
371
+</html>

+ 28 - 31
WebUI/CallCenterWeb.UI/zhiShiKu/zhiShiKu.html

@@ -53,42 +53,39 @@
53 53
 </head>
54 54
 
55 55
 <body class="gray-bg">
56
-	<div class="daoHang clearfix">
56
+    <div class="container-fluid wrapper-content animated fadeInRight">
57
+        <div class="daoHang clearfix">
57 58
             <div class="dhLeft">
58 59
                 <sapn><i class="syIcon"></i>位置:<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">知识库</a>&gt;<a href="" class="nowPosition">知识库主界面</a></sapn>
59 60
             </div>
60 61
             <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
61
-    </div>
62
-    <div class="wrapper wrapper-content">
63
-         <div class="th-top clearfix">
64
-         	<div class="form-inline th-bar clearfix">
65
-	         	<div class="time-box form-group" >
66
-					<select name="" id="isPass" class="select_ form-control">
67
-                        <option value="" >选择审核状态</option>
68
-	                	<option value="0">未审核</option>
69
-	                	<option value="1">通过审核</option>
70
-	                	<option value="-1">未通过</option>
71
-                    </select>
72
-				</div>
73
-	         	<div class="time-box form-group" >
74
-					<select name="" id="isSub" class="select_ form-control">
75
-                            <option value="" >选择是否提交审核</option>
76
-		                	<option value="0">否</option>
77
-		                	<option value="1">是</option>
78
-                    </select>
79
-				</div>
80
-	         	<div class="time-box form-group" >
81
-	         			<i class="tub fa fa-search"></i>
82
-						<input class="form-control searCon" type="text" placeholder="请输入关键字"/>
83
-				</div>
84
-				<div class="form-group tool_bars pull-right">
85
-						<button class="btns searchGo">搜索</button>
62
+        </div>
63
+       <div class="toolBar clearfix">
64
+            <!--<div class="toolLeft">
65
+                <button class="btns add">添加</button>
66
+            </div>-->
67
+            <div class="toolRight">
68
+                <span>搜索内容:<input type="text" class="searCon input_" placeholder="请输入要搜索的关键字" style="width: 175px;height: 32px; border: 1px solid #ccc;" /></span>
69
+   
70
+                <span>是否审核通过:<select name="" id="isPass" class="select_">
71
+                    <option value="" selected="selected">全部</option>
72
+                	<option value="0">未审核</option>
73
+                	<option value="1">通过审核</option>
74
+                	<option value="-1">未通过</option>
75
+              	  </select>
76
+                </span>
77
+                <span>是否提交审核:<select name="" id="isSub" class="select_">
78
+                    <option value="" selected="selected">全部</option>
79
+                	<option value="0">否</option>
80
+                	<option value="1">是</option>
81
+              	  </select>
82
+                </span>
83
+               
84
+               <button class="btns searchGo">搜索</button>
86 85
                 <button class="btns addCon">知识条目添加</button>
87
-				</div>
88
-			</div>
89
-         </div>
90
-       
91
-       <div class="treeTable clearfix">
86
+            </div>
87
+        </div>
88
+        <div class="treeTable clearfix">
92 89
             <div class="tree col-md-3">
93 90
                 <div class="trTitle">知识库目录</div>
94 91
                 <div class="treeCon">

+ 8 - 15
WebUI/CallCenterWeb.UI/zhiShiKu/zhiShiKuFenLei.html

@@ -42,25 +42,18 @@
42 42
 		</style>
43 43
 	</head>
44 44
 	<body class="gray-bg">
45
-		<div class="daoHang clearfix">
45
+		<div class="container-fluid wrapper-content animated fadeInRight">
46
+			<div class="daoHang clearfix">
46 47
 				<div class="dhLeft">
47 48
 					<sapn><i class="syIcon"></i>位置:<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">知识库</a>&gt;<a href="" class="nowPosition">分类管理</a></sapn>
48 49
 				</div>
49 50
 				<div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
50
-		</div>
51
-		
52
-		<div class=" wrapper wrapper-content">
53
-			 <div class="th-top clearfix">
54
-	         	<div class="form-inline th-bar clearfix">
55
-					<div class="form-group tool_bars pull-right">
56
-							<button class="btns add">添加</button>
57
-							<button class="btns change">修改</button>
58
-							<button class="btns del">删除</button>
59
-					</div>
60
-				</div>
61
-	         </div>
62
-			
63
-			
51
+			</div>
52
+			<div class="toolBar">
53
+				<button class="btns add">添加</button>
54
+				<button class="btns change">修改</button>
55
+				<button class="btns del">删除</button>
56
+			</div>
64 57
 			<div class="tree">
65 58
 				<ul id="treeDemo" class="ztree">
66 59
 					<!--类名为ztree是必须的-->

+ 34 - 38
WebUI/CallCenterWeb.UI/zhiShiKu/zhiShiKuShenHe.html

@@ -115,56 +115,51 @@
115 115
             text-overflow: ellipsis;
116 116
             text-align: left;
117 117
         }
118
-        .detail{
119
-        	width: 80%;
120
-        	display: block;
121
-        	margin: 0 auto;
118
+
119
+        .detail {
120
+            width: 80%;
121
+            display: block;
122
+            margin: 0 auto;
122 123
         }
123 124
     </style>
124 125
 </head>
125 126
 <body class="gray-bg">
126
-	<div class="daoHang clearfix">
127
+    <div class="container-fluid wrapper-content animated fadeInRight">
128
+        <div class="daoHang clearfix">
127 129
             <div class="dhLeft">
128 130
                 <sapn><i class="syIcon"></i>位置:<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">知识库</a>&gt;<a href="" class="nowPosition">知识库审核</a></sapn>
129 131
             </div>
130 132
             <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
131
-    </div>
132
-    <div class=" wrapper wrapper-content">
133
-         <div class="th-top clearfix">
134
-         	<div class="form-inline th-bar clearfix">
135
-	         	<div class="time-box form-group" >
136
-					<select name="" id="action" class="select_ form-control">
137
-                        <option value="">请选择操作动作</option>
138
-	                	<option value="1">添加</option>
139
-	                	<option value="2">修改</option>
140
-	                	<option value="3">删除</option>
133
+        </div>
134
+        <div class="toolBar clearfix">
135
+            <div class="toolRight">
136
+                <span>
137
+                    动作:<select name="" id="action" class="select_">
138
+                        <option value="" selected="selected">全部</option>
139
+                        <option value="1">添加</option>
140
+                        <option value="2">修改</option>
141
+                        <option value="3">删除</option>
141 142
                     </select>
142
-				</div>
143
-	         	<div class="time-box form-group" >
144
-					<select name="" id="isPass" class="select_ form-control">
145
-                            <option value="">请选择审核状态</option>
146
-		                    <option value="1">通过</option>
147
-		                	<option value="0" selected="selected">未审核</option>
148
-		                	<option value="-1">未通过</option>
143
+                </span>
144
+                <span>
145
+                    审核状态:<select name="" id="isPass" class="select_">
146
+                        <option value="">全部</option>
147
+                        <option value="1">通过</option>
148
+                        <option value="0" selected="selected">未审核</option>
149
+                        <option value="-1">未通过</option>
149 150
                     </select>
150
-				</div>
151
-	         	<div class="time-box form-group" >
152
-	         			<i class="tub fa fa-search"></i>
153
-						<input class="form-control searCon" type="text" placeholder="请输入关键字"/>
154
-				</div>
155
-				<div class="form-group tool_bars pull-right">
156
-					<button class="btns searchGo">搜索</button>
157
-				</div>
158
-			</div>
159
-         </div>
160
-        
151
+                </span>
152
+                <button class="btns searchGo">搜索</button>
153
+            </div>
154
+
155
+        </div>
161 156
         <div class="treeTable clearfix">
162
-          
157
+
163 158
             <div class="tableCon col-md-12">
164 159
                 <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
165 160
                     <thead>
166 161
                         <tr>
167
-                        	<th data-checkbox="true" data-align="center"></th>
162
+                            <th data-checkbox="true" data-align="center"></th>
168 163
                             <th data-align="center" data-formatter="setCode">编号</th>
169 164
                             <th data-field="F_Action" data-formatter="shaction" data-align="left">动作</th>
170 165
                             <th data-field="F_Title" data-align="center">标题</th>
@@ -178,10 +173,11 @@
178 173
                     <tbody id="tbody"></tbody>
179 174
                 </table>
180 175
                 <p style="margin-top:15px ;">
181
-                	<button class="btns pass">审核通过</button>
182
-                <button class="btns noPass">审核不通过</button>
176
+                    <button class="btns pass">审核通过</button>
177
+                    <button class="btns noPass">审核不通过</button>
183 178
                 </p>
184
-                
179
+                <input id="pre" type="hidden" />
180
+                <input id="aft" type="hidden" />
185 181
             </div>
186 182
         </div>
187 183