设计
1、2个组件（渲染组件，配置组件）
2、列表组件包含（table和分页、以及条件搜索配置）
3、组件功能提升（配置操作栏、跳转）

实例 5d2311bba601e1becebc3104
实现步骤
1、组件创建ok
2、渲染组件：显示一个table ok
3、配置组件：配置一个table ok

4、配置组件：动态获取数据配置一个table ok
5、配置组件：table的简单样式配置（高度、宽度、行样式）ok

6、渲染组件：添加分页 ok
7、配置组件：配置分页 ok

8、渲染组件：添加搜索 
1、搜索栏：由form表单标准接口组件配置（form组件添加搜索提交给table组件）
按钮文字显示控制、位置控制
组件宽度，高度控制
搜索事件提交
table搜索
分页自动带上搜索条件

2、table组件接收form组件搜索事件和数据，去搜索
3、多个实例互不影响

9、菜单右侧布局配置  ok
1、拖拽右侧组件模块到布局内，生成具体实例
2、拖拽（点击）
3、添加实例：先渲染配置组件，然后提交默认配置生成一个默认实例，返回实例编号
4、根据实例编号，渲染实例
5、菜单与实例建立关系

vue 基础知识，没有其他

值绑定：数据绑定（显示）到对应的地方
（v-if、v-for、v-on：bind、{{}}、v-show）
事件：组件之间事件调用（父调子、子调父、兄弟调用）
（refs.'子组件名'、emit，bus）
动态数据：后端数据获取




{"table":"test","attrs":{},"dbname": "test", "not_token": true,"page_num":10,"curpage":1}



右侧编辑实例配置填写：
1.属性配置：
添加属性按钮，填写表头中的表单属性和显示的名称
2.获取数据接口：
接口地址：http://priv.x9water.com:18080/kinder/getdocument
接口请求数据结构：{"curpage":1,"page_num":10,"not_token":true,"attrs":{},"dbname":"lora","table":"device_info"}
3.搜索配置：
搜索事件名:可以随意填写，但必须与form组件配置的搜索实例编辑配置的搜索事件名一致
搜索事件名随机数:随机生成，然后复制，填写在form组件配置的搜索实例编辑配置的搜索事件名随机数中，保持一致