"data": [
		{
			"menu_id": 1,
			"menu_name": "儀表盤",
			"type": 0,
			"checked": false,
			"children": [
				{
					"menu_id": 17,
					"menu_name": "查看",
					"type": 1,
					"checked": false
				}
			]
		},
{
			"menu_id": 1,
			"menu_name": "用戶管理",
			"type": 0,
			"checked": false,
			"children": [
				{
					"menu_id": 17,
					"menu_name": "查看",
					"type": 1,
					"checked": false,
                    "children": [
						{
							"menu_id": 31,
							"menu_name": "設(shè)備連接拓?fù)鋱D隱藏或顯示",
							"type": 1,
							"checked": false
						},
				}
			]
		},

       <el-table
            :data="tableData"
            row-key="menu_id"
            style="width: 100%"
            :show-header="false"
            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
          >
            <el-table-column
              type="selection"
              :selectable="selectable"
              width="50"
            >
              <template slot-scope="{ row }">
                <span v-if="row.type === 0"></span>
                <el-checkbox
                  v-model="row.checked"
                  v-else
                  @change="handleCheck(row.menu_id, row.checked, row)"
                ></el-checkbox>
              </template>
            </el-table-column>
            <el-table-column prop="menu_name" label="菜單" align="left">
            </el-table-column>
            <el-table-column label="操作" align="center">
              <template slot-scope="scope" v-if="scope.row.type == 0">
                <el-switch
                  v-model="scope.row.checked"
                  active-color="#13ce66"
                  inactive-text="全選"
                  @change="swictchange($event, scope.row)"
                >
                </el-switch>
              </template>
            </el-table-column>
          </el-table>

 // 點(diǎn)擊單行獲取到數(shù)據(jù),實(shí)現(xiàn)反選
    handleCheck() {
      this.setHandleCheck(this.tableData);
    },
    setHandleCheck(menuList) {
      // checked變量初始化為true
      let checked = true;
      // 遍歷菜單列表的每一個(gè)菜單，
      for (let i = 0; i < menuList.length; i++) {
        // []中的每一個(gè)對(duì)象存儲(chǔ)在menu
        const menu = menuList[i];
        // 如果菜單中有子菜單，那么就遞歸重新調(diào)用菜單來(lái)更新子菜單的checked屬性
        if (menu.children && menu.children.length > 0) {
          menu.checked = this.setHandleCheck(menu.children);
        }
        // 判斷初始值和menu.checked的值是否為ture
        checked = checked && menu.checked;
      }
      return checked;
    },

    // 開(kāi)關(guān)狀態(tài)
    swictchange(flag, row) {
      this.setLastRight(row, this.menulistReq, flag);
      console.log(this.menulistReq, "遞歸得到的值");
      this.setHandleCheck(this.tableData);
    },
    // 遞歸全選
    setLastRight(obj, arr, flag) {
      if (!obj.children) {
        return;
      }
      // 當(dāng)前對(duì)象要是沒(méi)有children,就遍歷children
      obj.children.forEach((item) => {
        item.checked = flag;
        // 傳遞倆個(gè)實(shí)參，item在一二級(jí)都是有chilren，所以會(huì)一直調(diào)用到最后一級(jí)，最后一級(jí)是沒(méi)呀chiren
        this.setLastRight(item, arr, flag);
      });
    }

    // 分配角色權(quán)限
    async allotPermission() {
      this.recursionChecedTrue(this.tableData);
  const menu = [...new Set(this.menulistReq)];
      const res = await SetRoleManage({
        menu_ids: menu,
        id: this.copyrole.id_1,
      });
      if (res.code == 200) {
        this.$message.success("角色分配成功");
      }
    },
    // 遞歸獲取所有checked為ture的值
    recursionChecedTrue(tableData) {
      tableData.forEach((item) => {
        if (item.checked) {
          this.menulistReq.push(item.menu_id);
        }
        if (item.children) {
          this.recursionChecedTrue(item.children);
        }
      });
    },