/*
* User: ChanceYu
* Date: 2016/05/04
*/
require(['common', 'dialog', 'iCheck', 'validate','jquery-form','jquery-timepicker'], function(API) {
var View = {
init: function() {
this.popHover();
this.requestData();
this.dataUp();
this.search();
},
/************** 逻辑简单的写法 开始*******************************************/
//设置一个 全局变量 默认没有查询条件 第一页 10条
var data ={ pageNo: 1, pageSize: 10};
var pageNum =0;//定义一个全局变量 用于存放总页数
//设置一个 方法 用来 请求 smsIndexList 接口
function getSmsList(){
$.ajax({
url: ctx + "/sms/smsIndexList.do",
type: "post",
data:data,
success: function (data) {
handleData(data.smsList,data.total);//调用处理数据函数 用来 处理 循环 和分页
}
})
}
//设置一个 方法 用来 处理请求的数据
function handleData(values,total){
//geMath.ceil()进一法取整数
pageNum=Math.ceil(parseInt(total)/10); //总页数存入全局变量
$(".totalPage").text(pageNum);//总页数
$(".dangPage").text(data.pageNo);//当前页数 取全局变量data 中的 pageNo
if(pageNum==0){ //如果 总页数为0就是 没有数据 都不用遍历数据
// var nullshow='<tr><td colspan="9"><div class="v-noresult"><p>对不起！暂无数据！</p></div></td></tr>'
// $('#tdBody').html(nullshow);
// $(".totalPage").text(0);//总页数 变为0
// $(".dangPage").text(0);//当前页数 变为0
$(".pagition").hide();
}else{
$.each(values, function (i, result) {
var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' href='/sms/smsDetail.do?date="+result.createTimeStr+"&smsTypeId="+result.smsTypeId+"' >" + "查看详情" + "</a></td></tr>";
// href='${ctx}/sms/toSmsDetailPage.do'
$('#tdBody').append(item);
});
}
$(".action a").click(goPage); // 绑定点击事件 输入 页数跳转到指定页 方法
$(".next").click(goNext); //绑定 下一页
$(".paging .prev").click(goPrev);//绑定上一页
}
//输入 页数跳转到指定页 方法
function goPage(){
var searchPage=$(".input-text").val();
//判断页数 不等于空 和 不大于总页数 pageNum是全局变量这里可以使用
if(searchPage!=="" && searchPage<=pageNum){
data.pageNo=searchPage;//修改全局变量里面的 pageNo 其它条件不变
getSmsList();////调用函数 请求ajax
}else{
alert('请输入正确的页数');
}
}
//下一页 方法
function goNext(){
var presentPage=parseInt($(".dangPage").text());
presentPage=presentPage+1;
//判断页数 不大于总页数 pageNum是全局变量这里可以使用
if( presentPage<=pageNum){
data.pageNo=presentPage;//修改全局变量里面的 pageNo 其它条件不变
getSmsList();////调用函数 请求ajax
$(".dangPage").text(presentPage);
}else{
alert('没有下一页了');
}
}
//上一页 方法
function goPrev(){
var presentPage=parseInt($(".dangPage").text());
presentPage=presentPage-1;
//判断页数 是否小于0
if( presentPage<=0){
data.pageNo=presentPage;//修改全局变量里面的 pageNo 其它条件不变
getSmsList();////调用函数 请求ajax
$(".dangPage").text(presentPage);
}else{
alert('没有上一页了');
}
}
//进入页面 默认 没有任何条件
requestData:function(){
getsmslist();
}
//点击查询的 动作
search:function(){
//修改 全局变量data 里面的 数据 将 查询的 条件 加入 同时pageNo 变为1
$(".search").click(function(){
var startTime= $("#start").val(); //获取开始时间
var endTime=$("#end").val(); //获取结束时间
var searchStatus=$(".searchStatus").val(); //获取状态
var searchType=$(".searchType option:selected").val();//获取类型
//设置全局变量data 前面 不要有var 设置请求筛选条件 和 页数
data = {"startDate":startTime,"endDate":endTime,"smsTypeId":searchType,"smsStatus":searchStatus,"pageNo":1,"pageSize":10};
getSmsList(); //调用函数 请求ajax
}
}
/************** 逻辑简单的写法 结束*******************************************/
/*套餐剩余总量 hover信息*/
popHover:function(){
$(".progress").popover({ trigger: "manual" , html: true, animation:false})
.on("mouseenter", function () {
var _this = this; // 这里的this触发的dom,需要存起来 否则在下面 .popover的逻辑中this会变为弹出的dom
$(this).popover("show");
$(".popover").on("mouseleave", function () {
$(_this).popover('hide');
});
}).on("mouseleave", function () {
var _this = this;
setTimeout(function () {
if (!$(".popover:hover").length) {
$(_this).popover("hide");
}
}, 300);
});
},
/*协议弹窗*/
dataUp:function(){
if(!result){
var bojbox=document.getElementById('box');
window.onload=setTimeout(function(){bojbox.style.display='block'},1000);
// document.getElementById('close').onclick=function(){
// bojbox.style.display = 'none';
// }
function pop(){
bojbox.style.display ='block'
}
$("#statemenNo").click(function(){
window.location.href='/login/skip2IndexPage.do';
})
$("#statementYes").click(function(){
$.ajax({
url: ctx + "/sms/addAgreement.do",
type:"get",
data:'',
success: function(data) {
$("#box").hide()
}
})
});
}
},
/*列表默认加载*/
requestData:function(){
$.ajax({
url: ctx + "/sms/smsIndexList.do",
type: "get",
data: {"pageNo":"1","pageSize":"10"},
success: function (data) {
console.log(data);
$.each(data.smsList, function (i, result) {
var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' href='/sms/smsDetail.do?date="+result.createTimeStr+"&smsTypeId="+result.smsTypeId+"' >" + "查看详情" + "</a></td></tr>";
// href='${ctx}/sms/toSmsDetailPage.do'
$('#tdBody').append(item);
});
/*分页 */
var pageNum=parseInt(parseInt(data.total)/10+1);
$(".totalPage").text(pageNum);
if(pageNum<1){
var nullshow='<tr><td colspan="9"><div class="v-noresult"><p>对不起！暂无数据！</p></div></td></tr>'
$('#tdBody').html(nullshow);
}
$(".action a").click(function(){
var searchPage=$(".input-text").val();
if(searchPage!==""){
$.ajax({
url: ctx + "/sms/smsIndexList.do",
type: "get",
data: {
pageNo: searchPage,
pageSize: 10
},
success:function(data){
$("#tdBody").empty();
$.each(data.smsList, function (i, result) {
var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' >" + "查看详情" + "</a></td></tr>";
//href='${ctx}/sms/toSmsDetailPage.do'
$('#tdBody').append(item);
});
}
})
$(".dangPage").text(searchPage)
}
});
$(".next").click(function(){
var presentPage=parseInt($(".dangPage").text());
var totalPage=parseInt($(".totalPage").text());
if(presentPage < totalPage){
$(".dangPage").text(presentPage+1);
var nextPage=parseInt($(".dangPage").text());
$.ajax({
url: ctx + "/sms/smsIndexList.do",
type: "get",
data: {
pageNo: nextPage,
pageSize: 10
},
success: function (data) {
$("#tdBody").empty();
$.each(data.smsList, function (i, result) {
var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' >" + "查看详情" + "</a></td></tr>";
//href='${ctx}/sms/toSmsDetailPage.do'
$('#tdBody').append(item);
});
}
})
}
if(parseInt($(".dangPage").text()) >1){
$(".prev").css('display','block');
}else{
$(".prev").css('display','none');
}
});
$(".paging .prev").click(function(){
var newPage=$(".dangPage").text();
$('.dangPage').text(newPage-1);
var xPage=parseInt($('.dangPage').text());
if(xPage==1){
$(".prev").css('display','none');
}
$.ajax({
url: ctx + "/sms/smsIndexList.do",
type: "get",
data: {
pageNo: xPage,
pageSize: 10
},
success: function (data) {
$("#tdBody").empty();
$.each(data.smsList, function (i, result) {
item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' href='${ctx}/sms/toSmsDetailPage.do'>" + "查看详情" + "</a></td></tr>";
$('#tdBody').append(item);
});
}
})
});
}
})
},
/*点击查询*/
search:function(){
$(".search").click(function(){
$("#pager-container").empty();
var template='<div class="pagination clearfix">'+
'<div class="page">'+
'<div class="paging">'+
'<a class="prev" href="javascript:void(0);" style="display:none" ><i></i></a>'+
'<span class="text page-view-num"><em class="dangPage">1</em> /<i class="totalPage"></i></span>'+
'<a class="next" href="javascript:void(0);"><i></i></a>'+
'</div>'+
'<div class="number">'+
'<input class="input-text" type="text"></div>'+
'<div class="action"><a href="javascript:void(0);">跳转</a></div>'+
'</div>'+
'</div>'
$("#pager-container").html(template);
var startTime= $("#start").val();
var endTime=$("#end").val();
var searchStatus=$(".searchStatus").val();
var searchType=$(".searchType option:selected").val();
$.ajax({
url: ctx + "/sms/smsIndexList.do",
type: "post",
data: {
startDate:startTime,
endDate:endTime,
smsTypeId:searchType,
smsStatus:searchStatus,
pageNo:1,
pageSize:10
},
success: function (data) {
console.log(data);
$("#tdBody").empty();
$.each(data.smsList, function (i, result) {
var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' href='/sms/smsDetail.do?date="+result.createTimeStr+"&smsTypeId="+result.smsTypeId+"' >" + "查看详情" + "</a></td></tr>";
$('#tdBody').append(item);
});
/*分页 */
var pageNum=parseInt(parseInt(data.total)/10+1);
$(".totalPage").text(pageNum);
if(pageNum<1){
var nullshow='<tr><td colspan="9"><div class="v-noresult"><p>对不起！暂无数据！</p></div></td></tr>'
$('#tdBody').html(nullshow);
}
$(".action a").click(function(){
var searchPage=$(".input-text").val();
if(searchPage!==""){
$.ajax({
url: ctx + "/sms/smsIndexList.do",
type: "get",
data: {
startDate:startTime,
endDate:endTime,
smsTypeId:searchType,
smsStatus:searchStatus,
pageNo: searchPage,
pageSize: 10
},
success:function(data){
$("#tdBody").empty();
$.each(data.smsList, function (i, result) {
var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' >" + "查看详情" + "</a></td></tr>";
//href='${ctx}/sms/toSmsDetailPage.do'
$('#tdBody').append(item);
});
}
})
$(".dangPage").text(searchPage)
}
});
$(".next").click(function(){
var presentPage=parseInt($(".dangPage").text());
var totalPage=parseInt($(".totalPage").text());
if(presentPage < totalPage){
$(".dangPage").text(presentPage+1);
var nextPage=parseInt($(".dangPage").text());
$.ajax({
url: ctx + "/sms/smsIndexList.do",
type: "get",
data: {
startDate:startTime,
endDate:endTime,
smsTypeId:searchType,
smsStatus:searchStatus,
pageNo: nextPage,
pageSize: 10
},
success: function (data) {
$("#tdBody").empty();
$.each(data.smsList, function (i, result) {
var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' >" + "查看详情" + "</a></td></tr>";
//href='${ctx}/sms/toSmsDetailPage.do'
$('#tdBody').append(item);
});
}
})
}
if(parseInt($(".dangPage").text()) >1){
$(".prev").css('display','block');
}else{
$(".prev").css('display','none');
}
});
$(".paging .prev").click(function(){
var newPage=$(".dangPage").text();
$('.dangPage').text(newPage-1);
var xPage=parseInt($('.dangPage').text());
if(xPage==1){
$(".prev").css('display','none');
}
$.ajax({
url: ctx + "/sms/smsIndexList.do",
type: "get",
data: {
startDate:startTime,
endDate:endTime,
smsTypeId:searchType,
smsStatus:searchStatus,
pageNo: xPage,
pageSize: 10
},
success: function (data) {
$("#tdBody").empty();
$.each(data.smsList, function (i, result) {
var item = "<tr><td>" + result.createTimeStr + "</td><td>" + result.smsType + "</td><td>" + result.smsStatus + "</td><td>" + result.dayNum + "</td><td><a class='color-blue j-edit' href='${ctx}/sms/toSmsDetailPage.do'>" + "查看详情" + "</a></td></tr>";
$('#tdBody').append(item);
});
}
})
});
}
});
})
},
};
View.init();
});
