yh-pub 1.0.0

package/layout/admin/saTenant/saTenantRoleManage.js

@@ -0,0 +1,417 @@
+import {
+  saTenantGetById,
+  saTenantGetMenuList,
+  saTenantGetMenuWindowButton,
+  saTenantGetRoleMenus,
+  saTenantGetRoleWindowButton,
+  saTenantSetMenus,
+} from "../api/tenantApi";
+import { deepClone } from "@/libs/util";
+
+export default {
+  props: {
+    actionData: {
+      type: Object,
+    },
+  },
+  watch: {
+    actionData: {
+      async handler(val) {
+        this.id = val.id;
+        let dataTemp = await this.getById(val.id);
+        this.tenantInfo = dataTemp;
+        this.getRoleWindowButton(dataTemp.adRoleId);
+        let roleMenuData = await this.getRoleMenus(dataTemp.adRoleId);
+        this.initMenu(roleMenuData);
+        this.visible = true;
+      },
+      deep: true,
+    },
+  },
+  data() {
+    return {
+      tenantInfo: {},
+      submitPermLoading: false,
+      saveWinBtnList: [],
+      unCheckedMenuTreeData: {},
+      roleMenuData: {},
+      curWindowBtnList: [],
+      curSelectedMenuId: "", // 当前选中目录ID
+      roleSavedBtnPermMap: {}, // 角色已授予的按钮权限
+      checkedMenuKeys: [],
+      expandedMenuKeys: [],
+      replaceFields: {
+        children: "children",
+        title: "title",
+      },
+      permData: [],
+      treeLoading: true,
+      type: "",
+      id: "",
+      visible: false,
+    };
+  },
+  computed: {},
+  methods: {
+    resetBtnPerData() {
+      this.roleSavedBtnPermMap = {};
+      this.unCheckedMenuTreeData = {};
+      this.roleMenuData = {};
+      this.curWindowBtnList = [];
+      this.saveWinBtnList = [];
+    },
+    async submitPermEdit() {
+      let curVm = this;
+      this.submitPermLoading = true;
+      let permMenuIds = this.checkedMenuKeys.join(",");
+      // // 所有菜单窗口按钮
+      let permMenuBtnIds = {};
+      Object.keys(this.roleSavedBtnPermMap).forEach(function (key) {
+        permMenuBtnIds["W_" + key] = curVm.roleSavedBtnPermMap[key];
+      });
+      saTenantSetMenus({
+        roleId: this.tenantInfo.adRoleId,
+        ids: permMenuIds,
+        btns: JSON.stringify(permMenuBtnIds),
+        adClientId: this.tenantInfo.adClientId,
+        adOrgId: this.tenantInfo.adOrgId,
+      }).then((res) => {
+        this.submitPermLoading = false;
+        if (res.data.result) {
+          this.$message.success("操作成功");
+          this.permModalVisible = false;
+          this.cancel();
+        } else {
+          this.$message.error(res.data.msg);
+        }
+      });
+    },
+    getRoleWindowButton(roleId) {
+      saTenantGetRoleWindowButton({ adRoleId: roleId }).then((res) => {
+        if (res.data.data) {
+          let data = res.data.data;
+          let roleBtnPermMap = {};
+          data.forEach(function (e) {
+            if (!roleBtnPermMap[e.sysWindowId]) {
+              roleBtnPermMap[e.sysWindowId] = [];
+            }
+            roleBtnPermMap[e.sysWindowId].push(e.sysWindowButtonId);
+          });
+          this.roleSavedBtnPermMap = roleBtnPermMap;
+        }
+      });
+    },
+    cancel() {
+      this.resetBtnPerData();
+      this.visible = false;
+      this.$emit("getinfo");
+    },
+    getById: async function (id) {
+      let param = {
+        adClientId: id,
+      };
+      let data;
+      await saTenantGetById(param).then((res) => {
+        if (res.data.data) {
+          data = res.data.data;
+        }
+      });
+      return data;
+    },
+    getRoleMenus: async function (roleId) {
+      // 请求角色菜单数据
+      let roleMenuData = [];
+      let that = this;
+      this.expandedMenuKeys.clear();
+      this.checkedMenuKeys.clear();
+
+      await saTenantGetRoleMenus({ adRoleId: roleId }).then((res) => {
+        if (res.data.result) {
+          res.data.data.forEach(function (e) {
+            if (e.MENU_TYPE !== "GROUP") {
+              roleMenuData[e.AD_MENU_ID] = e;
+              that.checkedMenuKeys.push(e.AD_MENU_ID);
+            } else {
+              that.expandedMenuKeys.push(e.AD_MENU_ID);
+            }
+          });
+        }
+      });
+      return roleMenuData;
+    },
+    initMenu(roleMenuData) {
+      let curVm = this;
+      saTenantGetMenuList().then((res) => {
+        if (res.data.data) {
+          let newTreeData = [];
+          let data = res.data.data;
+          data.forEach(function (e) {
+            newTreeData.push(curVm.parseTreeData(e, 0));
+          });
+          this.calNewTreeData(newTreeData, roleMenuData);
+
+          curVm.permData = newTreeData;
+          curVm.treeLoading = false;
+        }
+      });
+    },
+    // 递归标记是否选中
+    calNewTreeData(newTreeData, roleMenuData) {
+      let curVm = this;
+      newTreeData.forEach(function (e) {
+        let checkedCount = 0;
+        e.expand = true;
+
+        // 判断是否选中
+        if (roleMenuData[e.adMenuId]) {
+          e.checked = true;
+          checkedCount++;
+        }
+
+        if (e.children && e.children.length > 0) {
+          let sonCheckedCount = curVm.calNewTreeData(e.children, roleMenuData);
+          // 判断父节点是否选中
+          if (sonCheckedCount === e.children.length) {
+            e.checked = true;
+            e.selectable = true;
+            e.indeterminate = false;
+          } else if (sonCheckedCount > 0 && sonCheckedCount < e.children.length) {
+            e.indeterminate = true;
+            e.checked = false;
+            e.selectable = true;
+          } else {
+            e.checked = false;
+            e.indeterminate = false;
+          }
+        }
+        return checkedCount;
+      });
+    },
+    selectTree(v, cv) {
+      // 菜单选择框不变
+      cv.checked = cv.selected;
+      if (v.length > 0) {
+        this.curSelectedMenuId = cv.selectedNodes[0].data.props.data.sysWindowId;
+        if (!this.curSelectedMenuId) {
+          this.curWindowBtnList = [];
+          // 加载角色已授权的按钮
+          this.saveWinBtnList = this.roleSavedBtnPermMap[this.curSelectedMenuId];
+          return;
+        }
+
+        // 加载目录树
+        saTenantGetMenuWindowButton({ sysWindowId: this.curSelectedMenuId }).then((res) => {
+          let { result, data } = res.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];
+          }
+        });
+      }
+    },
+    checkedMenuTree(v, cv) {
+      if (cv.menuType !== "GROUP") {
+        if (!cv.checked) {
+          if (!this.unCheckedMenuTreeData[cv.adMenuId]) {
+            this.unCheckedMenuTreeData[cv.adMenuId] = "1";
+          }
+        } else {
+          delete this.unCheckedMenuTreeData[cv.adMenuId];
+        }
+      } else {
+        this.getTreeCheckedDataLoop(cv, !cv.checked);
+      }
+    },
+    getTreeCheckedDataLoop(cv, delFlag) {
+      let curVm = this;
+      if (delFlag) {
+        if (!this.unCheckedMenuTreeData[cv.adMenuId]) {
+          this.unCheckedMenuTreeData[cv.adMenuId] = "1";
+        }
+        if (cv.children && cv.children.length > 0) {
+          cv.children.forEach(function (ss) {
+            curVm.getTreeCheckedDataLoop(ss, delFlag);
+          });
+        }
+      } else {
+        delete this.unCheckedMenuTreeData[cv.adMenuId];
+      }
+    },
+    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.selected;
+            },
+          },
+        },
+        [
+          h("span", [
+            h("Icon", {
+              props: {
+                type: icon,
+                size: "16",
+              },
+              style: {
+                "margin-right": "8px",
+                "margin-bottom": "3px",
+              },
+            }),
+            h("span", data.title),
+          ]),
+        ]
+      );
+    },
+    handleCheckAll(event, item, key) {
+      let checkChilds = [];
+      if (item.checkAll && (!item.indeterminate || item.indeterminate)) {
+        // 已经全选取消全选状态
+        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.$set(this.roleSavedBtnPermMap, this.curSelectedMenuId, checkChilds);
+      this.$set(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 (let 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.$set(this.curWindowBtnList, key, currentItem);
+      this.roleSavedBtnPermMap[this.curSelectedMenuId] = event;
+    },
+    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;
+          }
+        }
+      }
+    },
+    parseTreeData(curLevelData, curLevel) {
+      let curVm = this;
+      let newLevelData = { data: curLevelData };
+      newLevelData["key"] = curLevelData.adMenuId;
+      newLevelData["title"] = curLevelData.name;
+
+      if (curLevelData._childs && curLevelData._childs.length > 0) {
+        curLevelData._childs.forEach(function (sonTreeData) {
+          if (!newLevelData.children) {
+            newLevelData.children = [];
+          }
+          newLevelData.children.push(curVm.parseTreeData(sonTreeData, curLevel + 1));
+        });
+        newLevelData["isLeaf"] = false;
+      } else {
+        newLevelData["isLeaf"] = true;
+      }
+      delete curLevelData._childs;
+      return newLevelData;
+    },
+  },
+};

package/layout/admin/saTenant/saTenantRoleManage.vue

@@ -0,0 +1,99 @@
+<template>
+  <a-drawer
+    title="分配权限"
+    :closable="false"
+    :visible="visible"
+    :width="800"
+    @close="cancel"
+    draggable>
+    <a-row>
+      <a-col span="12">
+        <a-card title="菜单权限">
+          <div class="drawer-content">
+            <a-tree
+              ref="tree"
+              :tree-data="permData"
+              checkable
+              @select="selectTree"
+              @check="checkedMenuTree"
+              default-expand-parent
+              v-model="checkedMenuKeys"
+              :render="renderContent"></a-tree>
+            <a-spin
+              size="large"
+              fix
+              v-if="treeLoading"></a-spin>
+          </div>
+        </a-card>
+      </a-col>
+      <a-col span="12">
+        <a-card title="按钮权限">
+          <div
+            class="drawer-content"
+            style="margin-bottom: 40px; height: calc(100vh - 51px - 32px - 32px - 51px - 42px)">
+            <a-card
+              v-for="(item, key) in curWindowBtnList"
+              :key="key"
+              style="margin-top: 5px">
+              <p
+                slot="title"
+                style="margin-left: 10px">
+                {{ item.NAME }}
+                <a-checkbox
+                  :indeterminate="item.indeterminate"
+                  :checked="item.checkAll"
+                  :key="item.ID"
+                  @change="handleCheckAll($event, item, key)">
+                  全选
+                </a-checkbox>
+              </p>
+              <a-checkbox-group
+                :value="item.checkChilds"
+                :options="
+                  item.childs.map((item) => {
+                    return { value: item.ID, label: item.NAME };
+                  })
+                "
+                @change="checkAllGroupChange($event, key)"></a-checkbox-group>
+            </a-card>
+            <a-empty
+              description="暂无权限按钮"
+              v-if="curWindowBtnList.length === 0"></a-empty>
+            <div class="drawer-footer br">
+              <el-button
+                type="primary"
+                :loading="submitPermLoading"
+                @click="submitPermEdit">
+                提交
+              </el-button>
+              <el-button
+                text
+                @click="cancel">
+                取消
+              </el-button>
+            </div>
+          </div>
+        </a-card>
+      </a-col>
+    </a-row>
+  </a-drawer>
+</template>
+<script src="./saTenantRoleManage.js"></script>
+<style>
+.drawer-footer {
+  z-index: 10;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  border-top: 1px solid #e8e8e8;
+  padding: 10px 16px;
+  text-align: left;
+  background: #fff;
+}
+
+.drawer-content {
+  height: calc(100vh - 51px - 32px - 32px - 51px - 2px);
+  overflow: auto;
+}
+</style>

package/layout/admin/user/saUser.less

@@ -0,0 +1,6 @@
+.sa-user-avatar-dropdown {
+  .el-dropdown,
+  .el-badge {
+    height: 100%;
+  }
+}

package/layout/admin/user/saUser.vue

@@ -0,0 +1,72 @@
+<template>
+  <el-dropdown
+    split-button
+    class="sa-user-avatar-dropdown"
+    @command="handleClick">
+    <el-badge>欢迎你，{{ userName }}</el-badge>
+    <template #dropdown>
+      <el-dropdown-menu>
+        <el-dropdown-item command="logout">退出登录</el-dropdown-item>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+</template>
+
+<script setup>
+import "./saUser.less";
+import axios from "@/libs/api.request";
+import { clearStorage } from "@/libs/util";
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+
+const props = defineProps({
+  userName: {
+    type: String,
+    default: "",
+  },
+});
+
+function logout() {
+  return axios
+    .request({
+      url: "admin/loginOut",
+      method: "post",
+    })
+    .then(() => {
+      clearStorage();
+      router.push({
+        path: "/admin/login",
+      });
+    })
+    .catch((error) => {
+      console.error(error);
+    });
+}
+function handleClick(e) {
+  switch (e) {
+    case "logout":
+      logout();
+      break;
+  }
+}
+</script>
+
+<style lang="scss">
+.sa-user-avatar-dropdown {
+  margin-right: 12px;
+  .el-button {
+    --el-button-text-color: var(--el-color-white);
+    --el-button-active-text-color: var(--el-color-white);
+    --el-button-hover-text-color: var(--el-color-white);
+    --el-button-bg-color: transparent;
+    --el-button-active-bg-color: transparent;
+    --el-button-hover-bg-color: transparent;
+    --el-button-outline-color: transparent;
+    --el-button-active-border-color: var(--el-color-white);
+    --el-button-hover-border-color: var(--el-color-white);
+    --el-button-border-color: var(--el-color-white);
+  }
+}
+</style>
+@/libs/api.request@/libs/util