VisualInspection/VisualInspection/js/user/userManager.js

 var zdata = [];
 var dept_tree = null;
 var edittype = "add";
 $(document).ready(function() {

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

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

     getDept();

     $("#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: [{
                 width: 10,
                 text: '序号',
                 type: 'number',
                 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: 80,
                 text: '角色',
                 type: 'string',
                 flex: true,
                 colClass: 'text-center'
             }, {
                 width: 160,
                 text: '操作',
                 type: 'string',
                 flex: true,
                 colClass: 'text-center'
             }],
             rows: [{
                 checked: false,
                 data: [1, '黎明', '15159', '13505159275', '普通用户', '<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i> 修改</a><a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']
             }, {
                 checked: false,
                 data: [1, '黎明', '15159', '13505159275', '普通用户', '<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i> 修改</a><a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']
             }, {
                 checked: false,
                 data: [1, '黎明', '15159', '13505159275', '普通用户', '<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i> 修改</a><a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']
             }, {
                 checked: false,
                 data: [1, '黎明', '15159', '13505159275', '普通用户', '<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i> 修改</a><a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']
             }, {
                 checked: false,
                 data: [1, '黎明', '15159', '13505159275', '普通用户', '<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i> 修改</a><a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']
             }, {
                 checked: false,
                 data: [1, '黎明', '15159', '13505159275', '普通用户', '<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i> 修改</a><a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']
             }, {
                 checked: false,
                 data: [1, '黎明', '15159', '13505159275', '普通用户', '<a href="#" data-toggle="modal" data-target="#myModal"><i class="icon icon-edit"></i> 修改</a><a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']
             }]
         }
     });



 });

 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);
     }


     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
         },
         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["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) != "undefinde" && 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["name"] = m.organname;
             zdataItem["children"] = addobj(m);
             zdata.push(zdataItem);
         }
         return zdata;
     } else {
         return [];
     }
 }