zhangshuangnan лет назад: 8
Родитель
Сommit
9e59fba7cb

+ 12 - 0
WebUI/CallCenterWeb.UI/css/init.css

@@ -53,6 +53,7 @@
53 53
 	border-radius: 3px;
54 54
 	box-sizing: border-box;
55 55
 	cursor: pointer;
56
+	vertical-align: middle;
56 57
 }
57 58
 
58 59
 .export.btns {
@@ -240,6 +241,8 @@
240 241
     border-radius: 1px;
241 242
     color: inherit;
242 243
     padding: 6px 12px;
244
+    outline: none;
245
+    vertical-align: middle;
243 246
 }
244 247
 .Common span{
245 248
 	    background-color: #FFF;
@@ -255,3 +258,12 @@
255 258
 .imgs a{
256 259
 	margin-right: 5px;
257 260
 }
261
+.input_{
262
+	width: 128px;
263
+	padding: 2px 2PX 2PX 10PX;
264
+	height: 27px;
265
+	border: 1px solid #ebebeb;
266
+	color: #1ab394;
267
+	outline: none;
268
+	vertical-align: middle;
269
+}

+ 10 - 6
WebUI/CallCenterWeb.UI/css/style.min862f.css

@@ -43,7 +43,8 @@ a:focus {
43 43
 }
44 44
 
45 45
 .nav>li>a {
46
-	color: #a7b1c2;
46
+	color: #f5f5f5;
47
+	/*color: #fff;*/
47 48
 	font-weight: 600;
48 49
 	padding: 14px 20px 14px 25px
49 50
 }
@@ -62,7 +63,8 @@ a:focus {
62 63
 
63 64
 .navbar-default .nav>li>a:focus,
64 65
 .navbar-default .nav>li>a:hover {
65
-	background-color: #293846;
66
+	/*background-color: #293846;*/
67
+	background-color: #00a1cb;
66 68
 	color: #fff
67 69
 }
68 70
 
@@ -194,12 +196,13 @@ body.body-small .navbar-top-links li:last-child {
194 196
 
195 197
 .nav-header {
196 198
 	padding: 33px 25px;
197
-	background: url(patterns/header-profile.png) no-repeat
199
+	/*background: url(patterns/header-profile.png) no-repeat*/
200
+	    background-color: #00a1cb;
198 201
 }
199 202
 
200 203
 .nav>li.active {
201
-	border-left: 4px solid #19aa8d;
202
-	background: #293846
204
+	/*border-left: 4px solid #19aa8d;*/
205
+	background: #00a1cb;
203 206
 }
204 207
 
205 208
 .nav.nav-second-level>li.active {
@@ -7002,7 +7005,8 @@ body.skin-3 {
7002 7005
 }
7003 7006
 
7004 7007
 .navbar-static-side {
7005
-	background: #2f4050
7008
+	/*background: #2f4050*/
7009
+	    background: #048aad;
7006 7010
 }
7007 7011
 
7008 7012
 .nav-close {

+ 1 - 1
WebUI/CallCenterWeb.UI/index.html

@@ -78,7 +78,7 @@
78 78
 
79 79
         .navbar-header {
80 80
             width: 100%;
81
-            background-color: #00b5e5;
81
+            background-color: #048aad;
82 82
             padding-top: 10px;
83 83
         }
84 84
 

+ 42 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/ShenHeDetail.html

@@ -0,0 +1,42 @@
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/layer/need/layer.css" />
9
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10
+		<link rel="stylesheet" href="../css/init.css" />
11
+		<title>审核详情</title>
12
+		<style type="text/css">
13
+			.detail{
14
+				width: 90%;
15
+				resize: none;
16
+				margin-top: 20px;
17
+			}
18
+		</style>
19
+	</head>
20
+	<body>
21
+		 <div class="container-fluid" style="text-align: center;">
22
+        <textarea class="detail" rows="5" cols="" placeholder="请输入审核详情......"></textarea>
23
+        <p><button class="btns" >提交</button></p>
24
+       </div>
25
+		<script src="../css/layer/layer.js"></script>
26
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
27
+		<script src="../js/kindeditor/kindeditor-all-min.js"></script>
28
+		<script src="../js/kindeditor/lang/zh-CN.js"></script>
29
+		<script>
30
+			  var state= helper.request.queryString("state");
31
+			  var id= helper.request.queryString("id");
32
+			  $('.detail').val('state='+state+'id='+id);
33
+			$('.btns').click(function(){
34
+				var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
35
+                    parent.layer.close(index); //再执行关闭
36
+                    parent.initTable();
37
+			})
38
+			  
39
+		</script>
40
+	</body>
41
+
42
+</html>

+ 121 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/addZhiShiKu.html

@@ -0,0 +1,121 @@
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/layer/need/layer.css" />
9
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10
+		<link rel="stylesheet" href="../css/init.css" />
11
+		<title>知识条目添加</title>
12
+		<style>
13
+			.m-kuang {
14
+				width: 275px;
15
+				background-color: #ffffff;
16
+				background-image: none !important;
17
+				filter: none !important;
18
+				border: 1px solid #e5e5e5;
19
+				outline: none;
20
+				height: 27px !important;
21
+				line-height: 30px;
22
+				padding: 4px 6px;
23
+			}
24
+			
25
+			table th {
26
+				width: 20%;
27
+				text-align: right;
28
+				border-top: 0!important;
29
+			}
30
+			
31
+			table td {
32
+				border-top: 0!important;
33
+			}
34
+			.daoHang{
35
+				  border-bottom: 1px solid #ccc;
36
+			}
37
+			.content{
38
+				margin-top: 15px;
39
+			}
40
+			  
41
+		</style>
42
+	</head>
43
+
44
+	<body>
45
+		<div class="container-fluid">
46
+			<div class="daoHang clearfix">
47
+				<div class="dhLeft">
48
+					<sapn><i class="syIcon"></i>位置:
49
+						<a href="../index.html">首页</a>&gt;
50
+						<a href="javaScript:;">知识库</a>&gt;
51
+						<a href="" class="nowPosition">知识条目添加</a>
52
+					</sapn>
53
+				</div>
54
+				<div class="dhRight"><i class="fa fa-refresh"></i></div>
55
+			</div>
56
+			<div class="content">
57
+				<table class="table">
58
+					<tr>
59
+						<th>
60
+							<b>标题:</b>
61
+						</th>
62
+						<td>
63
+
64
+							<input type="text " class="m-kuang" />
65
+						</td>
66
+					</tr>
67
+					<tr>
68
+						<th>
69
+							<b>所属分类:</b>
70
+						</th>
71
+						<td>
72
+							<select name="" id="" class="select_"></select>
73
+						</td>
74
+					</tr>
75
+					<tr>
76
+						<th>
77
+							<b>内容:</b>
78
+						</th>
79
+						<td>
80
+							<textarea id="addEditor" name="content" style="width: 80%;height: 200px;"></textarea>
81
+						</td>
82
+					</tr>
83
+					<tr>
84
+
85
+						<td colspan="2" class="text-center">
86
+							<div class="checkbox">
87
+								<label>
88
+							      	<input type="checkbox" style="margin-top: 2px;"> 是否提交审核
89
+							    </label>
90
+							</div>
91
+						</td>
92
+					</tr>
93
+					<tr >
94
+						<td colspan="2" class="text-center">
95
+							<button class="btns">添加</button>
96
+								<button class="btns">提交</button>
97
+						</td>
98
+					</tr>
99
+				</table>
100
+
101
+			</div>
102
+
103
+		</div>
104
+
105
+		<script src="../css/layer/layer.js"></script>
106
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
107
+		<script src="../js/kindeditor/kindeditor-all-min.js"></script>
108
+		<script src="../js/kindeditor/lang/zh-CN.js"></script>
109
+		<script>
110
+			//编辑器配置
111
+			KindEditor.ready(function(K) {
112
+				window.editor = K.create('#addEditor', {
113
+					uploadJson: '../../js/kindeditor/asp.net/upload_json.ashx',
114
+					fileManagerJson: '../../js/kindeditor/asp.net/file_manager_json.ashx',
115
+					allowFileManager: true
116
+				}); //添加弹出框编辑器
117
+			});
118
+		</script>
119
+	</body>
120
+
121
+</html>

+ 117 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/js/zhiShiKu.js

@@ -0,0 +1,117 @@
1
+var token = $.cookie("token");
2
+var zNodes = [];
3
+var id; //当前节点id
4
+var pid; //当前父节点ID
5
+var name; //选择的name
6
+var pidName; //父节点name
7
+var keyWord = $('.searCon').val(); //关键字
8
+var xlName;//添加下拉框节点name
9
+var table = $('#table1');//右边表格
10
+//搜索按钮
11
+$('.searchGo').click(function(){
12
+	keyWord = $('.searCon').val();
13
+	if (keyWord) {
14
+	    initTable(token, id, keyWord);
15
+	} else {
16
+	    layer.msg("请输入搜索内容!");
17
+	}
18
+})
19
+tree();
20
+function tree() {
21
+
22
+    $.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
23
+        "token": $.cookie("token"),
24
+        "pid": pid
25
+    }, function (result) {
26
+        result = $.parseJSON(result);
27
+        $.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
28
+    });
29
+}
30
+
31
+var setting1 = {
32
+	data: {
33
+		key: {
34
+			name: "text"
35
+		},
36
+		simpleData: {
37
+			enable: true,
38
+			idKey: "id",
39
+			rootPId: 0
40
+		}
41
+	},
42
+	callback: {
43
+		onClick: zTreeOnClick
44
+	}
45
+};
46
+
47
+function zTreeOnClick(event, treeId, treeNode) {
48
+	id = treeNode.id;
49
+	name = treeNode.text;
50
+	var pidnode = treeNode.getParentNode();
51
+	if(pidnode) {
52
+		pidName = pidnode.text;
53
+		pid = pidnode.id;
54
+		//console.log(pid);
55
+	} else {
56
+		pidName = "顶级分类";
57
+		pid == 0;
58
+		//console.log(pid);
59
+	}
60
+	keyWord = $('.searCon').val(); 
61
+	initTable(token,id,keyWord);
62
+};
63
+
64
+initTable(token,id,keyWord);
65
+function initTable(token,id,keyWord) {
66
+	//先销毁表格
67
+	table.bootstrapTable('destroy');
68
+	//初始化表格,动态从服务器加载数据
69
+	table.bootstrapTable({
70
+		method: "get", //使用get请求到服务器获取数据
71
+		url: huayi.config.callcenter_url+"Knowledge/GetList", //获取数据的Servlet地址
72
+		contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
73
+		pagination: true, //启动分页
74
+		pageSize:10, //每页显示的记录数
75
+		pageNumber: 1, //当前第几页
76
+		pageList: [10, 20, 50, 100], //记录数可选列表
77
+		search: false, //是否启用查询
78
+		showColumns: false, //显示下拉框勾选要显示的列
79
+		showRefresh: false, //显示刷新按钮
80
+		sidePagination: "server", //表示服务端请求
81
+		//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
82
+		//设置为limit可以获取limit, offset, search, sort, order
83
+		queryParamsType: "undefined",
84
+		queryParams: function queryParams(params) { //设置查询参数
85
+			var param = {
86
+				page: params.pageNumber,
87
+				pagesize: params.pageSize,
88
+				token: token,
89
+				pid: id,
90
+				keywords: keyWord
91
+			};
92
+			return param;
93
+		},
94
+		onLoadSuccess: function() { //加载成功时执行
95
+			//layer.msg("加载成功");
96
+		},
97
+		onLoadError: function() { //加载失败时执行
98
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
99
+		}
100
+	});
101
+}
102
+function setCode(val, row, index) {
103
+	return index + 1;
104
+}
105
+function oper(str) {
106
+    if (str) {
107
+        var con = helper.filter.Transcoding(str);
108
+        return con = con.substr(0, 10) + "...";
109
+    }
110
+    else {
111
+        return '';
112
+    }
113
+}
114
+//添加条目跳转
115
+$('.addCon').click(function(){
116
+	 top.$("iframe:visible")[0].src = "addZhiShiKu.html?";
117
+})

+ 4 - 255
WebUI/CallCenterWeb.UI/zhiShiKu/js/zhiShiKuFenLei.js

@@ -66,47 +66,6 @@
66 66
 				xlName = treeNode.text;
67 67
 				$('.inps1').val(xlName);
68 68
 	};
69
-	//删除按钮
70
-	$('.del').click(function() {
71
-		if(id == 'null' || id == '') {
72
-				layer.confirm('没有要删除的分类!', {
73
-				btn: ['确定']
74
-			});
75
-			return
76
-		} else {
77
-			$('.delModel').css('display', 'block');
78
-			$('.delName').html(name);
79
-		}
80
-	})
81
-	//关闭按钮
82
-	$('.delBtr').click(function() {
83
-		$('.delModel').css('display', 'none');
84
-	})
85
-	//确定删除按钮
86
-	$('.sure').click(function() {
87
-		$.ajax({
88
-			type: "get",
89
-			url: huayi.config.callcenter_url+"KnowledgeClass/DelClass",
90
-			async: true,
91
-			dataType:'json',
92
-			data: {
93
-				ids: id,
94
-				token:token
95
-			},
96
-			success: function(data) {
97
-              if(data.state == "success"){
98
-              layer.msg("删除成功!");
99
-              tree();
100
-              }
101
-			}
102
-		});
103
-		$('.delModel').css('display', 'none');
104
-
105
-	})
106
-	//取消删除按钮
107
-	$('.return').click(function() {
108
-		$('.delModel').css('display', 'none');
109
-	})
110 69
 	//添加按钮
111 70
 	$('.add').click(function() {
112 71
 		$('.addModel').css('display', 'block');
@@ -119,16 +78,6 @@
119 78
 			$('.inps1').val('顶级分类');
120 79
 			addPid = 0;
121 80
 		}
122
-//		if(name == null || name == '') {
123
-//			tps.html('顶级分类');
124
-//			$('.inps1').val('顶级分类');
125
-//			addPid=0;
126
-//			//console.log(addPid);
127
-//		} else {
128
-//			tps.html(name);
129
-//			$('.inps1').val(name);
130
-//			addPid=id;
131
-//		}
132 81
 		treeCont();
133 82
 
134 83
 	})
@@ -136,214 +85,14 @@
136 85
 	$('.addBtr').click(function() {
137 86
 		$('.addModel').css('display', 'none');
138 87
 	})
139
-	//添加内容下拉
140
-	$('.inps1').focus(function() {
141
-		$('.xlAdd').css('display', 'block')
142
-	})
143
-	$('.xl_one').click(function() {
144
-		if($('.xlAdd').css('display') == 'block') {
145
-			$('.xlAdd').css('display', 'none')
146
-		} else {
147
-			$('.xlAdd').css('display', 'block')
148
-		}
149
-	})
150
-	$('.addTree').mouseleave(function() {
151
-		$(this).css('display', 'none')
152
-	})
153
-	//保存添加按钮
154
-	var addPid,addFenLeiName,addSort;
155
-	//添加弹出框内 所属部门下拉框内数据
156
-	function treeCont() {
157
-		$.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
158
-			"token": $.cookie("token"),
159
-//			"pid": pid
160
-		}, function(result) {
161
-			result = $.parseJSON(result);
162
-			$.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
163
-		});
164
-	}
165
-	$('.addCun').click(function(){
166
-		console.log(addPid);
167
-		if($('.inps2').val()=="" ||$('.inps3').val()== ""){
168
-			layer.confirm('所添加内容不能为空!', {
169
-					btn: ['确定']
170
-				});
171
-				return;
172
-		}else{
173
-			addFenLeiName=$('.inps2').val();
174
-			addSort=$('.inps3').val();
175
-				$('.addModel').css('display', 'none');
176
-			$.ajax({
177
-				type:"post",
178
-				url:huayi.config.callcenter_url+"KnowledgeClass/AddClass",
179
-				dataType:'json',
180
-				async:true,
181
-				data:{
182
-					pid:addPid,//当前选择节点ID
183
-					cname:addFenLeiName,//部门名称
184
-					sort:addSort,//排列序号
185
-					token:token
186
-				},
187
-				success:function(data){
188
-					//console.log(data)
189
-					//console.log(data.state);
190
-			if(data.state =="success"){
191
-				layer.msg("添加成功!");
192
-				tree();
193
-			}
194
-				}
195
-				
196
-			});
197 88
 	
198
-		}
199
-		
200 89
 	
201
-	})
202
-	//修改按钮
203
-	var chanPid,//修改弹出框内 下拉框父节点ID
204
-		chanId,//修改弹出框内 下拉框当前节点ID
205
-	changeName,//修改弹出框内 下拉框当前节点name
206
-	  chbcName,//保存的分类名称
207
-	  chbcSort,//保存的排序号
208
-	   chbcPid;//保存的所属分类ID
209
-	$('.change').click(function(){
210
-		if(id == 'null' || id == '') {
211
-			layer.confirm('没有选择要修改的分类!', {
212
-				btn: ['确定']
213
-			})
214
-			return
215
-
216
-		} else {
217
-			changeAjax(id);
218
-			$('.changeModel').css('display', 'block');
219
-			$('.chtps').html(name);
220
-		changeTreeCont();
221
-		}
222
-		
223
-
224
-	})
225
-	$('.changeBtr').click(function(){
226
-			$('.changeModel').css('display', 'none');
227
-	})
228
-	$('.inps4').focus(function() {
229
-		$('.xlChange').css('display', 'block')
230
-	})
231
-	//下拉按钮功能
232
-	$('.xl_two').click(function() {
233
-		if($('.xlChange').css('display') == 'block') {
234
-			$('.xlChange').css('display', 'none')
235
-		} else {
236
-			$('.xlChange').css('display', 'block')
237
-		}
238
-
239
-	})
240
-	//修改弹出框内 下拉树形图参数配置项
241
-		var setting3= {
242
-		data: {
243
-			key: {
244
-				name: "text"
245
-			},
246
-			simpleData: {
247
-				enable: true,
248
-				idKey: "id",
249
-				rootPId: 0
250
-			}
251
-		},
252
-		callback: {
253
-			onClick: changeTreeClick
254
-		}
255
-	}
90
+	
91
+	
256 92
 
257
-	function changeTreeClick(event, treeId, treeNode) {
258
-//		chanPid = treeNode.pId;
259
-		chanId = treeNode.id;
260
-		changeName = treeNode.text;
261
-		$('.inps4').val(changeName);
262
-		var pidnode = treeNode.getParentNode();
263
-		if(pidnode) {
264
-			chanPid = pidnode.id;
265
-		} else {
266
-			chanPid =0;
267
-		}
268
-		chbcPid=chanId;
269
-		
270
-	};
271 93
 	
272
-	//修改弹出框内 所属分类下拉框内数据
273
-	function changeTreeCont() {
274
-			$.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
275
-			"token": $.cookie("token"),
276
-//			"pid": pid
277
-		}, function(result) {
278
-			result = $.parseJSON(result);
279
-			$.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
280
-		});
281
-	}
282
-	function changeAjax(id){
283
-		$.ajax({
284
-			type:"get",
285
-			url:huayi.config.callcenter_url+"KnowledgeClass/GetClass",
286
-			dataType:'json',
287
-			async:true,
288
-			data:{
289
-				categoryid:id,
290
-				token:token
291
-			},
292
-			success:function(data){
293
-				var chanCon=data.data;
294
-				if(pid==0){
295
-					$('.inps4').val('顶级分类');
296
-					chbcPid =pid;
297
-				}else{
298
-					$('.inps4').val(pidName);
299
-					chbcPid=chanCon.F_ParentId;
300
-				}
301
-				$('.inps5').val(chanCon.F_CategoryName);
302
-				$('.inps6').val(chanCon.F_Sort);
303
-				chbcSort=chanCon.F_Sort;
304
-				chbcName=chanCon.F_CategoryName;
305
-				//console.log(chbcPid)
306
-			}
307
-		});
308
-	}
309
-	//修改的保存按钮功能
310
-	function changeBaoCunAjax(id,chbcPid,chbcName,chbcSort){
311
-			$.ajax({
312
-				type:"post",
313
-				url:huayi.config.callcenter_url+"KnowledgeClass/EditClass",
314
-				async:true,
315
-				dataType:'json',
316
-				data:{
317
-					cid:id,
318
-					pid:chbcPid,
319
-					cname:chbcName,
320
-					sort:chbcSort,
321
-					token:token
322
-				},
323
-				success:function(data){
324
-					if(data.state == "success"){
325
-						layer.msg("修改成功!");
326
-						tree();
327
-					}
328
-				}
329
-			});
330
-	}
331 94
 	
332
-	$('.changeCun').click(function(){
333
-		if($('.inps4').val()=="" || $('.inps5').val()=="" || $('.inps6').val()==""){
334
-		layer.confirm('所修改内容不允许为空!', {
335
-				btn: ['确定']
336
-			});
337
-			return;
338
-		}else{
339
-			$('.changeModel').css('display', 'none');
340
-			//console.log('分类id'+id +'所属分类id' + chbcPid +'分类名称'+chbcName+'排序'+chbcSort);
341
-			chbcPid;
342
-			chbcName=$('.inps5').val();
343
-			chbcSort=$('.inps6').val();
344
-			changeBaoCunAjax(id,chbcPid,chbcName,chbcSort);
345
-		}
346
-		
347
-	})
348 95
 	
349 96
 	
97
+	
98
+	

+ 79 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/js/zhiShiKuShenHe.js

@@ -0,0 +1,79 @@
1
+var token = $.cookie("token");
2
+var table=$('#table1');
3
+initTable(token);
4
+function initTable(token) {
5
+	//先销毁表格
6
+	table.bootstrapTable('destroy');
7
+	//初始化表格,动态从服务器加载数据
8
+	table.bootstrapTable({
9
+		method: "get", //使用get请求到服务器获取数据
10
+		url: huayi.config.callcenter_url+"Knowledge/GetList", //获取数据的Servlet地址
11
+		contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
12
+		pagination: true, //启动分页
13
+		pageSize:10, //每页显示的记录数
14
+		pageNumber: 1, //当前第几页
15
+		pageList: [10, 20, 50, 100], //记录数可选列表
16
+		search: false, //是否启用查询
17
+		showColumns: false, //显示下拉框勾选要显示的列
18
+		showRefresh: false, //显示刷新按钮
19
+		sidePagination: "server", //表示服务端请求
20
+		//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
21
+		//设置为limit可以获取limit, offset, search, sort, order
22
+		queryParamsType: "undefined",
23
+		queryParams: function queryParams(params) { //设置查询参数
24
+			var param = {
25
+				page: params.pageNumber,
26
+				pagesize: params.pageSize,
27
+				token: token
28
+			
29
+			};
30
+			return param;
31
+		},
32
+		onLoadSuccess: function() { //加载成功时执行
33
+			//layer.msg("加载成功");
34
+		},
35
+		onLoadError: function() { //加载失败时执行
36
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
37
+		}
38
+	});
39
+}
40
+function setCode(val, row, index) {
41
+	return index + 1;
42
+}
43
+function oper(str) {
44
+    if (str) {
45
+        var con = helper.filter.Transcoding(str);
46
+        return con = con.substr(0, 10) + "...";
47
+    }
48
+    else {
49
+        return '';
50
+    }
51
+}
52
+
53
+function caoZuo(val,row){
54
+	return '<div><button class="btns"  onclick="shenHe(1,'+row.F_RepositoryId+')">审核通过</button><button class="btns"  onclick="shenHe(-1,'+row.F_RepositoryId+')">审核不通过</button>  </div>'
55
+	
56
+}
57
+
58
+function check(state,id){
59
+	     var changes = $.map($('#table1').bootstrapTable('getSelections'), function (row) {
60
+        return row.F_RepositoryId;
61
+    });
62
+    if (changes.length <= 0) {
63
+        layer.confirm('请选择一项内容!', {
64
+            btn: ['确定']
65
+        });
66
+        return;
67
+    } else {
68
+        shenHe(state,id)
69
+    }   
70
+	
71
+}
72
+ function shenHe(state,id) {
73
+            layer.open({
74
+                type: 2,
75
+                content: "ShenHeDetail.html?state=" + state +'&id='+id, //iframe的url,no代表不显示滚动条
76
+                title: '审核详情',
77
+                area: ['40%', '50%'], //宽高
78
+            });
79
+}

+ 112 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/zhiShiKu.html

@@ -0,0 +1,112 @@
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/layer/need/layer.css" />
9
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10
+    <link rel="stylesheet" href="../css/init.css" />
11
+    <title>知识库主界面</title>
12
+    <style>
13
+      
14
+        .treeTable {
15
+            height: 400px;
16
+            /*overflow-y: auto;*/
17
+        }
18
+
19
+        .tree {
20
+            height: 100%;
21
+        }
22
+
23
+        .trTitle {
24
+            width: 100%;
25
+            height: 34px;
26
+            line-height: 34px;
27
+            border-bottom: 1px solid #ebebeb;
28
+            color: red;
29
+            font-weight: 700;
30
+            margin-bottom: 15px;
31
+        }
32
+
33
+        .treeCon {
34
+            border: 1px solid #ebebeb;
35
+            overflow-y: auto;
36
+        }
37
+
38
+        .ztree li {
39
+            width: 100%;
40
+            overflow: hidden;
41
+            white-space: nowrap;
42
+            text-overflow: ellipsis;
43
+        }
44
+
45
+        .content {
46
+            width: 270px;
47
+            height: 25px;
48
+            overflow: hidden;
49
+            white-space: nowrap;
50
+            text-overflow: ellipsis;
51
+            text-align: left;
52
+        }
53
+    </style>
54
+</head>
55
+
56
+<body>
57
+    <div class="container-fluid">
58
+        <div class="daoHang clearfix">
59
+            <div class="dhLeft">
60
+                <sapn><i class="syIcon"></i>位置:<a href="../index.html">首页</a>&gt;<a href="javaScript:;">知识库</a>&gt;<a href="" class="nowPosition">知识库</a></sapn>
61
+            </div>
62
+            <div class="dhRight"><i class="fa fa-refresh"></i></div>
63
+        </div>
64
+       <div class="toolBar clearfix">
65
+            <!--<div class="toolLeft">
66
+                <button class="btns add">添加</button>
67
+            </div>-->
68
+            <div class="toolRight">
69
+                <span>搜索内容:<input type="text" class="searCon input_" placeholder="请输入要搜索的关键字" style="width: 175px;" /></span>
70
+                <button class="btns searchGo">搜索</button>
71
+                <button class="btns addCon">知识条目添加</button>
72
+            </div>
73
+
74
+        </div>
75
+        <div class="treeTable clearfix">
76
+            <div class="tree col-md-3">
77
+                <div class="trTitle">知识库目录</div>
78
+                <div class="treeCon">
79
+                    <ul id="treeDemo" class="ztree">
80
+                        <!--类名为ztree是必须的-->
81
+                    </ul>
82
+                </div>
83
+
84
+            </div>
85
+            <div class="tableCon col-md-9">
86
+                <div class="trTitle"> 知识库列表</div>
87
+                <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
88
+                    <thead>
89
+                        <tr>
90
+                            <th data-align="center" data-formatter="setCode"></th>
91
+                            <th data-field="state" data-checkbox="true" data-align="center"></th>
92
+                            <th data-field="F_Description" data-align="left" data-formatter="oper">内容</th>
93
+                        </tr>
94
+                    </thead>
95
+                    <tbody id="tbody"></tbody>
96
+                </table>
97
+
98
+            </div>
99
+        </div>
100
+
101
+    </div>
102
+   
103
+    <script src="../css/layer/layer.js"></script>
104
+
105
+    <script src="../js/zTree/jquery.ztree.core.js"></script>
106
+    <script src="../js/kindeditor/kindeditor-all-min.js"></script>
107
+    <script src="../js/kindeditor/lang/zh-CN.js"></script>
108
+    <script src="./js/zhiShiKu.js"></script>
109
+</body>
110
+
111
+
112
+</html>

+ 125 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/zhiShiKuDetail.html

@@ -0,0 +1,125 @@
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/layer/need/layer.css" />
9
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10
+		<link rel="stylesheet" href="../css/init.css" />
11
+		<title>知识库附件详情页面</title>
12
+		<style>
13
+			.treeTable {
14
+				/*height: 400px;*/
15
+				/*overflow-y: auto;*/
16
+				width: 100%;
17
+				border: 1px solid #e5e5e5;
18
+				text-align: center;
19
+				padding: 15px;
20
+			}
21
+			
22
+			.con_title {
23
+				font-weight: bold;
24
+				color: #000;
25
+			}
26
+			.con_message {
27
+				border-bottom: 1px solid #e5e5e5;
28
+				padding: 5px;
29
+				margin-bottom: 15px;
30
+			}
31
+			.con_content {
32
+				text-align: left;
33
+			}
34
+			.icon_r {
35
+				margin-right: 3px;
36
+			}
37
+		</style>
38
+	</head>
39
+
40
+	<body>
41
+		<div class="container-fluid">
42
+			<div class="daoHang clearfix">
43
+				<div class="dhLeft">
44
+					<sapn><i class="syIcon"></i>位置:
45
+						<a href="../index.html">首页</a>&gt;
46
+						<a href="javaScript:;">知识库</a>&gt;
47
+						<a href="" class="nowPosition">知识库详情</a>
48
+					</sapn>
49
+				</div>
50
+				<div class="dhRight"><i class="fa fa-refresh"></i></div>
51
+			</div>
52
+			<div class="treeTable">
53
+				<h3 class="con_title">附件2:行政权力事项目录清单表</h3>
54
+				<div class="con_message">
55
+					<span>所属类别:</span>
56
+					<sapn>商丘市财政局-行政</sapn>
57
+					<span>创建人:</span>
58
+					<sapn>夏艳林(801)</sapn>
59
+					<span>审核人:</span>
60
+					<sapn>(801)</sapn>
61
+					<span>创建日期:</span>
62
+					<sapn>2017-08-06 11:00</sapn>
63
+				</div>
64
+				<table class="con_content table table-striped table-hover">
65
+					<tr>
66
+						<td>附件2:行政权力事项目录清单表</td>
67
+					</tr>
68
+					<tr>
69
+						<td>附件3:行政权力事项目录清单表</td>
70
+					</tr>
71
+					<tr>
72
+						<td>附件4:行政权力事项目录清单表</td>
73
+					</tr>
74
+					<tr>
75
+						<td>附件5:行政权力事项目录清单表</td>
76
+					</tr>
77
+
78
+					<tr>
79
+						<td>附件5:行政权力事项目录清单表</td>
80
+					</tr>
81
+
82
+					<tr>
83
+						<td>附件5:行政权力事项目录清单表</td>
84
+					</tr>
85
+
86
+				</table>
87
+
88
+			</div>
89
+			<div style="text-align: right;	margin-top: 15px;">
90
+				<button class="btns return"><i class="fa fa-mail-reply icon_r"></i>返回类别列表</button>
91
+				<button class="btns remove"><i class="fa fa-remove icon_r"></i>删除</button>
92
+				<button class="btns"><i class="fa fa-pencil icon_r"></i>编辑</button>
93
+			</div>
94
+
95
+		</div>
96
+
97
+		<script src="../css/layer/layer.js"></script>
98
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
99
+		<script src="../js/kindeditor/kindeditor-all-min.js"></script>
100
+		<script src="../js/kindeditor/lang/zh-CN.js"></script>
101
+		<script>
102
+			$(function() {
103
+				//返回知识库主界面
104
+				$('.return').click(function() {
105
+					top.$("iframe:visible")[0].src = "zhiShiKu.html";
106
+				})
107
+				//删除
108
+				$('.remove').click(function() {
109
+				var laye=layer.confirm('提示:若要删除,要等待审核。您确定要删除吗?', {
110
+						btn: ['确定', '取消'] //可以无限个按钮
111
+							
112
+					}, function(index, layero) {
113
+						//按钮【按钮一】的回调
114
+						layer.msg('删除成功', {icon: 5});
115
+					}, function(index) {
116
+						//按钮【按钮二】的回调
117
+						 layer.close(laye)
118
+					});
119
+				})
120
+
121
+			})
122
+		</script>
123
+	</body>
124
+
125
+</html>

+ 3 - 74
WebUI/CallCenterWeb.UI/zhiShiKu/zhiShiKuFenLei.html

@@ -12,7 +12,7 @@
12 12
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
13 13
 		<link rel="stylesheet" href="../css/init.css" />
14 14
 		<link rel="stylesheet" href="./css/zhiShiKuFenLei.css" />
15
-		<title>知识库--》知识库分类</title>
15
+		<title>知识库目录管理</title>
16 16
 		<style>
17 17
 			.daoHang{
18 18
 				border-bottom:0;
@@ -23,91 +23,20 @@
23 23
 		<div class="container-fluid">
24 24
 			<div class="daoHang clearfix">
25 25
 				<div class="dhLeft">
26
-					<sapn><i class="syIcon"></i>位置:<a href="../index.html">首页</a>&gt;<a href="javaScript:;">知识库</a>&gt;<a href="" style="color: #000;">分类管理</a></sapn>
26
+					<sapn><i class="syIcon"></i>位置:<a href="../index.html">首页</a>&gt;<a href="javaScript:;">知识库</a>&gt;<a href="" class="nowPosition">知识库目录管理</a></sapn>
27 27
 				</div>
28
+				<div class="dhRight"><i class="fa fa-refresh"></i></div>
28 29
 			</div>
29 30
 			<div class="toolBar">
30 31
 				<button class="btns add">添加</button>
31
-				<button class="btns change">修改</button>
32
-				<button class="btns del">删除</button>
33 32
 			</div>
34 33
 			<div class="tree">
35 34
 				<ul id="treeDemo" class="ztree">
36 35
 					<!--类名为ztree是必须的-->
37 36
 				</ul>
38 37
 			</div>
39
-
40 38
 		</div>
41
-		<!--添加弹出内容-->
42
-		<div class="model addModel">
43
-			<div class="box">
44
-				<div class="btop clearfix">
45
-					<p class="btl"><span>添加</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;知识库</p>
46
-					<p class="btr addBtr" title="关闭">X</p>
47
-				</div>
48
-				<div class="boxCon">
49
-					<div>所属分类:
50
-						<div class="inpBox">
51
-							<input type="text" class="inps inps1" />
52
-							<i class="xl xl_one"></i>
53
-							<div class="addTree xlAdd">
54
-								<ul id="addTreeDemo" class="ztree">
55
-									
56
-								</ul>
57
-							</div>
58
-						</div>
59
-					</div>
60
-					<div>分类名称:<input class="inps inps2" type="text" /></div>
61
-					<div>排列序号:<input class="inps inps3" type="text" /></div>
62
-					<div><button class="btns addCun">保存</button></div>
63
-				</div>
64
-			</div>
65
-
66
-		</div>
67
-		<!--删除弹出内容-->
68
-		<div class="model delModel">
69
-			<div class="box">
70
-				<div class="btop clearfix">
71
-					<p class="btl"><span>删除提示</span></p>
72
-					<p class="btr delBtr" title="关闭">X</p>
73
-				</div>
74
-				<div class="boxCon" style="height: 150px;">
75
-					您确定删除&nbsp;&lfloor;&nbsp;&nbsp;<span class="delName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;?
76
-
77
-					<p style="margin-top: 30px;"><button class="btns sure">确定</button>
78
-						<button class="btns return">取消</button></p>
79
-					<p style="color: red;">注:若该分类下包含知识库内容会一并删除</p>
80
-				</div>
81 39
 
82
-			</div>
83
-
84
-		</div>
85
-		<!--修改弹出内容-->
86
-		<div class="model changeModel">
87
-			<div class="box">
88
-				<div class="btop clearfix">
89
-					<p class="btl"><span>修改</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps chtps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;知识库</p>
90
-					<p class="btr changeBtr" title="关闭">X</p>
91
-				</div>
92
-				<div class="boxCon">
93
-					<div>所属分类:
94
-						<div class="inpBox">
95
-							<input type="text" class="inps inps4" />
96
-							<i class="xl xl_two"></i>
97
-							<div class="addTree xlChange">
98
-								<ul id="changeTreeDemo" class="ztree">
99
-									
100
-								</ul>
101
-							</div>
102
-						</div>
103
-					</div>
104
-					<div>分类名称:<input class="inps inps5" type="text" /></div>
105
-					<div>排列序号:<input class="inps inps6" type="text" /></div>
106
-					<div><button class="btns changeCun">保存</button></div>
107
-				</div>
108
-			</div>
109
-
110
-		</div>
111 40
 	<script src="../js/jquery.min.js?v=2.1.4"></script>
112 41
 	<script src="../js/jquery.cookie.js"></script>
113 42
 	<script src="../js/bootstrap.min.js"></script>

+ 179 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/zhiShiKuShenHe.html

@@ -0,0 +1,179 @@
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/layer/need/layer.css" />
9
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10
+    <link rel="stylesheet" href="../css/init.css" />
11
+    <title>知识库审核</title>
12
+    <style>
13
+        .toolBar {
14
+            padding: 15px 0;
15
+            border-bottom: 1px solid #ccc;
16
+        }
17
+
18
+        .boxCon table th {
19
+            width: 20%;
20
+        }
21
+
22
+        .boxCon table td textarea {
23
+            width: 100%;
24
+        }
25
+
26
+        .inpBox {
27
+            border: 1px solid #a9a9a9;
28
+            height: 27px;
29
+            width: 55%;
30
+            display: inline-block;
31
+            position: relative;
32
+            vertical-align: middle;
33
+        }
34
+
35
+        .inps1,
36
+        .inps4 {
37
+            width: 100%;
38
+            height: 24px;
39
+            outline: none;
40
+            border: 0;
41
+            border-image-width: 0;
42
+            padding: 0;
43
+            padding-left: 3px;
44
+        }
45
+
46
+        .changeTitle, .changeKey, .addTitle, .addKey {
47
+            width: 55%;
48
+        }
49
+
50
+        .xl {
51
+            display: inline-block;
52
+            background: url(../img/dropDown.png) no-repeat;
53
+            height: 100%;
54
+            background-position: center center;
55
+            width: 20px;
56
+            position: absolute;
57
+            right: 0;
58
+            top: 0px;
59
+            background-color: #f7bc8b;
60
+            cursor: pointer;
61
+        }
62
+
63
+            .xl:hover {
64
+                background-color: #e6d523;
65
+            }
66
+
67
+        .addTree {
68
+            background: #fff;
69
+            position: absolute;
70
+            width: 100%;
71
+            border: 1px solid darkgrey;
72
+            right: 0;
73
+            top: 26px;
74
+            display: none;
75
+            height: 220px;
76
+            overflow-y: auto;
77
+        }
78
+
79
+        .treeTable {
80
+            height: 400px;
81
+            /*overflow-y: auto;*/
82
+        }
83
+
84
+        .tree {
85
+            height: 100%;
86
+        }
87
+
88
+        .trTitle {
89
+            width: 100%;
90
+            height: 34px;
91
+            line-height: 34px;
92
+            border-bottom: 1px solid #ebebeb;
93
+            color: red;
94
+            font-weight: 700;
95
+            margin-bottom: 15px;
96
+        }
97
+
98
+        .treeCon {
99
+            border: 1px solid #ebebeb;
100
+            overflow-y: auto;
101
+        }
102
+
103
+        .ztree li {
104
+            width: 100%;
105
+            overflow: hidden;
106
+            white-space: nowrap;
107
+            text-overflow: ellipsis;
108
+        }
109
+
110
+        .content {
111
+            width: 270px;
112
+            height: 25px;
113
+            overflow: hidden;
114
+            white-space: nowrap;
115
+            text-overflow: ellipsis;
116
+            text-align: left;
117
+        }
118
+    </style>
119
+</head>
120
+<body>
121
+    <div class="container-fluid">
122
+        <div class="daoHang clearfix">
123
+            <div class="dhLeft">
124
+                <sapn><i class="syIcon"></i>位置:<a href="../index.html">首页</a>&gt;<a href="javaScript:;">知识库</a>&gt;<a href="" class="nowPosition">知识库审核</a></sapn>
125
+            </div>
126
+            <div class="dhRight"><i class="fa fa-refresh"></i></div>
127
+        </div>
128
+        <div class="toolBar clearfix">
129
+            <div class="toolRight">
130
+                <span>动作:<select name="" id="" class="select_">
131
+                	<option value="1">添加</option>
132
+                	<option value="2">修改</option>
133
+                	<option value="3">删除</option>
134
+                </select></span>
135
+                <span>审核状态:<select name="" id="" class="select_">
136
+                	<option value="1">通过</option>
137
+                	<option value="0">未审核</option>
138
+                	<option value="-1">未通过</option>
139
+                </select></span>
140
+                <button class="btns searchGo">搜索</button>
141
+            </div>
142
+
143
+        </div>
144
+        <div class="treeTable clearfix">
145
+          
146
+            <div class="tableCon col-md-12">
147
+                <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
148
+                    <thead>
149
+                        <tr>
150
+                            <th data-align="center" data-formatter="setCode"></th>
151
+                            <th data-field="state" data-checkbox="true" data-align="center"></th>
152
+                            <th data-field="CategoryName" data-align="left">动作</th>
153
+                            <th data-field="F_Title" data-align="left" data-formatter="oper">修改前内容</th>
154
+                            <th data-field="F_Description" data-align="left" data-formatter="oper">修改后内容</th>
155
+                            <th data-field="F_KeyWords" data-align="center">审核状态</th>
156
+                            <th data-field="F_KeyWords" data-align="center">审核详情</th>
157
+                            <th data-align="center" data-formatter="caoZuo">操作</th>
158
+                        </tr>
159
+                    </thead>
160
+                    <tbody id="tbody"></tbody>
161
+                </table>
162
+                <p style="margin-top:15px ;">
163
+                	<button class="btns" onclick="check(1,2)">审核通过</button>
164
+                <button class="btns" onclick="check(-1,2)">审核不通过</button>
165
+                </p>
166
+                
167
+            </div>
168
+        </div>
169
+
170
+    </div>
171
+    <script src="../css/layer/layer.js"></script>
172
+    <script src="../js/zTree/jquery.ztree.core.js"></script>
173
+    <script src="../js/kindeditor/kindeditor-all-min.js"></script>
174
+    <script src="../js/kindeditor/lang/zh-CN.js"></script>
175
+    <script src="./js/zhiShiKuShenHe.js"></script>
176
+</body>
177
+
178
+
179
+</html>