vue前端自适应布局，一步到位所有自适应

页面展示

实现内容

1，左右布局

• 左侧固定宽带，右侧自适应剩余的宽度。
• 中间一条分割线，可以拖拉，自适应调整左右侧的宽度。
• 左侧的高度超长自动出现横向滚动条，左侧宽度超长，自动出现竖向滚动条。

2，上中下布局

• 最上面的 搜索条件 div 固定占用 100 px 高度，下面的 查询条件 div 固定占用 30 px 高度，最下面的分页固定占用高度，页面剩下的高度自动分配给中间的表格内容。
• 表格内容高度超过后自动出现竖向滚动条，宽度超出后自动出现横向滚动条。
• 点击按钮，可以 隐藏/显示 搜索条件 div 里面的内容。
• 当隐藏 搜索条件 di