VisualInspection/VisualInspection/js/user/userManager.js

 var zdata = [];
 var dept_tree = null;
 var edittype = "add";
 var UserMap = new HashMap()
 var cols = [{
     width: 10,
     text: '序号',
     type: 'number',
     flex: false,
     colClass: 'text-center'
 }, {
     width: 30,
     text: '账号',
     type: 'string',
     flex: false,
     colClass: 'text-center'
 }, {
     width: 30,
     text: '姓名',
     type: 'string',
     flex: false,
     sort: 'down',
     colClass: 'text-center'
 }, {
     width: 40,
     text: '工号',
     type: 'string',
     flex: true,
     colClass: 'text-center'
 }, {
     width: 80,
     text: '手机号',
     type: 'string',
     flex: false,
     sort: 'down',
     colClass: 'text-center'
 }, {
     width: 200,
     text: '角色',
     type: 'string',
     flex: true,
     colClass: 'text-center'
 }, {
     width: 140,
     text: '操作',
     type: 'string',
     flex: true,
     colClass: 'text-center'
 }];
 $(document).ready(function() {

     $("#main_content_title").html("用户管理")

     $('#dashboard').dashboard({ draggable: true });
     var zTreeObj;
     var zNodes = [];
     dept_tree = $.fn.zTree.init($("#department_tree"), {}, zNodes);

     getDept();

     $("#user_add").on("click", function() {
         var nodedata = dept_tree.getSelectedNodes();
         edittype = "add"
         loadUserData(nodedata)
         $('#addUserModal').modal('show')
     })


     $("#dept_add").on("click", function() {
         var nodedata = dept_tree.getSelectedNodes();
         edittype = "add"
         loadData(nodedata)
         $('#addModal').modal('show')
     })

     $("#dept_edit").on("click", function() {
         //获取选中的节点
         var nodedata = dept_tree.getSelectedNodes();
         if (nodedata.length < 1) {
             layer.msg('请先选择部门！', {
                 time: 2000, //20s后自动关闭
             });
             return;
         }
         edittype = "edit"
         loadData(nodedata)
         $('#addModal').modal('show');
     });

     $("#dept_delete").on("click", function() {
         //获取选中的节点
         var nodedata = dept_tree.getSelectedNodes();
         if (nodedata.length < 1) {
             layer.msg('请先选择部门！', {
                 time: 2000, //20s后自动关闭
             });
             return;
         }
         DeptDelete(nodedata[0].id, function(data) {
             layer.msg('删除成功！', {
                 time: 2000, //20s后自动关闭
             });
             dept_tree.removeNode(nodedata[0]);
         }, function(error) {

         });
     });



     $('.datatable').datatable({
         checkable: false,
         sortable: false,
         data: {
             cols: cols,
             rows: []
         }
     });


     $('.datatable').on('click', 'button', function() {
         if (this.name == "user_edit") {
             edittype = "edit"
             var user = UserMap.get(parseInt(this.id));
             loadUserData(user)
             $('#addUserModal').modal('show')
         }
         if (this.name == "user_delete") {
             UserDelete({ "id": this.id }, function(data) {
                     layer.msg('用户删除成功！', {
                         time: 2000, //20s后自动关闭
                     }, function() {
                         var nodedata = dept_tree.getSelectedNodes();
                         updateUser(nodedata[0].id)
                     });
                 },
                 function(error) {

                 })
         }

     });


 });

 function getDept() {
     function zTreeOnRename(event, treeId, treeNode, isCancel) {
         alert(treeNode.tId + ", " + treeNode.name);
     }

     //  function zTreeBeforeDrop(treeId, treeNodes, targetNode, moveType) {
     //      return !(targetNode == null || (moveType != "inner" && !targetNode.parentTId));
     //  };

     function zTreeOnRemove(event, treeId, treeNode) {
         alert(treeNode.tId + ", " + treeNode.name);
     }

     function zTreeOnClick(event, treeId, treeNode) {
         updateUser(treeNode.id)
     };


     var setting = {
         data: {
             simpleData: {
                 enable: true,
                 idKey: "id",
                 pIdKey: "pId",
                 rootPId: null
             }
         },
         view: { //表示tree的显示状态
             selectMulti: false //表示禁止多选
         },
         check: { //表示tree的节点在点击时的相关设置
             enable: false, //是否显示radio/checkbox
             chkStyle: "checkbox", //值为checkbox或者radio表示
             checkboxType: { p: "", s: "" }, //表示父子节点的联动效果
             radioType: "level" //设置tree的分组
         },
         callback: {
             onRename: zTreeOnRename,
             //  beforeDrop: zTreeBeforeDrop,
             onRemove: zTreeOnRemove,
             onClick: zTreeOnClick
         },
         edit: {
             enable: true,
             drag: {
                 autoExpandTrigger: true,
                 isMove: true,
                 prev: false,
                 next: true,
                 inner: true,
                 autoOpenTime: 0
             },
             showRenameBtn: false,
             showRemoveBtn: false
         }
     };

     DeptGetAll(function(data) {
         zdata = [];
         for (var i = 0; i < data.length; i++) {
             var m = data[i];
             var zdataItem = {};
             zdataItem["id"] = m.id;
             zdataItem["value"] = m.id;
             zdataItem["pId"] = null;
             zdataItem["name"] = m.organname;
             zdataItem["open"] = true;
             zdataItem["children"] = addobj(m);
             zdata.push(zdataItem);
         }
         dept_tree = $.fn.zTree.init($("#department_tree"), setting, zdata)
     }, function(error) {

     });
 }



 function addobj(data) {
     var zdata = [];
     if (typeof(data.childs) != "undefined" && data.childs != null &&
         data.childs.length > 0) {
         for (var i = 0; i < data.childs.length; i++) {
             var m = data.childs[i];
             var zdataItem = {};
             zdataItem["id"] = m.id;
             zdataItem["value"] = m.id;
             zdataItem["pId"] = data.id;
             zdataItem["icon"] = "";
             zdataItem["open"] = true;
             zdataItem["name"] = m.organname;
             zdataItem["children"] = addobj(m);
             zdata.push(zdataItem);
         }
         return zdata;
     } else {
         return [];
     }
 }

 function updateUser(organid) {
     var userData = {
         "organid": organid
     }

     UserGetList(userData, function(data) {
             //跟新table
             var rowdata = [];
             if (data != null && data.length > 0) {
                 for (var i = 0; i < data.length; i++) {
                     var user = data[i];

                     var attr = "";
                     if (user.authorities.length > 0) {
                         for (var j = 0; j < user.authorities.length; j++) {
                             var at = user.authorities[j];
                             if (attr.length > 0) {
                                 attr += "," + at.authority;
                                 continue;
                             }
                             attr += at.authority;
                         }
                     }

                     console.log(user.username + "..." + user.truename + '...' + user.workno + "..." + user.mobile + "..." + attr + "..." + user.id)
                     UserMap.set(user.id, user)
                     var userdata = {};
                     userdata["checked"] = false;
                     userdata["data"] = [i + 1, user.username, user.truename, user.workno == null ? -1 : user.workno, user.mobile == null ? "" : user.mobile, attr, '<button class="btn btn-primary" name="user_edit" id=' + user.id + '><i class="icon icon-edit"></i>修改</button>  <button class="btn btn-primary" name="user_delete" id=' + user.id + ' ><i class="icon icon-remove-circle"></i>删除</button>'];
                     rowdata.push(userdata);
                 }
             }
             // 使用data参数更新数据：
             $('.datatable').datatable('load', {
                 cols: cols,
                 rows: rowdata
             });

         },
         function(error) {

         });
 }