/** * Created by ThinkPad on 2017/7/8. */ var PostDatas = { }; $(document).ready(function () { App.init(); $("#userGrid").jqGrid({ url: '/main/user/findya', postData: PostDatas, mtype: "GET", styleUI: 'Bootstrap', datatype: "json", autowidth: true, colModel: [ { label: '序号', name: 'user.id', key: true, width: 75 }, { label: '姓名', name: 'user.name', width: 100 }, { label: '手机号', name: 'user.mobile', width: 100}, { label: '组织名', name: 'organizationUser.organizationName', width:150 }, { label:'用户类型', name: 'organizationUser.organizationType', width: 80,formatter:ShowType }, { label:'app角色', name: 'organizationUser.roleType', width: 60,formatter:ShowApp }, { label:'账号状态', name: 'user.status', width: 100,formatter:ShowType1 }, { label:'操作', width: 150,formatter:ShowOpertator} ], viewrecords: true, height: 'auto', rowNum: 10, pager: "#userGridPager" }); }); var SearchBtn = function() { var sdata = { // 构建查询需要的参数 usermobile :$("#mobile").val(), username :$("#name").val(), }; var postData = $("#userGrid").jqGrid("getGridParam", "postData"); $.extend(postData, sdata); $("#userGrid").jqGrid("setGridParam", { search: true // (6)将jqGrid的search选项设为true }).trigger("reloadGrid", [{page:1}]); // (7)重新载入Grid表格,以使上述设置生效 } function ShowType(cellvalue, options, rowObject) { switch (cellvalue) { case 1: return "养殖场人员"; case 3: return "政府人员"; default: return ""; } return ""; } function ShowApp(cellvalue, options, rowObject) { switch (cellvalue) { case 1: return "管理人员"; case 2: return "运维人员"; default: return ""; } return ""; } function ShowType1(cellvalue, options, rowObject) { switch (cellvalue) { case 1: return "正常"; case -1: return "停用"; case -2: return "冻结"; default: return ""; } return ""; } function ShowOpertator(cellvalue, options, rowObject) { var link; var rowval = rowObject["user"]; link="<a href='/user/edit?id="+rowval.id+"' class='btn btn-small btn-primary'>编辑</a>"; link+=" " link+="<a href='javascript:void(0);' class='btn btn-danger btn-small' οnclick='BtnDel("+rowval.id+")'>停用</a>"; return link; } function ShowDate(cellvalue, options, rowObject) { var timestamp4 = new Date(cellvalue); var dt= timestamp4.toLocaleDateString().replace(/\//g, "-") + " " + timestamp4.toTimeString().substr(0, 8); return dt; } function BtnDel(id) { layui.use('layer', function() { var $ = layui.jquery, layer = layui.layer; var postData = {id: id}; layer.confirm('确认要停用该用户吗? 停用后不可恢复。', { btn: ['确认', '取消'] }, function (index, layero) { $.ajax({ type: "POST", url: "/main/user/doDelUser", data: postData, dataType: "json", success: function (data) { layer.msg('信息停用成功!', {icon: 1, time: 2000,}); $("#userGrid").jqGrid("setGridParam").trigger("reloadGrid", [{page: 1}]); } }); }, function (index) { layer.close(); }); }); } function addUser(data) { layui.use(['laypage', 'layer'], function () { var $ = layui.jquery, layer = layui.layer; layer.open({ type: 2, area: ['800px', '550px'], title: '添加用户', content: ['/main/addUser', 'no'], btn: ['保存', '取消'], btn1: function (index, layero) { var body = layer.getChildFrame('body', index); var iframeWin = window[layero.find('iframe')[0]['name']]; var id = body.find("#id").val(); var username = body.find("#username").val(); var usertype = body.find("#usertype").val(); var roletype = body.find("#roletype").val(); var organizationName = body.find("#organizationName").val(); var mobile = body.find("#mobile").val(); var password = body.find("#password").val(); if (username == "") { layer.alert('请输入用户名称'); return false; } if (usertype == "0") { layer.alert('请选择用户分类'); return false; } if (organizationName == "") { layer.alert('请输入所属组织'); return false; } if (mobile == ""||mobile.length!=11) { layer.alert('请输入手机号码'); return false; } if (password == "") { layer.alert('请输入密码'); return false; } var postData = { id: id, username: username, usertype: usertype, roletype: roletype, organizationName: organizationName, mobile: mobile, password: password }; layer.msg('你确定要保存用户信息吗?', { time: 60000, //20s后自动关闭 btn: ['保存', '取消'], btn1: function (layero, index) { $.ajax({ url: "/main/doAddUser", data:postData, dataType: "json", success: function (data) { if (data){ layer.msg('保存成功',{btn: '确定' ,time: 60000,btnAlign: 'c',area: ['150px', '100px'], btn1:function(index, layero){ window.location.href="/main/userdetail"; }}) ; }else{ layer.msg('保存失败',{btn: '确定' ,time: 60000,btnAlign: 'c',area: ['150px', '100px']}) ; } } }); } }); } }) }); }
jqurid 表格 弹窗layer
最新推荐文章于 2024-05-03 10:08:27 发布