## 组件wl-flow-viewer使用文档
~~~
<wl-flow-viewer
id="500033"
name="流程设计器"
width="80%"
height="500px"
size="small"
:url="url"
></wl-flow-viewer>
~~~
### wlFlowViewer props
| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| id|流程设计器的实例id | String | |
| name|按钮名称 | String | 下载 |
| width| modal宽度px、% | String| 100%|
| height| modal高度px | String| 500px |
| size|按钮的尺寸| String|
| url| 需要被引入项目路径 | String|http://bizplatform.qstb.top/#/biz/flow-setting-preview?id=
| type| 按钮类型| String| primary |
- 编写模版
- 模态框 wl-modal
- 富文本框 wl-tinymce
- 国家选择下拉框 wl-select-country
- 时间轴 wl-timeline
- 国籍选择下拉框 wl-select-nationality
- 时间及时间段选择器 wl-timepicker
- 日期及日期段选择器 wl-datepicker
- 自定义内容下拉框 wl-select-custom
- excel下载组件 wl-down-excel
- 多选框 wl-checkbox
- 多选下拉框 wl-select-mutiple
- 柱状图 wl-bar-chart
- 折线图 wl-line-chart
- 饼图 wl-pie-chart
- pdf预览并下载 wl-pdf-download
- excel导入 wl-import-excel
- 生成二维码 wl-create-qrcode
- 流程预览 wl-flow-viewer
- 级联选择城市 wl-select-city
- 图片预览 wl-viewer-show-img
- 业务综合组件
- 接口管理wl-inter-face-page
- 系统异常微信通知wl-try-catch-notice
- 地图组件 wl-map