Главная Обзор Помощь
Регистрация Войти
zhoufan
/
12345_Base_Web
Следить 1
В избранное 0
Ответвить 0
Код Обсуждения 0 Запросы на слияние 0 Коммиты 889 Релизы 0 Вики
Просмотр исходного кода

将知识库的 增加 修改 删除 提交 全部改成弹窗形式；

fanlongfei лет назад: 8
Родитель
41d821c085
Сommit
1139bd49db
6 измененных файлов с 149 добавлено и 202 удалено
Разделённый вид Показать статистику Diff
  1. 0 1
      WebUI/CallCenterWeb.UI/CommonHtml/WorkDatil.html
  2. 21 35
      WebUI/CallCenterWeb.UI/zhiShiKu/addZhiShiKu.html
  3. 13 24
      WebUI/CallCenterWeb.UI/zhiShiKu/changeZSDetail.html
  4. 112 43
      WebUI/CallCenterWeb.UI/zhiShiKu/js/zhiShiKu.js
  5. 1 0
      WebUI/CallCenterWeb.UI/zhiShiKu/zhiShiKu.html
  6. 2 99
      WebUI/CallCenterWeb.UI/zhiShiKu/zhiShiKuDetail.html

+ 0 - 1
WebUI/CallCenterWeb.UI/CommonHtml/WorkDatil.html
Просмотреть файл 

@@ -857,7 +857,6 @@
857 857 
 							}, function(result) {
858 858 
 								var data = JSON.parse(result);
859 859 
 								if(data.state == "success") {
860 
-									//debugger;
861 860 
 									$(".mediaTransfer").hide();
862 861 
 									var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
863 862 
 									parent.layer.close(index); //再执行关闭

+ 21 - 35
WebUI/CallCenterWeb.UI/zhiShiKu/addZhiShiKu.html
Просмотреть файл 

@@ -83,18 +83,6 @@
83 83
84 84 
 	<body class="gray-bg">
85 85 
 		<div class="container-fluid wrapper-content animated fadeInRight">
86 
-			<div class="daoHang clearfix">
87 
-				<div class="dhLeft">
88 
-					<sapn><i class="syIcon"></i>位置：
89 
-						<a id="ReIndex">首页</a>&gt;
90 
-						<a href="javaScript:;">知识库</a>&gt;
91 
-						<a href="" class="nowPosition">知识条目添加</a>
92 
-					</sapn>
93 
-				</div>
94 
-				<div class="dhRight">
95 
-					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>
96 
-				</div>
97 
-			</div>
98 86 
 			<div class="content">
99 87 
 				<table class="table">
100 88 
 					<tr>
 
@@ -158,7 +146,7 @@
158 146 
 		<script src="../js/adjustHeight.js"></script>
159 147 
 		<script>
160 148 
 			var id = ''; //当前节点id
161 
-			var name; //当前节点name
149 
+			var cname; //当前节点name
162 150 
 			var pid; //当前节点父ID
163 151 
 			var pidName; //当前节点父name
164 152 
 			var xlName; //添加弹出框内下拉框内节点name
 
@@ -210,8 +198,8 @@
210 198 
 			function zTreeOnClick(event, treeId, treeNode) {
211 199 
 				//		pid = treeNode.pId;
212 200 
 				id = treeNode.id;
213 
-				name = treeNode.text;
214 
-				$('.inps').val(name);
201 
+				cname = treeNode.text;
202 
+				$('.inps').val(cname);
215 203 
 			};
216 204 
 			//所属分类下拉
217 205 
 			$('.inps').focus(function() {
 
@@ -230,6 +218,19 @@
230 218 
 			var title;//知识库标题
231 219 
 			var con;//知识库内容
232 220 
 			var issub;//是否提交审核
221 
+			$('.tiJiao').click(function(){
222 
+
223 
+				if($('.isCheck').is(':checked')==true){
224 
+					issub=1;
225 
+				}else{
226 
+					issub=0;
227 
+				}
228 
+				title=$('.zs_t').val();
229 
+				con=encodeURIComponent(editor.html());
230 
+				//console.log(issub)
231 
+				add(title,con,id, issub)
232 
+			});
233 
+
233 234 
 			function add(title,con,id, issub){
234 235 
 				$.ajax({
235 236 
 					type:"post",
 
@@ -245,31 +246,16 @@
245 246 
 					},
246 247 
 					success:function(data){
247 248 
 						if(data.state.toLowerCase()=="success"){
248 
-
249 
-							layer.confirm('添加成功！', {
250 
-					            btn: ['确定']
251 
-					        },function(){
252 
-					        	top.$("iframe:visible")[0].src = "zhiShiKu/zhiShiKu.html";
253 
-					        });
254 
-
255 
-//
249 
+							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
250 
+                    		parent.layer.close(index); //再执行关闭
251 
+                    		//debugger;
252 
+						  	parent.initTable(id);
253 
+							parent.layer.msg("添加成功");
256 254 
 						}
257 255 
 					}
258 256 
 				});
259 257 
 			}
260 
-			$('.tiJiao').click(function(){
261 258
262 
-				if($('.isCheck').is(':checked')==true){
263 
-					issub=1;
264 
-				}else{
265 
-					issub=0;
266 
-				}
267 
-				title=$('.zs_t').val();
268 
-				con=encodeURIComponent(editor.html());
269 
-				console.log(issub)
270 
-				add(title,con,id, issub)
271 
-			})
272 
-
273 259
274 260
275 261 
 		</script>

+ 13 - 24
WebUI/CallCenterWeb.UI/zhiShiKu/changeZSDetail.html
Просмотреть файл 

@@ -7,7 +7,7 @@
7 7 
 		<script src="../Script/Common/huayi.config.js"></script>
8 8 
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
9 9 
 		<link rel="stylesheet" href="../css/init.css" />
10 
-		<title>编辑知识库感情</title>
10 
+		<title>编辑知识库详细情</title>
11 11 
 		<style>
12 12 
 			.m-kuang {
13 13 
 				width: 50%;
 
@@ -75,23 +75,14 @@
75 75 
 			    right: 0;
76 76 
 			    top: 32px;
77 77 
 			    display: none;
78 
-			    }
78 
+				z-index: 1;
79 
+			}
79 80
80 81 
 		</style>
81 82 
 	</head>
82 83
83 84 
 	<body>
84 85 
 		<div class="container-fluid">
85 
-			<div class="daoHang clearfix">
86 
-				<div class="dhLeft">
87 
-					<sapn><i class="syIcon"></i>位置：
88 
-						<a id="ReIndex">首页</a>&gt;
89 
-						<a href="javaScript:;">知识库</a>&gt;
90 
-						<a href="" class="nowPosition">编辑知识库详情</a>
91 
-					</sapn>
92 
-				</div>
93 
-				<div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
94 
-			</div>
95 86 
 			<div class="content">
96 87 
 				<table class="table">
97 88 
 					<tr>
 
@@ -156,7 +147,7 @@
156 147 
 		<script>
157 148 
 			var bid = helper.request.queryString("id");
158 149 
 			var id = ''; //当前节点id
159 
-			var name; //当前节点name
150 
+			var cname; //当前节点name
160 151 
 			var pid; //当前节点父ID
161 152 
 			var pidName; //当前节点父name
162 153 
 			var xlName; //添加弹出框内下拉框内节点name
 
@@ -204,8 +195,8 @@
204 195 
 			function zTreeOnClick(event, treeId, treeNode) {
205 196 
 				//		pid = treeNode.pId;
206 197 
 				id = treeNode.id;
207 
-				name = treeNode.text;
208 
-				$('.inps').val(name);
198 
+				cname = treeNode.text;
199 
+				$('.inps').val(cname);
209 200 
 			};
210 201 
 			//所属分类下拉
211 202 
 			$('.inps').focus(function() {
 
@@ -236,7 +227,7 @@
236 227 
 						if(data.state.toLowerCase()=='success'){
237 228 
 							$('.zs_t').val(con.F_Title);//标题
238 229 
 							$('.inps').val(con.F_Category);
239 
-							name=con.F_Category;
230 
+							cname=con.F_Category;
240 231 
 							editor.html(con.F_Content);
241 232 
 							id=con.F_CategoryId;
242 233 
 						}
 
@@ -261,14 +252,11 @@
261 252 
 					},
262 253 
 					success:function(data){
263 254 
 						if(data.state.toLowerCase()=="success"){
264 
-
265 
-							layer.confirm('编辑成功！', {
266 
-					            btn: ['确定']
267 
-					        },function(){
268 
-					        	top.$("iframe:visible")[0].src = "zhiShiKu/zhiShiKu.html";
269 
-					        });
270 
-
271 
-//
255 
+							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
256 
+                    		parent.layer.close(index); //再执行关闭
257 
+                    		//debugger;
258 
+						  	parent.initTable(id);
259 
+							parent.layer.msg("编辑成功");
272 260 
 						}
273 261 
 					}
274 262 
 				});
 
@@ -281,6 +269,7 @@
281 269 
 				}
282 270 
 				title=$('.zs_t').val();
283 271 
 				con=encodeURIComponent(editor.html());
272 
+				//debugger;
284 273 
 				add(title,con,id, issub)
285 274 
 			})
286 275

+ 112 - 43
WebUI/CallCenterWeb.UI/zhiShiKu/js/zhiShiKu.js
Просмотреть файл 

@@ -117,33 +117,110 @@ function initTable(id,keyWord,isPass,isSub) {
117 117 
 function setCode(val, row, index) {
118 118 
 	return index + 1;
119 119 
 }
120 
-
121 
-//function oper(str) {
122 
-//	if(str) {
123 
-//		var con = helper.filter.Transcoding(str);
124 
-//		return con = con.substr(0, 10) + "...";
125 
-//	} else {
126 
-//		return '';
127 
-//	}
128 
-//}
129 120 
 function detail(val,row){
130 121 
 	return'<div class="content" onclick="goDetail('+ row.F_RepositoryId+')">'+ val +'</div>'
131 122 
 }
132 
-//跳转详情页
133 
-function goDetail(did){
134 
-	top.$("iframe:visible")[0].src = "zhiShiKu/zhiShiKuDetail.html?id="+did;
123 
+
124 
+function operationBtns(val, row){
125 
+	var isShowBtn;
126 
+	isShowBtn = row.F_ISSubmitAudit == 0 ? 'inline-block':'none';
127 
+	return '<a class="xg" onclick="goDetail(' + row.F_RepositoryId + ')" title="点击查看详情">查看</a>'+
128 
+		   '<a class="xg" onclick="editKnowledge(' + row.F_RepositoryId + ')" title="点击编辑">编辑</a>'+
129 
+		   '<a class="xg" style="display:'+isShowBtn+'" onclick="submitAudit(' + row.F_RepositoryId + ')" title="点击提交审核">提交审核</a>'+
130 
+		   '<a class="xg" onclick="remove(' + row.F_RepositoryId + ')" title="点击删除">删除</a>';
135 131 
 }
136 132
137 
-//添加条目跳转
133 
+
134 
+//提交审核
135 
+function submitAudit(submitId){
136 
+	$.post(huayi.config.callcenter_url + "Knowledge/SubAudit", {
137 
+			ids: submitId,
138 
+			token: $.cookie("token")
139 
+		}, function(result) {
140 
+			result = JSON.parse(result);
141 
+			if(result.state.toLowerCase()== "success") {
142 
+				layer.msg('已提交审核成功！');
143 
+				initTable(id, keyWord,isPass,isSub);
144 
+			}
145 
+		})
146 
+}
147 
+
148 
+//查看详情页
149 
+function goDetail(did){
150 
+	//iframe窗
151 
+    layer.open({
152 
+      	type: 2,
153 
+      	title: '查看知识库详情',
154 
+      	shadeClose: true, //是否开启点击遮罩关闭
155 
+      	shade: 0.4, //遮罩
156 
+     	maxmin: true, //开启最大化最小化按钮
157 
+     	id: 'LAY_layuipro',//防止重复弹出
158 
+     	moveType: 1,//拖拽类型 默认的拖拽风格正如你所见到的，会有个过度的透明框。但是如果你不喜欢，你可以设定moveType: 1切换到传统的拖拽模式
159 
+     	moveOut: true, //拖拽到窗口外
160 
+     	//resize: true,//是否允许拉伸
161 
+      	area: ['70%', '50%'],
162 
+      	content: 'zhiShiKuDetail.html?id='+ did +''
163 
+    });
164 
+}
165 
+//编辑
166 
+function editKnowledge(editId){
167 
+	layer.open({
168 
+      	type: 2,
169 
+      	title: '编辑知识库详情',
170 
+      	shadeClose: true, //是否开启点击遮罩关闭
171 
+      	shade: 0.4, //遮罩
172 
+     	maxmin: true, //开启最大化最小化按钮
173 
+     	id: 'LAY_layuipro1',//防止重复弹出
174 
+     	moveType: 1,//拖拽类型 默认的拖拽风格正如你所见到的，会有个过度的透明框。但是如果你不喜欢，你可以设定moveType: 1切换到传统的拖拽模式
175 
+     	moveOut: true, //拖拽到窗口外
176 
+     	//resize: true,//是否允许拉伸
177 
+      	area: ['70%', '50%'],
178 
+      	content: 'changeZSDetail.html?id='+ editId +''
179 
+    });
180 
+}
181 
+//添加条目
138 182 
 $('.addCon').click(function() {
139 
-	top.$("iframe:visible")[0].src = "zhiShiKu/addZhiShiKu.html";
183 
+	//iframe窗
184 
+    layer.open({
185 
+      	type: 2,
186 
+      	title: '添加知识库',
187 
+      	shadeClose: true, //是否开启点击遮罩关闭
188 
+      	shade: 0.4, //遮罩
189 
+     	maxmin: true, //开启最大化最小化按钮
190 
+     	id: 'LAY_layuipro2',//防止重复弹出
191 
+     	moveType: 1,//拖拽类型 默认的拖拽风格正如你所见到的，会有个过度的透明框。但是如果你不喜欢，你可以设定moveType: 1切换到传统的拖拽模式
192 
+     	moveOut: true, //拖拽到窗口外
193 
+     	//resize: true,//是否允许拉伸
194 
+      	area: ['70%', '50%'],
195 
+      	content: 'addZhiShiKu.html'
196 
+    });
140 197 
 })
198 
+
199 
+//返回首页
141 200 
 $('#ReIndex').click(function() {
142 201 
 	top.home_index();
143 
-})
202 
+});
203 
+//删除
204 
+function remove(delIds){
205 
+	layer.confirm('提示：若要删除，要等待审核。您确定要删除吗？', {
206 
+		  btn: ['确定','取消'] //按钮
207 
+	}, function(){
208 
+		$.post(huayi.config.callcenter_url + "Knowledge/DelInfos", {
209 
+			ids: delIds,
210 
+			token: $.cookie("token")
211 
+		}, function(result) {
212 
+			result = JSON.parse(result);
213 
+			if(result.state.toLowerCase() == "success") {
214 
+				debugger;
215 
+				layer.msg(result.message);
216 
+				initTable(id, keyWord,isPass,isSub);
217 
+			}
218 
+		})
219 
+	});
220 
+}
144 221 
 //批量删除
145 222 
 $('.allDel').click(function(){
146 
-	    var delId = $.map($('#table1').bootstrapTable('getSelections'), function (row) {
223 
+	var delId = $.map($('#table1').bootstrapTable('getSelections'), function (row) {
147 224 
         return row.F_RepositoryId;
148 225 
     });
149 226 
     if (delId.length <= 0) {
 
@@ -152,33 +229,25 @@ $('.allDel').click(function(){
152 229 
         });
153 230 
         return;
154 231 
     } else {
155 
-    	console.log(delId);
156 232 
     	var laye = layer.confirm('提示：若要删除，要等待审核。您确定要删除吗？', {
157 
-						btn: ['确定', '取消'] //可以无限个按钮
158 
-					}, function() {
159 
-					$.ajax({
160 
-						type:"post",
161 
-						url:huayi.config.callcenter_url + 'Knowledge/DelInfos',
162 
-						async:true,
163 
-						dataType:'json',
164 
-						data:{
165 
-							token:$.cookie("token"),
166 
-							ids:delId
167 
-						},
168 
-						success:function(data){
169 
-							if(data.state.toLowerCase()=='success'){
170 
-								layer.msg(data.message);
171 
-								initTable(id, keyWord,isPass,isSub);
172 
-
173 
-							}
174 
-
175 
-						}
176 
-					});
177 
-					});
178 
-
179 
-
180 
-
181 
-
182 
-
233 
+			btn: ['确定', '取消'] //可以无限个按钮
234 
+		}, function() {
235 
+			$.ajax({
236 
+				type:"post",
237 
+				url:huayi.config.callcenter_url + 'Knowledge/DelInfos',
238 
+				async:true,
239 
+				dataType:'json',
240 
+				data:{
241 
+					token:$.cookie("token"),
242 
+					ids:delId
243 
+				},
244 
+				success:function(data){
245 
+					if(data.state.toLowerCase()=='success'){
246 
+						layer.msg(data.message);
247 
+						initTable(id, keyWord,isPass,isSub);
248 
+					}
249 
+				}
250 
+			});
251 
+		});
183 252 
     }
184 253 
 })

+ 1 - 0
WebUI/CallCenterWeb.UI/zhiShiKu/zhiShiKu.html
Просмотреть файл 

@@ -104,6 +104,7 @@
104 104 
                             <th data-align="center" data-formatter="setCode">编号</th>
105 105 
                             <th data-align="center" data-field="F_Title" data-formatter="detail">标题</th>
106 106 
                             <th data-field="F_Description" data-align="left" data-formatter="detail">内容</th>
107 
+                            <th data-align="center" data-formatter="operationBtns">操作</th>
107 108 
                         </tr>
108 109 
                     </thead>
109 110 
                     <tbody id="tbody"></tbody>

+ 2 - 99
WebUI/CallCenterWeb.UI/zhiShiKu/zhiShiKuDetail.html
Просмотреть файл 

@@ -8,7 +8,7 @@
8 8 
 		<script src="../Script/Common/huayi.config.js"></script>
9 9 
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10 10 
 		<link rel="stylesheet" href="../css/init.css" />
11 
-		<title>知识库附件详情页面</title>
11 
+		<title>知识库详情页面</title>
12 12 
 		<style>
13 13 
 			.treeTable {
14 14 
 				/*height: 400px;*/
 
@@ -45,16 +45,6 @@
45 45
46 46 
 	<body>
47 47 
 		<div class="container-fluid">
48 
-			<div class="daoHang clearfix">
49 
-				<div class="dhLeft">
50 
-					<sapn><i class="syIcon"></i>位置：
51 
-						<a id="ReIndex">首页</a>&gt;
52 
-						<a href="javaScript:;">知识库</a>&gt;
53 
-						<a href="" class="nowPosition">知识库详情</a>
54 
-					</sapn>
55 
-				</div>
56 
-				<div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
57 
-			</div>
58 48 
 			<div class="treeTable">
59 49 
 				<h3 class="con_title"></h3>
60 50 
 				<div class="con_message">
 
@@ -72,30 +62,7 @@
72 62 
 						<td class="content"></td>
73 63 
 					</tr>
74 64 
 				</table>
75 
-
76 65 
 			</div>
77 
-			<div style="text-align: right;	margin-top: 15px;">
78 
-				<button class="btns return"><i class="fa fa-mail-reply icon_r"></i>返回类别列表</button>
79 
-				<button class="btns tiJiao"><i class="fa fa-upload icon_r"></i>提交审核</button>
80 
-				<button class="btns remove"><i class="fa fa-remove icon_r"></i>删除</button>
81 
-				<button class="btns bianJi"><i class="fa fa-pencil icon_r"></i>编辑</button>
82 
-			</div>
83 
-			<!--删除弹出狂-->
84 
-			<div class="model delModel">
85 
-			<div class="box">
86 
-				<div class="btop clearfix">
87 
-					<p class="btl"><span>删除提示</span></p>
88 
-					<p class="btr delBtr" title="关闭">X</p>
89 
-				</div>
90 
-				<div class="boxCon" style="height: 150px;">
91 
-					<p style="margin-top: 20px; font-size: 14px;">提示：若要删除，要等待审核。您确定要删除吗？</p>
92 
-					<p style="margin-top: 30px;"><button class="btns sure">确定</button>
93 
-						<button class="btns return">取消</button></p>
94 
-				</div>
95 
-
96 
-			</div>
97 
-
98 
-		</div>
99 66 
 		</div>
100 67
101 68 
 		<script src="../css/laydate/laydate.js"></script>
 
@@ -104,15 +71,7 @@
104 71 
 		<script src="../js/kindeditor/lang/zh-CN.js"></script>
105 72 
 		<script>
106 73 
 			$(function() {
107 
-				//返回知识库主界面
108 
-				$('.return').click(function() {
109 
-					top.$("iframe:visible")[0].src = "zhiShiKu/zhiShiKu.html";
110 
-				})
111 
-					var id = helper.request.queryString("id");
112 
-					//跳转编辑详情页面
113 
-				$('.bianJi').click(function(){
114 
-					top.$("iframe:visible")[0].src = "zhiShiKu/changeZSDetail.html?id="+id;
115 
-				})
74 
+				var id = helper.request.queryString("id");
116 75 
 				Ajax(id);
117 76 
 				function Ajax(id) {
118 77 
 					$.ajax({
 
@@ -133,70 +92,14 @@
133 92 
 								$('.time').html(con.F_CreateOn); //创建日期
134 93 
 								$('.content').html(con.F_Content);
135 94 
 								$('.con_title').html(con.F_Title);
136 
-								console.log(con.F_ISSubmitAudit);
137 
-								if(con.F_ISSubmitAudit==0) {
138 
-									$('.tiJiao').show();
139 
-								} else {
140 
-									$('.tiJiao').hide();
141 
-								}
142 
-
143 95 
 							}
144 96 
 						}
145 97 
 					});
146 98 
 				}
147 
-         		var str='<div><div>提示：若要删除，要等待审核。您确定要删除吗？</div></div>'
148 
-				//删除
149 
-				$('.remove').click(function(id) {
150 
-						$('.delModel').show();
151 
-				})
152 
-				$('.delBtr').click(function(){
153 
-					$('.delModel').hide();
154 
-				})
155 
-				$('.return').click(function(){
156 
-					$('.delModel').hide();
157 
-				})
158 
-				//确定删除按钮
159 
-				$('.sure').click(function(){
160 
-					$.post(huayi.config.callcenter_url + "Knowledge/DelInfos", {
161 
-							ids: id,
162 
-							token: $.cookie("token")
163 
-						}, function(result) {
164 
-							result = JSON.parse(result);
165 
-							if(result.state.toLowerCase() == "success") {
166 
-
167 
-								layer.confirm('删除成功!', {
168 
-					            btn: ['确定']
169 
-					        },function(){
170 
-					        	$('.delModel').hide();
171 
-					        	top.$("iframe:visible")[0].src = "zhiShiKu/zhiShiKu.html";
172 
-					        });
173 
-
174 
-							}
175 
-						})
176 
-				})
177 99 
 				//返回主页
178 100 
 				$('#ReIndex').click(function() {
179 101 
 					top.home_index();
180 102 
 				})
181 
-				//提交审核
182 
-				$('.tiJiao').click(function(){
183 
-					$.post(huayi.config.callcenter_url + "Knowledge/SubAudit", {
184 
-							ids: id,
185 
-							token: $.cookie("token")
186 
-						}, function(result) {
187 
-							result = JSON.parse(result);
188 
-							if(result.state.toLowerCase()== "success") {
189 
-//								layer.msg(result.message);
190 
-								layer.confirm('已提交审核', {
191 
-					            btn: ['确定']
192 
-					        },function(){
193 
-					        	top.$("iframe:visible")[0].src = "zhiShiKu/zhiShiKu.html";
194 
-					        });
195 
-
196 
-							}
197 
-						})
198 
-				})
199 
-
200 103 
 			})
201 104 
 		</script>
202 105 
 	</body>