# XAddForm

动态新增/修改表单控件，根据JSON配置生成一个完整的可供新增/修改数据的动态表单


## 何时使用

当需要一个可供新增/修改数据的动态生成的表单时


引用方式：

```javascript
import XAddReport from '@vue2-client/base-client/components/XAddReport/XAddReport'

export default {
    components: {
      XAddReport
    }
}
```



## 代码演示

```html
<x-add-report

>
</x-add-report>
```

## API

| 参数              | 说明                       | 类型      | 默认值   |
|-----------------|--------------------------|---------|-------|
| businessTitle   | 业务标题                     | String  | ''    |
| businessType    | 业务类型                     | String  | ''    |
| visible         | 是否显示模态框                  | Boolean | false |
| jsonData        | JSON配置，根据[工具>查询配置生成]功能生成 | Object  | {}    |
| modifyModelData | 修改操作前查询出的业务数据            | Object  | {}    |
| loading         | 新增或修改业务是否执行中             | Boolean | false |
| fixedAddForm    | 固定新增表单，会和新增表单合并          | Object  | {}    |
| getDataParams | 调用logic获取数据源的追加参数 | Object | - |
| @onSubmit       | 表单的提交事件                  | event   | -     |

## 例子1
----
参考XFormTable组件
```

注意事项
----

> 本组件已经实现了自适应布局，在不同分辨率下的设备均可得到基本理想的展示效果
