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

回访管理，回访号码导入内 导入信息增加分页；
知识库查看 增加最大化；

fanlongfei лет назад: 8
Родитель
d0ca4a875d
Сommit
e57e98100a
7 измененных файлов с 405 добавлено и 117 удалено
Разделённый вид Показать статистику Diff
  1. 0 0
      CallCenterWeb.UI/bbbb.json
  2. 54 40
      CallCenterWeb.UI/visit/fp.html
  3. 194 0
      CallCenterWeb.UI/visit/fpTemplate.html
  4. 8 2
      CallCenterWeb.UI/zhiJian.html
  5. 105 0
      CallCenterWeb.UI/zhiShiKu/addModel.html
  6. 24 57
      CallCenterWeb.UI/zhiShiKu/zhiShiKuChaXun.html
  7. 20 18
      CallCenterWeb.UI/zuoXiTable.html

+ 0 - 0
CallCenterWeb.UI/bbbb.json
Просмотреть файл


+ 54 - 40
CallCenterWeb.UI/visit/fp.html
Просмотреть файл 

@@ -15,42 +15,44 @@
15 15 
 		<title>号码导入</title>
16 16 
 		<style>
17 17 
 			.btns {
18 
-    background: #18a689;
19 
-}
20 
-.btns {
21 
-    color: rgb(255, 255, 255);
22 
-    font-size: 12px;
23 
-    margin-left: 15px;
24 
-    box-sizing: border-box;
25 
-    background: rgb(26, 179, 148);
26 
-    padding: 6px 10px;
27 
-    outline: none;
28 
-    border-width: 0px;
29 
-    border-style: initial;
30 
-    border-color: initial;
31 
-    border-image: initial;
32 
-    border-radius: 3px;
33 
-}
34 
-.fr{
35 
-	float: right;
36 
-}
37 
-.fr p{
38 
-				display: inline-block;
39 
-				margin-bottom: 0;
18 
+			    background: #18a689;
40 19 
 			}
41 
-.fl{
42 
-	float: left;
43 
-}
44 
-.daoHang .dhLeft a {
45 
-    font-size: 14px;
46 
-    color: #999;
47 
-}
48 
-	#tbResult thead th .th-inner{
49 
-	width: 100px;
50 
-}
51 
-.model {
52 
-	height: 10000px;
53 
-}
20 
+			.btns {
21 
+			    color: rgb(255, 255, 255);
22 
+			    font-size: 12px;
23 
+			    margin-left: 15px;
24 
+			    box-sizing: border-box;
25 
+			    background: rgb(26, 179, 148);
26 
+			    padding: 6px 10px;
27 
+			    outline: none;
28 
+			    border-width: 0px;
29 
+			    border-style: initial;
30 
+			    border-color: initial;
31 
+			    border-image: initial;
32 
+			    border-radius: 3px;
33 
+			}
34 
+			.fr{
35 
+				float: right;
36 
+			}
37 
+			.fr p{
38 
+							display: inline-block;
39 
+							margin-bottom: 0;
40 
+						}
41 
+			.fl{
42 
+				float: left;
43 
+			}
44 
+			.daoHang .dhLeft a {
45 
+			    font-size: 14px;
46 
+			    color: #999;
47 
+			}
48 
+			#tbResult thead th .th-inner{
49 
+				width: 100px;
50 
+			}
51 
+			body .demo-class .layui-layer-title{
52 
+				background: #1AB394;
53 
+			}
54 
+
55 
+
54 56 
 		</style>
55 57 
 	</head>
56 58 
        
@@ -173,12 +175,24 @@
173 175 
 					ajaxFileUpload();
174 176 
 				});
175 177 
 				$('.drBtn').click(function () {
176 
-				    $('.daoRu').show();
177 
-				})
178 
-			    //关闭按钮
179 
-				$('.closed').click(function () {
180 
-				    $('.daoRu').hide();
178 
+				    layer.open({
179 
+				      	skin: 'demo-class',
180 
+				      	type: 2,
181 
+				      	title: '导入信息',
182 
+				      	shadeClose: true, //是否开启点击遮罩关闭
183 
+				      	shade: 0.4, //遮罩
184 
+				     	//maxmin: true, //开启最大化最小化按钮
185 
+				     	id: 'LAY_layuipr',//防止重复弹出
186 
+				     	moveType: 1,//拖拽类型 默认的拖拽风格正如你所见到的，会有个过度的透明框。但是如果你不喜欢，你可以设定moveType: 1切换到传统的拖拽模式
187 
+				     	//moveOut: true, //拖拽到窗口外
188 
+				     	//resize: true,//是否允许拉伸
189 
+				      	area: ['70%', '80%'],
190 
+				      	//content: 'addModel.html?changeGetid='+ changes +''
191 
+				      	content: 'fpTemplate.html'
192 
+				    });
193 
+
181 194 
 				})
195 
+
182 196 
 			    //搜索
183 197 
 				$(".Seach").click(function () {
184 198 
 				    store = $("#store").val();

+ 194 - 0
CallCenterWeb.UI/visit/fpTemplate.html
Просмотреть файл 

@@ -0,0 +1,194 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+	<head>
5 
+		<meta charset="UTF-8">
6 
+		<link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
7 
+		<link href="../css/bootstrap.min.css" />
8 
+		<link href="../css/bootstrap-table-fixed-columns.css" />
9 
+		<link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
10 
+		<link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
11 
+		<link href="../css/animate.min.css" rel="stylesheet">
12 
+		<link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
13 
+		<link href="../css/layer/need/layer.css" />
14 
+        <link rel="stylesheet" href="../css/init.css" />
15 
+		<title>导入信息</title>
16 
+		<style>
17 
+			.btns {
18 
+			    background: #18a689;
19 
+			}
20 
+			.btns {
21 
+			    color: rgb(255, 255, 255);
22 
+			    font-size: 12px;
23 
+			    margin-left: 15px;
24 
+			    box-sizing: border-box;
25 
+			    background: rgb(26, 179, 148);
26 
+			    padding: 6px 10px;
27 
+			    outline: none;
28 
+			    border-width: 0px;
29 
+			    border-style: initial;
30 
+			    border-color: initial;
31 
+			    border-image: initial;
32 
+			    border-radius: 3px;
33 
+			}
34 
+			.fr{
35 
+				float: right;
36 
+			}
37 
+			.fr p{
38 
+				display: inline-block;
39 
+				margin-bottom: 0;
40 
+			}
41 
+			.fl{
42 
+				float: left;
43 
+			}
44 
+
45 
+		</style>
46 
+	</head>
47 
+
48 
+	<body>
49 
+
50 
+	    <div class="boxCon">
51 
+	        <table>
52 
+	            <tr>
53 
+	                <td><input class="fl" type="file" id="upFile" name="upFile" /></td>
54 
+	                <td>
55 
+	                    <a class="btns fr" id="aa">导入</a>
56 
+	                </td>
57 
+	            </tr>
58 
+	            <tr>
59 
+	                <td><a href="drmb/导入模板.xlsx" download="导入模板.xlsx" title="点击下载导入模板">导入模板</a></td>
60 
+	            </tr>
61 
+	        </table>
62 
+	        <table id="tbResult1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
63 
+				<thead>
64 
+					<tr>
65 
+						<th data-field="F_FileOldName" data-align="center">文件名称</th>
66 
+						<th data-field="F_InputUserCode" data-align="center">上传用户</th>
67 
+	                    <th data-field="F_InputDate" data-align="center">上传时间</th>
68 
+						<th data-formatter="operations" data-align="center">操作</th>
69 
+					</tr>
70 
+				</thead>
71 
+				<tbody id="tbody"></tbody>
72 
+			</table>
73 
+	    </div>
74 
+
75 
+
76 
+		<script src="../js/jquery.min.js?v=2.1.4"></script>
77 
+		<script src="../js/jquery.cookie.js"></script>
78 
+		<script src="../js/bootstrap-table-fixed-columns.js"></script>
79 
+
80 
+		<script src="../Script/Common/huayi.load.js"></script>
81 
+		<script src="../Script/Common/huayi.config.js"></script>
82 
+		<script src="../js/visit/ajaxfileupload.js"></script>
83 
+		<script>
84 
+            $(function () {
85 
+                getDr();
86 
+				$("#aa").click(function() {
87 
+					ajaxFileUpload();
88 
+				});
89 
+
90 
+			});
91 
+			function getDr() {
92 
+			    var $tableLeft = $('#tbResult1');
93 
+				$tableLeft.bootstrapTable('destroy');
94 
+				//初始化表格,动态从服务器加载数据
95 
+				$tableLeft.bootstrapTable({
96 
+					method: "get", //使用get请求到服务器获取数据
97 
+					//url: huayi.config.callcenter_url + "VisitTelphone/GetResultList",
98 
+					url: huayi.config.callcenter_url+"VisFile/GetList",
99 
+					striped: true, //表格显示条纹
100 
+					pagination: true, //启动分页
101 
+					pageSize:10, //每页显示的记录数
102 
+					pageNumber: 1, //当前第几页
103 
+					fixedColumns: true,
104 
+					fixedNumber: 3,
105 
+					pageList: [5, 20, 50, 100], //记录数可选列表
106 
+					search: false, //是否启用查询
107 
+					showColumns: false, //显示下拉框勾选要显示的列
108 
+					showRefresh: false, //显示刷新按钮
109 
+					sidePagination: "server", //表示服务端请求
110 
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
111 
+					//设置为limit可以获取limit, offset, search, sort, order
112 
+					queryParamsType: "undefined",
113 
+					queryParams: function queryParams(params) { //设置查询参数
114 
+					    var param = {
115 
+					        page: params.pageNumber,
116 
+					        pagesize: params.pageSize,
117 
+					        token: $.cookie("token"),
118 
+					    };
119 
+						return param;
120 
+					},
121 
+					onLoadSuccess: function() { //加载成功时执行
122 
+						//								layer.msg("加载成功");
123 
+					},
124 
+					onLoadError: function() { //加载失败时执行
125 
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
126 
+					}
127 
+				});
128 
+			}
129 
+			function del(obj) {
130 
+			    $.ajax({
131 
+			        type: "get",
132 
+			        url: huayi.config.callcenter_url + "VisFile/DelFile",
133 
+			        async: true,
134 
+			        dataType: 'json',
135 
+			        data: {
136 
+			            token: $.cookie("token"),
137 
+			            ids: obj
138 
+			        },
139 
+			        success: function (data) {
140 
+			            if (data.state.toLowerCase() == 'success') {
141 
+			                layer.msg("删除成功！");
142 
+			                getDr();
143 
+			            }
144 
+			        }
145 
+			    });
146 
+
147 
+			}
148 
+
149 
+			function ajaxFileUpload() {
150 
+				$.ajaxFileUpload({
151 
+					url: huayi.config.callcenter_url+'VisitInput/TelInput', //用于文件上传的服务器端请求地址
152 
+					secureuri: false, //是否需要安全协议，一般设置为false
153 
+					fileElementId: 'upFile', //文件上传域的ID
154 
+					dataType: 'json', //返回值类型 一般设置为json
155 
+					data: {
156 
+						token: $.cookie("token")
157 
+					},
158 
+					success: function(data) //服务器成功响应处理函数
159 
+					{
160 
+                        //console.log(data)
161 
+						layer.msg("导入成功");
162 
+						getDr();
163 
+					}
164 
+
165 
+				})
166 
+				return false;
167 
+			}
168 
+
169 
+			function VisitTelphone() {
170 
+				/*请求后台*/
171 
+				$.ajax({
172 
+					type: "get",
173 
+					url: huayi.config.callcenter_url+"VisitTelphone/GetList",
174 
+					dataType: 'json',
175 
+					async: true,
176 
+					data: {
177 
+						token: $.cookie("token")
178 
+					},
179 
+					success: function(data) {
180 
+						/*验证请求*/
181 
+						if(data.state == "success") {
182 
+							alert("成功");
183 
+						}
184 
+					}
185 
+				});
186 
+			}
187 
+			function operations(val,row){
188 
+				console.log(row.F_FileID);
189 
+				return '<a href="javaScript:;" onclick=del(' + row.F_FileID + ')>删除</a>';
190 
+			}
191 
+		</script>
192 
+	</body>
193 
+
194 
+</html>

+ 8 - 2
CallCenterWeb.UI/zhiJian.html
Просмотреть файл 

@@ -164,9 +164,15 @@
164 164 
 					}else{
165 165 
 						tbodyAjax();
166 166 
 						if(stime==''){
167 
-							alert('请选择开始时间！');
167 
+							layer.confirm('请选择开始时间！', {
168 
+		                        btn: ['确定']
169 
+		                    });
170 
+		                    return;
168 171 
 						}else if(endtime ==''){
169 
-								alert('请选择结束时间！');
172 
+							layer.confirm('请选择结束时间！', {
173 
+		                        btn: ['确定']
174 
+		                    });
175 
+		                    return;
170 176 
 						}
171 177 
 					}
172 178

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

@@ -0,0 +1,105 @@
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="../css/layer/need/layer.css" />
8 
+    <link rel="stylesheet" href="../css/init.css" />
9 
+    <title>知识库查询</title>
10 
+    <style>
11 
+        .table{
12 
+        	margin: 20px;
13 
+        	width: 97%;
14 
+        }
15 
+
16 
+        .table th {
17 
+            width: 10%;
18 
+            font-weight: bold;
19 
+            text-align: center;
20 
+        }
21 
+
22 
+		.table td{
23 
+			width: 90%;
24 
+		}
25 
+        .table td textarea {
26 
+            width: 100%;
27 
+        }
28 
+
29 
+    </style>
30 
+</head>
31 
+<body>
32 
+    <!--查看弹出内容-->
33 
+
34 
+    <table class="table-bordered table">
35 
+        <tbody>
36 
+            <tr>
37 
+                <th>标题：</th>
38 
+                <td colspan="3" class="addTitle"></td>
39 
+            </tr>
40 
+            <tr>
41 
+                <th>关键字：</th>
42 
+                <td colspan="3" class="addKey"></td>
43 
+            </tr>
44 
+            <tr>
45 
+                <th>内容：</th>
46 
+                <td colspan="3" class="addCon"></td>
47 
+            </tr>
48 
+        </tbody>
49 
+    </table>
50 
+
51 
+    <script src="../css/layer/layer.js"></script>
52 
+</body>
53 
+<script>
54 
+    var token = $.cookie("token");
55 
+    var changeGetid = helper.request.queryString("changeGetid");
56 
+    getChangeBox(changeGetid);
57 
+
58 
+    function getChangeBox(changeGetid) {
59 
+        $.ajax({
60 
+            type: "post",
61 
+            url: huayi.config.callcenter_url + "Knowledge/GetInfo",
62 
+            async: true,
63 
+            dataType: 'json',
64 
+            data: {
65 
+                infoid: changeGetid,
66 
+                token: token
67 
+            },
68 
+            success: function (data) {
69 
+                var con = data.data;
70 
+                $('.addTitle').html(con.F_Title);
71 
+                $('.addKey').html(con.F_KeyWords);
72 
+                $('.addCon').html(con.F_Content);
73 
+            }
74 
+        });
75 
+
76 
+    }
77 
+
78 
+</script>
79 
+
80 
+</html>
81 
+
82 
+
83 
+
84 
+
85 
+
86 
+
87 
+
88 
+
89 
+
90 
+
91 
+
92 
+
93 
+
94 
+
95 
+
96 
+
97 
+
98 
+
99 
+
100 
+
101 
+
102 
+
103 
+
104 
+
105 
+

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

@@ -13,21 +13,6 @@
13 13 
 				padding: 15px 0;
14 14 
 				border-bottom: 1px solid #ccc;
15 15 
 			}
16 
-			.box {
17 
-				width: 52%;
18 
-			}
19 
-			.boxCon {
20 
-				height: 340px;
21 
-			}
22 
-			.boxCon table th {
23 
-				width: 20%;
24 
-			}
25 
-
26 
-			.boxCon table td textarea {
27 
-				width: 100%;
28 
-			}
29 
-
30 
-
31 16 
 			.treeTable {
32 17 
 				height: 400px;
33 18 
 				/*overflow-y: auto;*/
 
@@ -101,7 +86,7 @@
101 86 
 					<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
102 87 
 						<thead>
103 88 
 							<tr>
104 
-									<th data-field="state" data-checkbox="true" data-align="center"></th>
89 
+								<th data-field="state" data-checkbox="true" data-align="center"></th>
105 90 
 							    <th data-align="center" data-formatter="setCode">编号</th>
106 91 
 								<th data-field="F_Title" data-align="left">标题</th>
107 92 
 								<th data-field="F_Description" data-align="left"  data-formatter="oper">内容</th>
 
@@ -117,34 +102,6 @@
117 102 
 			</div>
118 103
119 104 
 		</div>
120 
-		<!--查看弹出内容-->
121 
-		<div class="model addModel">
122 
-			<div class="box">
123 
-				<div class="btop clearfix">
124 
-					<p class="btl">查看知识库</p>
125 
-					<p class="btr addBtr" title="关闭">X</p>
126 
-				</div>
127 
-				<div class="boxCon">
128 
-					<table class="table-bordered table">
129 
-						<tbody >
130 
-							<tr>
131 
-								<th>标题：</th>
132 
-								<td colspan="3" class="addTitle" ></td>
133 
-							</tr>
134 
-							<tr>
135 
-								<th>关键字：</th>
136 
-								<td colspan="3" class="addKey"></td>
137 
-							</tr>
138 
-							<tr>
139 
-								<th>内容：</th>
140 
-								<td colspan="3" class="addCon"></td>
141 
-							</tr>
142 
-						</tbody>
143 
-					</table>
144 
-				</div>
145 
-			</div>
146 
-
147 
-		</div>
148 105 
 	<script src="../js/zTree/jquery.ztree.core.js"></script>
149 106 
 	<script src="../css/layer/layer.js"></script>
150 107 
 	<!--<script src="../js/kindeditor/kindeditor.js"></script>
 
@@ -226,20 +183,30 @@
226 183 
 		var changes = $.map( $('#table1').bootstrapTable('getSelections'), function(row) {
227 184 
 					return row.F_RepositoryId;
228 185 
 				});
229 
-			if(changes.length <= 0) {
230 
-						layer.confirm('请选择查看行！', {
231 
-				btn: ['确定']
232 
-			});
233 
-			return;
234 
-				}else{
235 
-					$('.addModel').css('display', 'block');
236 
-				}
237 
-				changeGetid=changes;
238 
-				getChangeBox(changeGetid);
239 
-	})
240 
-	$('.addBtr').click(function() {
241 
-		$('.addModel').css('display', 'none');
186 
+		if ((changes.length <= 0 ) || (changes.length > 1)) {
187 
+            layer.confirm('请选择查一行查看！', {
188 
+                btn: ['确定']
189 
+            });
190 
+            return;
191 
+		}else{
192 
+			//iframe窗
193 
+		    layer.open({
194 
+		      	type: 2,
195 
+		      	title: '查看知识库',
196 
+		      	shadeClose: true, //是否开启点击遮罩关闭
197 
+		      	shade: 0.4, //遮罩
198 
+		     	maxmin: true, //开启最大化最小化按钮
199 
+		     	id: 'LAY_layuipro',//防止重复弹出
200 
+		     	moveType: 1,//拖拽类型 默认的拖拽风格正如你所见到的，会有个过度的透明框。但是如果你不喜欢，你可以设定moveType: 1切换到传统的拖拽模式
201 
+		     	moveOut: true, //拖拽到窗口外
202 
+		     	//resize: true,//是否允许拉伸
203 
+		      	area: ['70%', '50%'],
204 
+		      	content: 'addModel.html?changeGetid='+ changes +''
205 
+		    });
206 
+		}
207 
+
242 208 
 	})
209 
+
243 210 
 	function getChangeBox(changeGetid){
244 211 
 			$.ajax({
245 212 
 			type: "post",

+ 20 - 18
CallCenterWeb.UI/zuoXiTable.html
Просмотреть файл 

@@ -185,25 +185,27 @@
185 185 
 		        });
186 186 
 		        //导出
187 187 
         		$('.export').click(function() {
188 
-        			 stime=$('#startTime').val();//开始时间
188 
+        			stime=$('#startTime').val();//开始时间
189 189 
 				    endtime=$('#endTime').val();//结束时间
190 
-        			  if(stime != '' && endtime != '') {
191 
-						 	dcexcel(this);
192 
-					}else{
193 
-						if(stime==''){
194 
-
195 
-							  layer.confirm('请选择开始时间！', {
196 
-                            btn: ['确定']
197 
-                        });
198 
-                        return;
199 
-						}else if(endtime ==''){
200 
-							  layer.confirm('请选择结束时间！', {
201 
-                            btn: ['确定']
202 
-                        });
203 
-                        return;
204 
-						}
205 
-					}
206 
-
190 
+        			dpt = $('#bumen').val(); //部门
191 
+	                if(dpt == null){
192 
+	                	layer.confirm('请选择部门！', {
193 
+	                        btn: ['确定']
194 
+	                    });
195 
+	                    return;
196 
+	                }else if(stime == '') {
197 
+	                    layer.confirm('请选择开始时间！', {
198 
+	                        btn: ['确定']
199 
+	                    });
200 
+	                    return;
201 
+	                } else if (endtime == '') {
202 
+	                    layer.confirm('请选择结束时间！', {
203 
+	                        btn: ['确定']
204 
+	                    });
205 
+	                    return;
206 
+	                }else{
207 
+	                	dcexcel(this);
208 
+	                }
207 209 
 				})
208 210 
 		   function dcexcel(obj) {
209 211 
             var url = huayi.config.callcenter_url + "ZuoXiWorkTotal/ExptList?token=" + $.cookie("token");