结业习题

实现一个完整的左树右表的页面。要求：

1. 左侧宽度固定200px，右侧自适应；左侧树占满剩余高度；右侧表格占满剩余高度
2. 所有数据使用MOCK
3. 左侧搜索框过滤树节点
4. 右侧支持姓名查询
5. 点击左侧树节点，右侧显示对应的数据
6. 支持新增、编辑和删除。其中新增和编辑是弹窗，删除需要二次确认
7. 需要的接口

• 获取树节点，支持根据名字筛选
• 获取学生列表，支持根据班级和姓名筛选，支持分页
• 新增/编辑学生信息接口
• 删除学生信息接口

// 参考mock数据
[
  {
      "children": [
          {
              "title": "一班",
              "key": "1-1"
          },
          {
              "title": "二班",
              "key": "1-2"
          },
          {
              "title": "三班",
              "key": "1-3"
          }
      ],
      "title": "一年级",
      "key": "1"
  },
  {
      "children": [
          {
              "title": "一班",
              "key": "2-1"
          },
          {
              "title": "二班",
              "key": "2-2"
          },
          {
              "title": "三班",
              "key": "2-3"
          },
          {
              "title": "四班",
              "key": "2-4"
          }
      ],
      "title": "二年级",
      "key": "2"
  }
]