# 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组件

```

注意事项
----

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