Inicio Explorar Ayuda
Registro Iniciar sesión
zhoufan
/
SQ12345_Web
Seguir 1
Destacar 0
Fork 0
Código Incidencias 0 Pull Requests 0 Commits 522 Releases 0 Wiki
Explorar el Código

通报管理页面添加

liuzhen %!s(int64=5) %!d(string=hace) años
padre
e8db6e3100
commit
50225cda40
Se han modificado 8 ficheros con 1172 adiciones y 5 borrados
Dividir vista Mostrar estadísticas de diff
  1. 1 0
      WebUI/CallCenterWeb.UI/Appeal/Lawsuit.html
  2. 80 0
      WebUI/CallCenterWeb.UI/Business/Notification_order.html
  3. 337 0
      WebUI/CallCenterWeb.UI/CommonHtml/addNotification.html
  4. 47 5
      WebUI/CallCenterWeb.UI/CommonHtml/lawsuits.html
  5. 131 0
      WebUI/CallCenterWeb.UI/css/notification.css
  6. 312 0
      WebUI/CallCenterWeb.UI/css/notification/css/addNotifucation.css
  7. 131 0
      WebUI/CallCenterWeb.UI/css/notification/css/notifucation.css
  8. 133 0
      WebUI/CallCenterWeb.UI/js/notification/notification.js

+ 1 - 0
WebUI/CallCenterWeb.UI/Appeal/Lawsuit.html
Ver fichero 

@@ -634,6 +634,7 @@
634 634 
         function ckxq(str) {
635 635 
             layer.open({
636 636 
                 type: 2,
637 
+//              content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
637 638 
                 content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
638 639 
                 title: '工单详情',
639 640 
                 area: ['87%', '80%'], //宽高

+ 80 - 0
WebUI/CallCenterWeb.UI/Business/Notification_order.html
Ver fichero 

@@ -0,0 +1,80 @@
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 
+		<!--<script src="../js/jquery.min.js"></script>-->
9 
+		<link rel="stylesheet" href="../css/bootstrap-select.css">
10 
+		<!--<link rel="stylesheet" href="../css/laydate/need/laydate.css" />-->
11 
+		<!--<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />-->
12 
+		<link rel="stylesheet" href="../css/init.css" />
13 
+		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
14 
+		<link rel="stylesheet" href="../css/notification.css" />
15 
+		<title>通报列表</title>
16 
+		<style type="text/css">
17 
+			.toolBox{
18 
+				padding-bottom: 10px;
19 
+			}
20 
+		</style>
21 
+	</head>
22 
+	<body class="gray-bg">
23 
+		<div class="daoHang clearfix">
24 
+			<div class="dhLeft">
25 
+				<sapn><i class="syIcon"></i>位置：
26 
+					<a href="javaScript:;" id="ReIndex">首页</a>&gt;
27 
+					<a href="javaScript:;">通报管理</a>&gt;
28 
+					<a href="" class="nowPosition">通报列表</a>
29 
+				</sapn>
30 
+			</div>
31 
+		</div>
32 
+		<div class="wrapper wrapper-content animated fadeInRight">
33 
+
34 
+			<div class="toolBox">
35 
+				<div class="th-bar clearfix">
36 
+					<div class="pull-left">
37 
+						<div class="form-inline">
38 
+							<div class="form-group" style="position: relative;">
39 
+								<i class="tub fa fa-calendar"></i>
40 
+								<input class="form-control search_time" type="text" id="greetingTimes" placeholder="请选择时间">
41 
+							</div>
42 
+							<div class="form-group">
43 
+								<button class="btns search">搜索</button>
44 
+							</div>
45 
+						</div>
46 
+					</div>
47 
+					<div class="pull-right">
48 
+						<button class="btns add ">添加</button>
49 
+						<button class="btns change">修改</button>
50 
+						<button class="btns del">删除</button>
51 
+					</div>
52 
+				</div>
53 
+
54 
+			</div>
55 
+			<div class="tableBox">
56 
+				<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
57 
+					<thead>
58 
+						<tr>
59 
+							<th data-field="state" data-checkbox="true" data-align="center"></th>
60 
+							<!--<th data-align="center" data-field="F_WorkOrderId">工单编号</th>-->
61 
+							<th data-field="NoticeDeptName" data-align="center">通报部门</th>
62 
+							<th data-field="F_Title" data-align="center">标题</th>
63 
+							<th data-field="F_NoticeInfo" data-align="center">通报原因</th>
64 
+							<th data-field="F_Content" data-align="center">其他原因</th>
65 
+							<th data-field="F_Remark" data-align="center">备注</th>
66 
+						</tr>
67 
+					</thead>
68 
+				</table>
69 
+			</div>
70 
+		</div>
71 
+		<!--<script src="../css/laydate/laydate.js"></script>-->
72 
+		<!--<script src="../js/bootstrap.min.js"></script>-->
73 
+		<!--<script src="../js/bootstrap-table.min.js"></script>-->
74 
+		<script src="../js/laydate/laydate.js"></script>
75 
+		<script src="../js/bootstrap-select.js"></script>
76 
+		<script src="../js/comboSelect/jquery.combo.select.js"></script>
77 
+		<script src="../js/notification/notification.js"></script>
78 
+	</body>
79 
+
80 
+</html>

+ 337 - 0
WebUI/CallCenterWeb.UI/CommonHtml/addNotification.html
Ver fichero 

@@ -0,0 +1,337 @@
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 rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
9 
+		<link rel="stylesheet" href="../css/init.css" />
10 
+		<link rel="stylesheet" href="../css/notification/css/notifucation.css" />
11 
+		<link rel="stylesheet" href="../css/notification/css/addNotifucation.css">
12 
+		<title></title>
13 
+		<style type="text/css">
14 
+			.xl{
15 
+				right: -32px;
16 
+			}
17 
+			.orderType{
18 
+				/*width: 196px;*/
19 
+				height: 35px;
20 
+			}
21 
+			ul li{
22 
+				list-style: none;
23 
+			}
24 
+			.inpBox {
25 
+	           border: 1px solid #cccccc;
26 
+	    		height: 31px;
27 
+	            width: 77%;
28 
+	            display: inline-block;
29 
+	            position: relative;
30 
+	            vertical-align: middle;
31 
+	            position: absolute;
32 
+	            /*left: 0px;
33 
+	            top: 0px;*/
34 
+	            z-index: 111;
35 
+	        }
36 
+			.selDpart1{
37 
+				position: absolute;
38 
+	            left: 0px;
39 
+	            top: 30px;
40 
+	            z-index: 11111;
41 
+	            width: 220px;
42 
+	            line-height: 30px;
43 
+	            background: #FFFFFF;
44 
+	            display: none;
45 
+			}
46 
+			#sponsor{
47 
+				width: 218px;
48 
+				border: 1px solid #00a1cb;
49 
+				margin: 0;
50 
+				padding: 0;
51 
+				list-style: none;
52 
+				max-height: 212px;
53 
+				overflow-x: hidden;
54 
+				overflow-y: scroll;
55 
+			}
56 
+			#sponsor li{
57 
+				margin: 0;
58 
+				padding-left: 10px;
59 
+				width: 220px;
60 
+				height: 30px;
61 
+				line-height: 30px;
62 
+				list-style: none;
63 
+			}
64 
+			#sponsor li:hover{
65 
+				background: #00a1cb;
66 
+			}
67 
+	        .addTree {
68 
+	            background: #fff;
69 
+	            position: absolute;
70 
+	            width: 100%;
71 
+	            border: 1px solid darkgrey;
72 
+	            right: 0;
73 
+	            top: 29px;
74 
+	            display: none;
75 
+	            z-index: 222;
76 
+	        }
77 
+
78 
+	        .xl {
79 
+	            display: inline-block;
80 
+	            background: url(../../img/dropDown.png) no-repeat;
81 
+	            height: 100%;
82 
+	            background-position: center center;
83 
+	            width: 20px;
84 
+	            position: absolute;
85 
+	            right: 0;
86 
+	            top: 0px;
87 
+	            /* background-color: #f7bc8b; */
88 
+	            cursor: pointer;
89 
+	        }
90 
+
91 
+	        .ztree li span {
92 
+	            border: none;
93 
+	            padding: 0;
94 
+	        }
95 
+
96 
+	        .inps {
97 
+	            width: 76%;
98 
+	            height: 29px;
99 
+	            outline: none;
100 
+	            border: 0;
101 
+	            border-image-width: 0;
102 
+	            padding: 0;
103 
+	            padding-left: 3px;
104 
+	        }
105 
+
106 
+	        .xl {
107 
+	            display: inline-block;
108 
+	            background: url(../img/dropDown.png) no-repeat;
109 
+	            height: 100%;
110 
+	            background-position: center center;
111 
+	            width: 20px;
112 
+	            position: absolute;
113 
+	            right: 0;
114 
+	            top: 0px;
115 
+	            /* background-color: #f7bc8b; */
116 
+	            cursor: pointer;
117 
+	        }
118 
+
119 
+	        .Cleans {
120 
+	            display: inline-block;
121 
+	            width: 20px;
122 
+	            position: absolute;
123 
+	            right: 21px;
124 
+	            top: 8px;
125 
+	            display: none;
126 
+	        }
127 
+	        .reasons{
128 
+	        	display: none;
129 
+	        }
130 
+	        .other_reasons{
131 
+	        	width: 80%;
132 
+	        	position: absolute;
133 
+	        }
134 
+	        .other_contant{
135 
+	        	width: 80%;
136 
+	        	position: absolute;
137 
+	        }
138 
+		</style>
139 
+	</head>
140 
+	<body>
141 
+		<div class="container" style="margin-left: 15px;">
142 
+				<div class="tab_contents" id="tab_user_contents">
143 
+					<ul class="project_items form-horizontal showtabs">
144 
+						<li class="form-group">
145 
+							<label for="customer_layer" class="col-md-2" >通报部门：</label>
146 
+							<div class="inpBox">
147 
+                                <input type="text" class="inps" onkeyup="darptSearch()"/>
148 
+                                <i class="Cleans  fa fa-close"></i>
149 
+                                <i class="xl xl_one"></i>
150 
+                                <div class="addTree xlAdd">
151 
+                                    <ul id="addTreeDemo" class="ztree"></ul>
152 
+                                </div>
153 
+                            </div>
154 
+						</li>
155 
+						<li class="form-group">
156 
+							<label for="customer_layer" class="col-md-2" style="float: left;">通报原因：</label>
157 
+							<div class="col-md-9" style="width: 80%;position: absolute;left:110px;padding-left: 0;">
158 
+                                <select name="" class="form-control orderType">
159 
+                                	<option value="0">请选择通报原因</option>
160 
+                                </select>
161 
+                            </div>
162 
+						</li>
163 
+						<li class="form-group drop_down reasons">
164 
+							<label for="customer_layer" class="col-md-2" style="float: left;">其他原因：</label>
165 
+							<textarea name="" rows="" cols="" class="other_reasons"></textarea>
166 
+						</li>
167 
+						<!--<li class="form-group drop_down">
168 
+							<label for="customer_layer" class="col-md-2" style="float: left;">通报内容：</label>
169 
+							<textarea name="" rows="" cols="" class="other_contant"></textarea>
170 
+						</li>-->
171 
+					</ul>
172 
+					<div class="form-group clearfix" style="text-align: center;">
173 
+						<div class="col-md-offset-5 col-md-10">
174 
+							<button class="project_save btn btn-primary" id="save_btns" type="submit">保存</button>
175 
+						</div>
176 
+					</div>
177 
+				</div>
178 
+			</div>
179 
+			<input type="hidden" id="PID" />
180 
+        	<input type="hidden" id="Dpment" />
181 
+			<script type="text/javascript">
182 
+				$(function(){
183 
+					var id = helper.request.queryString("ids");
184 
+					 	tree();
185 
+					    //所属分类下拉
186 
+					    $('.inps').focus(function () {
187 
+					        $('.xlAdd').css('display', 'block')
188 
+					    })
189 
+					    $('.xl').click(function () {
190 
+					        if ($('.xlAdd').css('display') == 'block') {
191 
+					            $('.xlAdd').css('display', 'none')
192 
+					        } else {
193 
+					            $('.xlAdd').css('display', 'block')
194 
+					        }
195 
+					    })
196 
+					    $('.addTree').mouseleave(function () {
197 
+					        $(this).css('display', 'none')
198 
+					    })
199 
+					    //清除
200 
+					    $(".Cleans ").click(function () {
201 
+					        $('.inps').val("");
202 
+					        $("#PID").val("");
203 
+					        $("#Dpment").val("");
204 
+					    })
205 
+					//获取部门
206 
+					 function tree() {
207 
+			            $.get(huayi.config.callcenter_url + 'Department/GetDeptList', {
208 
+			                "token": $.cookie("token"),
209 
+			                //		"pid": pid
210 
+			            }, function (result) {
211 
+			                result = $.parseJSON(result);
212 
+			                $.fn.zTree.init($("#addTreeDemo"), setting1, result.data); //实例化树形图
213 
+			            });
214 
+			        }
215 
+			        var setting1 = {
216 
+			            data: {
217 
+			                key: {
218 
+			                    name: "F_DeptName"
219 
+			                },
220 
+			                simpleData: {
221 
+			                    enable: true,
222 
+			                    idKey: "F_DeptId",
223 
+			                    pIdKey: "F_PartentId",
224 
+			                    rootPId: 0
225 
+			                }
226 
+			            },
227 
+			            callback: {
228 
+			                onClick: zTreeOnClick
229 
+			            }
230 
+			        };
231 
+			        function zTreeOnClick(event, treeId, treeNode) {
232 
+			            if (treeNode.level >= 2) {
233 
+			                $('.inps').val(treeNode.F_DeptName);
234 
+			                $("#PID").val(treeNode.F_DeptId);
235 
+			                $("#Dpment").val(treeNode.F_DeptId);
236 
+			                $(".Cleans").show();
237 
+			            }
238 
+			        };
239 
+			        //通报原因
240 
+					getOrderType();
241 
+					function getOrderType() {
242 
+						$.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByParentId', {
243 
+							"token": $.cookie("token"),
244 
+							pid: 62
245 
+						}, function(result) {
246 
+							result = $.parseJSON(result);
247 
+							var Count = result.data;
248 
+							$(Count).each(function(i, n) {
249 
+					            $('<option value="' + n.F_ValueId + '">' + n.F_Value + '</option>').appendTo($(".orderType"));
250 
+							})
251 
+						});
252 
+					}
253 
+					$('.orderType').change(()=>{
254 
+						if($('.orderType').val()==76){
255 
+							$('.reasons').css('display','block')
256 
+						}else{
257 
+							$('.reasons').css('display','none')
258 
+						}
259 
+					})
260 
+					$('#save_btns').click(function() {
261 
+						if($('#PID').val() == '') {
262 
+							layer.confirm('请选择 部门！', {
263 
+								btn: ['确定']
264 
+							});
265 
+							return;
266 
+						}
267 
+						var customertype=$('.orderType').val();
268 
+						var noticeinfo=$('.orderType option:selected').text();
269 
+						if(customertype==0){
270 
+							customertype='';
271 
+							noticeinfo=''
272 
+						}else if(customertype==76 && !$('.other_reasons').val()){
273 
+							layer.msg('请填写其他原因')
274 
+							return
275 
+						}
276 
+						if(id){
277 
+							$.post(huayi.config.callcenter_url + 'NoticeCriticism/EditNotice', {
278 
+								nid:id,
279 
+								deptids:$('#PID').val(),
280 
+								noticeid:customertype,
281 
+								content: $('.other_reasons').val(),//其他原因
282 
+								noticeinfo: noticeinfo,//通报内容
283 
+								"token": $.cookie("token")
284 
+							}, function(result) {
285 
+								result = $.parseJSON(result);
286 
+								if(result.state.toLowerCase() == "success") {
287 
+									var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
288 
+									parent.layer.close(index); //再执行关闭
289 
+									parent.layer.msg("修改成功！");
290 
+									parent.$('#table1').bootstrapTable('refresh');
291 
+								}
292 
+							})
293 
+						}else{
294 
+							$.post(huayi.config.callcenter_url + 'NoticeCriticism/AddNotice', {
295 
+								deptids:$('#PID').val(),
296 
+								noticeid:customertype,
297 
+								content: $('.other_reasons').val(),//其他原因
298 
+								noticeinfo: noticeinfo,//通报内容
299 
+								"token": $.cookie("token")
300 
+							}, function(result) {
301 
+								result = $.parseJSON(result);
302 
+								if(result.state.toLowerCase() == "success") {
303 
+									var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
304 
+									parent.layer.close(index); //再执行关闭
305 
+									parent.layer.msg("保存成功！");
306 
+									parent.$('#table1').bootstrapTable('refresh');
307 
+								}
308 
+							})
309 
+						}
310 
+					})
311 
+					if(id) {
312 
+						$.get(huayi.config.callcenter_url + 'NoticeCriticism/GetNotice', {
313 
+							nid: id,
314 
+							"token": $.cookie("token")
315 
+						}, function(result) {
316 
+							result = $.parseJSON(result);
317 
+							if(result.state.toLowerCase() == "success") {
318 
+								var con = result.data;
319 
+								if(con.dModel.F_NoticeID==76){
320 
+									$('.reasons').css('display','block')
321 
+								}else{
322 
+									$('.reasons').css('display','none')
323 
+								}
324 
+								$('.inps').val(con.NoticeDeptName);//部门名称
325 
+								$("#PID").val(con.dModel.F_DeptIds);//部门id
326 
+								$('.orderType').val(con.dModel.F_NoticeID);//通报原因
327 
+								$('.other_reasons').val(con.dModel.F_Content);//其他原因
328 
+							}
329 
+						})
330 
+					}
331 
+				})
332 
+			</script>
333 
+		<!--<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>-->
334 
+		<script src="../js/laydate/laydate.js"></script>
335 
+		<script src="../js/zTree/jquery.ztree.core.js"></script>
336 
+	</body>
337 
+</html>

+ 47 - 5
WebUI/CallCenterWeb.UI/CommonHtml/lawsuits.html
Ver fichero 

@@ -44,6 +44,13 @@
44 44 
 			select:disabled{
45 45 
 				background-color: #eee;
46 46 
 			}
47 
+			.reasons{
48 
+				display: none;
49 
+				height: 160px;
50 
+			}
51 
+			#reasons{
52 
+				height: 160px;
53 
+			}
47 54 
 		</style>
48 55 
 	</head>
49 56 
 
@@ -76,10 +83,19 @@
76 83 
 				</tr>
77 84 
 				<tr class="bulletUnit">
78 85 
 					<th class="Importent">通报原因:</th>
79 
-					<td><textarea name="" rows="4" cols="" id="bulletinReason"></textarea></td>
86 
+                    <td>
87 
+                    	<select name="" class="form-control orderType">
88 
+                    		<option value="0">请选择通报原因</option>
89 
+                    	</select>
90 
+                    </td>
91 
+					<!--<td><textarea name="" rows="4" cols="" id="bulletinReason"></textarea></td>-->
92 
+				</tr>
93 
+				<tr class="reasons">
94 
+					<th class="Importent">其他原因:</th>
95 
+					<td colspan="2"><textarea data-adaptheight id="reasons" name="" rows="6" cols=""></textarea></td>
80 96 
 				</tr>
81 97 
 				<tr>
82 
-					<th class="Importent">结案意见:</th>
98 
+					<th class="Importent">备注:</th>
83 99 
 					<td colspan="2"><textarea data-adaptheight id="finalopinion" name="" rows="6" cols=""></textarea></td>
84 100 
 				</tr>
85 101 
 
@@ -93,6 +109,8 @@
93 109 
 			var wid = helper.request.queryString("wid");
94 110 
 			var bulletinUnits = '';//通报单位
95 111 
 			$(document).ready(function() {
112 
+				//通报原因
113 
+				getOrderType();
96 114 
 				//获取单位
97 115 
 				getUnit();
98 116 
 				//是否通报
 
@@ -110,10 +128,13 @@
110 128 
 					if($('#isBulletin').val() == 0){
111 129 
                     	JA(bulletinUnits);
112 130 
                     }else if($('#isBulletin').val() == 1){
113 
-                    	if($("input[name='checkbox']:checkbox:checked").length <= 0){
114 
-                    		layer.msg("您没有选择通报单位。");
115 
-                    	}else if(!$("#bulletinReason").val()){
131 
+//                  	if($("input[name='checkbox']:checkbox:checked").length <= 0){
132 
+//                  		layer.msg("您没有选择通报单位。");
133 
+//                  	}else
134 
+                    	if(!$(".orderType").val()){
116 135 
                     		layer.msg("通报原因没有填写。");
136 
+                    	}else if ($(".orderType").val()==76&& !$('#reasons').val()){
137 
+                    		layer.msg('其他通报原因没有填写')
117 138 
                     	}else {
118 139 
 	                    	$("input[name='checkbox']:checkbox:checked").each(function(){
119 140 
 								bulletinUnits += $(this).val() + ','; 
@@ -133,6 +154,8 @@
133 154 
 					isnotice: $('#isBulletin').val(),//0不通告1通告
134 155 
 					deptids: bUnits,//通报单位
135 156 
 					noticereson: $('#bulletinReason').val(),//通报原因
157 
+					noticeid:$('.orderType').val(),//通报id
158 
+					content:$('#reasons').val(),//其他通报原因
136 159 
 					"token": $.cookie("token")
137 160 
 				}, function(result) {
138 161 
 					result = JSON.parse(result);
 
@@ -186,6 +209,25 @@
186 209 
 					}
187 210 
 				})
188 211 
 			}
212 
+			function getOrderType() {
213 
+				$.get(huayi.config.callcenter_url + 'Dictionary/GetDicValueListByParentId', {
214 
+					"token": $.cookie("token"),
215 
+					pid: 62
216 
+				}, function(result) {
217 
+					result = $.parseJSON(result);
218 
+					var Count = result.data;
219 
+					$(Count).each(function(i, n) {
220 
+			            $('<option value="' + n.F_ValueId + '">' + n.F_Value + '</option>').appendTo($(".orderType"));
221 
+					})
222 
+				});
223 
+			}
224 
+			$('.orderType').change(()=>{
225 
+				if($('.orderType').val()==76){
226 
+					$('.reasons').show()
227 
+				}else{
228 
+					$('.reasons').hide()
229 
+				}
230 
+			})
189 231 
 		</script>
190 232 
 	</body>
191 233

+ 131 - 0
WebUI/CallCenterWeb.UI/css/notification.css
Ver fichero 

@@ -0,0 +1,131 @@
1 
+.clearfix:after {
2 
+	content: "";
3 
+	display: block;
4 
+	clear: both;
5 
+}
6 
+
7 
+.boxCon {
8 
+	width: 100%;
9 
+	background: #fff;
10 
+	text-align: center;
11 
+	padding: 10px 15px;
12 
+	height: auto;
13 
+	overflow-y: auto;
14 
+}
15 
+
16 
+.boxCon>div {
17 
+	padding: 15px 0;
18 
+}
19 
+
20 
+.boxCon table th {
21 
+	padding: 5px 8px 5px 0;
22 
+	text-align: right;
23 
+	width: 32%;
24 
+}
25 
+
26 
+.boxCon table td {
27 
+	padding: 6px 0 5px 10px;
28 
+	text-align: left;
29 
+	color: #717171;
30 
+	line-height: 200%;
31 
+}
32 
+
33 
+.kong {
34 
+	display: none;
35 
+}
36 
+
37 
+.bootstrap-select>.dropdown-toggle.bs-placeholder {
38 
+	background-color: #ffffff!important;
39 
+	border-color: #e5e6e7!important;
40 
+}
41 
+
42 
+.filter-option {
43 
+	color: #676b6d;
44 
+}
45 
+
46 
+.form-inline {
47 
+	display: inline-block;
48 
+}
49 
+
50 
+.bootstrap-select>.dropdown-toggle.btn-default {
51 
+	background-color: #ffffff!important;
52 
+	border-color: #e5e6e7!important;
53 
+	color: #555;
54 
+}
55 
+
56 
+.testInput-list {
57 
+	position: absolute;
58 
+	z-index: 999;
59 
+	border: 1px solid rgb(204, 204, 204);
60 
+	background-color: rgb(255, 255, 255);
61 
+	z-index: 99999;
62 
+	padding-left: 0;
63 
+	width: 97.6%;
64 
+	display: none;
65 
+}
66 
+
67 
+.testInput-list li {
68 
+	padding: 5px;
69 
+	list-style: none;
70 
+}
71 
+
72 
+.testInput-list li:hover {
73 
+	background-color: #E43926;
74 
+	color: #fff;
75 
+}
76 
+
77 
+#testInput4 {
78 
+	outline: none;
79 
+	border: 1px solid #ccc;
80 
+	padding-left: 10px;
81 
+	outline-color: #fff;
82 
+}
83 
+
84 
+.addJsz_posi {
85 
+	position: absolute;
86 
+	right: -9px;
87 
+	top: 7px;
88 
+	color: red;
89 
+}
90 
+
91 
+.addJsz_select {
92 
+
93 
+	position: relative;
94 
+}
95 
+.addJsz_select_cus{
96 
+	width: 180px;
97 
+	position: relative;
98 
+}
99 
+.addTree {
100 
+    background: #fff;
101 
+    position: absolute;
102 
+    width: 100%;
103 
+    border: 1px solid darkgrey;
104 
+    right: 0;
105 
+    top: 32px;
106 
+    display: none;
107 
+}
108 
+.xl {
109 
+	display: inline-block;
110 
+	background: url("../../img/dropDown.png") no-repeat;
111 
+	height: 32px;
112 
+	background-position: center center;
113 
+	width: 20px;
114 
+	position: absolute;
115 
+	right: -2px;
116 
+	top: 0px;
117 
+	background-color: #f7bc8b;
118 
+	cursor: pointer;
119 
+}
120 
+.inps1{
121 
+	padding-left: 10px;
122 
+}
123 
+.inps2,.inps3,.inps4{
124 
+	display: none;
125 
+}
126 
+
127 
+
128 
+
129 
+
130 
+
131 
+

+ 312 - 0
WebUI/CallCenterWeb.UI/css/notification/css/addNotifucation.css
Ver fichero 

@@ -0,0 +1,312 @@
1 
+/*编辑，添加，查看用户信息页面样式*/
2 
+
3 
+ul {
4 
+	list-style: none;
5 
+	padding: 0;
6 
+}
7 
+
8 
+.container{
9 
+	padding: 0;
10 
+}
11 
+
12 
+.project_items {
13 
+	margin: 30px auto;
14 
+	display: none;
15 
+}
16 
+
17 
+.project_items li label {
18 
+	height: 34px;
19 
+	line-height: 34px;
20 
+}
21 
+
22 
+.project_items li textarea {
23 
+	resize: none;
24 
+}
25 
+
26 
+.project_items_title {
27 
+	border-bottom: 1px dashed #e7e7e7;
28 
+	padding-bottom: 10px;
29 
+}
30 
+
31 
+.crop_left {
32 
+	width: 40%;
33 
+	float: left;
34 
+}
35 
+
36 
+.crop_right {
37 
+	width: 30%;
38 
+	float: right;
39 
+	margin-right: 25px;
40 
+}
41 
+
42 
+.btnn {
43 
+	background: #2f4050;
44 
+	color: #fff;
45 
+	padding: 3px 10px;
46 
+	border: 0;
47 
+	border-radius: 3px;
48 
+	cursor: pointer;
49 
+}
50 
+
51 
+.project_save {
52 
+	width: 20%;
53 
+}
54 
+
55 
+.tab_head {
56 
+	position: relative;
57 
+	background-color: #fff;
58 
+	border-top: 1px solid #e7eaec;
59 
+	margin-bottom: 15px;
60 
+}
61 
+
62 
+.tab_head_left {
63 
+	padding-left: 0;
64 
+	margin: 0;
65 
+	border-bottom: 1px solid #eef0f2;
66 
+}
67 
+
68 
+.tab_head li {
69 
+	float: left;
70 
+	width: 10.5%;
71 
+	text-align: center;
72 
+	padding: 13px 0;
73 
+	font-size: 16px;
74 
+	color: #7b8a97;
75 
+	cursor: pointer;
76 
+}
77 
+
78 
+.tab_head .tab_head_active {
79 
+	border-bottom: 3px solid #19aad0;
80 
+	margin-bottom: -2px;
81 
+	color: #19aad0;
82 
+}
83 
+
84 
+.tab_head .tab_badge {
85 
+	display: inline-block;
86 
+	min-width: 15px;
87 
+	min-height: 15px;
88 
+	padding: 3px;
89 
+	margin-top: -20px;
90 
+	font-size: 14px;
91 
+	font-weight: 700;
92 
+	line-height: 1;
93 
+	color: #fff !important;
94 
+	text-align: center;
95 
+	white-space: nowrap;
96 
+	vertical-align: middle;
97 
+	background-color: #18abd1;
98 
+	border-radius: 50%;
99 
+}
100 
+
101 
+.tabs_details {
102 
+	display: none;
103 
+	width: 100%;
104 
+}
105 
+
106 
+.showtabs {
107 
+	display: block;
108 
+}
109 
+
110 
+.form-horizontal .radio-inline {
111 
+	padding-top: 0;
112 
+}
113 
+
114 
+.radio-inline input[type=radio],
115 
+.checkbox-inline input[type=checkbox] {
116 
+	margin-top: 10px;
117 
+}
118 
+
119 
+.form-horizontal .form-group {
120 
+	margin-left: 0;
121 
+	margin-right: 0;
122 
+}
123 
+
124 
+li.form-group>label {
125 
+	text-align: right;
126 
+}
127 
+
128 
+img.upload-img {
129 
+	margin-top: 10px;
130 
+	margin-bottom: 10px;
131 
+	width: 100%;
132 
+	height: 100%;
133 
+}
134 
+
135 
+.seeAccountDetail .form-control[disabled],
136 
+.seeAccountDetail .form-control[readonly] {
137 
+	background-color: transparent;
138 
+}
139 
+
140 
+.seeAccountDetail input,
141 
+.seeAccountDetail textarea,
142 
+.seeAccountDetail select {
143 
+	border: none;
144 
+	outline: none;
145 
+	background: none;
146 
+	-webkit-box-shadow: none;
147 
+	box-shadow: none;
148 
+}
149 
+
150 
+.seeAccountDetail select {
151 
+	appearance: none;
152 
+	-moz-appearance: none;
153 
+	/* Firefox */
154 
+	-webkit-appearance: none;
155 
+	/* Safari 和 Chrome */
156 
+}
157 
+
158 
+.user_portrait {
159 
+	width: 100px;
160 
+	height: 100px;
161 
+	background-color: #EFEFEF;
162 
+}
163 
+
164 
+.user_portrait img,
165 
+.accountIdentification img,
166 
+.accountOrganizationsPic img,
167 
+.accountBusinessLicensePic img {
168 
+	width: 100%;
169 
+	height: 100%;
170 
+	font-size: 0;
171 
+	vertical-align: middle;
172 
+}
173 
+
174 
+.accountIdentification {
175 
+	width: 240px;
176 
+	height: 151px;
177 
+	background-color: #EFEFEF;
178 
+}
179 
+
180 
+.accountOrganizationsPic {
181 
+	width: 650px;
182 
+	height: 450px;
183 
+	background-color: #EFEFEF;
184 
+}
185 
+
186 
+.accountBusinessLicensePic {
187 
+	width: 650px;
188 
+	height: 467px;
189 
+	background-color: #EFEFEF;
190 
+}
191 
+
192 
+.text_require {
193 
+	color: red;
194 
+	vertical-align: middle;
195 
+	font-weight: 900;
196 
+}
197 
+
198 
+.text-tips {
199 
+	color: red;
200 
+	line-height: 34px;
201 
+}
202 
+
203 
+#upLinkImgs {
204 
+	display: none;
205 
+}
206 
+
207 
+#upLinkImgs .crop_left {
208 
+	width: 60%;
209 
+}
210 
+
211 
+
212 
+/*#upLinkImgs .crop_left{
213 
+	width: 37%;
214 
+	margin-right: 0;
215 
+	margin-left: 25px;
216 
+}*/
217 
+
218 
+.aeBtns {
219 
+	margin: 10px auto;
220 
+	height: auto;
221 
+}
222 
+
223 
+.aeBtns .form-control {
224 
+	width: 280px;
225 
+}
226 
+
227 
+.aeBtns li.form-group {
228 
+	float: left;
229 
+	width: 50%;
230 
+	margin-bottom: 5px;
231 
+}
232 
+
233 
+.aeBtns textarea {
234 
+	resize: none;
235 
+}
236 
+
237 
+.aeBtns .radio-inline input[type=radio] {
238 
+	margin-top: 2px;
239 
+}
240 
+
241 
+.drop_down {
242 
+	position: relative;
243 
+}
244 
+
245 
+.drop_down .caret {
246 
+	position: absolute;
247 
+	right: 24px;
248 
+	top: 15px;
249 
+}
250 
+
251 
+.form-group {
252 
+	margin-bottom: 5px;
253 
+}
254 
+
255 
+
256 
+/*添加或修改菜单*/
257 
+
258 
+.icon-color {
259 
+	color: #1aaad0;
260 
+	padding-right: 5px;
261 
+	vertical-align: middle;
262 
+	font-size: 30px;
263 
+}
264 
+
265 
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
266 
+	background-color: rgba(0, 0, 0, .5) !important;
267 
+}
268 
+
269 
+.add_or_edit_menu .form-group {
270 
+	margin-bottom: 5px;
271 
+}
272 
+
273 
+#reginsTreeView {
274 
+	position: absolute;
275 
+	background-color: #fff;
276 
+	z-index: 4;
277 
+	width: 92%;
278 
+	max-height: 256px;
279 
+	overflow-y: auto;
280 
+}
281 
+
282 
+.contactList_item {
283 
+	box-shadow: 0px 2px 7px #eee;
284 
+	border-radius: 2px;
285 
+	padding: 5px;
286 
+	margin-bottom: 10px;
287 
+}
288 
+
289 
+.isMain{
290 
+	height: 30px;
291 
+  line-height: 32px;
292 
+  border-left: 1px solid #E5E6E7;
293 
+  padding-left: 10px;
294 
+}
295 
+
296 
+#customerTreeView{
297 
+	position: absolute;
298 
+	left: 15px;
299 
+	width: 97%;
300 
+	top: 32px;
301 
+	background-color: #fff;
302 
+	z-index: 4;
303 
+	max-height: 256px;
304 
+	overflow-y: auto;
305 
+}
306 
+
307 
+.office-title{
308 
+	width: 8.4%;
309 
+}
310 
+.customer_layer{
311 
+	float: left;
312 
+}

+ 131 - 0
WebUI/CallCenterWeb.UI/css/notification/css/notifucation.css
Ver fichero 

@@ -0,0 +1,131 @@
1 
+.clearfix:after {
2 
+	content: "";
3 
+	display: block;
4 
+	clear: both;
5 
+}
6 
+
7 
+.boxCon {
8 
+	width: 100%;
9 
+	background: #fff;
10 
+	text-align: center;
11 
+	padding: 10px 15px;
12 
+	height: auto;
13 
+	overflow-y: auto;
14 
+}
15 
+
16 
+.boxCon>div {
17 
+	padding: 15px 0;
18 
+}
19 
+
20 
+.boxCon table th {
21 
+	padding: 5px 8px 5px 0;
22 
+	text-align: right;
23 
+	width: 32%;
24 
+}
25 
+
26 
+.boxCon table td {
27 
+	padding: 6px 0 5px 10px;
28 
+	text-align: left;
29 
+	color: #717171;
30 
+	line-height: 200%;
31 
+}
32 
+
33 
+.kong {
34 
+	display: none;
35 
+}
36 
+
37 
+.bootstrap-select>.dropdown-toggle.bs-placeholder {
38 
+	background-color: #ffffff!important;
39 
+	border-color: #e5e6e7!important;
40 
+}
41 
+
42 
+.filter-option {
43 
+	color: #676b6d;
44 
+}
45 
+
46 
+.form-inline {
47 
+	display: inline-block;
48 
+}
49 
+
50 
+.bootstrap-select>.dropdown-toggle.btn-default {
51 
+	background-color: #ffffff!important;
52 
+	border-color: #e5e6e7!important;
53 
+	color: #555;
54 
+}
55 
+
56 
+.testInput-list {
57 
+	position: absolute;
58 
+	z-index: 999;
59 
+	border: 1px solid rgb(204, 204, 204);
60 
+	background-color: rgb(255, 255, 255);
61 
+	z-index: 99999;
62 
+	padding-left: 0;
63 
+	width: 97.6%;
64 
+	display: none;
65 
+}
66 
+
67 
+.testInput-list li {
68 
+	padding: 5px;
69 
+	list-style: none;
70 
+}
71 
+
72 
+.testInput-list li:hover {
73 
+	background-color: #E43926;
74 
+	color: #fff;
75 
+}
76 
+
77 
+#testInput4 {
78 
+	outline: none;
79 
+	border: 1px solid #ccc;
80 
+	padding-left: 10px;
81 
+	outline-color: #fff;
82 
+}
83 
+
84 
+.addJsz_posi {
85 
+	position: absolute;
86 
+	right: -9px;
87 
+	top: 7px;
88 
+	color: red;
89 
+}
90 
+
91 
+.addJsz_select {
92 
+
93 
+	position: relative;
94 
+}
95 
+.addJsz_select_cus{
96 
+	width: 180px;
97 
+	position: relative;
98 
+}
99 
+.addTree {
100 
+    background: #fff;
101 
+    position: absolute;
102 
+    width: 100%;
103 
+    border: 1px solid darkgrey;
104 
+    right: 0;
105 
+    top: 32px;
106 
+    display: none;
107 
+}
108 
+.xl {
109 
+	display: inline-block;
110 
+	background: url("../../img/dropDown.png") no-repeat;
111 
+	height: 32px;
112 
+	background-position: center center;
113 
+	width: 20px;
114 
+	position: absolute;
115 
+	right: -2px;
116 
+	top: 0px;
117 
+	background-color: #f7bc8b;
118 
+	cursor: pointer;
119 
+}
120 
+.inps1{
121 
+	padding-left: 10px;
122 
+}
123 
+.inps2,.inps3,.inps4{
124 
+	display: none;
125 
+}
126 
+
127 
+
128 
+
129 
+
130 
+
131 
+

+ 133 - 0
WebUI/CallCenterWeb.UI/js/notification/notification.js
Ver fichero 

@@ -0,0 +1,133 @@
1 
+$(function(){
2 
+var table = $('#table1');
3 
+var token = $.cookie("token");
4 
+laydate.render({
5 
+	elem: '#greetingTimes',
6 
+	range: '~',
7 
+	theme: '#00a1cb',
8 
+});
9 
+$('.search').on('click',function(){
10 
+	initTable(token);
11 
+})
12 
+//列表
13 
+initTable(token);
14 
+function initTable(token) {
15 
+    //先销毁表格
16 
+    table.bootstrapTable('destroy');
17 
+    //初始化表格,动态从服务器加载数据
18 
+    table.bootstrapTable({
19 
+        method: "get", //使用get请求到服务器获取数据
20 
+        url: huayi.config.callcenter_url + "NoticeCriticism/GetList", //获取数据的Servlet地址
21 
+        contentType: 'application/x-www-form-urlencoded',
22 
+        //			url: "kehu.json", //获取数据的Servlet地址
23 
+        striped: true, //表格显示条纹
24 
+        pagination: true, //启动分页
25 
+        pageSize: 10, //每页显示的记录数
26 
+        pageNumber: 1, //当前第几页
27 
+        pageList: [10, 15, 20, 50, 100], //记录数可选列表
28 
+        search: false, //是否启用查询
29 
+        showColumns: false, //显示下拉框勾选要显示的列
30 
+        showRefresh: false, //显示刷新按钮
31 
+        sidePagination: "server", //表示服务端请求
32 
+        //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
33 
+        //设置为limit可以获取limit, offset, search, sort, order
34 
+        queryParamsType: "undefined",
35 
+        queryParams: function queryParams(params) { //设置查询参数
36 
+            var param = {
37 
+                page: params.pageNumber,
38 
+                pagesize: params.pageSize,
39 
+                token: token,
40 
+                startdate:$('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[0],//开始时间
41 
+	            enddate:$('#greetingTimes').val() && $('#greetingTimes').val().split(' ~ ')[1],//结束时间
42 
+                //logindate: $('.loginTime').val() //登录时间
43 
+            };
44 
+            return param;
45 
+        },
46 
+        responseHandler: function (res) {
47 
+         return {
48 
+             "total": res.total,
49 
+             "rows": res.dt
50 
+             };
51 
+
52 
+        },
53 
+        onLoadSuccess: function () { //加载成功时执行
54 
+            //layer.msg("加载成功");
55 
+        },
56 
+        onLoadError: function () { //加载失败时执行
57 
+            //layer.msg("加载数据失败", { time: 1500, icon: 2 });
58 
+        }
59 
+    });
60 
+}
61 
+//添加
62 
+$('.add').click(function () {
63 
+    layer.open({
64 
+        type: 2,
65 
+        title: '添加通报信息',
66 
+        maxmin: true, //开启最大化最小化按钮
67 
+        area: ['40%', '40%'],
68 
+        content: '../CommonHtml/addNotification.html'
69 
+        //content: 'addZhiShiKuManger.html?addId=' + id + '&addPid='+ pid +'&addName='+ name +''
70 
+    });
71 
+})
72 
+//修改
73 
+var did;
74 
+$('.change').click(function () {
75 
+    var ids = $.map(table.bootstrapTable('getSelections'), function (row) {
76 
+        return row.F_Id;
77 
+    });
78 
+    did = ids.toString();
79 
+    if (ids.length != 1) {
80 
+        layer.confirm('请选择一行进行修改！', {
81 
+            btn: ['确定']
82 
+        });
83 
+        return;
84 
+    } else {
85 
+        layer.open({
86 
+            type: 2,
87 
+            title: '修改通报信息',
88 
+            maxmin: true, //开启最大化最小化按钮
89 
+            area: ['40%', '40%'],
90 
+            content: '../CommonHtml/addNotification.html?ids=' + did
91 
+        });
92 
+    }
93 
+})
94 
+//删除
95 
+var delid;
96 
+$('.del').click(function () {
97 
+    var ids = $.map(table.bootstrapTable('getSelections'), function (row) {
98 
+        return row.F_Id;
99 
+    });
100 
+    delid = ids;
101 
+    if (ids.length <= 0) {
102 
+        layer.confirm('请选择要删除的行！', {
103 
+            btn: ['确定']
104 
+        });
105 
+        return;
106 
+    } else {
107 
+        var laye = layer.confirm('您确定要删除吗？', {
108 
+            btn: ['确定', '取消'] //可以无限个按钮
109 
+        }, function () {
110 
+            //按钮【按钮一】的回调
111 
+            $.ajax({
112 
+                type: "post",
113 
+                url: huayi.config.callcenter_url + "NoticeCriticism/DelNotice",
114 
+                async: true,
115 
+                dataType: "json",
116 
+                data: {
117 
+                    token: token,
118 
+                    ids: delid
119 
+                },
120 
+                success: function (data) {
121 
+                    if (data.state.toLowerCase() == 'success') {
122 
+                        layer.msg("删除成功！");
123 
+                        table.bootstrapTable('refresh');
124 
+                    }
125 
+                }
126 
+            });
127 
+        }, function (index) {
128 
+            //按钮【按钮二】的回调
129 
+            layer.close(laye)
130 
+        });
131 
+    }
132 
+})
133 
+})