layui.config({ base: "/js/" }).use(['form', 'vue', 'ztree', 'layer', 'jquery', 'table', 'droptree', 'hhweb', 'utils'], function () { var form = layui.form, layer = layui.layer, $ = layui.jquery; var table = layui.table; var hhweb = layui.hhweb; layui.droptree("/base/UserSession/GetOrgs", "#ParentName", "#ParentId", false); $("#menus").loadMenus("SysDept", 1); //主列表加载,可反复调用进行刷新 var config = {}; //table的参数,如搜索key,点击tree的id var mainList = function (options) { if (options != undefined) { $.extend(config, options); } table.reload('mainList', { url: '/base/UserSession/GetSubOrgs' , method: 'POST' , where: config, page: { curr: 1 //重新从第 1 页开始 } }); } //左边树状机构列表 var ztree = function () { var url = '/base/UserSession/GetOrgs'; var zTreeObj; var setting = { view: { selectedMulti: false }, data: { key: { name: 'Name', title: 'Name' }, simpleData: { enable: true, idKey: 'Id', pIdKey: 'ParentId', rootPId: 'null' } }, callback: { onClick: function (event, treeId, treeNode) { mainList({ orgId: treeNode.Id }); } } }; var load = function () { $.getJSON(url, function (json) { zTreeObj = $.fn.zTree.init($("#tree"), setting); var newNode = { Name: "根节点", Id: null, ParentId: "" }; json.push(newNode); zTreeObj.addNodes(null, json); mainList({ orgId: "" }); zTreeObj.expandAll(true); }); }; load(); return { reload: load } }(); $("#tree").height($("div.layui-table-view").height()); //添加(编辑)对话框 var editDlg = function () { var vm = new Vue({ el: "#formEdit" }); var update = false; //是否为更新 var show = function (data) { var title = update ? "编辑" : "新增"; index = layer.open({ title: title, area: ["500px", "400px"], type: 1, content: $('#divEdit'), success: function () { vm.$set('$data', data); } }); var url = "/base/SysDept/Add"; if (update) { url = "/base/SysDept/Update"; //暂时和添加一个地址 } debugger //提交数据 form.on('submit(formSubmit)', function (data) { $.post(url, data.field, function (data) { layer.msg(data.Message); // if ((!update) && data.Code == 200) { //添加成功要刷新左边的树 ztree.reload(); // } mainList(); layer.close(index); }, "json"); return false; }); } return { add: function () { //弹出添加 update = false; show({ Id: '', SortNo: 1 }); }, update: function (data) { //弹出编辑框 update = true; show(data); } }; }(); //监听页面主按钮操作 var active = { btnDel: function () { //批量删除 var checkStatus = table.checkStatus('mainList') , data = checkStatus.data; hhweb.del("/base/SysDept/Delete", data.map(function (e) { return e.Id; }), function () { mainList(); ztree.reload(); }); } , btnAdd: function () { //添加 editDlg.add(); } , btnEdit: function () { //编辑 var checkStatus = table.checkStatus('mainList') , data = checkStatus.data; if (data.length != 1) { layer.alert("请选择编辑的行,且同时只能编辑一行", { icon: 2, shadeClose: true, title: "错误信息" }); return; } editDlg.update(data[0]); } , search: function () { //搜索 mainList({ key: $('#key').val() }); } , btnRefresh: function () { mainList(); } , btnAccessModule: function () { var index = layer.open({ title: "为用户分配模块", type: 2, content: "newsAdd.html", success: function (layero, index) { } }); } }; $('.toolList .layui-btn').on('click', function () { var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); //监听页面主按钮操作 end })