瀏覽代碼

知识库

yangjunfeng 5 年之前
父節點
當前提交
2ad593a9b9

+ 88 - 62
WebUI/CallCenterWeb.UI/accessManagement/addAccess.html

@@ -129,62 +129,20 @@
129 129
 							随访类型:
130 130
 							<div class="form-group" style="width: 200px;  margin-right: 30px; margin-bottom:10px ;">
131 131
 								<select class="form-control selectpicker" id="orderSource" data-live-search="true">
132
-									<option value="">预约挂号</option>
133
-									<option value="">预约检查</option>
134
-									<option value="">预约体检</option>
135
-									<option value="">预约床位</option>
132
+									<option value="">请选择随访类型</option>
133
+									<option value="0">出院随访</option>
134
+									<option value="1">门诊随访</option>
135
+									<option value="2">科室随访</option>
136
+									<option value="3">体检随访</option>
137
+									<option value="4">短信随访</option>
136 138
 								</select>
137 139
 							</div>
138 140
 							<!--<button class="btn-primary" style="border: none; height: 34px; padding: 0 15px; margin-bottom:10px ;  margin-right: 80px;">确定</button>-->
139 141
 
140
-							科室:
141
-							<div class="form-group" style="width: 200px;  margin-right: 30px; margin-bottom:10px ;">
142
-								<select class="form-control selectpicker" id="orderSource" data-live-search="true">
143
-									<option value="">心血管外科</option>
144
-									<option value="">胸外科</option>
145
-									<option value="">神经内科</option>
146
-									<option value="">泌尿外科</option>
147
-									<option value="">骨科</option>
148
-									<option value="">耳鼻喉科</option>
149
-									<option value="">儿科</option>
150
-									<option value="">妇科</option>
151
-									<option value="">产科</option>
152
-									<option value="">泌尿外科</option>
153
-									<option value="">骨科</option>
154
-									<option value="">神经内科</option>
155
-									<option value="">口腔科</option>
156
-									<option value="">皮肤科</option>
157
-									<option value="">中医科</option>
158
-									<option value="">泌尿外科</option>
159
-									<option value="">骨科</option>
160
-									<option value="">神经内科</option>
161
-								</select>
162
-							</div>
142
+
163 143
 							时间:
164 144
 							<div class="form-group" style="margin-left: 30px; margin-bottom:10px ;">
165
-								<input class="form-control" type="text" id="test1" placeholder="请选择时间" style="width: 228px;">
166
-							</div>
167
-							<div class="form-group" style="margin-left: 15px; margin-right: 30px; margin-bottom:10px ;">
168
-								<select class="form-control selectpicker" id="comeCall_dep" data-live-search="true">
169
-									<option value="">上午</option>
170
-									<option value="">下午</option>
171
-								</select>
172
-							</div>
173
-							医生:
174
-							<div class="form-group" style="width: 200px;  margin-right: 30px; margin-bottom:10px ;">
175
-								<select class="form-control selectpicker" id="orderSource" data-live-search="true">
176
-									<option value="">赵明晶</option>
177
-									<option value="">苗福浩</option>
178
-									<option value="">张爽楠</option>
179
-									<option value="">郑冰冰</option>
180
-									<option value="">周帆</option>
181
-									<option value="">范龙飞</option>
182
-									<option value="">李海</option>
183
-									<option value="">杜洪玉</option>
184
-									<option value="">周鹏飞</option>
185
-									<option value="">赵宝路</option>
186
-									<option value="">朱惠娟</option>
187
-								</select>
145
+								<input class="form-control" type="text" id="test1" placeholder="请选择随访时间" style="width: 228px;">
188 146
 							</div>
189 147
 						</div>
190 148
 					</div>
@@ -220,36 +178,104 @@
220 178
 					-webkit-border-radius: 5px; /* Safari 和 Chrome */
221 179
 					border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
222 180
 				}
181
+				.sexSel{
182
+					width: 230px;
183
+					margin: 0 auto;
184
+					height: 40px;
185
+				}
186
+				.sexSel form{
187
+					width: 245px;
188
+					display: block; 
189
+					float: left;
190
+				}
191
+				.keshi{
192
+					width: 280px;
193
+					margin: 10px auto;
194
+					height: 36px;
195
+				}
196
+				.keshi select{
197
+					width: 200px;
198
+					height: 36px;
199
+					float: right;
200
+					line-height: 36px;
201
+					display: block; 
202
+				}
223 203
 			</style>
224 204
 			<div style="width: 100%;padding: 80px 0px 100px 0px; background: #FFFFFF;">
225 205
 				<div class="mannaget_line1">
226
-					<span>身份证号:</span>
227
-					<input id="" value="" placeholder="请输入身份证号"/>
206
+					<span>姓名:</span>
207
+					<input id="" value="" placeholder="请输入姓名" />
228 208
 				</div>
229 209
 				<div class="mannaget_line1">
230
-					<span>姓名:</span>
231
-					<input id="" value="" placeholder="请输入姓名"/>
232
-				</div>	
210
+					<span>年龄:</span>
211
+					<input id="" value="" placeholder="请输入年龄" />
212
+				</div>
213
+				<div class="sexSel">
214
+					<form method="post" name="formName">
215
+						       性别:<input type="radio" name="sex" value="girl">女
216
+						       <input type="radio" name="sex" value="boy" checked="checked">男
217
+					</form>
218
+				</div>
233 219
 				<div class="mannaget_line1">
234 220
 					<span>手机号:</span>
235
-					<input id="" value="" placeholder="请输入手机号"/>
236
-				</div>		
221
+					<input id="" value="" placeholder="请输入手机号" />
222
+				</div>
223
+				<div class="mannaget_line1">
224
+					<span>身份证号:</span>
225
+					<input id="" value="" placeholder="请输入身份证号" />
226
+				</div>
227
+				<div class="keshi" >
228
+					<span style="float: left;display: block;line-height: 36px;">科室:</span>
229
+					<select  data-live-search="true">
230
+						<option value="">请选择科室</option>
231
+						<option value="">心血管外科</option>
232
+						<option value="">胸外科</option>
233
+						<option value="">神经内科</option>
234
+						<option value="">泌尿外科</option>
235
+						<option value="">骨科</option>
236
+						<option value="">耳鼻喉科</option>
237
+						<option value="">儿科</option>
238
+						<option value="">妇科</option>
239
+						<option value="">产科</option>
240
+						<option value="">泌尿外科</option>
241
+						<option value="">骨科</option>
242
+						<option value="">神经内科</option>
243
+						<option value="">口腔科</option>
244
+						<option value="">皮肤科</option>
245
+						<option value="">中医科</option>
246
+						<option value="">泌尿外科</option>
247
+						<option value="">骨科</option>
248
+						<option value="">神经内科</option>
249
+					</select>
250
+				</div>
251
+				<div class="mannaget_line1">
252
+					<span>诊断:</span>
253
+					<input type="text" placeholder="请输入诊断" />
254
+				</div>
255
+				<div class="mannaget_line1">
256
+					<span>入院日期</span>
257
+					<input type="date"  />
258
+				</div>
259
+				<div class="mannaget_line1">
260
+					<span>出院日期</span>
261
+					<input type="date"  />
262
+				</div>
237 263
 				<div class="mannaget_line1" style="margin-top: 30px;">
238 264
 					<span>&nbsp;</span>
239
-					<div class="btuunt">预约</div>
265
+					<div class="btuunt">添加</div>
240 266
 				</div>
241 267
 			</div>
242
-			
268
+
243 269
 		</div>
244 270
 		<script src="../js/laydate/laydate.js"></script>
245 271
 		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
246 272
 		<script src="../js/layui/layui.js"></script>
247
-		
273
+
248 274
 		<script>
249 275
 			$(document).ready(function() {
250 276
 
251 277
 				laydate.render({
252
-				  elem: '#test1'
278
+					elem: '#test1'
253 279
 				});
254 280
 				layui.use('laydate', function() {
255 281
 					var laydate = layui.laydate;
@@ -277,4 +303,4 @@
277 303
 		</script>
278 304
 	</body>
279 305
 
280
-</html>
306
+</html>

+ 118 - 0
WebUI/CallCenterWeb.UI/accessManagement/css/zhiShikuManger.css

@@ -0,0 +1,118 @@
1
+body{
2
+	background: #eaedf1;
3
+}
4
+.tree{
5
+	background: #FFFFFF;
6
+	height: 700px;
7
+}
8
+.tableCon{
9
+	background: #FFFFFF;
10
+}
11
+.container-fluid{
12
+	padding: 0;
13
+}
14
+.trTitle {
15
+	width: 100%;
16
+	height: 44px;
17
+	line-height: 44px;
18
+	padding-left: 15px;
19
+	color: #666666;
20
+	font-weight: 700;
21
+	font-size: 14px;
22
+	background: #f5f5f6;
23
+	position: relative;
24
+	margin-top: 15px;
25
+}
26
+.trcontent{
27
+	background: #FFFFFF;
28
+	padding-top: 15px;
29
+	width: 100%;
30
+	position: relative;
31
+}
32
+.tr_btn{
33
+	position: absolute;
34
+	top: 15px;
35
+	border-radius: 3px;
36
+	padding: 5px 10px;
37
+	color: #409eff;
38
+	border:1px solid #409eff;
39
+	cursor: pointer;
40
+}
41
+.tr_btn1{
42
+	right: 80px;
43
+}
44
+.tr_btn2{
45
+	right: 20px;
46
+}
47
+.trTitle .upupicon{
48
+	position: absolute;
49
+	width: 15px;
50
+	height: 15px;
51
+	top: 0px;
52
+	right: 20px;
53
+	display: block;
54
+	cursor: pointer;
55
+}
56
+.trTitle .upupicon img{
57
+	width: 100%;
58
+}
59
+i.tub {
60
+    position: absolute;
61
+    left: 9px;
62
+    top: 7px;
63
+    font-size: 16px;
64
+    color: #3d3d3d;
65
+}
66
+.time-box{
67
+	margin-left: 15px;
68
+	width: 70%;
69
+}
70
+.time-box input{
71
+	outline: none;
72
+}
73
+.serchIp{
74
+	width: 100%; 
75
+	padding: 2px 0px 2px 30px;
76
+	border-radius: 13px !important;
77
+}
78
+.serchIp_list{
79
+	padding: 0;
80
+	height: 32px;
81
+	line-height: 32px;
82
+	border:1px solid #e1e6eb;
83
+	padding-left: 15px;
84
+	outline: none !important;
85
+	
86
+}
87
+
88
+i.tub_list {
89
+	background: #f7f7f7;
90
+	height: 30px;
91
+	line-height: 30px;
92
+	width: 64px;
93
+	text-align: center;
94
+    position: absolute;
95
+    right: 1px;
96
+    top: 1px;
97
+    font-size: 16px;
98
+    border-left: 1px solid #e1e6eb;
99
+    color: #3d3d3d;
100
+}
101
+.trcon_list{
102
+	background: #FFFFFF;
103
+}
104
+.trcon_list ul{
105
+	overflow: hidden;
106
+}
107
+.trcon_list ul li{
108
+	color: #409eff;
109
+	float: left;
110
+	margin-left: 8px;
111
+	margin-right: 20px;
112
+	list-style: none;
113
+}
114
+
115
+
116
+
117
+
118
+

+ 194 - 0
WebUI/CallCenterWeb.UI/accessManagement/js/zhiShiKuManger.js

@@ -0,0 +1,194 @@
1
+$(function() {
2
+	$(".upupicon").click(function() {
3
+		layer.open({
4
+			type: 2,
5
+			content: "repositoryClass.html",
6
+			title: '知识库分类',
7
+			area: ['70%', '80%'], //宽高
8
+		});
9
+	})
10
+})
11
+var token = $.cookie("token");
12
+var zNodes = [];
13
+var id; //当前节点id
14
+var pid; //当前父节点ID
15
+var name; //选择的name
16
+var pidName; //父节点name
17
+var xlName; //添加下拉框节点name
18
+var table = $('#table1'); //右边表格
19
+tree();
20
+
21
+function tree() {
22
+
23
+	$.get(huayi.config.callcenter_url + 'callcenterapi/api/Knowledge/gettypelist', {
24
+		"token": $.cookie("token"),
25
+		"pid": pid
26
+	}, function(result) {
27
+		result = $.parseJSON(result);
28
+
29
+		$.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
30
+	});
31
+}
32
+var setting1 = {
33
+	data: {
34
+		key: {
35
+			name: "name"
36
+		},
37
+		simpleData: {
38
+			enable: true,
39
+			idKey: "id",
40
+			pIdKey: "parentid",
41
+			rootPId: 0
42
+		}
43
+
44
+	},
45
+	view: {
46
+		showIcon: false
47
+	},
48
+	callback: {
49
+		onClick: zTreeOnClick
50
+	}
51
+};
52
+
53
+function zTreeOnClick(event, treeId, treeNode) {
54
+	id = treeNode.id;
55
+	name = treeNode.name;
56
+	var pidnode = treeNode.parentid;
57
+	if(pidnode) {
58
+		pidName = pidnode.name;
59
+		pid = pidnode.id;
60
+	} else {
61
+		pidName = "顶级分类";
62
+		pid = 0;
63
+	}
64
+};
65
+initTable(id);
66
+
67
+function initTable(id) {
68
+	//先销毁表格
69
+	table.bootstrapTable('destroy');
70
+	//初始化表格,动态从服务器加载数据
71
+	table.bootstrapTable({
72
+		method: "get", //使用get请求到服务器获取数据
73
+		url: huayi.config.callcenter_url + "callcenterapi/api/Knowledge/getlistbypage", //获取数据的Servlet地址
74
+		contentType: "application/x-www-form-urlencoded",
75
+		striped: true, //表格显示条纹
76
+		pagination: true, //启动分页
77
+		pageSize: 10, //每页显示的记录数
78
+		pageNumber: 1, //当前第几页
79
+		pageList: [10, 20, 50, 100], //记录数可选列表
80
+		search: false, //是否启用查询
81
+		showColumns: false, //显示下拉框勾选要显示的列
82
+		showRefresh: false, //显示刷新按钮
83
+		sidePagination: "server", //表示服务端请求
84
+		//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
85
+		//设置为limit可以获取limit, offset, search, sort, order
86
+		queryParamsType: "undefined",
87
+		queryParams: function queryParams(params) { //设置查询参数
88
+			var param = {
89
+				key: $(".serchIp_list").val(),
90
+				page: params.pageNumber,
91
+				pagesize: params.pageSize,
92
+				token: $.cookie("token")
93
+			};
94
+			return param;
95
+		},
96
+		onLoadSuccess: function(res) { //加载成功时执行
97
+			//layer.msg("加载成功");
98
+			//alert($(".content").text());
99
+			var newData = {};
100
+			newData.state = res.state;
101
+			newData.message = res.message;
102
+			newData.rows = res.data.rows;
103
+			newData.total = res.data.total;
104
+			table.bootstrapTable('load', newData);
105
+		},
106
+		onLoadError: function() { //加载失败时执行
107
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
108
+		}
109
+	});
110
+}
111
+//function category_name(val,row){
112
+//	return'<div onclick="goClass('+ row.CategoryId+')">'+ val +'</div>'
113
+//}
114
+////类别切换
115
+//function goClass(id){
116
+//}
117
+function setCode(val, row, index) {
118
+	return index + 1;
119
+}
120
+//操作
121
+function operationBtns(val, row) {
122
+	str = '<a class="xg" onclick="btn_edit(\'' + row.id + '\')" title="点击编辑">编辑</a>' +
123
+		'<a class="xg" onclick="remove(\'' + row.id + '\')" title="点击删除">删除</a>'
124
+	return str
125
+}
126
+//详情
127
+function particulars(val, row) {
128
+	str = '<a class="xg" onclick="btn_detail(\'' + row.id + '\')" title="点击编辑">' + row.content + '</a>'
129
+	return str
130
+}
131
+//详情
132
+function btn_detail(did) {
133
+	layer.open({
134
+		type: 2,
135
+		title: '编辑知识库详情',
136
+		shadeClose: true, //是否开启点击遮罩关闭 
137
+		shade: 0.4, //遮罩
138
+		maxmin: true, //开启最大化最小化按钮
139
+		id: 'LAY_layuipro1', //防止重复弹出 
140
+		moveType: 1, //拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
141
+		moveOut: true, //拖拽到窗口外
142
+		//resize: true,//是否允许拉伸
143
+		area: ['70%', '70%'],
144
+		content: 'repositorydetail.html?id=' + did + ''
145
+	});
146
+}
147
+//编辑
148
+function btn_edit(str) {
149
+	layer.open({
150
+		type: 2,
151
+		title: '编辑知识库详情',
152
+		shadeClose: true, //是否开启点击遮罩关闭
153
+		shade: 0.4, //遮罩
154
+		maxmin: true, //开启最大化最小化按钮
155
+		id: 'LAY_layuipro1', //防止重复弹出
156
+		moveType: 1, //拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
157
+		moveOut: true, //拖拽到窗口外
158
+		//resize: true,//是否允许拉伸
159
+		area: ['70%', '80%'],
160
+		content: 'editRepository.html?id=' + str + ''
161
+	});
162
+}
163
+//删除
164
+function remove(str) {
165
+
166
+	layer.confirm('确定删除当前记录?', {
167
+		btn: ['是', '否'] //按钮   signtokenapi/api/feedback/delete
168
+	}, function() {
169
+		$.post(huayi.config.callcenter_url + "callcenterapi/api/Knowledge/delete", {
170
+			ids: str
171
+		}, function(data) {
172
+			data = JSON.parse(data);
173
+			/*验证请求*/
174
+			if(data.state == "success") {
175
+				layer.msg("删除成功");
176
+				//重新加载
177
+				initTable();
178
+			}
179
+		});
180
+	});
181
+}
182
+//添加知识库
183
+$(".tr_btn2").click(function() {
184
+	layer.open({
185
+		type: 2,
186
+		content: "addRepository.html",
187
+		title: '知识库详情',
188
+		area: ['70%', '90%'], //宽高
189
+	});
190
+})
191
+//搜索
192
+$(".tub_list").click(function() {
193
+	initTable(id);
194
+})

+ 98 - 0
WebUI/CallCenterWeb.UI/accessManagement/zhiShiKuManger.html

@@ -0,0 +1,98 @@
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 href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
8
+		<!--<link href="../css/layer/need/layer.css" />-->
9
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10
+		<link rel="stylesheet" href="../css/init.css" />
11
+		<link rel="stylesheet" type="text/css" href="../css/Table/table1.css" />
12
+		<link rel="stylesheet" href="css/zhiShikuManger.css" />
13
+		<title>知识库管理</title>
14
+	</head>
15
+	<style>
16
+		.xg{
17
+			margin-right: 5px;
18
+		}
19
+	</style>
20
+	<body style="background: #FFFFFF;">
21
+		<div class="container-fluid">
22
+			<div class="daoHang clearfix">
23
+				<div class="dhLeft">
24
+					<sapn><i class="syIcon"></i>位置:
25
+						<a href="../index.html">首页</a>&gt;
26
+						<a href="javaScript:;">知识库管理</a>&gt;
27
+						<a href="" style="color: #000;">知识库管理</a>
28
+					</sapn>
29
+				</div>
30
+			</div>
31
+			<div class="treeTable clearfix">
32
+				<div class="tree col-md-3">
33
+					<div class="">
34
+						<div class="trTitle">
35
+							知识库分类
36
+							<div class="upupicon">
37
+								<img src="../img/edit.png"/>
38
+							</div>
39
+						</div>
40
+						<!--<div class="trcontent">
41
+							<div class="form-group time-box">
42
+								<input type="text" class="form-control serchIp searCon" style="" id="sc_wecode" placeholder="搜索">
43
+								<i class="tub fa fa-search"></i>
44
+							</div>
45
+						</div>-->
46
+						<div class="treeCon">
47
+							<ul id="treeDemo" class="ztree">
48
+								<!--类名为ztree是必须的-->
49
+							</ul>
50
+						</div>
51
+					</div>
52
+				</div>
53
+				<div class="tableCon col-md-9">
54
+					<div class="trTitle"> 知识库列表</div>
55
+					<div class="trcontent">
56
+						<div class="form-group time-box">
57
+							<i class="tub_list fa fa-search"></i>
58
+							<input type="text" class="form-control serchIp_list" style="" id="sc_wecode" placeholder="搜索">
59
+						</div>
60
+						<div class="tr_btn tr_btn2">添加</div>
61
+					</div>
62
+					<!--<div class="trcon_list">
63
+						<ul>
64
+							<li>全部</li>
65
+							<li>电子商务</li>
66
+							<li>交通银行</li>
67
+							<li>通讯行业</li>
68
+							<li>其它</li>
69
+						</ul>
70
+					</div>-->
71
+					<div style="margin-bottom: 50px;">
72
+						<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true" data-click-to-select="true">
73
+							<thead>
74
+								<tr>
75
+									<!--<th data-field="state" data-checkbox="true" data-align="center"></th>-->
76
+									<th data-align="center" data-formatter="setCode">编号</th>
77
+									<!--<th data-align="center" data-field="id" data-formatter="setCode"></th>-->
78
+									<th data-field="typename" data-align="left">标题</th>
79
+									<th data-field="content" data-align="left" data-formatter="particulars">内容</th>
80
+									<th data-field="createtime" data-align="center">创建时间</th>
81
+									<th data-align="center" data-formatter="operationBtns">操作</th>
82
+								</tr>
83
+							</thead>
84
+						</table>
85
+					</div>
86
+				</div>
87
+			</div>
88
+		</div>
89
+		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
90
+		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
91
+		<script src="../js/laydate/laydate.js"></script>
92
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
93
+		<script src="../js/kindeditor/kindeditor-all.js"></script>
94
+		<script src="../js/kindeditor/lang/zh_CN.js"></script>
95
+		<script src="./js/zhiShiKuManger.js"></script>
96
+	</body>
97
+
98
+</html>

+ 118 - 0
WebUI/CallCenterWeb.UI/healthSystem/css/zhiShikuManger.css

@@ -0,0 +1,118 @@
1
+body{
2
+	background: #eaedf1;
3
+}
4
+.tree{
5
+	background: #FFFFFF;
6
+	height: 700px;
7
+}
8
+.tableCon{
9
+	background: #FFFFFF;
10
+}
11
+.container-fluid{
12
+	padding: 0;
13
+}
14
+.trTitle {
15
+	width: 100%;
16
+	height: 44px;
17
+	line-height: 44px;
18
+	padding-left: 15px;
19
+	color: #666666;
20
+	font-weight: 700;
21
+	font-size: 14px;
22
+	background: #f5f5f6;
23
+	position: relative;
24
+	margin-top: 15px;
25
+}
26
+.trcontent{
27
+	background: #FFFFFF;
28
+	padding-top: 15px;
29
+	width: 100%;
30
+	position: relative;
31
+}
32
+.tr_btn{
33
+	position: absolute;
34
+	top: 15px;
35
+	border-radius: 3px;
36
+	padding: 5px 10px;
37
+	color: #409eff;
38
+	border:1px solid #409eff;
39
+	cursor: pointer;
40
+}
41
+.tr_btn1{
42
+	right: 80px;
43
+}
44
+.tr_btn2{
45
+	right: 20px;
46
+}
47
+.trTitle .upupicon{
48
+	position: absolute;
49
+	width: 15px;
50
+	height: 15px;
51
+	top: 0px;
52
+	right: 20px;
53
+	display: block;
54
+	cursor: pointer;
55
+}
56
+.trTitle .upupicon img{
57
+	width: 100%;
58
+}
59
+i.tub {
60
+    position: absolute;
61
+    left: 9px;
62
+    top: 7px;
63
+    font-size: 16px;
64
+    color: #3d3d3d;
65
+}
66
+.time-box{
67
+	margin-left: 15px;
68
+	width: 70%;
69
+}
70
+.time-box input{
71
+	outline: none;
72
+}
73
+.serchIp{
74
+	width: 100%; 
75
+	padding: 2px 0px 2px 30px;
76
+	border-radius: 13px !important;
77
+}
78
+.serchIp_list{
79
+	padding: 0;
80
+	height: 32px;
81
+	line-height: 32px;
82
+	border:1px solid #e1e6eb;
83
+	padding-left: 15px;
84
+	outline: none !important;
85
+	
86
+}
87
+
88
+i.tub_list {
89
+	background: #f7f7f7;
90
+	height: 30px;
91
+	line-height: 30px;
92
+	width: 64px;
93
+	text-align: center;
94
+    position: absolute;
95
+    right: 1px;
96
+    top: 1px;
97
+    font-size: 16px;
98
+    border-left: 1px solid #e1e6eb;
99
+    color: #3d3d3d;
100
+}
101
+.trcon_list{
102
+	background: #FFFFFF;
103
+}
104
+.trcon_list ul{
105
+	overflow: hidden;
106
+}
107
+.trcon_list ul li{
108
+	color: #409eff;
109
+	float: left;
110
+	margin-left: 8px;
111
+	margin-right: 20px;
112
+	list-style: none;
113
+}
114
+
115
+
116
+
117
+
118
+

+ 194 - 0
WebUI/CallCenterWeb.UI/healthSystem/js/zhiShiKuManger.js

@@ -0,0 +1,194 @@
1
+$(function() {
2
+	$(".upupicon").click(function() {
3
+		layer.open({
4
+			type: 2,
5
+			content: "repositoryClass.html",
6
+			title: '知识库分类',
7
+			area: ['70%', '80%'], //宽高
8
+		});
9
+	})
10
+})
11
+var token = $.cookie("token");
12
+var zNodes = [];
13
+var id; //当前节点id
14
+var pid; //当前父节点ID
15
+var name; //选择的name
16
+var pidName; //父节点name
17
+var xlName; //添加下拉框节点name
18
+var table = $('#table1'); //右边表格
19
+tree();
20
+
21
+function tree() {
22
+
23
+	$.get(huayi.config.callcenter_url + 'callcenterapi/api/Knowledge/gettypelist', {
24
+		"token": $.cookie("token"),
25
+		"pid": pid
26
+	}, function(result) {
27
+		result = $.parseJSON(result);
28
+
29
+		$.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
30
+	});
31
+}
32
+var setting1 = {
33
+	data: {
34
+		key: {
35
+			name: "name"
36
+		},
37
+		simpleData: {
38
+			enable: true,
39
+			idKey: "id",
40
+			pIdKey: "parentid",
41
+			rootPId: 0
42
+		}
43
+
44
+	},
45
+	view: {
46
+		showIcon: false
47
+	},
48
+	callback: {
49
+		onClick: zTreeOnClick
50
+	}
51
+};
52
+
53
+function zTreeOnClick(event, treeId, treeNode) {
54
+	id = treeNode.id;
55
+	name = treeNode.name;
56
+	var pidnode = treeNode.parentid;
57
+	if(pidnode) {
58
+		pidName = pidnode.name;
59
+		pid = pidnode.id;
60
+	} else {
61
+		pidName = "顶级分类";
62
+		pid = 0;
63
+	}
64
+};
65
+initTable(id);
66
+
67
+function initTable(id) {
68
+	//先销毁表格
69
+	table.bootstrapTable('destroy');
70
+	//初始化表格,动态从服务器加载数据
71
+	table.bootstrapTable({
72
+		method: "get", //使用get请求到服务器获取数据
73
+		url: huayi.config.callcenter_url + "callcenterapi/api/Knowledge/getlistbypage", //获取数据的Servlet地址
74
+		contentType: "application/x-www-form-urlencoded",
75
+		striped: true, //表格显示条纹
76
+		pagination: true, //启动分页
77
+		pageSize: 10, //每页显示的记录数
78
+		pageNumber: 1, //当前第几页
79
+		pageList: [10, 20, 50, 100], //记录数可选列表
80
+		search: false, //是否启用查询
81
+		showColumns: false, //显示下拉框勾选要显示的列
82
+		showRefresh: false, //显示刷新按钮
83
+		sidePagination: "server", //表示服务端请求
84
+		//设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
85
+		//设置为limit可以获取limit, offset, search, sort, order
86
+		queryParamsType: "undefined",
87
+		queryParams: function queryParams(params) { //设置查询参数
88
+			var param = {
89
+				key: $(".serchIp_list").val(),
90
+				page: params.pageNumber,
91
+				pagesize: params.pageSize,
92
+				token: $.cookie("token")
93
+			};
94
+			return param;
95
+		},
96
+		onLoadSuccess: function(res) { //加载成功时执行
97
+			//layer.msg("加载成功");
98
+			//alert($(".content").text());
99
+			var newData = {};
100
+			newData.state = res.state;
101
+			newData.message = res.message;
102
+			newData.rows = res.data.rows;
103
+			newData.total = res.data.total;
104
+			table.bootstrapTable('load', newData);
105
+		},
106
+		onLoadError: function() { //加载失败时执行
107
+			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
108
+		}
109
+	});
110
+}
111
+//function category_name(val,row){
112
+//	return'<div onclick="goClass('+ row.CategoryId+')">'+ val +'</div>'
113
+//}
114
+////类别切换
115
+//function goClass(id){
116
+//}
117
+function setCode(val, row, index) {
118
+	return index + 1;
119
+}
120
+//操作
121
+function operationBtns(val, row) {
122
+	str = '<a class="xg" onclick="btn_edit(\'' + row.id + '\')" title="点击编辑">编辑</a>' +
123
+		'<a class="xg" onclick="remove(\'' + row.id + '\')" title="点击删除">删除</a>'
124
+	return str
125
+}
126
+//详情
127
+function particulars(val, row) {
128
+	str = '<a class="xg" onclick="btn_detail(\'' + row.id + '\')" title="点击编辑">' + row.content + '</a>'
129
+	return str
130
+}
131
+//详情
132
+function btn_detail(did) {
133
+	layer.open({
134
+		type: 2,
135
+		title: '编辑知识库详情',
136
+		shadeClose: true, //是否开启点击遮罩关闭 
137
+		shade: 0.4, //遮罩
138
+		maxmin: true, //开启最大化最小化按钮
139
+		id: 'LAY_layuipro1', //防止重复弹出 
140
+		moveType: 1, //拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
141
+		moveOut: true, //拖拽到窗口外
142
+		//resize: true,//是否允许拉伸
143
+		area: ['70%', '70%'],
144
+		content: 'repositorydetail.html?id=' + did + ''
145
+	});
146
+}
147
+//编辑
148
+function btn_edit(str) {
149
+	layer.open({
150
+		type: 2,
151
+		title: '编辑知识库详情',
152
+		shadeClose: true, //是否开启点击遮罩关闭
153
+		shade: 0.4, //遮罩
154
+		maxmin: true, //开启最大化最小化按钮
155
+		id: 'LAY_layuipro1', //防止重复弹出
156
+		moveType: 1, //拖拽类型 默认的拖拽风格正如你所见到的,会有个过度的透明框。但是如果你不喜欢,你可以设定moveType: 1切换到传统的拖拽模式
157
+		moveOut: true, //拖拽到窗口外
158
+		//resize: true,//是否允许拉伸
159
+		area: ['70%', '80%'],
160
+		content: 'editRepository.html?id=' + str + ''
161
+	});
162
+}
163
+//删除
164
+function remove(str) {
165
+
166
+	layer.confirm('确定删除当前记录?', {
167
+		btn: ['是', '否'] //按钮   signtokenapi/api/feedback/delete
168
+	}, function() {
169
+		$.post(huayi.config.callcenter_url + "callcenterapi/api/Knowledge/delete", {
170
+			ids: str
171
+		}, function(data) {
172
+			data = JSON.parse(data);
173
+			/*验证请求*/
174
+			if(data.state == "success") {
175
+				layer.msg("删除成功");
176
+				//重新加载
177
+				initTable();
178
+			}
179
+		});
180
+	});
181
+}
182
+//添加知识库
183
+$(".tr_btn2").click(function() {
184
+	layer.open({
185
+		type: 2,
186
+		content: "addRepository.html",
187
+		title: '知识库详情',
188
+		area: ['70%', '90%'], //宽高
189
+	});
190
+})
191
+//搜索
192
+$(".tub_list").click(function() {
193
+	initTable(id);
194
+})

+ 98 - 0
WebUI/CallCenterWeb.UI/healthSystem/zhiShiKuManger.html

@@ -0,0 +1,98 @@
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 href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
8
+		<!--<link href="../css/layer/need/layer.css" />-->
9
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10
+		<link rel="stylesheet" href="../css/init.css" />
11
+		<link rel="stylesheet" type="text/css" href="../css/Table/table1.css" />
12
+		<link rel="stylesheet" href="css/zhiShikuManger.css" />
13
+		<title>知识库管理</title>
14
+	</head>
15
+	<style>
16
+		.xg{
17
+			margin-right: 5px;
18
+		}
19
+	</style>
20
+	<body style="background: #FFFFFF;">
21
+		<div class="container-fluid">
22
+			<div class="daoHang clearfix">
23
+				<div class="dhLeft">
24
+					<sapn><i class="syIcon"></i>位置:
25
+						<a href="../index.html">首页</a>&gt;
26
+						<a href="javaScript:;">知识库管理</a>&gt;
27
+						<a href="" style="color: #000;">知识库管理</a>
28
+					</sapn>
29
+				</div>
30
+			</div>
31
+			<div class="treeTable clearfix">
32
+				<div class="tree col-md-3">
33
+					<div class="">
34
+						<div class="trTitle">
35
+							知识库分类
36
+							<div class="upupicon">
37
+								<img src="../img/edit.png"/>
38
+							</div>
39
+						</div>
40
+						<!--<div class="trcontent">
41
+							<div class="form-group time-box">
42
+								<input type="text" class="form-control serchIp searCon" style="" id="sc_wecode" placeholder="搜索">
43
+								<i class="tub fa fa-search"></i>
44
+							</div>
45
+						</div>-->
46
+						<div class="treeCon">
47
+							<ul id="treeDemo" class="ztree">
48
+								<!--类名为ztree是必须的-->
49
+							</ul>
50
+						</div>
51
+					</div>
52
+				</div>
53
+				<div class="tableCon col-md-9">
54
+					<div class="trTitle"> 知识库列表</div>
55
+					<div class="trcontent">
56
+						<div class="form-group time-box">
57
+							<i class="tub_list fa fa-search"></i>
58
+							<input type="text" class="form-control serchIp_list" style="" id="sc_wecode" placeholder="搜索">
59
+						</div>
60
+						<div class="tr_btn tr_btn2">添加</div>
61
+					</div>
62
+					<!--<div class="trcon_list">
63
+						<ul>
64
+							<li>全部</li>
65
+							<li>电子商务</li>
66
+							<li>交通银行</li>
67
+							<li>通讯行业</li>
68
+							<li>其它</li>
69
+						</ul>
70
+					</div>-->
71
+					<div style="margin-bottom: 50px;">
72
+						<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true" data-click-to-select="true">
73
+							<thead>
74
+								<tr>
75
+									<!--<th data-field="state" data-checkbox="true" data-align="center"></th>-->
76
+									<th data-align="center" data-formatter="setCode">编号</th>
77
+									<!--<th data-align="center" data-field="id" data-formatter="setCode"></th>-->
78
+									<th data-field="typename" data-align="left">标题</th>
79
+									<th data-field="content" data-align="left" data-formatter="particulars">内容</th>
80
+									<th data-field="createtime" data-align="center">创建时间</th>
81
+									<th data-align="center" data-formatter="operationBtns">操作</th>
82
+								</tr>
83
+							</thead>
84
+						</table>
85
+					</div>
86
+				</div>
87
+			</div>
88
+		</div>
89
+		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
90
+		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
91
+		<script src="../js/laydate/laydate.js"></script>
92
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
93
+		<script src="../js/kindeditor/kindeditor-all.js"></script>
94
+		<script src="../js/kindeditor/lang/zh_CN.js"></script>
95
+		<script src="./js/zhiShiKuManger.js"></script>
96
+	</body>
97
+
98
+</html>