Sfoglia il codice sorgente

修改126邮箱页面,增加了tab切换;已审核和未审核;

fanlongfei 8 anni fa
parent
commit
4df4c83555

+ 105 - 25
WebUI/CallCenterWeb.UI/WebSite/email.html

@@ -3,10 +3,12 @@
3 3
 
4 4
 <head>
5 5
     <meta charset="UTF-8">
6
+	<title>邮件列表</title>
7
+    <link rel="stylesheet" href="../css/init.css" />
8
+	<link href="../css/Table/table1.css" rel="stylesheet" />
6 9
     <script src="../Script/Common/huayi.load.js"></script>
7 10
     <script src="../Script/Common/huayi.config.js"></script>
8
-    <link rel="stylesheet" href="../css/init.css" />
9
-    <title>邮件列表</title>
11
+	<script src="../css/laydate/laydate.js"></script>
10 12
     <style>
11 13
         .treeTable {
12 14
             height: 400px;
@@ -68,37 +70,115 @@
68 70
 
69 71
 <body class="gray-bg">
70 72
     <div class="container-fluid wrapper-content animated fadeInRight">
73
+        
71 74
         <div class="daoHang clearfix">
72 75
             <div class="dhLeft">
73 76
                 <sapn><i class="syIcon"></i>位置:<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">网站后台</a>&gt;<a href="" class="nowPosition">邮件列表</a></sapn>
74 77
             </div>
75 78
             <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
76 79
         </div>
77
-        <div class="treeTable clearfix">
78
-            <div class="tableCon">
79
-                <table id="tableEmail" class="mytable table-bordered" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
80
-                    <thead>
81
-                        <tr>
82
-							<!--<th data-field="state" data-checkbox="true" data-align="center"></th>-->
83
-							<th data-align="center" data-formatter="setCode" data-width="6%">编号</th>
84
-                            <th data-field="E_Title" data-align="center" data-width="20%">主题</th>
85
-                            <th data-field="E_Content" align="left" data-width="30%">内容</th>
86
-                            <th data-field="E_Address" data-align="center" data-width="14%">邮件地址</th>
87
-                            <th data-field="E_EmailTime" data-align="center" data-width="14%">时间</th>
88
-                            <th data-field="E_Email" data-align="center" data-width="10%">发件人</th>
89
-                            <th data-field="E_IsAudit" data-align="center" data-formatter="auditingType" data-width="10%">审核状态</th>
90
-                            <th data-field="E_IsWorkOrder" data-align="center" data-formatter="addType" data-width="10%">工单状态</th>
91
-                            <!--<th data-field="E_AttachmentsUrl" data-align="center">附件</th>-->
92
-                            <th data-align="center"  data-formatter="emailDetail" data-width="6%">操作</th>
93
-                            <!--data-field="W_Url"-->
94
-                        </tr>
95
-                    </thead>
96
-                    <tbody id="tbody"></tbody>
97
-                </table>
98
-				<p style="margin-top: 20px; display: none;"><button class="btns allDel">批量删除</button></p>                
80
+       
81
+        <div class="Content_box">
82
+            <div class="complain Shows">
83
+                <ul class="nav nav-tabs ul_tab" role="tablist">
84
+					<li class="active">
85
+						<a href="#import_from_file" role="tab" data-toggle="tab">未审核</a>
86
+					</li>
87
+					<li>
88
+						<a href="#import_from_hmd" role="tab" data-toggle="tab">已审核</a>
89
+					</li>
90
+				</ul>
91
+                <div class="tab-content">
92
+	               	<div class="tab-pane fade active in" id="import_from_file">
93
+	               		<div class="toolBar clearfix" style="display: none;">
94
+	               			<div class="toolLeft">
95
+	               				主题:<input class="photo x-color" type="text" id="emailTheme_0" placeholder="请输入主题"/>
96
+								时间:<input id="start_0" class="photo x-color laydate-icon" type="text" placeholder="请选择时间"/>
97
+								审核状态:
98
+			                    <select name="" id="auditingNameType_0" class="photo">
99
+			                        <option value="">全部</option>
100
+			                        <option value="1">已审核</option>
101
+			                        <option value="0">未审核</option>
102
+			                    </select>
103
+				                                        工单状态:
104
+			                    <select name="" id="addNameType_0" class="photo">
105
+			                        <option value="">全部</option>
106
+			                        <option value="1">已添加</option>
107
+			                        <option value="0">未添加</option>
108
+			                    </select>
109
+								<a class="btns" id="sc_btns_0">搜索</a>
110
+	               			</div>
111
+	               		</div>
112
+	               		<!--table-->
113
+		               	<div style="width: 100%;padding: 10px;">
114
+		                    <table id="tableEmail0" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
115
+		                        <thead>
116
+			                        <tr>
117
+										<!--<th data-field="state" data-checkbox="true" data-align="center"></th>  不要删除-->
118
+										<th data-align="center" data-formatter="setCode" data-width="6%">编号</th>
119
+			                            <th data-field="E_Title" data-align="center" data-width="20%">主题</th>
120
+			                            <th data-field="E_Content" align="left" data-width="30%">内容</th>
121
+			                            <th data-field="E_Address" data-align="center" data-width="14%">邮件地址</th>
122
+			                            <th data-field="E_EmailTime" data-align="center" data-width="14%">时间</th>
123
+			                            <th data-field="E_Email" data-align="center" data-width="10%">发件人</th>
124
+			                            <th data-field="E_IsAudit" data-align="center" data-formatter="auditingType" data-width="10%">审核状态</th>
125
+			                            <th data-field="E_IsWorkOrder" data-align="center" data-formatter="addType" data-width="10%">工单状态</th>
126
+			                            <!--<th data-field="E_AttachmentsUrl" data-align="center">附件</th>-->
127
+			                            <th data-align="center"  data-formatter="emailDetail" data-width="6%">操作</th>
128
+			                            <!--data-field="W_Url"-->
129
+			                        </tr>
130
+		                        </thead>
131
+		                    </table>
132
+		                    <p style="margin-top: 20px; display: none;"><button class="btns allDel0">批量删除</button></p>                
133
+		                </div>
134
+	               	</div>
135
+	               	<div class="tab-pane fade" id="import_from_hmd">
136
+	               		<div class="toolBar clearfix" style="display: none;">
137
+	               			<div class="toolLeft">
138
+	               				主题:<input class="photo x-color" type="text" id="emailTheme_1" placeholder="请输入主题"/>
139
+								时间:<input id="start_1" class="photo x-color laydate-icon" type="text" placeholder="请选择时间"/>
140
+								审核状态:
141
+			                    <select name="" id="auditingNameType_1" class="photo">
142
+			                        <option value="">全部</option>
143
+			                        <option value="1">已审核</option>
144
+			                        <option value="0">未审核</option>
145
+			                    </select>
146
+				                                        工单状态:
147
+			                    <select name="" id="addNameType_1" class="photo">
148
+			                        <option value="">全部</option>
149
+			                        <option value="1">已添加</option>
150
+			                        <option value="0">未添加</option>
151
+			                    </select>
152
+								<a class="btns" id="sc_btns_1">搜索</a>
153
+	               			</div>
154
+	               		</div>
155
+	               		<!--table-->
156
+		                <div style="width: 100%;padding: 10px;">
157
+		                    <table id="tableEmail1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
158
+		                        <thead>
159
+                                    <tr>
160
+										<!--<th data-field="state" data-checkbox="true" data-align="center"></th>-->
161
+										<th data-align="center" data-formatter="setCode" data-width="6%">编号</th>
162
+			                            <th data-field="E_Title" data-align="center" data-width="20%">主题</th>
163
+			                            <th data-field="E_Content" align="left" data-width="30%">内容</th>
164
+			                            <th data-field="E_Address" data-align="center" data-width="14%">邮件地址</th>
165
+			                            <th data-field="E_EmailTime" data-align="center" data-width="14%">时间</th>
166
+			                            <th data-field="E_Email" data-align="center" data-width="10%">发件人</th>
167
+			                            <th data-field="E_IsAudit" data-align="center" data-formatter="auditingType" data-width="10%">审核状态</th>
168
+			                            <th data-field="E_IsWorkOrder" data-align="center" data-formatter="addType" data-width="10%">工单状态</th>
169
+			                            <!--<th data-field="E_AttachmentsUrl" data-align="center">附件</th>-->
170
+			                            <th data-align="center"  data-formatter="emailDetail" data-width="6%">操作</th>
171
+			                            <!--data-field="W_Url"-->
172
+			                        </tr>
173
+		                        </thead>
174
+		                    </table>
175
+		                    <p style="margin-top: 20px; display: none;"><button class="btns allDel1">批量删除</button></p>                
176
+		                </div>
177
+	               	</div>
178
+               </div>
99 179
             </div>
100 180
         </div>
101
-    </div>
181
+    </div>    
102 182
     <script src="../js/email.js"></script>
103 183
 </body>
104 184
 

+ 1 - 1
WebUI/CallCenterWeb.UI/css/layer/skin/default/layer.css

@@ -373,7 +373,7 @@ html #layuicss-skinlayercss {
373 373
 	font-size: 16px;
374 374
 	color: #FFFFFF;
375 375
 	overflow: hidden;
376
-	background-color:  #23c6c8;
376
+	background-color:  #41caf2;
377 377
 	border-radius: 2px 2px 0 0
378 378
 }
379 379
 

+ 127 - 48
WebUI/CallCenterWeb.UI/js/email.js

@@ -1,13 +1,51 @@
1 1
 
2
-var table=$('#tableEmail');
3
-initTable();
4
-function initTable() {
2
+var tables;//表格
3
+var emailTheme;//主题
4
+var start;//时间
5
+var auditingNameType;//审核状态0未审核,1审核
6
+var addNameType;//工单状态
7
+var index=0;
8
+
9
+$(document).ready(function () {
10
+	//返回首页
11
+	$('#ReIndex').click(function(){
12
+		 top.home_index();
13
+	});
14
+	laydate.skin('blue');
15
+	laydate({
16
+	    elem: '#start_0',
17
+	    event: 'focus'
18
+	});
19
+	laydate({
20
+	    elem: '#start_1',
21
+	    event: 'focus'
22
+	});
23
+    tables = $('#tableEmail'+ index+'');
24
+//  emailTheme = $('#emailTheme_'+index+'');
25
+//  start = $('#start_'+index+'').val();
26
+//  auditingNameType = $('#auditingNameType_'+index+'').val();
27
+//  addNameType = $('#addNameType_'+index+'').val();
28
+	type = index;
29
+	initTable(tables,type);
30
+	$('.ul_tab li').click(function(){
31
+		index=$(this).index();
32
+		tables=$('#tableEmail'+ index+'');
33
+		//emailTheme = $('#emailTheme_'+index+'');
34
+	    //start = $('#start_'+index+'').val();
35
+	    //auditingNameType = $('#auditingNameType_'+index+'').val();
36
+	    //addNameType = $('#addNameType_'+index+'').val();
37
+		type = index;
38
+		initTable(tables,type);
39
+	});
40
+})
41
+
42
+function initTable(tables,type) {
5 43
 	//先销毁表格
6
-	table.bootstrapTable('destroy');
44
+	tables.bootstrapTable('destroy');
7 45
 	//初始化表格,动态从服务器加载数据
8
-	table.bootstrapTable({
46
+	tables.bootstrapTable({
9 47
 		method: "get", //使用get请求到服务器获取数据
10
-		url: huayi.config.callcenter_url + "EmailSend/GetEmailMessage", //获取数据的Servlet地址
48
+		url: huayi.config.callcenter_url + "EmailSend/GetEmailMessageList", //获取数据的Servlet地址
11 49
 		contentType: "application/x-www-form-urlencoded",
12 50
 		striped: true, //表格显示条纹
13 51
 		pagination: true, //启动分页
@@ -25,6 +63,11 @@ function initTable() {
25 63
 			var param = {
26 64
 				page: params.pageNumber,
27 65
 				pagesize: params.pageSize,
66
+				/*: emailTheme; //主题
67
+				stime: start, //时间
68
+				auditingNameType: auditingNameType,  //审核状态 (1已审核,0未审核)
69
+				addNameType: addNameType,  //工单状态(1已添加,0未添加)*/
70
+				isAudit: type,
28 71
 				token:$.cookie("token")
29 72
 			};
30 73
 			return param;
@@ -79,9 +122,10 @@ function emailDetail(val,row){
79 122
 }
80 123
 //通过现有的接口遍历 查看详情
81 124
 function look(str){
82
-	$.getJSON(huayi.config.callcenter_url + "EmailSend/GetEmailMessage", {
125
+	$.getJSON(huayi.config.callcenter_url + "EmailSend/GetEmailMessageList", {
83 126
 		page: $('.page-number.active a').html(),
84 127
 		pagesize: $('.page-size').html(),
128
+		isAudit: index,
85 129
 		token: $.cookie("token")
86 130
 	}, function(result) {
87 131
 		var con = result.rows;
@@ -190,9 +234,16 @@ $(document).on('click','.auditing',function(){
190 234
 	}, function(result) {
191 235
 		var data = JSON.parse(result);		
192 236
 		if(data.state == "success") {
193
-			layer.msg("审核成功");
237
+			tables=$('#tableEmail'+ index +'');
238
+			//emailTheme = $('#emailTheme_'+index+'');
239
+		    //start = $('#start_'+index+'').val();
240
+		    //auditingNameType = $('#auditingNameType_'+index+'').val();
241
+		    //addNameType = $('#addNameType_'+index+'').val();
242
+			type = index;
243
+			initTable(tables,type);
194 244
 			$(".auditing").attr('disabled',true);
195
-			$(".addEmail").attr('disabled',false);  
245
+			$(".addEmail").attr('disabled',false);
246
+			layer.msg("审核成功");
196 247
 		}
197 248
 	})
198 249
 });
@@ -210,49 +261,78 @@ $(document).on('click','.addEmail',function(){
210 261
 	}, function(result) {
211 262
 		var data = JSON.parse(result);	
212 263
 		if(data.state == "success") {
213
-			layer.msg("添加成功");
264
+			tables=$('#tableEmail'+ index +'');
265
+			//emailTheme = $('#emailTheme_'+index+'');
266
+		    //start = $('#start_'+index+'').val();
267
+		    //auditingNameType = $('#auditingNameType_'+index+'').val();
268
+		    //addNameType = $('#addNameType_'+index+'').val();
269
+			type = index;
270
+			initTable(tables,type);
214 271
 			$(".addEmail").attr('disabled',true);  
272
+			layer.msg("添加成功");
215 273
 		}
216 274
 	})
217 275
 	
218 276
 });
219 277
 
278
+/*搜索*/
279
+$(document).on('click','#sc_btns_0',{indexParam:0},searchEmail);
280
+$(document).on('click','#sc_btns_1',{indexParam:1},searchEmail);
281
+
282
+function searchEmail(e){
283
+	var index = e.data.indexParam;
284
+	tables = $('#tableEmail'+ index+'');
285
+//  emailTheme = $('#emailTheme_'+index+'');
286
+//  start = $('#start_'+index+'').val();
287
+//  auditingNameType = $('#auditingNameType_'+index+'').val();
288
+//  addNameType = $('#addNameType_'+index+'').val();
289
+	type = index;
290
+	initTable(tables,type);
291
+}
292
+
293
+
294
+//批量删除   先隐藏了误删
295
+/*$(document).on('click','.allDel0',{indexParam:0},dellEmail);
296
+$(document).on('click','.allDel1',{indexParam:1},dellEmail);
297
+
298
+function dellEmail(e){
299
+	var indexEmail = e.data.indexParam;
300
+	var delId = $.map($('#tableEmail'+indexEmail+'').bootstrapTable('getSelections'), function (row) {
301
+		return row.E_EmailId;
302
+	});
303
+    if (delId.length <= 0) {
304
+        layer.confirm('请选择一项内容删除!', {
305
+            btn: ['确定']
306
+    	});
307
+        return;
308
+    } else {
309
+   
310
+    	var laye = layer.confirm('提示:删除该条信息的同时会删除126邮件信息到垃圾箱!', {
311
+						btn: ['确定', '取消'] //可以无限个按钮
312
+		}, function() {
313
+			$.ajax({
314
+				type:"post",
315
+				url:huayi.config.callcenter_url + 'EmailSend/DelEmailByID',
316
+				async:true,
317
+				dataType:'json',
318
+				data:{
319
+					token:$.cookie("token"),
320
+					uid:delId
321
+				},
322
+				success:function(data){
323
+					if(data.state.toLowerCase()=='success'){
324
+						layer.msg(data.message);
325
+						inittableEmail();		
326
+					}
327
+					
328
+				}
329
+			});
330
+		});
331
+    }
332
+}
333
+*/
334
+
220 335
 
221
-//批量删除
222
-//$('.allDel').click(function(){
223
-//	var delId = $.map($('#tableEmail').bootstrapTable('getSelections'), function (row) {
224
-//  	return row.E_EmailId;
225
-//	});
226
-//  if (delId.length <= 0) {
227
-//      layer.confirm('请选择一项内容删除!', {
228
-//          btn: ['确定']
229
-//  	});
230
-//      return;
231
-//  } else {
232
-// 
233
-//  	var laye = layer.confirm('提示:删除该条信息的同时会删除126邮件信息到垃圾箱!', {
234
-//						btn: ['确定', '取消'] //可以无限个按钮
235
-//		}, function() {
236
-//			$.ajax({
237
-//				type:"post",
238
-//				url:huayi.config.callcenter_url + 'EmailSend/DelEmailByID',
239
-//				async:true,
240
-//				dataType:'json',
241
-//				data:{
242
-//					token:$.cookie("token"),
243
-//					uid:delId
244
-//				},
245
-//				success:function(data){
246
-//					if(data.state.toLowerCase()=='success'){
247
-//						layer.msg(data.message);
248
-//						inittableEmail();		
249
-//					}
250
-//					
251
-//				}
252
-//			});
253
-//		});
254
-//  }
255
-//})
256 336
 //编号
257 337
 function setCode(val, row, index) {
258 338
 	return index + 1;
@@ -265,17 +345,16 @@ function auditingType(val){
265 345
         return '未审核';
266 346
     }
267 347
 }
268
-//添加状态
348
+//工单状态
269 349
 function addType(val){
270 350
 	if (val == 1) {
271 351
         return '已添加';
272
-  } else{
352
+  	} else{
273 353
         return '未添加';
274 354
     }
275 355
 }
276 356
 
277 357
 //下载
278
-
279 358
 function downloadFile(furl) {   
280 359
     try{ 
281 360
         var elemIF = document.createElement("iframe");