yh-pub 1.0.0 → 1.0.2

package/layout/main/system/roleManage.js

@@ -1,755 +1,807 @@
-import dict from "yh-pub/layout/main/system/dict.vue";
-import { deepClone } from "@/libs/util";
-
-export default {
-  name: "role-manage",
-  components: {
-    dict,
-  },
-  data() {
-    return {
-      maxHeight: 510,
-      openTip: false,
-      loading: true,
-      treeLoading: true,
-      submitPermLoading: false,
-      submitDepLoading: false,
-      searchKey: "",
-      modalType: 0,
-      roleModalVisible: false,
-      roleOrgData: {},
-      permModalVisible: false,
-      orgModalVisible: false,
-      orgData: [],
-      modalTitle: "",
-      searchForm: {
-        // 搜索框初始化对象
-        pageNumber: 1, // 当前页数
-        pageSize: 10, // 页面大小
-        sort: "createTime", // 默认排序字段
-        order: "desc", // 默认排序方式
-        key: "",
-      },
-      roleForm: {
-        ad_org_id: "",
-        name: "",
-        isAdmin: "",
-        description: "",
-        ad_role_id: "",
-      },
-      roleFormValidate: {
-        ad_org_id: [{ required: true, message: "组织机构不能为空", trigger: "change" }],
-        name: [{ required: true, message: "角色名称不能为空", trigger: "change" }],
-      },
-      submitLoading: false,
-      selectList: [],
-      columns: [
-        {
-          title: "所属机构",
-          dataIndex: "org_name",
-          width: 150,
-          sortable: true,
-        },
-        {
-          title: "角色名称",
-          dataIndex: "name",
-          width: 300,
-          sortable: true,
-        },
-        {
-          title: "备注",
-          dataIndex: "description",
-          minWidth: 200,
-          sortable: true,
-        },
-        {
-          title: "操作",
-          dataIndex: "action",
-          fixed: "right",
-          width: 280,
-          scopedSlots: { customRender: "action", title: "操作" },
-        },
-      ],
-      data: [],
-      listLoading: false,
-      pagination: { currentPage: 1, pageSize: 15, total: 0 },
-      permData: [],
-      editRolePermId: "",
-      selectAllFlag: false,
-      dataType: 0,
-      indeterminate: false,
-      checkAll: false,
-      checkAllGroup: [],
-      curWindowBtnList: [],
-      saveWinBtnList: [],
-      roleSavedBtnPermMap: {}, // 角色已授予的按钮权限
-      curSelectedMenuId: "", // 当前选中目录ID
-      selectedKeys: [],
-      selectedNodes: [],
-      halfSelectedNodes: [],
-      deptCheckedKeys: [],
-      timer: null,
-    };
-  },
-  methods: {
-    init() {
-      this.getDataList();
-    },
-    parseOrgTreeData(curLevelData, curLevel, roleOrgData) {
-      let curVm = this;
-      let newLevelData = curLevelData;
-      newLevelData.key = curLevelData.adOrgId;
-      newLevelData.title = curLevelData.name;
-      if (roleOrgData[curLevelData.adOrgId]) {
-        if (roleOrgData[curLevelData.adOrgId].isOrgAdmin === "Y") {
-          this.deptCheckedKeys.push(curLevelData.adOrgId);
-        }
-      }
-      newLevelData["level"] = curLevel;
-      if (curLevelData["_childs"] && curLevelData["_childs"].length > 0) {
-        curLevelData["_childs"].forEach(function (sonTreeData) {
-          if (!newLevelData.children) {
-            newLevelData.children = [];
-          }
-          newLevelData.children.push(curVm.parseOrgTreeData(sonTreeData, curLevel + 1, roleOrgData));
-        });
-      }
-      return newLevelData;
-    },
-    async loadRoleOrg() {
-      let roleOrgData = {};
-      // 请求系统数据
-      this.axios
-        .post(
-          "/roleController/getRoleOrgAccess",
-          this.$qs.stringify({
-            roleId: this.editRolePermId,
-          })
-        )
-        .then((response) => {
-          if (response.data.result) {
-            if (response.data.roleOrgAccess) {
-              response.data.roleOrgAccess.forEach(function (sd) {
-                roleOrgData[sd.orgId] = sd;
-              });
-            }
-          }
-        });
-      return roleOrgData;
-    },
-    async editOrg(v) {
-      this.editRolePermId = v.ad_role_id;
-      this.modalTitle = "分配 " + v.name + " 的组织机构权限";
-      let roleOrgData = await this.loadRoleOrg();
-      this.roleOrgData = roleOrgData;
-      // 请求系统数据
-      this.axios.post("/orgController/getOrgData", this.$qs.stringify({})).then((response) => {
-        if (response.data.result) {
-          let newTreeData = [];
-          this.deptCheckedKeys = [];
-          response.data.orgList.forEach((e) => {
-            newTreeData.push(this.parseOrgTreeData(e, 0, roleOrgData));
-          });
-          this.orgData = newTreeData;
-          this.$nextTick(() => {
-            this.$refs.depTree.setCheckedKeys(this.deptCheckedKeys);
-          });
-        }
-      });
-      this.orgModalVisible = true;
-    },
-    checkOrgTree() {
-      if (this.timer) {
-        clearTimeout(this.timer);
-      }
-      this.timer = setTimeout(() => {
-        this.deptCheckedKeys = this.$refs.depTree.getCheckedKeys();
-      }, 300);
-    },
-    submitRoleOrg() {
-      let selectedNodes = this.$refs.depTree.getCheckedKeys() || [];
-      let curVm = this;
-      let subRoleOrgData = [];
-      // 判断已提交角色机构数据
-      selectedNodes.forEach(function (e) {
-        subRoleOrgData.push({ ad_org_id: e, is_org_admin: "Y" });
-      });
-      this.axios
-        .post(
-          "/roleController/saveRoleOrgAccess",
-          this.$qs.stringify({
-            roleId: curVm.editRolePermId,
-            subJsonData: JSON.stringify(subRoleOrgData),
-          })
-        )
-        .then((response) => {
-          if (response.data.result) {
-            curVm.$message.success(response.data.msg);
-          } else {
-            curVm.$message.error(response.data.msg);
-          }
-        });
-      this.orgModalVisible = false;
-    },
-    renderContent(h, { root, node, data }) {
-      let icon = "";
-      if (data.level === 0) {
-        icon = "ios-navigate";
-      } else if (data.level === 1) {
-        icon = "md-list-box";
-      } else if (data.level === 2) {
-        icon = "md-list";
-      } else if (data.level === 3) {
-        icon = "md-radio-button-on";
-      } else {
-        icon = "md-radio-button-off";
-      }
-      return h(
-        "span",
-        {
-          style: {
-            display: "inline-block",
-            cursor: "pointer",
-          },
-          on: {
-            click: () => {
-              data.checked = !data.checked;
-            },
-          },
-        },
-        [
-          h("span", [
-            h("Icon", {
-              props: {
-                type: icon,
-                size: "16",
-              },
-              style: {
-                "margin-right": "8px",
-                "margin-bottom": "3px",
-              },
-            }),
-            h("span", data.title),
-          ]),
-        ]
-      );
-    },
-    checkedMenuTree() {
-      if (this.timer) {
-        clearTimeout(this.timer);
-      }
-      this.timer = setTimeout(() => {
-        this.selectedNodes = this.$refs.tree.getCheckedKeys(true);
-        this.halfSelectedNodes = this.$refs.tree.getHalfCheckedKeys(true);
-      }, 300);
-    },
-    selectTree(data, node) {
-      if (data) {
-        this.curSelectedMenuId = data.sysWindowId;
-        // 加载目录树
-        this.axios
-          .post("/rolePermissionsSetting/getMenuWindowButton", { windowId: this.curSelectedMenuId })
-          .then((response) => {
-            let { result, data } = response.data;
-            if (result && data) {
-              let roleBtnData = [];
-              let tempQyBtnData = [];
-              data.forEach((tData) => {
-                if (tData.TYPE === "QY") {
-                  roleBtnData.push(tData);
-                  tempQyBtnData[tData.ID] = [];
-                } else {
-                  if (tempQyBtnData[tData.PARENT_ID]) {
-                    tempQyBtnData[tData.PARENT_ID].push(tData);
-                  }
-                }
-              });
-              roleBtnData.forEach((item) => {
-                item["childs"] = tempQyBtnData[item.ID];
-                // e['checkAll'] = false
-                let checkChilds = this.roleSavedBtnPermMap[this.curSelectedMenuId] || [];
-                let tcount = 0;
-                tempQyBtnData[item.ID].forEach((es) => {
-                  if (checkChilds.includes(es.ID)) {
-                    tcount++;
-                  }
-                });
-                if (tcount === tempQyBtnData[item.ID].length) {
-                  item["checkAll"] = true;
-                  item["indeterminate"] = false;
-                } else if (tcount > 0) {
-                  item["checkAll"] = false;
-                  item["indeterminate"] = true;
-                } else {
-                  item["checkAll"] = false;
-                  item["indeterminate"] = false;
-                }
-                item["checkChilds"] = checkChilds;
-              });
-              this.curWindowBtnList = roleBtnData;
-              // 加载角色已授权的按钮
-              this.saveWinBtnList = this.roleSavedBtnPermMap[this.curSelectedMenuId];
-            }
-          });
-      }
-    },
-    resetBtnPerData() {
-      this.roleSavedBtnPermMap = {};
-      this.curWindowBtnList = [];
-      this.saveWinBtnList = [];
-    },
-    doWinBtnData(doType, btnId) {
-      if (!this.saveWinBtnList) {
-        this.saveWinBtnList = [];
-      }
-      if (doType === "add") {
-        if (this.saveWinBtnList.length !== 0) {
-          for (let i = 0; i < this.saveWinBtnList.length; i++) {
-            if (this.saveWinBtnList[i] === btnId) {
-              return;
-            }
-          }
-        }
-        this.saveWinBtnList.push(btnId);
-      } else {
-        for (let i = 0; i < this.saveWinBtnList.length; i++) {
-          if (this.saveWinBtnList[i] === btnId) {
-            this.saveWinBtnList.splice(i, 1);
-            return;
-          }
-        }
-      }
-    },
-    handleCheckAll(item, key) {
-      let checkChilds = [];
-      if (!item.checkAll) {
-        // 已经全选取消全选状态
-        item.checkAll = false;
-        item.indeterminate = false;
-        item.checkChilds = checkChilds;
-      } else {
-        // 不是全选状态，获取所有ids，并设定全选状态相关参数
-        checkChilds = item.childs.map((item) => item.ID);
-        item.checkAll = true;
-        item.indeterminate = false;
-        item.checkChilds = checkChilds;
-      }
-
-      // 状态设置完成，将数据赋值到 响应对象上去
-      this.updateBtnsToList();
-      this.curWindowBtnList[key] = item;
-    },
-    checkAllGroupChange(event, key) {
-      let list = deepClone({}, this.curWindowBtnList);
-      let currentItem = list[key];
-      if (event.length > 0) {
-        // 判断是否存在值
-        let containFlag = 0; // 0 不包含 1 部分包括 2 全包括
-        let okCount = 0; // 统计包括次数
-        for (var i = 0; i < currentItem.childs.length; i++) {
-          if (event.includes(currentItem.childs[i].ID)) {
-            okCount++;
-          }
-        }
-        if (okCount === currentItem.childs.length) {
-          containFlag = 2;
-        } else {
-          containFlag = 1;
-        }
-        // 判断是否选中
-        if (containFlag === 1) {
-          currentItem.checkAll = false;
-          if (okCount === 0) {
-            currentItem.indeterminate = false;
-          } else {
-            currentItem.indeterminate = true;
-          }
-        } else if (containFlag === 2) {
-          currentItem.checkAll = true;
-          currentItem.indeterminate = false;
-        }
-      } else {
-        currentItem.checkAll = false;
-        currentItem.indeterminate = false;
-      }
-      currentItem.checkChilds = event;
-      this.curWindowBtnList[key] = currentItem;
-      this.updateBtnsToList();
-    },
-    updateBtnsToList() {
-      let btns = new Set();
-      this.curWindowBtnList.forEach((item) => {
-        item.checkChilds.forEach((checkId) => {
-          btns.add(checkId);
-        });
-      });
-      btns = Array.from(btns);
-      this.roleSavedBtnPermMap[this.curSelectedMenuId] = btns;
-    },
-    changePage(v) {
-      this.searchForm.pageNumber = v;
-      this.getDataList();
-      this.clearSelectAll();
-    },
-    changePageSize(v) {
-      this.searchForm.pageSize = v;
-      this.getDataList();
-    },
-    changeSort(e) {
-      this.searchForm.sort = e.key;
-      this.searchForm.order = e.order;
-      if (e.order === "normal") {
-        this.searchForm.order = "";
-      }
-      this.getDataList();
-    },
-    getDataList() {
-      this.loading = true;
-      this.axios
-        .post(
-          "/roleController/getRoleList",
-          this.$qs.stringify({
-            name: this.searchForm.key,
-            pageSize: this.pagination.pageSize,
-            pageIndex: this.pagination.current,
-          })
-        )
-        .then((response) => {
-          this.loading = false;
-          if (response.data.result) {
-            this.data = response.data.data.records;
-            this.pagination.total = response.data.data.total;
-          }
-        });
-    },
-    parseTreeData(curLevelData, curLevel) {
-      let newLevelData = curLevelData;
-      newLevelData["id"] = curLevelData.adMenuId;
-      newLevelData["key"] = curLevelData.adMenuId;
-      newLevelData["title"] = curLevelData.name;
-      newLevelData["expand"] = true;
-      newLevelData["checked"] = false;
-      newLevelData["level"] = curLevel;
-      if (curLevelData["_childs"] && curLevelData["_childs"].length > 0) {
-        curLevelData["_childs"].forEach((sonTreeData) => {
-          if (!newLevelData.children) {
-            newLevelData.children = [];
-          }
-          newLevelData.children.push(this.parseTreeData(sonTreeData, curLevel + 1));
-        });
-      }
-      return newLevelData;
-    },
-    getRoleMenus: async function () {
-      // 请求角色菜单数据
-      let roleMenuData = [];
-      await this.axios
-        .post("/rolePermissionsSetting/getRoleMenus", this.$qs.stringify({ roleId: this.editRolePermId }))
-        .then((response) => {
-          if (response.data.result) {
-            response.data.data.forEach(function (e) {
-              roleMenuData[e.AD_MENU_ID] = e;
-            });
-          }
-        })
-        .catch((e) => {
-          console.error(e);
-        });
-      return roleMenuData;
-    },
-    // 递归标记是否选中
-    calNewTreeData(newTreeData, roleMenuData) {
-      let checkedCount = 0;
-      newTreeData.forEach((e) => {
-        if (e.level === 0 || e.level === 1) {
-          e.expand = true;
-        } else {
-          e.expand = true;
-        }
-        // 判断是否选中
-        if (roleMenuData[e.adMenuId]) {
-          e.checked = true;
-          checkedCount++;
-        }
-        if (e.children && e.children.length > 0) {
-          let sonCheckedCount = this.calNewTreeData(e.children, roleMenuData);
-          // 判断父节点是否选中
-          if (sonCheckedCount === e.children.length) {
-            e.checked = true;
-            e.indeterminate = false;
-          } else if (sonCheckedCount > 0 && sonCheckedCount < e.children.length) {
-            e.indeterminate = true;
-            e.checked = false;
-          } else {
-            e.checked = false;
-            e.indeterminate = false;
-          }
-
-          if (e.checked) {
-            this.halfSelectedNodes.push(e.adMenuId);
-          }
-          if (e.checked) {
-            this.selectedNodes.push(e.adMenuId);
-          }
-        } else {
-          if (e.checked) {
-            // console.log('checked', e.adMenuId);
-            this.selectedNodes.push(e.adMenuId);
-          }
-        }
-      });
-      return checkedCount;
-    },
-    getPermList: async function () {
-      this.treeLoading = true;
-
-      this.expandedKeys = [];
-      this.selectedNodes = [];
-
-      let roleMenuData = await this.getRoleMenus();
-      this.axios.post("/rolePermissionsSetting/getMenuList", this.$qs.stringify({})).then((response) => {
-        if (response.data.result) {
-          let newTreeData = [];
-          // 仅展开指定级数 默认后端已展开所有
-          response.data.menuList.forEach((e) => {
-            newTreeData.push(this.parseTreeData(e, 0));
-          });
-          this.calNewTreeData(newTreeData, roleMenuData);
-          this.deleteDisableNode(newTreeData);
-          this.permData = newTreeData;
-          this.treeLoading = false;
-
-          this.$nextTick(() => {
-            let checked = this.selectedNodes.filter((item) => !this.halfSelectedNodes.includes(item));
-            console.log(this.selectedNodes.length, checked.length);
-            this.$refs.tree.setCheckedKeys(checked);
-          });
-        }
-        this.loading = false;
-      });
-    },
-    // 递归标记禁用节点
-    deleteDisableNode(permData) {
-      let that = this;
-      permData.forEach(function (e) {
-        if (e.status === -1) {
-          e.title = "[已禁用] " + e.title;
-          e.disabled = true;
-        }
-        if (e.children && e.children.length > 0) {
-          that.deleteDisableNode(e.children);
-        }
-      });
-    },
-    cancelRole() {
-      this.roleModalVisible = false;
-    },
-    submitRole() {
-      let that = this;
-      let subForm = {
-        orgId: this.roleForm.ad_org_id,
-        adRoleId: this.roleForm.ad_role_id,
-        name: this.roleForm.name,
-        description: this.roleForm.description,
-        isAdmin: this.roleForm.isAdmin,
-      };
-      this.$refs.roleForm.validate((valid) => {
-        if (valid) {
-          this.submitLoading = true;
-          this.axios.post("/roleController/submitRole", this.$qs.stringify(subForm)).then((response) => {
-            that.submitLoading = false;
-            if (response.data.result) {
-              that.$message.success("操作成功");
-              that.getDataList();
-              that.roleModalVisible = false;
-            } else {
-              that.$message.error(response.data.msg);
-            }
-          });
-        }
-      });
-    },
-    addRole() {
-      // 处理状态
-      this.modalType = 0;
-      this.modalTitle = "添加角色";
-      // 清理表单
-      this.roleForm.ad_role_id = undefined;
-      this.roleForm.name = "";
-      this.roleForm.isAdmin = "N";
-      this.roleForm.description = "";
-      this.roleForm.ad_role_id = "";
-      // 显示弹窗
-      this.roleModalVisible = true;
-    },
-    edit(v) {
-      // 处理状态
-      this.modalType = 1;
-      this.modalTitle = "编辑角色";
-      // 填充表单
-      this.roleForm.ad_org_id = v.ad_org_id;
-      this.roleForm.name = v.name;
-      this.roleForm.isAdmin = v.is_admin == "Y";
-      this.roleForm.description = v.description;
-      this.roleForm.ad_role_id = v.ad_role_id;
-      // 显示弹窗
-      this.roleModalVisible = true;
-    },
-    deleteRole(delId) {
-      this.axios
-        .post(
-          "/roleController/delRoleByIds",
-          this.$qs.stringify({
-            ids: delId,
-          })
-        )
-        .then((response) => {
-          if (response.data.result) {
-            this.$message.success("删除成功");
-            this.clearSelectAll();
-            this.getDataList();
-          } else {
-            this.$message.success("删除失败");
-          }
-        });
-    },
-    remove(v) {
-      if (v && v.ad_role_id) {
-        this.deleteRole(v.ad_role_id);
-      }
-    },
-    clearSelectAll() {
-      this.selectList = [];
-    },
-    changeSelect(e) {
-      this.selectList = e;
-    },
-    delAll() {
-      if (this.selectList.length <= 0) {
-        this.$message.warning("您还未选择要删除的数据");
-        return;
-      }
-      let ids = this.selectList.join(",");
-      // 删除按钮代码
-      this.deleteRole(ids);
-    },
-    editPerm(v) {
-      this.editRolePermId = v.ad_role_id;
-      // 获取所有菜单权限树
-      this.getPermList();
-      this.modalTitle = "分配 " + v.name + " 的菜单权限";
-      // 递归判断子节点
-      this.checkPermTree(this.permData, []);
-      // 加载所有已授予的按钮权限
-      this.axios
-        .post("/roleController/getRoleWindowButton", this.$qs.stringify({ roleId: this.editRolePermId }))
-        .then((response) => {
-          if (response.data.result && response.data.data) {
-            let roleBtnPermMap = {};
-            response.data.data.forEach(function (e) {
-              if (!roleBtnPermMap[e.WINDOW_ID]) {
-                roleBtnPermMap[e.WINDOW_ID] = [];
-              }
-              roleBtnPermMap[e.WINDOW_ID].push(e.BUTTON_ID);
-            });
-            this.roleSavedBtnPermMap = roleBtnPermMap;
-          }
-        });
-      this.permModalVisible = true;
-    },
-    // 递归判断子节点
-    checkPermTree(permData, rolePerms) {
-      let that = this;
-      permData.forEach(function (p) {
-        if (that.hasPerm(p, rolePerms) && p.status !== -1) {
-          p.checked = true;
-        } else {
-          p.checked = false;
-        }
-        if (p.children && p.children.length > 0) {
-          that.checkPermTree(p.children, rolePerms);
-        }
-      });
-    },
-    // 判断角色拥有的权限节点勾选
-    hasPerm(p, rolePerms) {
-      let flag = false;
-      for (let i = 0; i < rolePerms.length; i++) {
-        if (p.id === rolePerms[i].permissionId) {
-          flag = true;
-          break;
-        }
-      }
-      if (flag) {
-        return true;
-      }
-      return false;
-    },
-    // 全选反选
-    selectTreeAll() {
-      this.selectAllFlag = !this.selectAllFlag;
-      let select = this.selectAllFlag;
-      this.selectedTreeAll(this.permData, select);
-    },
-    // 递归全选节点
-    selectedTreeAll(permData, select) {
-      let that = this;
-      permData.forEach(function (e) {
-        e.checked = select;
-        if (!select) {
-          e.indeterminate = false;
-        }
-        if (e.children && e.children.length > 0) {
-          that.selectedTreeAll(e.children, select);
-        }
-      });
-    },
-    async submitPermEdit() {
-      let curVm = this;
-      this.submitPermLoading = true;
-      let permMenuIds = "";
-      let selectedNodes = this.selectedNodes.concat(this.halfSelectedNodes);
-      permMenuIds = selectedNodes.join(",");
-      // 所有菜单项
-      // 所有菜单窗口按钮
-      let permMenuBtnIds = {};
-      Object.keys(curVm.roleSavedBtnPermMap).forEach(function (key) {
-        permMenuBtnIds["W_" + key] = curVm.roleSavedBtnPermMap[key];
-      });
-      this.axios
-        .post(
-          "/rolePermissionsSetting/setMenus",
-          this.$qs.stringify({
-            roleId: this.editRolePermId,
-            ids: permMenuIds,
-            btns: JSON.stringify(permMenuBtnIds),
-          })
-        )
-        .then((response) => {
-          this.submitPermLoading = false;
-          if (response.data.result) {
-            this.$message.success("操作成功");
-            this.getDataList();
-            this.permModalVisible = false;
-            this.cancelPermEdit();
-          } else {
-            this.$message.error(response.data.msg);
-          }
-        });
-    },
-    cancelPermEdit() {
-      this.selectedKeys = [];
-      this.expandedKeys = [];
-      this.selectedNodes = [];
-      this.halfSelectedNodes = [];
-      this.$nextTick(() => {
-        this.permModalVisible = false;
-        this.resetBtnPerData();
-      });
-    },
-  },
-  mounted() {
-    this.maxHeight = Number(document.documentElement.clientHeight - 121) + "px";
-    this.init();
-  },
-};
+import dict from "./dict.vue";
+import { deepClone } from "@/libs/util";
+
+export default {
+  name: "role-manage",
+  components: {
+    dict,
+  },
+  data () {
+    return {
+      maxHeight: 510,
+      openTip: false,
+      loading: true,
+      userLoading: false,
+      treeLoading: true,
+      submitPermLoading: false,
+      submitDepLoading: false,
+      searchKey: "",
+      modalType: 0,
+      roleModalVisible: false,
+      roleOrgData: {},
+      permModalVisible: false,
+      orgModalVisible: false,
+      orgData: [],
+      modalTitle: "",
+      searchForm: {
+        // 搜索框初始化对象
+        pageNumber: 1, // 当前页数
+        pageSize: 10, // 页面大小
+        sort: "createTime", // 默认排序字段
+        order: "desc", // 默认排序方式
+        key: "",
+      },
+      roleForm: {
+        adOrgId: "",
+        name: "",
+        isAdmin: "N",
+        description: "",
+        adRoleId: "",
+      },
+      roleFormValidate: {
+        adOrgId: [{ required: true, message: "组织机构不能为空", trigger: "change" }],
+        name: [{ required: true, message: "角色名称不能为空", trigger: "change" }],
+      },
+      submitLoading: false,
+      selectList: [],
+      data: [],
+      userData: [],
+      paginationUser: { currentPage: 1, pageSize: 10, total: 0 },
+      listLoading: false,
+      pagination: { currentPage: 1, pageSize: 10, total: 0 },
+      permData: [],
+      editRolePermId: "",
+      selectAllFlag: false,
+      dataType: 0,
+      indeterminate: false,
+      checkAll: false,
+      checkAllGroup: [],
+      curWindowBtnList: [],
+      saveWinBtnList: [],
+      roleSavedBtnPermMap: {}, // 角色已授予的按钮权限
+      curSelectedMenuId: "", // 当前选中目录ID
+      selectedKeys: [],
+      selectedNodes: [],
+      halfSelectedNodes: [],
+      deptCheckedKeys: [],
+      timer: null,
+      queryOrgId: "",
+      queryRoteId: "",
+      queryUserList: [],
+      currentRow: null,
+      userIds: [],
+      userListVisible: false,
+    };
+  },
+  methods: {
+    init () {
+      this.getDataList();
+    },
+    parseOrgTreeData (curLevelData, curLevel, roleOrgData) {
+      let curVm = this;
+      let newLevelData = curLevelData;
+      newLevelData.key = curLevelData.adOrgId;
+      newLevelData.title = curLevelData.name;
+      if (roleOrgData[curLevelData.adOrgId]) {
+        if (roleOrgData[curLevelData.adOrgId].isOrgAdmin === "Y") {
+          this.deptCheckedKeys.push(curLevelData.adOrgId);
+        }
+      }
+      newLevelData["level"] = curLevel;
+      if (curLevelData["_childs"] && curLevelData["_childs"].length > 0) {
+        curLevelData["_childs"].forEach(function (sonTreeData) {
+          if (!newLevelData.children) {
+            newLevelData.children = [];
+          }
+          newLevelData.children.push(curVm.parseOrgTreeData(sonTreeData, curLevel + 1, roleOrgData));
+        });
+      }
+      return newLevelData;
+    },
+    async loadRoleOrg () {
+      let roleOrgData = {};
+      // 请求系统数据
+      this.axios
+        .post(
+          "/roleController/getRoleOrgAccess",
+          this.$qs.stringify({
+            roleId: this.editRolePermId,
+          }),
+        )
+        .then((response) => {
+          if (response.data.result) {
+            if (response.data.roleOrgAccess) {
+              response.data.roleOrgAccess.forEach(function (sd) {
+                roleOrgData[sd.orgId] = sd;
+              });
+            }
+          }
+        });
+      return roleOrgData;
+    },
+    async editOrg (v) {
+      this.editRolePermId = v.adRoleId;
+      this.modalTitle = "分配 " + v.name + " 的组织机构权限";
+      let roleOrgData = await this.loadRoleOrg();
+      this.roleOrgData = roleOrgData;
+      // 请求系统数据
+      this.axios.post("/orgController/getUserOrgTree", {}).then((response) => {
+        if (response.data.result) {
+          let newTreeData = [];
+          this.deptCheckedKeys = [];
+          response.data.list.forEach((e) => {
+            newTreeData.push(this.parseOrgTreeData(e, 0, roleOrgData));
+          });
+          this.orgData = newTreeData;
+          this.$nextTick(() => {
+            this.$refs.depTree.setCheckedKeys(this.deptCheckedKeys);
+          });
+        }
+      });
+      this.orgModalVisible = true;
+    },
+    checkOrgTree () {
+      if (this.timer) {
+        clearTimeout(this.timer);
+      }
+      this.timer = setTimeout(() => {
+        this.deptCheckedKeys = this.$refs.depTree.getCheckedKeys();
+      }, 300);
+    },
+    submitRoleOrg () {
+      let selectedNodes = this.$refs.depTree.getCheckedKeys() || [];
+      let curVm = this;
+      let subRoleOrgData = [];
+      // 判断已提交角色机构数据
+      selectedNodes.forEach(function (e) {
+        subRoleOrgData.push({ ad_org_id: e, is_org_admin: "Y" });
+      });
+      this.axios
+        .post(
+          "/roleController/saveRoleOrgAccess",
+          this.$qs.stringify({
+            roleId: curVm.editRolePermId,
+            subJsonData: JSON.stringify(subRoleOrgData),
+          }),
+        )
+        .then((response) => {
+          if (response.data.result) {
+            curVm.$message.success(response.data.msg);
+          } else {
+            curVm.$message.error(response.data.msg);
+          }
+        });
+      this.orgModalVisible = false;
+    },
+    renderContent (h, { root, node, data }) {
+      let icon = "";
+      if (data.level === 0) {
+        icon = "ios-navigate";
+      } else if (data.level === 1) {
+        icon = "md-list-box";
+      } else if (data.level === 2) {
+        icon = "md-list";
+      } else if (data.level === 3) {
+        icon = "md-radio-button-on";
+      } else {
+        icon = "md-radio-button-off";
+      }
+      return h(
+        "span",
+        {
+          style: {
+            display: "inline-block",
+            cursor: "pointer",
+          },
+          on: {
+            click: () => {
+              data.checked = !data.checked;
+            },
+          },
+        },
+        [
+          h("span", [
+            h("Icon", {
+              props: {
+                type: icon,
+                size: "16",
+              },
+              style: {
+                "margin-right": "8px",
+                "margin-bottom": "3px",
+              },
+            }),
+            h("span", data.title),
+          ]),
+        ],
+      );
+    },
+    checkedMenuTree () {
+      if (this.timer) {
+        clearTimeout(this.timer);
+      }
+      this.timer = setTimeout(() => {
+        this.selectedNodes = this.$refs.tree.getCheckedKeys(true);
+        this.halfSelectedNodes = this.$refs.tree.getHalfCheckedKeys(true);
+      }, 300);
+    },
+    selectTree (data, node) {
+      if (data) {
+        this.curSelectedMenuId = data.sysWindowId;
+        // 加载目录树
+        this.axios
+          .post("/rolePermissionsSetting/getMenuWindowButton", { windowId: this.curSelectedMenuId })
+          .then((response) => {
+            let { result, data } = response.data;
+            if (result && data) {
+              let roleBtnData = [];
+              let tempQyBtnData = [];
+              data.forEach((tData) => {
+                if (tData.TYPE === "QY") {
+                  roleBtnData.push(tData);
+                  tempQyBtnData[tData.ID] = [];
+                } else {
+                  if (tempQyBtnData[tData.PARENT_ID]) {
+                    tempQyBtnData[tData.PARENT_ID].push(tData);
+                  }
+                }
+              });
+              roleBtnData.forEach((item) => {
+                item["childs"] = tempQyBtnData[item.ID];
+                // e['checkAll'] = false
+                let roleSavedBtns = this.roleSavedBtnPermMap[this.curSelectedMenuId] || [];
+                let checkChilds = [];
+                let tcount = 0;
+                tempQyBtnData[item.ID].forEach((es) => {
+                  if (roleSavedBtns.includes(es.ID)) {
+                    checkChilds.push(es.ID);
+                    tcount++;
+                  }
+                });
+                if (tcount === tempQyBtnData[item.ID].length) {
+                  item["checkAll"] = true;
+                  item["indeterminate"] = false;
+                } else if (tcount > 0) {
+                  item["checkAll"] = false;
+                  item["indeterminate"] = true;
+                } else {
+                  item["checkAll"] = false;
+                  item["indeterminate"] = false;
+                }
+                item["checkChilds"] = checkChilds;
+              });
+              this.curWindowBtnList = roleBtnData;
+              // 加载角色已授权的按钮
+              this.saveWinBtnList = this.roleSavedBtnPermMap[this.curSelectedMenuId];
+            }
+          });
+      }
+    },
+    resetBtnPerData () {
+      this.roleSavedBtnPermMap = {};
+      this.curWindowBtnList = [];
+      this.saveWinBtnList = [];
+    },
+    doWinBtnData (doType, btnId) {
+      if (!this.saveWinBtnList) {
+        this.saveWinBtnList = [];
+      }
+      if (doType === "add") {
+        if (this.saveWinBtnList.length !== 0) {
+          for (let i = 0; i < this.saveWinBtnList.length; i++) {
+            if (this.saveWinBtnList[i] === btnId) {
+              return;
+            }
+          }
+        }
+        this.saveWinBtnList.push(btnId);
+      } else {
+        for (let i = 0; i < this.saveWinBtnList.length; i++) {
+          if (this.saveWinBtnList[i] === btnId) {
+            this.saveWinBtnList.splice(i, 1);
+            return;
+          }
+        }
+      }
+    },
+    handleCheckAll (item, key) {
+      let checkChilds = [];
+      if (!item.checkAll) {
+        // 已经全选取消全选状态
+        item.checkAll = false;
+        item.indeterminate = false;
+        item.checkChilds = checkChilds;
+      } else {
+        // 不是全选状态，获取所有ids，并设定全选状态相关参数
+        checkChilds = item.childs.map((item) => item.ID);
+        item.checkAll = true;
+        item.indeterminate = false;
+        item.checkChilds = checkChilds;
+      }
+
+      // 状态设置完成，将数据赋值到 响应对象上去
+      this.updateBtnsToList();
+      this.curWindowBtnList[key] = item;
+    },
+    checkAllGroupChange (event, key) {
+      let list = deepClone({}, this.curWindowBtnList);
+      let currentItem = list[key];
+      if (event.length > 0) {
+        // 判断是否存在值
+        let containFlag = 0; // 0 不包含 1 部分包括 2 全包括
+        let okCount = 0; // 统计包括次数
+        for (var i = 0; i < currentItem.childs.length; i++) {
+          if (event.includes(currentItem.childs[i].ID)) {
+            okCount++;
+          }
+        }
+        if (okCount === currentItem.childs.length) {
+          containFlag = 2;
+        } else {
+          containFlag = 1;
+        }
+        // 判断是否选中
+        if (containFlag === 1) {
+          currentItem.checkAll = false;
+          if (okCount === 0) {
+            currentItem.indeterminate = false;
+          } else {
+            currentItem.indeterminate = true;
+          }
+        } else if (containFlag === 2) {
+          currentItem.checkAll = true;
+          currentItem.indeterminate = false;
+        }
+      } else {
+        currentItem.checkAll = false;
+        currentItem.indeterminate = false;
+      }
+      currentItem.checkChilds = event;
+      this.curWindowBtnList[key] = currentItem;
+      this.updateBtnsToList();
+    },
+    updateBtnsToList () {
+      let btns = new Set();
+      this.curWindowBtnList.forEach((item) => {
+        item.checkChilds.forEach((checkId) => {
+          btns.add(checkId);
+        });
+      });
+      btns = Array.from(btns);
+      this.roleSavedBtnPermMap[this.curSelectedMenuId] = btns;
+    },
+    changePage (v) {
+      this.searchForm.pageNumber = v;
+      this.getDataList();
+      this.clearSelectAll();
+    },
+    changePageSize (v) {
+      this.searchForm.pageSize = v;
+      this.getDataList();
+    },
+    changeSort (e) {
+      this.searchForm.sort = e.key;
+      this.searchForm.order = e.order;
+      if (e.order === "normal") {
+        this.searchForm.order = "";
+      }
+      this.getDataList();
+    },
+    getDataList () {
+      this.loading = true;
+      this.axios.post("/roleController/getRoleList",
+        this.$qs.stringify({
+          name: this.searchForm.key,
+          pageSize: this.pagination.pageSize,
+          pageIndex: this.pagination.currentPage,
+        }),
+      ).then((response) => {
+        this.loading = false;
+        if (response.data.result) {
+          this.data = response.data.data.records;
+          this.pagination.total = response.data.data.total;
+        }
+      });
+    },
+    getUserDataList (val) {
+      if (val === undefined) {
+        this.userData = [];
+        return;
+      }
+      if (val != 1) {
+        this.currentRow = val;
+      }
+      this.userLoading = true;
+      this.userIds = [];
+      this.axios.post("/roteUser/getAdRoleUsers",
+        this.$qs.stringify({
+          roteId: this.currentRow.adRoleId,
+          orgId: this.currentRow.adOrgId,
+          pageSize: this.paginationUser.pageSize,
+          pageIndex: this.paginationUser.currentPage,
+        }),
+      ).then((response) => {
+        this.userLoading = false;
+        if (response.data.result) {
+          this.queryOrgId = this.currentRow.adOrgId;
+          this.queryRoteId = this.currentRow.adRoleId;
+          this.userData = response.data.data.records;
+          this.paginationUser.total = response.data.data.total;
+          this.userData.forEach(value => {
+            this.userIds.push(value.ad_user_id);
+          });
+        }
+      });
+    },
+    getUserList () {
+      this.userListVisible = true;
+      this.axios.post("/roteUser/getUserList",
+        this.$qs.stringify({
+          orgId: this.queryOrgId,
+        }),
+      ).then((response) => {
+        this.userLoading = false;
+        if (response.data.result) {
+          this.queryUserList = response.data.data;
+        }
+      });
+    },
+    addUserRote () {
+      this.axios.post("/roteUser/addUserRote",
+        this.$qs.stringify({
+          roteId: this.queryRoteId,
+          userIds: this.userIds.toString(),
+        }),
+      ).then((response) => {
+        this.userLoading = false;
+        this.userListVisible = false;
+        this.$message.success("操作成功");
+        this.getUserDataList(this.currentRow);
+      });
+    },
+    deleteUserRote (v) {
+      if (v && v.adRoleId && v.ad_user_id) {
+        this.axios.post("/roteUser/deleteUserRote",
+          this.$qs.stringify({
+            roteId: v.adRoleId,
+            userId: v.ad_user_id,
+          }),
+        ).then((response) => {
+          this.userLoading = false;
+          this.$message.success("操作成功");
+          this.getUserDataList(this.currentRow);
+        });
+      }
+    },
+    onCanael () {
+      this.userListVisible = false;
+    },
+    parseTreeData (curLevelData, curLevel) {
+      let newLevelData = curLevelData;
+      newLevelData["id"] = curLevelData.adMenuId;
+      newLevelData["key"] = curLevelData.adMenuId;
+      newLevelData["title"] = curLevelData.name;
+      newLevelData["expand"] = true;
+      newLevelData["checked"] = false;
+      newLevelData["level"] = curLevel;
+      if (curLevelData["_childs"] && curLevelData["_childs"].length > 0) {
+        curLevelData["_childs"].forEach((sonTreeData) => {
+          if (!newLevelData.children) {
+            newLevelData.children = [];
+          }
+          newLevelData.children.push(this.parseTreeData(sonTreeData, curLevel + 1));
+        });
+      }
+      return newLevelData;
+    },
+    getRoleMenus: async function () {
+      // 请求角色菜单数据
+      let roleMenuData = [];
+      await this.axios
+        .post("/rolePermissionsSetting/getRoleMenus", this.$qs.stringify({ roleId: this.editRolePermId }))
+        .then((response) => {
+          if (response.data.result) {
+            response.data.data.forEach(function (e) {
+              roleMenuData[e.AD_MENU_ID] = e;
+            });
+          }
+        }).catch((e) => {
+          console.error(e);
+        });
+      return roleMenuData;
+    },
+    // 递归标记是否选中
+    calNewTreeData (newTreeData, roleMenuData) {
+      let checkedCount = 0;
+      newTreeData.forEach((e) => {
+        if (e.level === 0 || e.level === 1) {
+          e.expand = true;
+        } else {
+          e.expand = true;
+        }
+        // 判断是否选中
+        if (roleMenuData[e.adMenuId]) {
+          e.checked = true;
+          checkedCount++;
+        }
+        if (e.children && e.children.length > 0) {
+          let sonCheckedCount = this.calNewTreeData(e.children, roleMenuData);
+          // 判断父节点是否选中
+          if (sonCheckedCount === e.children.length) {
+            e.checked = true;
+            e.indeterminate = false;
+          } else if (sonCheckedCount > 0 && sonCheckedCount < e.children.length) {
+            e.indeterminate = true;
+            e.checked = false;
+          } else {
+            e.checked = false;
+            e.indeterminate = false;
+          }
+
+          if (e.checked) {
+            this.halfSelectedNodes.push(e.adMenuId);
+          }
+          if (e.checked) {
+            this.selectedNodes.push(e.adMenuId);
+          }
+        } else {
+          if (e.checked) {
+            this.selectedNodes.push(e.adMenuId);
+          }
+        }
+      });
+      return checkedCount;
+    },
+    getPermList: async function () {
+      this.treeLoading = true;
+
+      this.expandedKeys = [];
+      this.selectedNodes = [];
+
+      let roleMenuData = await this.getRoleMenus();
+      this.axios.post("/rolePermissionsSetting/getMenuList", this.$qs.stringify({})).then((response) => {
+        if (response.data.result) {
+          let newTreeData = [];
+          // 仅展开指定级数 默认后端已展开所有
+          response.data.menuList.forEach((e) => {
+            newTreeData.push(this.parseTreeData(e, 0));
+          });
+          this.calNewTreeData(newTreeData, roleMenuData);
+          this.deleteDisableNode(newTreeData);
+          this.permData = newTreeData;
+          this.treeLoading = false;
+
+          this.$nextTick(() => {
+            let checked = this.selectedNodes.filter((item) => !this.halfSelectedNodes.includes(item));
+            this.$refs.tree.setCheckedKeys(checked);
+          });
+        }
+        this.loading = false;
+      });
+    },
+    // 递归标记禁用节点
+    deleteDisableNode (permData) {
+      let that = this;
+      permData.forEach(function (e) {
+        if (e.status === -1) {
+          e.title = "[已禁用] " + e.title;
+          e.disabled = true;
+        }
+        if (e.children && e.children.length > 0) {
+          that.deleteDisableNode(e.children);
+        }
+      });
+    },
+    cancelRole () {
+      this.roleModalVisible = false;
+    },
+    submitRole () {
+      let that = this;
+      let subForm = {
+        orgId: this.roleForm.adOrgId,
+        adRoleId: this.roleForm.adRoleId,
+        name: this.roleForm.name,
+        description: this.roleForm.description,
+        isAdmin: this.roleForm.isAdmin,
+      };
+      this.$refs.roleForm.validate((valid) => {
+        if (valid) {
+          this.submitLoading = true;
+          debugger;
+          this.axios.post("/roleController/submitRole", this.$qs.stringify(subForm)).then((response) => {
+            that.submitLoading = false;
+            if (response.data.result) {
+              that.$message.success("操作成功");
+              that.getDataList();
+              that.roleModalVisible = false;
+            } else {
+              that.$message.error(response.data.msg);
+            }
+          });
+        }
+      });
+    },
+    addRole () {
+      // 处理状态
+      this.modalType = 0;
+      this.modalTitle = "添加角色";
+      // 清理表单
+      this.roleForm.adRoleId = undefined;
+      this.roleForm.name = "";
+      this.roleForm.isAdmin = "N";
+      this.roleForm.description = "";
+      this.roleForm.adRoleId = "";
+      // 显示弹窗
+      this.roleModalVisible = true;
+    },
+    edit (v) {
+      // 处理状态
+      this.modalType = 1;
+      this.modalTitle = "编辑角色";
+      // 填充表单
+      this.roleForm.adOrgId = v.adOrgId;
+      this.roleForm.name = v.name;
+      this.roleForm.isAdmin = v.isAdmin;
+      this.roleForm.description = v.description;
+      this.roleForm.adRoleId = v.adRoleId;
+      // 显示弹窗
+      this.roleModalVisible = true;
+    },
+    deleteRole (delId) {
+      this.axios
+        .post(
+          "/roleController/delRoleByIds",
+          this.$qs.stringify({
+            ids: delId,
+          }),
+        )
+        .then((response) => {
+          if (response.data.result) {
+            this.$message.success("删除成功");
+            this.clearSelectAll();
+            this.getDataList();
+          } else {
+            this.$message.success("删除失败");
+          }
+        });
+    },
+    remove (v) {
+      if (v && v.adRoleId) {
+        this.deleteRole(v.adRoleId);
+      }
+    },
+    clearSelectAll () {
+      this.selectList = [];
+    },
+    changeSelect (e) {
+      this.selectList = e;
+    },
+    delAll () {
+      if (this.selectList.length <= 0) {
+        this.$message.warning("您还未选择要删除的数据");
+        return;
+      }
+      let ids = this.selectList.join(",");
+      // 删除按钮代码
+      this.deleteRole(ids);
+    },
+    editPerm (v) {
+      this.editRolePermId = v.adRoleId;
+      // 获取所有菜单权限树
+      this.getPermList();
+      this.modalTitle = "分配 " + v.name + " 的菜单权限";
+      // 递归判断子节点
+      this.checkPermTree(this.permData, []);
+      // 加载所有已授予的按钮权限
+      this.axios
+        .post("/roleController/getRoleWindowButton", this.$qs.stringify({ roleId: this.editRolePermId }))
+        .then((response) => {
+          if (response.data.result && response.data.data) {
+            let roleBtnPermMap = {};
+            response.data.data.forEach(function (e) {
+              if (!roleBtnPermMap[e.WINDOW_ID]) {
+                roleBtnPermMap[e.WINDOW_ID] = [];
+              }
+              roleBtnPermMap[e.WINDOW_ID].push(e.BUTTON_ID);
+            });
+            this.roleSavedBtnPermMap = roleBtnPermMap;
+          }
+        });
+      this.permModalVisible = true;
+    },
+    // 递归判断子节点
+    checkPermTree (permData, rolePerms) {
+      let that = this;
+      permData.forEach(function (p) {
+        if (that.hasPerm(p, rolePerms) && p.status !== -1) {
+          p.checked = true;
+        } else {
+          p.checked = false;
+        }
+        if (p.children && p.children.length > 0) {
+          that.checkPermTree(p.children, rolePerms);
+        }
+      });
+    },
+    // 判断角色拥有的权限节点勾选
+    hasPerm (p, rolePerms) {
+      let flag = false;
+      for (let i = 0; i < rolePerms.length; i++) {
+        if (p.id === rolePerms[i].permissionId) {
+          flag = true;
+          break;
+        }
+      }
+      if (flag) {
+        return true;
+      }
+      return false;
+    },
+    // 全选反选
+    selectTreeAll () {
+      this.selectAllFlag = !this.selectAllFlag;
+      let select = this.selectAllFlag;
+      this.selectedTreeAll(this.permData, select);
+    },
+    // 递归全选节点
+    selectedTreeAll (permData, select) {
+      let that = this;
+      permData.forEach(function (e) {
+        e.checked = select;
+        if (!select) {
+          e.indeterminate = false;
+        }
+        if (e.children && e.children.length > 0) {
+          that.selectedTreeAll(e.children, select);
+        }
+      });
+    },
+    async submitPermEdit () {
+      let curVm = this;
+      this.submitPermLoading = true;
+      let permMenuIds = "";
+      let selectedNodes = this.selectedNodes.concat(this.halfSelectedNodes);
+      permMenuIds = selectedNodes.join(",");
+      // 所有菜单项
+      // 所有菜单窗口按钮
+      let permMenuBtnIds = {};
+      Object.keys(curVm.roleSavedBtnPermMap).forEach(function (key) {
+        permMenuBtnIds["W_" + key] = curVm.roleSavedBtnPermMap[key];
+      });
+      this.axios
+        .post(
+          "/rolePermissionsSetting/setMenus",
+          this.$qs.stringify({
+            roleId: this.editRolePermId,
+            ids: permMenuIds,
+            btns: JSON.stringify(permMenuBtnIds),
+          }),
+        )
+        .then((response) => {
+          this.submitPermLoading = false;
+          if (response.data.result) {
+            this.$message.success("操作成功");
+            this.getDataList();
+            this.permModalVisible = false;
+            this.cancelPermEdit();
+          } else {
+            this.$message.error(response.data.msg);
+          }
+        });
+    },
+    cancelPermEdit () {
+      this.selectedKeys = [];
+      this.expandedKeys = [];
+      this.selectedNodes = [];
+      this.halfSelectedNodes = [];
+      this.$nextTick(() => {
+        this.permModalVisible = false;
+        this.resetBtnPerData();
+      });
+    },
+  },
+  mounted () {
+    this.maxHeight = Number(document.documentElement.clientHeight - 121) + "px";
+    this.init();
+  },
+};