liudong
2024-08-22 09db9d662b70649e2b378d2599dfe7f7a2bd93ab
src/views/authority/role/index.vue
@@ -93,7 +93,7 @@
              @click="operation(4, record)"
            >角色权限</a-button>
            <a-popconfirm
              content="Are you sure you want to delete?"
              content="请确认是否删除?"
              type="success"
              @ok="operation(3, record)"
            >
@@ -140,16 +140,15 @@
              class="tree-demo"
              v-model:checked-keys="checkedKeysMenu"
              v-model:expanded-keys="expandKdysMenu"
              :only-check-leaf=true
              :checkable="true"
              :data="treeDataMenu"
              :show-line="showLineMenu"
              @check="onCheckMenu"
              :fieldNames="{
                key: 'menuId',
                title: 'menuName',
                children: 'children',
              }"
              :check-strictly="checkStrictlyMenu"
            >
            </a-tree>
          </a-tab-pane>
@@ -215,7 +214,7 @@
            'margin': '1px',
          }"
          class="card-demo"
          title="用户所有权限"
          title="角色所有权限"
          hoverable
        >
          <a-space wrap>
@@ -337,18 +336,51 @@
  let resourcevisible = ref(false);
  let selectRole = ref({});
  const eachChildrenAdd=(node)=>{
    if (node.children?.length > 0) {
      node.children.forEach((child) => {
        checkStrictlyMenu.value.push({ menuId: child.menuId, menuName: child.menuName });
        eachChildrenAdd(child);
      });
    }
  }
  const findChild = (node, val): boolean => {
    let isExist = false;
    if (node.children?.length > 0) {
      node.children.forEach((child) => {
        if (val.menuId == child.menuId) {
          isExist = isExist || true;
        } else {
          isExist = isExist || findChild(child, val);
        }
      });
    }
    return isExist;
  };
  const onCheckMenu = (newCheckedKeys, event) => {
    let o = { menuId: event.node.menuId, menuName: event.node.menuName };
    if (event.checked) {
      checkStrictlyMenu.value.push(o);
      eachChildrenAdd(event.node);
      if (event.halfCheckedNodes?.length > 0) {
        event.halfCheckedNodes.forEach((child) => {
          let e = { menuId: child.menuId, menuName: child.menuName };
          if (checkStrictlyMenu.value.find((item) => item.menuId === e.menuId) == undefined) {
            checkStrictlyMenu.value.push(e);
          }
        });
      }
    } else {
      let menus=[];
      checkStrictlyMenu.value.forEach((val, idx, array) => {
        // val: 当前值
        if (val.menuId == event.node.menuId) {
          checkStrictlyMenu.value.splice(idx, 1);
          return true;
        if (val.menuId != event.node.menuId && !findChild(event.node, val)) {
          menus.push({ menuId: val.menuId, menuName: val.menuName });
        }
      });
      checkStrictlyMenu.value = menus;
    }
  };
  const onCheckKnowledge = (newCheckedKeys, event) => {
@@ -403,9 +435,7 @@
    }
  };
  const handleRemove = (key) => {
    checkStrictly.value = checkStrictly.value.filter((tag) => tag !== key);
  };
  const handleMenuRemove = (key) => {
    checkStrictlyMenu.value = checkStrictlyMenu.value.filter(
      (tag) => tag !== key