var setting = { data: { simpleData: { enable: true, idKey: "id", pIdKey: "parentId", rootPId: -1 }, key: { url:"nourl" } } }; var ztree; var vm = new Vue({ el:'#rapp', data:{ q:{ keyword: null }, title:null, roleList:{}, user:{ status:1, deptId:null, deptName:null, roleIdList:[] } }, methods: { getDept: function(){ //加载部门树 $.get(restServerBaseURL + "sys/dept/list", function(r){ ztree = $.fn.zTree.init($("#deptTree"), setting, r); var node = ztree.getNodeByParam("id", vm.user.deptId); if(node != null){ ztree.selectNode(node); vm.user.deptName = node.name; } }); }, saveOrUpdate: function () { var url = vm.user.id == null ? "org/user/save" : "org/user/update"; $.ajax({ type: "POST", url: restServerBaseURL + url, contentType: "application/json", data: JSON.stringify(vm.user), success: function(r){ if(r.code === 0){ alert('操作成功', function(){ vm.reload(); }); }else{ alert(r.msg); } } }); }, getUser: function(userId){ $.get(restServerBaseURL + "org/user/info/"+userId, function(r){ vm.user = r.user; vm.user.password = null; vm.getDept(); }); }, getRoleList: function(){ $.get(restServerBaseURL + "sys/role/select", function(r){ vm.roleList = r.list; }); }, deptTree: function(){ openLayerOfBtn("300px", "450px", "选择部门", "deptLayer", vm.deptTreeCallback); }, deptTreeCallback: function () { var node = ztree.getSelectedNodes(); //选择上级部门 vm.user.deptId = node[0].id; vm.user.deptName = node[0].name; } }, created: function(){ var search = window.location.search; search = search.replace("?", ""); var userId = search.split('=')[1]; if(userId == ""){ this.title = "新增"; this.roleList = {}; this.user = { deptName:null, deptId:null, status:1, roleIdList:[] }; //获取角色信息 this.getRoleList(); this.getDept(); } else { this.title = "修改"; this.getUser(userId); //获取角色信息 this.getRoleList(); } } });