From 8cc435d11237a7daac4bae0a00df5b285f30c0d4 Mon Sep 17 00:00:00 2001
From: chenjinlong <22208488@qq.com>
Date: Fri, 22 Jan 2021 16:20:15 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90user.js=E3=80=91=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=96=B0=E7=89=88js?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/assets/modular/system/user/user.js | 241 +++++++-----------
 1 file changed, 98 insertions(+), 143 deletions(-)

diff --git a/src/main/webapp/assets/modular/system/user/user.js b/src/main/webapp/assets/modular/system/user/user.js
index c992e5b8..cff840d0 100644
--- a/src/main/webapp/assets/modular/system/user/user.js
+++ b/src/main/webapp/assets/modular/system/user/user.js
@@ -1,107 +1,59 @@
-layui.use(['layer', 'form', 'table', 'ztree', 'laydate', 'admin', 'HttpRequest', 'func', 'tree', 'util'], function () {
+layui.use(['layer', 'form', 'table', 'util', 'admin', 'tree', 'dropdown', 'xmSelect', 'treeTable', 'func', 'HttpRequest'], function () {
+    var $ = layui.jquery;
     var layer = layui.layer;
     var form = layui.form;
     var table = layui.table;
-    var HttpRequest = layui.HttpRequest;
-    var laydate = layui.laydate;
-    var func = layui.func;
+    var admin = layui.admin;
     var tree = layui.tree;
-
-    var util=layui.util;
+    var func = layui.func;
+    var HttpRequest = layui.HttpRequest;
+    var xmSelect = layui.xmSelect;
+    var selObj, treeData;  // 左树选中数据
 
     /**
      * 系统管理--用户管理
      */
-    var MgrUser = {
+    var OrganizationUser = {
         tableId: "userTable",    //表格id
-        condition: {
-            realName: "",
-            orgId: "",
-            account: ""
-        }
     };
 
-    /**
-     * 初始化表格的列
-     */
-    MgrUser.initColumn = function () {
-
-        //获取多语言
-        //var langs = layui.data('system').lang;
-
-        return [[
-            {type: 'checkbox'},
-            {field: 'userId', hide: true, sort: true, title: '用户id'},
-            {field: 'account', align: "center", sort: true, title: '账号'},
-            {field: 'realName', align: "center", sort: true, title: '姓名'},
-            {field: 'orgId', align: "center", sort: true, title: '机构'},
-            {field: 'positionId', align: "center", sort: true, title: '职务'},
-            {field: 'phone', align: "center", sort: true, title: '电话'},
-            {field: 'createTime', align: "center", sort: true, title: '创建时间', minWidth: 160},
-            {field: 'status', align: "center", sort: true, templet: '#statusTpl', title: '状态'},
-            {align: 'center', toolbar: '#tableBar', title: '操作', minWidth: 350}
-        ]];
-    };
-
-    /**
-     * 选择部门时
-     */
-    MgrUser.onClickDept = function (obj) {
-        MgrUser.condition.orgId = obj.data.id;
-        MgrUser.search();
-    };
-
-    /**
-     * 点击查询按钮
-     */
-    MgrUser.search = function () {
-        var queryData = {};
-        queryData['orgId'] = MgrUser.condition.orgId;
-        queryData['account'] = $("#account").val();
-        queryData['realName'] = $("#realName").val();
-        table.reload(MgrUser.tableId, {
-            where: queryData, page: {curr: 1}
-        });
-    };
-
-    // 添加按钮
-    MgrUser.openAddUser = function () {
+    /* 点击新增对话框 */
+    OrganizationUser.openAddDlg = function () {
         func.open({
             height: 680,
             title: '添加用户',
             content: Feng.ctxPath + '/view/user/addView',
-            tableId: MgrUser.tableId
+            tableId: OrganizationUser.tableId
         });
     };
 
-    // 修改按钮
-    MgrUser.onEditUser = function (data) {
+    /* 点击编辑对话框 */
+    OrganizationUser.openEditDlg = function (data) {
         func.open({
             height: 680,
             title: '修改用户',
             content: Feng.ctxPath + '/view/user/editView?userId=' + data.userId,
-            tableId: MgrUser.tableId
+            tableId: OrganizationUser.tableId
         });
     };
 
-    /**
-     * 导出excel按钮
-     */
-    MgrUser.exportExcel = function () {
-        var checkRows = table.checkStatus(MgrUser.tableId);
-        if (checkRows.data.length === 0) {
-            Feng.error("请选择要导出的数据");
-        } else {
-            table.exportFile(tableResult.config.id, checkRows.data, 'xls');
-        }
+    /* 修改用户状态 */
+    OrganizationUser.changeUserStatus = function (userId, checked) {
+        new HttpRequest(Feng.ctxPath + "/sysUser/changeStatus", 'post', function (data) {
+            table.reload(OrganizationUser.tableId);
+            Feng.success("修改成功!");
+        }, function (data) {
+            table.reload(OrganizationUser.tableId);
+            Feng.error("修改失败!" + data.message);
+        }).set({"userId": userId, "statusFlag": checked}).start(true);
     };
 
-    // 删除用户
-    MgrUser.onDeleteUser = function (data) {
+    /* 点击删除 */
+    OrganizationUser.onDeleteUser = function (data) {
         var operation = function () {
             var httpRequest = new HttpRequest(Feng.ctxPath + "/sysUser/delete", 'post', function (data) {
                 Feng.success("删除成功!");
-                table.reload(MgrUser.tableId);
+                table.reload(OrganizationUser.tableId);
             }, function (data) {
                 Feng.error("删除失败!" + data.message + "!");
             });
@@ -110,23 +62,22 @@ layui.use(['layer', 'form', 'table', 'ztree', 'laydate', 'admin', 'HttpRequest',
         };
         Feng.confirm("是否删除用户" + data.account + "?", operation);
     };
-
     // 分配角色
-    MgrUser.roleAssign = function (data) {
+    OrganizationUser.roleAssign = function (data) {
         func.open({
             title: '授权角色',
             height: 470,
             content: Feng.ctxPath + '/view/user/roleView?userId=' + data.userId,
-            tableId: MgrUser.tableId
+            tableId: OrganizationUser.tableId
         });
     };
 
     // 重置密码
-    MgrUser.resetPassword = function (data) {
+    OrganizationUser.resetPassword = function (data) {
         Feng.confirm("是否重置密码为" + $("#defaultPassword").val() + "?", function () {
             var httpRequest = new HttpRequest(Feng.ctxPath + "/sysUser/resetPwd", 'post', function (data) {
                 Feng.success("重置密码成功!");
-                table.reload(MgrUser.tableId);
+                table.reload(OrganizationUser.tableId);
             }, function (data) {
                 Feng.error("重置密码失败!" + data.message + "!");
             });
@@ -135,70 +86,82 @@ layui.use(['layer', 'form', 'table', 'ztree', 'laydate', 'admin', 'HttpRequest',
         });
     };
 
-    // 修改用户状态
-    MgrUser.changeUserStatus = function (userId, checked) {
-
-        var httpRequest = new HttpRequest(Feng.ctxPath + "/sysUser/changeStatus", 'post', function (data) {
-            table.reload(MgrUser.tableId);
-            Feng.success("修改成功!");
-        }, function (data) {
-            table.reload(MgrUser.tableId);
-            Feng.error("修改失败!" + data.message);
+    /* 渲染树形 */
+    function renderTree() {
+        $.get(Feng.ctxPath + '/hrOrganization/treeLayui', function (res) {
+            tree.render({
+                elem: '#organizationTree',
+                onlyIconControl: true,
+                data: res.data,
+                click: function (obj) {
+                    selObj = obj;
+                    $('#organizationTree').find('.ew-tree-click').removeClass('ew-tree-click');
+                    $(obj.elem).children('.layui-tree-entry').addClass('ew-tree-click');
+                    insTb.reload({
+                        where: {orgId: obj.data.id},
+                        page: {curr: 1},
+                        url: Feng.ctxPath + '/sysUser/page',
+                    });
+                }
+            });
+            $('#organizationTree').find('.layui-tree-entry:first>.layui-tree-main>.layui-tree-txt').trigger('click');
         });
-        httpRequest.set({"userId": userId, "statusFlag": checked});
-        httpRequest.start(true);
-    };
+    }
 
-    // 渲染表格
-    var tableResult = table.render({
-        elem: '#' + MgrUser.tableId,
-        url: Feng.ctxPath + '/sysUser/page',
+    renderTree();
+
+    /* 添加 */
+    $('#userAddBtn').click(function () {
+        OrganizationUser.openAddDlg();
+        return false;
+    });
+
+
+    /* 渲染表格 */
+    var insTb = table.render({
+        elem: '#userTable',
+        data: [],
+        height: 'full-100',
         page: true,
-        height: "full-98",
+        //toolbar: '#organizationUserTbToolBar',
         cellMinWidth: 100,
-        cols: MgrUser.initColumn(),
+        cols: [[
+            {type: 'checkbox'},
+            {field: 'userId', hide: true, sort: true, title: '用户id'},
+            {field: 'account', align: "center", sort: true, title: '账号'},
+            {field: 'realName', align: "center", sort: true, title: '姓名'},
+            {field: 'positionId', align: "center", sort: true, title: '职务'},
+            {field: 'phone', align: "center", sort: true, title: '电话'},
+            {field: 'status', align: "center", templet: '#statusTpl', title: '状态'},
+            {title: '操作', toolbar: '#userTbBar'}
+
+        ]],
+        done: function () {
+            // 表格搜索
+            form.on('submit(organizationUserTbSearch)', function (data) {
+                insTb.reload({where: data.field, page: {curr: 1}});
+                return false;
+            });
+        },
         parseData: Feng.parseData
     });
 
-    // 初始化部门树
-    var request = new HttpRequest(Feng.ctxPath + '/hrOrganization/treeLayui', 'get', function (data) {
-        tree.render({
-            elem: '#deptTree',
-            data: data.data,
-            click: MgrUser.onClickDept,
-            onlyIconControl: true
-        });
-    });
-    request.start();
-
-    // 搜索按钮点击事件
-    $('#btnSearch').click(function () {
-        MgrUser.search();
+    /* 点击搜索 */
+    form.on('submit(userTbSearch)', function (data) {
+        insTb.reload({where: data.field});
+        return false;
     });
 
-    // 添加按钮点击事件
-    $('#btnAdd').click(function () {
-        MgrUser.openAddUser();
-    });
-
-    // 导出excel
-    $('#btnExp').click(function () {
-        MgrUser.exportExcel();
-    });
-
-    // 工具条点击事件
-    table.on('tool(' + MgrUser.tableId + ')', function (obj) {
-        var data = obj.data;
-        var layEvent = obj.event;
-
-        if (layEvent === 'edit') {
-            MgrUser.onEditUser(data);
-        } else if (layEvent === 'delete') {
-            MgrUser.onDeleteUser(data);
-        } else if (layEvent === 'roleAssign') {
-            MgrUser.roleAssign(data);
-        } else if (layEvent === 'reset') {
-            MgrUser.resetPassword(data);
+    /* 表格工具条点击事件 */
+    table.on('tool(userTable)', function (obj) {
+        if (obj.event === 'edit') { // 修改
+            OrganizationUser.openEditDlg(obj.data);
+        } else if (obj.event === 'delete') { // 删除
+            OrganizationUser.onDeleteUser(obj.data);
+        } else if (obj.event === 'roleAssign') {
+            OrganizationUser.roleAssign(obj.data);
+        } else if (obj.event === 'reset') {
+            OrganizationUser.resetPassword(obj.data);
         }
     });
 
@@ -206,15 +169,7 @@ layui.use(['layer', 'form', 'table', 'ztree', 'laydate', 'admin', 'HttpRequest',
     form.on('switch(status)', function (obj) {
         var userId = obj.elem.value;
         var checked = obj.elem.checked ? 1 : 2;
-        MgrUser.changeUserStatus(userId, checked);
+        OrganizationUser.changeUserStatus(userId, checked);
     });
 
-});
-
-$(function () {
-    var panehHidden = false;
-    if ($(this).width() < 769) {
-        panehHidden = true;
-    }
-    $('#myContiner').layout({initClosed: panehHidden, west__size: 260});
 });
\ No newline at end of file