const [roleId, setRoleId] = useState('') //存儲(chǔ)角色id
  // 彈權(quán)限彈窗
  const empowerHandle = async record => {
    setRoleId(record.roleId)
    //獲取單獨(dú)的權(quán)限
    const res1 = await getPermission({ roleId: record.roleId })
    console.log('res1', res1)
    const res2 = await getSimple()
    console.log('res2', res2)
    //平鋪數(shù)據(jù)轉(zhuǎn)樹(shù)形結(jié)構(gòu)
    function buildTree (data, parentId = 0) {
      let tree = [] // 用于存放結(jié)果的數(shù)組
      // 遍歷數(shù)據(jù)，找到parentId匹配的項(xiàng)
      for (let item of data) {
        if (item.parentId === parentId) {
          // 創(chuàng)建一個(gè)新對(duì)象，準(zhǔn)備添加子節(jié)點(diǎn)
          let node = { ...item, children: buildTree(data, item.permissionId) } // 遞歸調(diào)用，處理子節(jié)點(diǎn)
          tree.push(node) // 將當(dāng)前節(jié)點(diǎn)添加到結(jié)果數(shù)組中
        }
      }
      return tree
    }
    // title替換permissionName,讓樹(shù)形結(jié)構(gòu)內(nèi)容可以展示出來(lái)
    const res3 = res2.map(item => {
      return {
        ...item,
        title: item.permissionName,
        key: item.permissionId
      }
    })
    const result1 = buildTree(res1, 0) // 獲取單獨(dú)的權(quán)限
    console.log('res1111111', result1)
    // 獲取res1中的permissionId作為已選中的Id列表
    const selectedIds = res1.map(item => item.permissionId)
    console.log('selectedIds', selectedIds)
    // 構(gòu)建treeData時(shí)同時(shí)處理選中狀態(tài)
    const result = buildTree(res3, 0)
    console.log('3333333333333', result)
    setTreeData(result)
    setcheckedKeys(selectedIds)
    setempower(true)
  }

  // 獲取選中的權(quán)限,為了修改權(quán)限
  const ontreeCheck = checkedKeysValue => {
    console.log('onCheck', checkedKeysValue.checked) // 這里可以拿到選中的所有的權(quán)限id
    setcheckedKeys(checkedKeysValue.checked)
  }
  // 修改權(quán)限提交
  const treesubmit = async () => {
    const res1 = await getEditPermission({
      roleId: roleId,
      permissionIds: checkedKeys
    })
    setempower(false)
  }
    <Tree
                checkable
                checkedKeys={checkedKeys}
                defaultExpandAll={false} //讓授權(quán)后的彈窗只展示根標(biāo)簽
                treeData={treeData}
                // multiple // 支持多選。當(dāng)父子不關(guān)聯(lián),添加后,點(diǎn)擊父,不能控制所有子
                // showLine //刪除這里,樹(shù)形結(jié)構(gòu)左側(cè)的下拉線(xiàn)消失,圖標(biāo)從＋－更改為默認(rèn)的△
                checkStrictly // 開(kāi)啟后,父子節(jié)點(diǎn)不關(guān)聯(lián)(子空一個(gè),父就空)
                onCheck={ontreeCheck}
              />
  const [treeData, setTreeData] = useState([
    {
      title: '0-1',
      key: '0-1',
      children: [
        {
          title: '0-1-0-0',
          key: '0-1-0-0'
        },
        {
          title: '0-1-0-1',
          key: '0-1-0-1'
        },
        {
          title: '0-1-0-2',
          key: '0-1-0-2'
        }
      ]
    },
    {
      title: '0-2',
      key: '0-2'
    }
  ])