baozhangfang/WebRoot/WEB-INF/jsp/sendSms/list.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>
<jsp:include page="../../common/include.jsp" />
<link type="text/css" rel="stylesheet" href="<%=basePath %>/style/sendSms.css">
<script type="text/javascript">
	/**显示区*/
	$(function() {
		$('#sendSmsDataGrid').datagrid({
   			rownumbers:true,
			fit:true,
			pageSize:20,
			pageList : [ 10, 20, 30, 40, 50 ],
			fitColumns:false,
			border:false,
			sortOrder:'desc',
			pagination:true,
			idField:'id',
			url:whzl.basePath + '/sendSmsAction_list',
			toolbar:'#searchtool',
			checkOnSelect:true,
			selectOnCheck:true,
			nowrap:true,
			singleSelect:true,
			showFooter: true,
   			loadFilter:function(result){
   				if(result.success){
   					return result.obj;
   				}else{
   					$.messager.alert("提示",result.message);
   					return ;
   				}							
   			}
   		});
	});
	
	/**查询*/
	function searchFun(){
	    $("#sendSmsDataGrid").datagrid("load", {
			 "sendSms.phones":trim($("#phone").val()),
			 "startDay":trim($('#startDay').datebox('getValue')),
             "endDay":trim($('#endDay').datebox('getValue'))
        });
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }
	
	var sendUserFormatter = function(value , row , index){
		if(row.user!= null){
			return row.user.fullName;
		}else{
			return "系统发送"
		}
	};
    
	/**详细*/
	var detailsFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/detail.png' title='查看详情' onclick=details(" + row.id + ") style='cursor:pointer' />";
	};
	
	/**详细页面对话框*/
	var details = function(id){
		$("#detailDialog").dialog(
			{
				buttons : [
					{
						text : '确定', 
						iconCls : 'icon-ok', 
						handler : function(){ 
							$("#detailDialog").dialog("close");
						}
					}
				],
				onLoad : function(){
					 var contactsId;
					 $.ajax({
			            type: "post",//使用get方法访问后台
			            dataType: "json",//返回json格式的数据
			            url: "sendSmsAction_findById",//要访问的后台地址
			            data: "sendSms.id="+id,//要发送的数据
			            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
			            success: function(msg){//msg为返回的数据，在这里做数据绑定
			            	$("#content_detail").text(msg.obj.content);
			            	$("#phones_detail").text(msg.obj.phones);
			            	if(msg.obj.user!= null){
			            		$("#sendUser_detail").text(msg.obj.user.fullName);
			            	}else{
								$("#sendUser_detail").text("系统发送");
							}
			            	$("#names_detail").text(msg.obj.names);
			            	$("#dept_detail").text(msg.obj.dept);
			            }
					 });
				}
			}
		);
	};
	
	/**增加*/
	function add(){
		$('#addDialog').dialog(
			{
				buttons : [
					{
						text : '发送短信', 
						iconCls : 'icon-ok', 
						handler : function(){
							parent.$.messager.progress({
								title : '提示',
								text : '保存中，请稍后....'
							});
							$('#addForm').form('submit',
								{
									url : whzl.basePath+'/sendSmsAction_add',
									onSubmit: function(){
										var isValid =$('#addForm').form('validate');
										if(isValid == false){
											parent.$.messager.progress('close');
										}
										return isValid;
									},
									success : function(result){
										parent.$.messager.progress('close');
										var parseResult = $.parseJSON(result);
										if(parseResult.success){
											$("#addDialog").dialog("close");
											searchFun();
										}else{
											$.messager.alert("提示",parseResult.message);
										}
									}
								}
							);
						}
					},
					{
						text : '取消', 
						iconCls : 'icon-cancel', 
						handler : function(){ 
							$("#addDialog").dialog("close");
						}
					}
				],
				onLoad : function(){
				   $.ajax({
			            type: "post",//使用get方法访问后台
			            dataType: "json",//返回json格式的数据
			            async:false,
			            url: "contactsAction_findByUserIdsList",//要访问的后台地址
			            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
			            success: function(msg){//msg为返回的数据，在这里做数据绑定
			            	console.log(msg);
			            	for(var i =0; i < msg.length; i++){
			            		$("#sendSms_ul").append("<li>"+
                							"<P><label>"+msg[i].text+"（"+msg[i].count+"人）</label><input class='chooseBtn' type='button' rel='0' value='&nbsp;'/></P>"+
                							"<ul class='subMenu' id='"+msg[i].id+"'></ul></li>")
                				for(var j =0; j < msg[i].children.length; j++){
                					$("#"+msg[i].id).append("<li><input type='checkbox' name='"+msg[i].children[j].text+"("+msg[i].children[j].phone+")' id='"+msg[i].children[j].id+"choose' value='"+msg[i].children[j].phone+"'/><label for='"+msg[i].children[j].id+"choose'>"+msg[i].children[j].text+"</label></li>");
                				}
			            	}
			            }
					});
					$('.menu li>p').click(function(){
						if($(this).next('ul').css('display')=='none'){
							$(this).next('ul').css('display','block');
						}else{
							$(this).next('ul').css('display','none');
						}
					})
					
					/*总全选按钮效果*/
					$('.chooseAll').click(function(even){
						var rel=$(this).attr('rel');
						if(rel==0){
							$(".menu input").prop("checked", true);
							$(".menu input").attr("checked", true);
							var valArr = new Array;
							var phonesArr = new Array;
							$(".menu :checkbox[checked]").each(function(i){
								valArr[i] = $(this).val();
								phonesArr[i] = $(this).attr("name");
							});
							var vals = valArr.join(',');
							var phones = phonesArr.join(',');
							$('#receiveNumBox').val(vals);
							$('#phones').val(phones);
							$(this).attr('rel','1');
							$('.chooseBtn').attr('rel','1');
						}else{
							$(".menu input").attr("checked", false);
							$('#receiveNumBox').val('');
							$('#phones').val('');
							$(this).attr('rel','0');
						}
						even.stopPropagation();
					})
					
					/*局部全选按钮效果*/
					$('.chooseBtn').click(function(even){
						var rel=$(this).attr('rel');
						if(rel==0){
							$(this).parent('p').next('ul').find('input').attr("checked", true);
							$(this).parent('p').next('ul').find('input').prop("checked", true);
							var valArr = new Array;
							var phonesArr = new Array;
							$(".menu :checkbox[checked]").each(function(i){
								valArr[i] = $(this).val();
								phonesArr[i] = $(this).attr("name");
							});
							var vals = valArr.join(',');//转换为逗号隔开的字符串 join 拼合
							var phones = phonesArr.join(',');
							$('#receiveNumBox').val(vals);
							$('#phones').val(phones);
							$(this).attr('rel','1');
						}else{
							$(this).parent('p').next('ul').find('input').attr("checked", false);
							$(this).parent('p').next('ul').find('input').prop("checked", false);
							
							var delarr = new Array;
							var delphonearr = new Array;
							$(this).parent('p').next('ul').find('input').each(function(i){
								delarr[i] = $(this).val();
								delphonearr[i] = $(this).attr("name");
							});
							for(var i=0;i<delarr.length;i++){
								valstr=$('#receiveNumBox').val();//获取文本框里面的值
								var arr = valstr.split(',');    //以逗号分隔开存入数组中
								
								var phonesstr = $('#phones').val();
								var phonesarr = phonesstr.split(',');
								
								if($.inArray(delarr[i],arr)!=-1){
									arr.splice($.inArray(delarr[i],arr),1);  //当前值匹配到数组中相同的值，删除匹配中的值
									phonesarr.splice($.inArray(delphonearr[i],phonesarr),1);
								}
								var vals = arr.join(',');
								$('#receiveNumBox').val(vals);   //将删除后的字符串存入文本中
								
								var phones = phonesarr.join(',');
								$('#phones').val(phones);
							}
							$(this).attr('rel','0');
						}
						even.stopPropagation();
					})
					
					/*单个点击复选框时*/
					$('.subMenu li input').click(function(even){
						even.stopPropagation();
						if($(this).prop("checked")){
							var arr = new Array;
							valstr=$('#receiveNumBox').val();//获取文本框里面的值
							phonesstr=$('#phones').val();//获取文本框里面的值
							var thisval=$(this).val();//获取当前点击的复选框的值
							var phone = $(this).attr("name");
							if(valstr){
								var arr = valstr.split(',');    //以逗号分隔开存入数组中
								arr.push(thisval);		
								var vals = arr.join(',');
								$('#receiveNumBox').val(vals);   //将删除后的字符串存入文本中
								
								var phonearr = phonesstr.split(',');
								phonearr.push(phone);	
								var phones = phonearr.join(',');
								$('#phones').val(phones);
							}else{
								$('#receiveNumBox').val(thisval);
								$('#phones').val(phone);
							}
						}else{
							//取消选中状态
							valstr=$('#receiveNumBox').val();//获取文本框里面的值
							var arr = valstr.split(',');    //以逗号分隔开存入数组中
							var thisval=$(this).val();//获取当前点击的复选框的值
							
							phonesstr=$('#phones').val();//获取文本框里面的值
							var phonearr = phonesstr.split(',');    //以逗号分隔开存入数组中
							var phoneval=$(this).attr("name");//获取当前点击的复选框的值
							
							if($.inArray(thisval,arr)!=-1){
								arr.splice($.inArray(thisval,arr),1);  //当前值匹配到数组中相同的值，删除匹配中的值
								phonearr.splice($.inArray(phoneval,phonearr),1);
							}
							
							var vals = arr.join(',');
							$('#receiveNumBox').val(vals);   //将删除后的字符串存入文本中
							
							var phones = phonearr.join(',');
							$('#phones').val(phones);
						}
					})
				}
			}
		);
	}
	
	/**导出短信*/
    function smsExport(){
		var params = encodeURI("startDay="+$('#startDay').datebox('getValue')+
                "&endDay="+$('#endDay').datebox('getValue'))
		window.location.href =  whzl.basePath+"/sendSmsAction_export?"+params;
    }
</script>

<div class="easyui-layout" data-options="fit:true,border:false">
	<div data-options="region:'center',border:false">
		<div id="searchtool" data-options="region:'north', border:false">
			<div class="clear"></div>
			<table id="tblQuery" style="width:100%;font-size:12px;">
				<tr>
					<td align="right"><span>手机号码</span></td>
					<td width="250px"><input id="phone" type="text"/></td>
					<td align="right"><span>发送时间从</span></td>
                    <td>
                        <input class="easyui-datebox" id="startDay"/>&nbsp;至&nbsp;
                        <input class="easyui-datebox" id="endDay"/>
                    </td>
					<td align="left">
						<a href="javascript:searchFun();" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">查询</a>
						<a href="javascript:add();" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">增加</a>
					    <a href="javascript:smsExport();" class="easyui-linkbutton" data-options="iconCls:'icon-import',plain:true">导出</a>
					</td>
				</tr>
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="sendSmsDataGrid">
			<thead frozen="true">
        		<tr>
        			<th data-options="field:'id',checkbox:true,width:30">ID</th>
        		</tr>
        	</thead>
        	<thead>
        		<tr>
        			<th data-options="field:'sendUser',formatter:sendUserFormatter,width:140">发送人</th>
            		<th data-options="field:'sendDate',width:140">发送时间</th>
            		<th data-options="field:'phones',width:100">手机号码</th>
            		<th data-options="field:'content',width:250">内容</th>
            		<th data-options="field:'totalMan',width:40">人数</th>
            		<th data-options="field:'countSms',width:60">单条数</th>
            		<th data-options="field:'totalSms',width:60">总条数</th>
            		<th data-options="field:'details',align:'center',width:60,formatter:detailsFormatter">查看详情</th> 
        		</tr>  
    		</thead>
		</table>
	</div>
</div>
<div id="detailDialog" data-options="title:'&nbsp;短信详细信息',iconCls:'icon-details',width:800,height:400,modal:true,href:'<%=basePath %>/sendSmsAction_toDetail'">
</div>
<div id="addDialog" data-options="title:'&nbsp;增加短信信息',iconCls:'icon-add',width:800,height:500,modal:true,href:'<%=basePath %>/sendSmsAction_toAdd'" style="overflow: hidden;">
</div>
<script type="text/javascript">
<!--
$(function(){
	parent.$.messager.progress('close');
});
//-->
</script>