vue2-client 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/.eslintrc.js +81 -81
  2. package/README.md +4 -2
  3. package/babel.config.js +14 -14
  4. package/docs/index.md +29 -29
  5. package/{src/index.js → index.js} +8 -8
  6. package/jest.config.js +3 -3
  7. package/package.json +1 -1
  8. package/public/index.html +27 -27
  9. package/src/App.vue +93 -93
  10. package/src/base-client/all.js +26 -26
  11. package/src/base-client/components/common/CreateQuery/CreateQuery.vue +4 -4
  12. package/src/base-client/components/common/CreateQuery/index.md +42 -42
  13. package/src/base-client/components/common/CreateSimpleFormQuery/CreateSimpleFormQuery.vue +3 -3
  14. package/src/base-client/components/common/CreateSimpleFormQuery/index.md +42 -42
  15. package/src/base-client/components/common/CustomColumnsDrawer/index.md +46 -46
  16. package/src/base-client/components/common/FormGroupEdit/FormGroupEdit.vue +3 -3
  17. package/src/base-client/components/common/FormGroupEdit/index.md +43 -43
  18. package/src/base-client/components/common/FormGroupQuery/index.md +43 -43
  19. package/src/base-client/components/common/XAddForm/XAddForm.vue +3 -3
  20. package/src/base-client/components/common/XAddForm/index.md +60 -60
  21. package/src/base-client/components/common/XBadge/index.md +39 -39
  22. package/src/base-client/components/common/XCard/index.md +43 -43
  23. package/src/base-client/components/common/XForm/XForm.vue +2 -2
  24. package/src/base-client/components/common/XForm/XFormItem.vue +1 -1
  25. package/src/base-client/components/common/XForm/index.md +3 -3
  26. package/src/base-client/components/common/XFormCol/index.md +35 -35
  27. package/src/base-client/components/common/XFormTable/XFormTable.vue +6 -6
  28. package/src/base-client/components/common/XFormTable/index.md +89 -89
  29. package/src/base-client/components/common/XTable/XTable.vue +3 -3
  30. package/src/base-client/components/common/XTable/index.md +3 -3
  31. package/src/base-client/components/common/XTreeOne/XTreeOne.vue +105 -105
  32. package/src/base-client/components/iot/CustomerDetailsView/CustomerDetailsView.vue +3 -3
  33. package/src/base-client/components/iot/CustomerDetailsView/index.md +41 -41
  34. package/src/base-client/components/iot/DataAnalysisUser/DataAnalysisUser.vue +127 -127
  35. package/src/base-client/components/iot/DataAnalysisViewGD/DataAnalysisViewGD.vue +5 -5
  36. package/src/base-client/components/iot/DeviceBrandDetailsView/DeviceBrandDetailsView.vue +3 -3
  37. package/src/base-client/components/iot/DeviceDetailsView/DeviceDetailsView.vue +3 -3
  38. package/src/base-client/components/iot/DeviceDetailsView/index.md +43 -43
  39. package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsCount.vue +1 -1
  40. package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsException.vue +57 -57
  41. package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsInstruct.vue +122 -122
  42. package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsInstructOperate.vue +4 -4
  43. package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsMain.vue +225 -225
  44. package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsRead.vue +135 -135
  45. package/src/base-client/components/iot/DeviceTypeDetailsView/DeviceTypeDetailsView.vue +3 -3
  46. package/src/base-client/components/iot/InstructDetailsView/InstructDetailsView.vue +5 -5
  47. package/src/base-client/components/iot/InstructDetailsView/index.md +45 -45
  48. package/src/base-client/components/iot/LogDetailsView/LogDetailsView.vue +3 -3
  49. package/src/base-client/components/iot/LogDetailsView/index.md +43 -43
  50. package/src/base-client/components/iot/MeterDetailsView/MeterDetailsView.vue +3 -3
  51. package/src/base-client/components/iot/MeterDetailsView/index.md +43 -43
  52. package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsCount.vue +1 -1
  53. package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsException.vue +3 -3
  54. package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsHandPlan.vue +3 -3
  55. package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsInstruct.vue +4 -4
  56. package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsMain.vue +3 -3
  57. package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsSellGas.vue +3 -3
  58. package/src/base-client/components/iot/WebmeterAnalysisView/WebmeterAnalysisView.vue +4 -4
  59. package/src/base-client/components/iot/WebmeterAnalysisView/index.md +48 -48
  60. package/src/base-client/components/system/DictionaryDetailsView/DictionaryDetailsView.vue +4 -4
  61. package/src/base-client/components/system/DictionaryDetailsView/index.md +41 -41
  62. package/src/base-client/components/system/QueryParamsDetailsView/QueryParamsDetailsView.vue +3 -3
  63. package/src/base-client/components/ticket/EmployeeDetailsView/EmployeeDetailsView.vue +5 -5
  64. package/src/base-client/components/ticket/TicketDetailsView/TicketDetailsView.vue +5 -5
  65. package/src/base-client/components/ticket/TicketDetailsView/part/TicketDetailsFlow.vue +3 -3
  66. package/src/base-client/components/ticket/TicketSubmitSuccessView/TicketSubmitSuccessView.vue +6 -6
  67. package/src/base-client/plugins/AppData.js +3 -3
  68. package/src/base-client/plugins/GetLoginInfoService.js +2 -2
  69. package/src/base-client/plugins/index.js +4 -4
  70. package/src/bootstrap.js +4 -4
  71. package/src/components/Ellipsis/Ellipsis.vue +64 -64
  72. package/src/components/Ellipsis/index.md +38 -38
  73. package/src/components/NumberInfo/index.md +43 -43
  74. package/src/components/STable/README.md +341 -341
  75. package/src/components/Trend/index.md +45 -45
  76. package/src/components/cache/AKeepAlive.js +172 -172
  77. package/src/components/checkbox/index.js +7 -7
  78. package/src/components/index.js +36 -36
  79. package/src/components/menu/menu.js +273 -273
  80. package/src/components/setting/Setting.vue +237 -237
  81. package/src/components/table/advance/AdvanceTable.vue +275 -275
  82. package/src/components/transition/PageToggleTransition.vue +97 -97
  83. package/src/config/default/setting.config.js +33 -33
  84. package/src/layouts/CommonLayout.vue +42 -42
  85. package/src/layouts/ComponentLayoutOne.vue +47 -47
  86. package/src/layouts/PageLayout.vue +151 -151
  87. package/src/layouts/SinglePageView.vue +74 -74
  88. package/src/layouts/header/AdminHeader.vue +109 -109
  89. package/src/layouts/header/HeaderAvatar.vue +60 -60
  90. package/src/layouts/header/HeaderNotice.vue +1 -1
  91. package/src/layouts/tabs/TabsHead.vue +190 -190
  92. package/src/layouts/tabs/TabsView.vue +355 -355
  93. package/src/main.js +2 -2
  94. package/src/mock/common/reportData.js +20 -20
  95. package/src/mock/goods/index.js +108 -108
  96. package/src/mock/index.js +12 -12
  97. package/src/mock/project/index.js +17 -17
  98. package/src/mock/user/current.js +13 -13
  99. package/src/mock/user/login.js +39 -39
  100. package/src/mock/user/routes.js +61 -61
  101. package/src/mock/workplace/index.js +15 -15
  102. package/src/pages/exception/403.vue +2 -2
  103. package/src/pages/exception/404.vue +2 -2
  104. package/src/pages/exception/500.vue +2 -2
  105. package/src/pages/login/Login.vue +8 -8
  106. package/src/pages/report/ReportTable.js +125 -125
  107. package/src/pages/report/ReportTableHome.vue +2 -2
  108. package/src/pages/resourceManage/resourceManageMain.vue +1 -1
  109. package/src/pages/system/applyInstallView/Core.vue +570 -570
  110. package/src/pages/system/applyInstallView/index.vue +34 -34
  111. package/src/pages/system/dictionary/index.vue +41 -41
  112. package/src/pages/system/queryParams/index.vue +41 -41
  113. package/src/router/async/config.async.js +25 -25
  114. package/src/router/async/router.map.js +13 -13
  115. package/src/router/guards.js +104 -104
  116. package/src/router/index.js +2 -2
  117. package/src/services/api/common.js +1 -1
  118. package/src/services/api/restTools.js +1 -1
  119. package/src/services/dataSource.js +12 -12
  120. package/src/services/user.js +34 -34
  121. package/src/store/index.js +5 -5
  122. package/src/store/modules/setting.js +114 -114
  123. package/src/theme/index.less +5 -5
  124. package/src/theme/reportTable.less +58 -58
  125. package/src/utils/i18n.js +80 -80
  126. package/src/utils/indexedDB.js +1 -1
  127. package/src/utils/request.js +1 -1
  128. package/src/utils/routerUtil.js +3 -3
  129. package/tests/unit/ReportTable.spec.js +2 -2
  130. package/vue.config.js +1 -0
  131. package/webpack.config.js +1 -1
  132. package/src/router/config.js +0 -23
@@ -1,42 +1,42 @@
1
- # CreateQuery 完整查询配置生成
2
-
3
- 提供完整查询配置生成的快捷组件
4
-
5
-
6
-
7
- ## 何时使用
8
-
9
- 允许生成完整查询配置
10
-
11
-
12
-
13
- 引用方式:
14
-
15
- ```javascript
16
- import CreateQuery from '@/base-client/components/CreateQuery'
17
-
18
- export default {
19
- components: {
20
- CreateQuery
21
- }
22
- }
23
- ```
24
-
25
-
26
-
27
- ## 代码演示
28
-
29
- ```html
30
- <create-query
31
- :toEditJson="toEditJson"
32
- :visible.sync="createQueryVisible"
33
- />
34
- ```
35
-
36
- ## API
37
-
38
- | 参数 | 说明 | 类型 | 默认值 |
39
- |------------------|------------------------------------------|---------|-----------|
40
- | visible | 是否显示 | Boolean | false |
41
- | toEditJson | 要编辑的json 当 visible 从false变成true时解析加载到页面上 | Object | undefined |
42
- | @saveQueryParams | 查询配置点击保存后事件 | event | - |
1
+ # CreateQuery 完整查询配置生成
2
+
3
+ 提供完整查询配置生成的快捷组件
4
+
5
+
6
+
7
+ ## 何时使用
8
+
9
+ 允许生成完整查询配置
10
+
11
+
12
+
13
+ 引用方式:
14
+
15
+ ```javascript
16
+ import CreateQuery from '@vue2-client/base-client/components/CreateQuery'
17
+
18
+ export default {
19
+ components: {
20
+ CreateQuery
21
+ }
22
+ }
23
+ ```
24
+
25
+
26
+
27
+ ## 代码演示
28
+
29
+ ```html
30
+ <create-query
31
+ :toEditJson="toEditJson"
32
+ :visible.sync="createQueryVisible"
33
+ />
34
+ ```
35
+
36
+ ## API
37
+
38
+ | 参数 | 说明 | 类型 | 默认值 |
39
+ |------------------|------------------------------------------|---------|-----------|
40
+ | visible | 是否显示 | Boolean | false |
41
+ | toEditJson | 要编辑的json 当 visible 从false变成true时解析加载到页面上 | Object | undefined |
42
+ | @saveQueryParams | 查询配置点击保存后事件 | event | - |
@@ -235,12 +235,12 @@
235
235
  </template>
236
236
 
237
237
  <script>
238
- import XAddForm from '@/base-client/components/common/XAddForm/XAddForm'
238
+ import XAddForm from '@vue2-client/base-client/components/common/XAddForm/XAddForm'
239
239
  import JsonViewer from 'vue-json-viewer'
240
240
  import FileSaver from 'file-saver'
241
241
  import { mapState } from 'vuex'
242
- import { post } from '@/services/api/restTools'
243
- import { commonApi } from '@/services/api/common'
242
+ import { post } from '@vue2-client/services/api/restTools'
243
+ import { commonApi } from '@vue2-client/services/api/common'
244
244
 
245
245
  export default {
246
246
  name: 'CreateSimpleFormQuery',
@@ -1,42 +1,42 @@
1
- # CreateSimpleFormQuery 基础表单配置生成(仅新增场景)
2
-
3
- 提供基础表单配置生成(仅新增场景)的快捷组件
4
-
5
-
6
-
7
- ## 何时使用
8
-
9
- 允许生成基础表单的配置
10
-
11
-
12
-
13
- 引用方式:
14
-
15
- ```javascript
16
- import CreateSimpleFormQuery from '@/base-client/components/CreateSimpleFormQuery'
17
-
18
- export default {
19
- components: {
20
- CreateSimpleFormQuery
21
- }
22
- }
23
- ```
24
-
25
-
26
-
27
- ## 代码演示
28
-
29
- ```html
30
- <create-simple-form-query
31
- :toEditJson="toEditJson"
32
- :visible.sync="createSimpleFormVisible"
33
- />
34
- ```
35
-
36
- ## API
37
-
38
- | 参数 | 说明 | 类型 | 默认值 |
39
- |----------------------------|------------------------------------------|---------|-----------|
40
- | visible | 是否显示 | Boolean | false |
41
- | toEditJson | 要编辑的json 当 visible 从false变成true时解析加载到页面上 | Object | undefined |
42
- | @saveSimpleFormQueryParams | 基础表单配置点击保存后事件 | event | - |
1
+ # CreateSimpleFormQuery 基础表单配置生成(仅新增场景)
2
+
3
+ 提供基础表单配置生成(仅新增场景)的快捷组件
4
+
5
+
6
+
7
+ ## 何时使用
8
+
9
+ 允许生成基础表单的配置
10
+
11
+
12
+
13
+ 引用方式:
14
+
15
+ ```javascript
16
+ import CreateSimpleFormQuery from '@vue2-client/base-client/components/CreateSimpleFormQuery'
17
+
18
+ export default {
19
+ components: {
20
+ CreateSimpleFormQuery
21
+ }
22
+ }
23
+ ```
24
+
25
+
26
+
27
+ ## 代码演示
28
+
29
+ ```html
30
+ <create-simple-form-query
31
+ :toEditJson="toEditJson"
32
+ :visible.sync="createSimpleFormVisible"
33
+ />
34
+ ```
35
+
36
+ ## API
37
+
38
+ | 参数 | 说明 | 类型 | 默认值 |
39
+ |----------------------------|------------------------------------------|---------|-----------|
40
+ | visible | 是否显示 | Boolean | false |
41
+ | toEditJson | 要编辑的json 当 visible 从false变成true时解析加载到页面上 | Object | undefined |
42
+ | @saveSimpleFormQueryParams | 基础表单配置点击保存后事件 | event | - |
@@ -1,46 +1,46 @@
1
- # CustomColumnsDrawer 自定义表格列
2
-
3
- 提供一个可以自定义选择需要展示的表格列抽屉实现
4
-
5
-
6
-
7
- ## 何时使用
8
-
9
- 允许用户自定义选择需要展示的表格列,常用于列较多的表格查询展示。
10
-
11
-
12
-
13
- 引用方式:
14
-
15
- ```javascript
16
- import CustomColumnsDrawer from '@/vue2-client/components/CustomColumnsDrawer'
17
-
18
- export default {
19
- components: {
20
- CustomColumnsDrawer
21
- }
22
- }
23
- ```
24
-
25
-
26
-
27
- ## 代码演示
28
-
29
- ```html
30
- <custom-columns-drawer
31
- :visible.sync="visible"
32
- :columns.sync="tableShowColumns"
33
- :columns-meta="columnsMeta"
34
- />
35
- ```
36
-
37
- ## API
38
-
39
- 参数 | 说明 | 类型 | 默认值
40
- ----|------|-----|------
41
- placement | 抽屉的方向,详情参考Ant Design Vue的官方文档 | String, Object | right
42
- width | 抽屉的宽度,详情参考Ant Design Vue的官方文档 | String, Object | 190
43
- columnsMeta | 表格列配置的原始json数据 | Array | null
44
- visible | 是否显示 | Boolean | false
45
-
46
-
1
+ # CustomColumnsDrawer 自定义表格列
2
+
3
+ 提供一个可以自定义选择需要展示的表格列抽屉实现
4
+
5
+
6
+
7
+ ## 何时使用
8
+
9
+ 允许用户自定义选择需要展示的表格列,常用于列较多的表格查询展示。
10
+
11
+
12
+
13
+ 引用方式:
14
+
15
+ ```javascript
16
+ import CustomColumnsDrawer from '@vue2-client/vue2-client/components/CustomColumnsDrawer'
17
+
18
+ export default {
19
+ components: {
20
+ CustomColumnsDrawer
21
+ }
22
+ }
23
+ ```
24
+
25
+
26
+
27
+ ## 代码演示
28
+
29
+ ```html
30
+ <custom-columns-drawer
31
+ :visible.sync="visible"
32
+ :columns.sync="tableShowColumns"
33
+ :columns-meta="columnsMeta"
34
+ />
35
+ ```
36
+
37
+ ## API
38
+
39
+ 参数 | 说明 | 类型 | 默认值
40
+ ----|------|-----|------
41
+ placement | 抽屉的方向,详情参考Ant Design Vue的官方文档 | String, Object | right
42
+ width | 抽屉的宽度,详情参考Ant Design Vue的官方文档 | String, Object | 190
43
+ columnsMeta | 表格列配置的原始json数据 | Array | null
44
+ visible | 是否显示 | Boolean | false
45
+
46
+
@@ -33,9 +33,9 @@
33
33
 
34
34
  <script>
35
35
  import { mapState } from 'vuex'
36
- import XAddForm from '@/base-client/components/common/XAddForm/XAddForm'
37
- import { commonApi } from '@/services/api/common'
38
- import { post } from '@/services/api/restTools'
36
+ import XAddForm from '@vue2-client/base-client/components/common/XAddForm/XAddForm'
37
+ import { commonApi } from '@vue2-client/services/api/common'
38
+ import { post } from '@vue2-client/services/api/restTools'
39
39
 
40
40
  export default {
41
41
  name: 'FormGroupEdit',
@@ -1,43 +1,43 @@
1
- # FormGroupEdit 表单参数组配置编辑
2
-
3
- 提供表单参数组配置编辑的快捷组件
4
-
5
-
6
-
7
- ## 何时使用
8
-
9
- 允许通过表单参数组编辑参数
10
-
11
-
12
-
13
- 引用方式:
14
-
15
- ```javascript
16
- import FormGroupEdit from '@/base-client/components/FormGroupEdit'
17
-
18
- export default {
19
- components: {
20
- FormGroupEdit
21
- }
22
- }
23
- ```
24
-
25
-
26
-
27
- ## 代码演示
28
-
29
- ```html
30
- <form-group-edit
31
- @getColumnJson="getColumnJson"
32
- :visible.sync="createQueryVisible"
33
- @saveQueryParams="saveQueryParams"
34
- />
35
- ```
36
-
37
- ## API
38
-
39
- | 参数 | 说明 | 类型 | 默认值 |
40
- |------------------|------------|---------|-------|
41
- | visible | 是否显示 | Boolean | false |
42
- | @getColumnJson | 获取表单配置方法 | event | - |
43
- | @saveQueryParams | 存储查询配置信息事件 | event | - |
1
+ # FormGroupEdit 表单参数组配置编辑
2
+
3
+ 提供表单参数组配置编辑的快捷组件
4
+
5
+
6
+
7
+ ## 何时使用
8
+
9
+ 允许通过表单参数组编辑参数
10
+
11
+
12
+
13
+ 引用方式:
14
+
15
+ ```javascript
16
+ import FormGroupEdit from '@vue2-client/base-client/components/FormGroupEdit'
17
+
18
+ export default {
19
+ components: {
20
+ FormGroupEdit
21
+ }
22
+ }
23
+ ```
24
+
25
+
26
+
27
+ ## 代码演示
28
+
29
+ ```html
30
+ <form-group-edit
31
+ @getColumnJson="getColumnJson"
32
+ :visible.sync="createQueryVisible"
33
+ @saveQueryParams="saveQueryParams"
34
+ />
35
+ ```
36
+
37
+ ## API
38
+
39
+ | 参数 | 说明 | 类型 | 默认值 |
40
+ |------------------|------------|---------|-------|
41
+ | visible | 是否显示 | Boolean | false |
42
+ | @getColumnJson | 获取表单配置方法 | event | - |
43
+ | @saveQueryParams | 存储查询配置信息事件 | event | - |
@@ -1,43 +1,43 @@
1
- # FormGroupQuery 表单参数组配置生成
2
-
3
- 提供表单参数组配置生成的快捷组件
4
-
5
-
6
-
7
- ## 何时使用
8
-
9
- 允许生成表单参数组
10
-
11
-
12
-
13
- 引用方式:
14
-
15
- ```javascript
16
- import FormGroupQuery from '@/base-client/components/FormGroupQuery'
17
-
18
- export default {
19
- components: {
20
- FormGroupQuery
21
- }
22
- }
23
- ```
24
-
25
-
26
-
27
- ## 代码演示
28
-
29
- ```html
30
- <form-group-query
31
- @getColumnJson="getColumnJson"
32
- :visible.sync="createQueryVisible"
33
- @saveQueryParams="saveQueryParams"
34
- />
35
- ```
36
-
37
- ## API
38
-
39
- | 参数 | 说明 | 类型 | 默认值 |
40
- |------------------|------------|---------|-------|
41
- | visible | 是否显示 | Boolean | false |
42
- | @getColumnJson | 获取表单配置方法 | event | - |
43
- | @saveQueryParams | 存储查询配置信息事件 | event | - |
1
+ # FormGroupQuery 表单参数组配置生成
2
+
3
+ 提供表单参数组配置生成的快捷组件
4
+
5
+
6
+
7
+ ## 何时使用
8
+
9
+ 允许生成表单参数组
10
+
11
+
12
+
13
+ 引用方式:
14
+
15
+ ```javascript
16
+ import FormGroupQuery from '@vue2-client/base-client/components/FormGroupQuery'
17
+
18
+ export default {
19
+ components: {
20
+ FormGroupQuery
21
+ }
22
+ }
23
+ ```
24
+
25
+
26
+
27
+ ## 代码演示
28
+
29
+ ```html
30
+ <form-group-query
31
+ @getColumnJson="getColumnJson"
32
+ :visible.sync="createQueryVisible"
33
+ @saveQueryParams="saveQueryParams"
34
+ />
35
+ ```
36
+
37
+ ## API
38
+
39
+ | 参数 | 说明 | 类型 | 默认值 |
40
+ |------------------|------------|---------|-------|
41
+ | visible | 是否显示 | Boolean | false |
42
+ | @getColumnJson | 获取表单配置方法 | event | - |
43
+ | @saveQueryParams | 存储查询配置信息事件 | event | - |
@@ -44,10 +44,10 @@
44
44
  </a-modal>
45
45
  </template>
46
46
  <script>
47
- import XFormItem from '@/base-client/components/common/XForm/XFormItem'
48
- import { formatDate } from '@/utils/util'
47
+ import XFormItem from '@vue2-client/base-client/components/common/XForm/XFormItem'
48
+ import { formatDate } from '@vue2-client/utils/util'
49
49
  import { mapState } from 'vuex'
50
- import { post } from '@/services/api/restTools'
50
+ import { post } from '@vue2-client/services/api/restTools'
51
51
 
52
52
  export default {
53
53
  name: 'XAddForm',
@@ -1,60 +1,60 @@
1
- # XAddForm
2
-
3
- 动态新增/修改表单控件,根据JSON配置生成一个完整的可供新增/修改数据的动态表单
4
-
5
-
6
- ## 何时使用
7
-
8
- 当需要一个可供新增/修改数据的动态生成的表单时
9
-
10
-
11
- 引用方式:
12
-
13
- ```javascript
14
- import XAddForm from '@/base-client/components/XAddForm/XAddForm'
15
-
16
- export default {
17
- components: {
18
- XAddForm
19
- }
20
- }
21
- ```
22
-
23
-
24
-
25
- ## 代码演示
26
-
27
- ```html
28
- <x-add-form
29
- :business-title="businessTitle"
30
- :business-type="businessType"
31
- :visible.sync="modelVisible"
32
- :json-data="formItems"
33
- :modify-model-data="modifyModelData"
34
- :loading="loading"
35
- @onSubmit="onAddOrModify">
36
- </x-add-form>
37
- ```
38
-
39
- ## API
40
-
41
- | 参数 | 说明 | 类型 | 默认值 |
42
- |-----------------|--------------------------|---------|-------|
43
- | businessTitle | 业务标题 | String | '' |
44
- | businessType | 业务类型 | String | '' |
45
- | visible | 是否显示模态框 | Boolean | false |
46
- | jsonData | JSON配置,根据[工具>查询配置生成]功能生成 | Object | {} |
47
- | modifyModelData | 修改操作前查询出的业务数据 | Object | {} |
48
- | loading | 新增或修改业务是否执行中 | Boolean | false |
49
- | fixedAddForm | 固定新增表单,会和新增表单合并 | Object | {} |
50
- | @onSubmit | 表单的提交事件 | event | - |
51
-
52
- ## 例子1
53
- ----
54
- 参考XFormTable组件
55
- ```
56
-
57
- 注意事项
58
- ----
59
-
60
- > 本组件已经实现了自适应布局,在不同分辨率下的设备均可得到基本理想的展示效果
1
+ # XAddForm
2
+
3
+ 动态新增/修改表单控件,根据JSON配置生成一个完整的可供新增/修改数据的动态表单
4
+
5
+
6
+ ## 何时使用
7
+
8
+ 当需要一个可供新增/修改数据的动态生成的表单时
9
+
10
+
11
+ 引用方式:
12
+
13
+ ```javascript
14
+ import XAddForm from '@vue2-client/base-client/components/XAddForm/XAddForm'
15
+
16
+ export default {
17
+ components: {
18
+ XAddForm
19
+ }
20
+ }
21
+ ```
22
+
23
+
24
+
25
+ ## 代码演示
26
+
27
+ ```html
28
+ <x-add-form
29
+ :business-title="businessTitle"
30
+ :business-type="businessType"
31
+ :visible.sync="modelVisible"
32
+ :json-data="formItems"
33
+ :modify-model-data="modifyModelData"
34
+ :loading="loading"
35
+ @onSubmit="onAddOrModify">
36
+ </x-add-form>
37
+ ```
38
+
39
+ ## API
40
+
41
+ | 参数 | 说明 | 类型 | 默认值 |
42
+ |-----------------|--------------------------|---------|-------|
43
+ | businessTitle | 业务标题 | String | '' |
44
+ | businessType | 业务类型 | String | '' |
45
+ | visible | 是否显示模态框 | Boolean | false |
46
+ | jsonData | JSON配置,根据[工具>查询配置生成]功能生成 | Object | {} |
47
+ | modifyModelData | 修改操作前查询出的业务数据 | Object | {} |
48
+ | loading | 新增或修改业务是否执行中 | Boolean | false |
49
+ | fixedAddForm | 固定新增表单,会和新增表单合并 | Object | {} |
50
+ | @onSubmit | 表单的提交事件 | event | - |
51
+
52
+ ## 例子1
53
+ ----
54
+ 参考XFormTable组件
55
+ ```
56
+
57
+ 注意事项
58
+ ----
59
+
60
+ > 本组件已经实现了自适应布局,在不同分辨率下的设备均可得到基本理想的展示效果