自执行js函数

it2022-05-08  9

var kpiItemNp = (function(){ var kpiItemObj = { pageNum:1, pageSize:10, init:function() { this._initFrom(); // 初始化table this._initTable(); // 绑定事件 this._bindEvents(); }, refresh:function() { //重新加载页面 var that = this; that._initTable(); }, _initFrom:function(){ var that = this; $.ajax({ url: path+"/courseColumn/getAllList",      type: "POST",      data: null,      success: function (data) { var list = data.list; var list2 = data.list; var str = "<option value=''>请选择</option>"; if(list && list.length >0){ for(var i = 0; i<list.length ; i++){ if(list[i].parentId == 0){ str +="<option value='"+list[i].id+"'>"+list[i].name+"</option>"; } } $("#columnId").html(str); layui.use(['form'], function(){ var form = layui.form; form.render(); }); } layui.use(['form'], function(){ var form = layui.form; form.on('select(changeCol)', function(data){ var val = data.value; var str2 ="<option value=''>请选择</option>"; if(val){ for(var i = 0; i<list.length ; i++){ if(list[i].parentId == val){ str2 +="<option value='"+list[i].id+"'>"+list[i].name+"</option>"; } } } $("#columnId2").html(str2); form.render(); }); });       }     }); }, _bindEvents:function() { var that = this; $("#searchbtn").click(function(){ that.pageNum=1; that.pageSize=10; that._initTable(); }); $("#add").click(function(){ that._add(); }); $("#del").click(function(){ that._del(); }); $("#detail").click(function(){ that._detail(); }); }, _initTable:function() { var that = this; var name =$("#name").val(); var uploadStartDate =$("#uploadStartDate").val(); var uploadEndDate =$("#uploadEndDate").val(); var columnId =$("#columnId").val(); var columnId2 =$("#columnId2").val(); var examType =$("input[name=examType]:checked").val(); var monitorType =$("input[name=monitorType]:checked").val(); $.ajax({ url: path+'/ware/getPage?pageNum='+that.pageNum+'&pageSize='+that.pageSize, type: 'POST', data:{"name":name, "uploadStartDate":uploadStartDate, "uploadEndDate":uploadEndDate, "columnId":columnId, "columnId2":columnId2, "examType":examType, "monitorType":monitorType }, success: function (data) { var list = data.list; var size = list.length; $('#demo2').html(""); var w = document.body.offsetWidth; w = Math.floor((w -240)/5) ; wpx = w+"px"; var hpx = Math.floor((w/1.7))+"px"; if(size >0){ for(var i=0 ;i<size ;i++){ var str = '<div style="float: left;border: solid 1px #efefef;margin: 0 5px 5px 0;">'+ '<img id="'+list[i].id+'" title="'+list[i].name+'" src="'+ list[i].downloadUrl + list[i].coverUrl +'" alt="" width="'+wpx+'" height="'+hpx+'" style="padding:5px" class="">'+ '<p class="pic-tit">'+list[i].name+'</p>'+ '<p class="fenlei">分类:'+list[i].columnName+'</p>'+ '<p class="jieduan">阶段:'+list[i].stageName+'<span>'+list[i].author+'<input type="checkbox" name="check_list" value="'+list[i].id+'" lay-skin="primary"></span></p>'+ '</div>'; $('#demo2').append(str); layui.use(['form'], function(){ var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功 form.render(); }); } }else{ $('#demo2').append("没有数据"); } layui.use(['form','laydate','laypage'], function(){ var laydate = layui.laydate; var laypage = layui.laypage; var form = layui.form; laypage.render({ elem:'laypage' ,count:data.totalRow ,curr:data.pageNumber ,limit:data.pageSize ,layout: ['prev', 'page', 'next', 'skip','count','limit'] ,jump:function (obj,first) { if(!first){ that.pageNum = obj.curr; that.pageSize = obj.limit; that.refresh(); } } }) var nowTime = new Date().valueOf(); var max = null; var start = laydate.render({ elem: '#uploadStartDate', format:'yyyy-MM-dd', max: nowTime, btns: ['clear', 'confirm'], done: function(value, date){ endMax = end.config.max; end.config.min = date; //最大时间为结束时间的开始值 end.config.min.month = date.month -1; } }); var end = laydate.render({ elem: '#uploadEndDate', max: 4073558400000, format:'yyyy-MM-dd', min:nowTime, done: function(value, date){ if($.trim(value) == ''){ var curDate = new Date(); date = {'date': curDate.getDate(), 'month': curDate.getMonth()+1, 'year': curDate.getFullYear()}; } start.config.max = date;//最小时间为开始时间的最大值 start.config.max.month = date.month -1; } }) //监听折叠 // element.on('collapse(test)', function(data){ // //layer.msg('展开状态:'+ data.show); // }); }); }, error: function (err) { } }); }, _add:function(){ var that = this; var myindex = layer.open({ id: 'insert-form', //设定一个id,防止重复弹出 type: 2, title:'新增', area: ['600px','340px'], content: path+'/ware/add', maxmin:true, end:function(){ that.refresh(); }, btn: ['保存','取消'], yes: function(index, layero){ $(layero).find("iframe")[0].contentWindow.$('#submitForm').click(); }, btn2: function(){ layer.closeAll(); } }); layer.full(myindex); }, _edit:function(id){ var that = this; var myindex = window.top.layer.open({ id: 'insert-form', //设定一个id,防止重复弹出 type: 2, title:'修改', area: ['900px','500px'], content: path+'/ware/add?id='+id, maxmin:true, end:function(){ that.refresh(); }, btn: ['保存','取消'], yes: function(index, layero){ $(layero).find("iframe")[0].contentWindow.$('#submitForm').click(); }, btn2: function(){ layer.closeAll(); } }); // layer.full(myindex); }, _detail:function(id){ var that = this; if(that.checkedNum()){ var id = that.checkedValue(); var myindex = layer.open({ id: 'insert-form', //设定一个id,防止重复弹出 type: 2, title:'查看', area: ['900px','500px'], content: path+'/ware/detail?id='+id, maxmin:true, btn: ['取消'], btn1: function(){ layer.closeAll(); } }); layer.full(myindex); } }, _del:function(obj ,id){ var that = this; if(that.checkedNum()){ layer.confirm('真的删除么',{icon: 3, title:'提示'}, function(index){ var id = that.checkedValue(); $.ajax({                  url: path+"/ware/delWare?time="+new Date().getTime(),                  type: "POST",                  data: {id:id},                  success: function (info) { if("ok" == info.state){ layer.msg('删除成功', {icon: 1}); setTimeout(function(){ layer.close(index); that.pageNum=1; that.pageSize=10; that._initTable(); }, 500); }else{ layer.msg('删除失败', {icon: 2}); }                  }              }); }); } }, checkedNum:function(){ var checkedNum = $("input[name='check_list']:checked").length; if (checkedNum == 0) { layer.msg('请选择一条数据', {icon: 0}); return false; } else if (checkedNum > 1) { layer.msg('只能选择一条数据', {icon: 2}); return false; } else { return true; } }, checkedValue:function(){ var checkedVal = ""; $("input:checkbox[name='check_list']:checked").each(function(i){ checkedVal += $(this).val(); checkedVal += ","; }); checkedVal = checkedVal.substr(0, checkedVal.length - 1); return checkedVal; } }; return { init: function() { kpiItemObj.init(); }, refresh: function() { kpiItemObj.refresh(); } }; })();

 


最新回复(0)