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.
- package/.eslintrc.js +81 -81
- package/README.md +4 -2
- package/babel.config.js +14 -14
- package/docs/index.md +29 -29
- package/{src/index.js → index.js} +8 -8
- package/jest.config.js +3 -3
- package/package.json +1 -1
- package/public/index.html +27 -27
- package/src/App.vue +93 -93
- package/src/base-client/all.js +26 -26
- package/src/base-client/components/common/CreateQuery/CreateQuery.vue +4 -4
- package/src/base-client/components/common/CreateQuery/index.md +42 -42
- package/src/base-client/components/common/CreateSimpleFormQuery/CreateSimpleFormQuery.vue +3 -3
- package/src/base-client/components/common/CreateSimpleFormQuery/index.md +42 -42
- package/src/base-client/components/common/CustomColumnsDrawer/index.md +46 -46
- package/src/base-client/components/common/FormGroupEdit/FormGroupEdit.vue +3 -3
- package/src/base-client/components/common/FormGroupEdit/index.md +43 -43
- package/src/base-client/components/common/FormGroupQuery/index.md +43 -43
- package/src/base-client/components/common/XAddForm/XAddForm.vue +3 -3
- package/src/base-client/components/common/XAddForm/index.md +60 -60
- package/src/base-client/components/common/XBadge/index.md +39 -39
- package/src/base-client/components/common/XCard/index.md +43 -43
- package/src/base-client/components/common/XForm/XForm.vue +2 -2
- package/src/base-client/components/common/XForm/XFormItem.vue +1 -1
- package/src/base-client/components/common/XForm/index.md +3 -3
- package/src/base-client/components/common/XFormCol/index.md +35 -35
- package/src/base-client/components/common/XFormTable/XFormTable.vue +6 -6
- package/src/base-client/components/common/XFormTable/index.md +89 -89
- package/src/base-client/components/common/XTable/XTable.vue +3 -3
- package/src/base-client/components/common/XTable/index.md +3 -3
- package/src/base-client/components/common/XTreeOne/XTreeOne.vue +105 -105
- package/src/base-client/components/iot/CustomerDetailsView/CustomerDetailsView.vue +3 -3
- package/src/base-client/components/iot/CustomerDetailsView/index.md +41 -41
- package/src/base-client/components/iot/DataAnalysisUser/DataAnalysisUser.vue +127 -127
- package/src/base-client/components/iot/DataAnalysisViewGD/DataAnalysisViewGD.vue +5 -5
- package/src/base-client/components/iot/DeviceBrandDetailsView/DeviceBrandDetailsView.vue +3 -3
- package/src/base-client/components/iot/DeviceDetailsView/DeviceDetailsView.vue +3 -3
- package/src/base-client/components/iot/DeviceDetailsView/index.md +43 -43
- package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsCount.vue +1 -1
- package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsException.vue +57 -57
- package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsInstruct.vue +122 -122
- package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsInstructOperate.vue +4 -4
- package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsMain.vue +225 -225
- package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsRead.vue +135 -135
- package/src/base-client/components/iot/DeviceTypeDetailsView/DeviceTypeDetailsView.vue +3 -3
- package/src/base-client/components/iot/InstructDetailsView/InstructDetailsView.vue +5 -5
- package/src/base-client/components/iot/InstructDetailsView/index.md +45 -45
- package/src/base-client/components/iot/LogDetailsView/LogDetailsView.vue +3 -3
- package/src/base-client/components/iot/LogDetailsView/index.md +43 -43
- package/src/base-client/components/iot/MeterDetailsView/MeterDetailsView.vue +3 -3
- package/src/base-client/components/iot/MeterDetailsView/index.md +43 -43
- package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsCount.vue +1 -1
- package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsException.vue +3 -3
- package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsHandPlan.vue +3 -3
- package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsInstruct.vue +4 -4
- package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsMain.vue +3 -3
- package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsSellGas.vue +3 -3
- package/src/base-client/components/iot/WebmeterAnalysisView/WebmeterAnalysisView.vue +4 -4
- package/src/base-client/components/iot/WebmeterAnalysisView/index.md +48 -48
- package/src/base-client/components/system/DictionaryDetailsView/DictionaryDetailsView.vue +4 -4
- package/src/base-client/components/system/DictionaryDetailsView/index.md +41 -41
- package/src/base-client/components/system/QueryParamsDetailsView/QueryParamsDetailsView.vue +3 -3
- package/src/base-client/components/ticket/EmployeeDetailsView/EmployeeDetailsView.vue +5 -5
- package/src/base-client/components/ticket/TicketDetailsView/TicketDetailsView.vue +5 -5
- package/src/base-client/components/ticket/TicketDetailsView/part/TicketDetailsFlow.vue +3 -3
- package/src/base-client/components/ticket/TicketSubmitSuccessView/TicketSubmitSuccessView.vue +6 -6
- package/src/base-client/plugins/AppData.js +3 -3
- package/src/base-client/plugins/GetLoginInfoService.js +2 -2
- package/src/base-client/plugins/index.js +4 -4
- package/src/bootstrap.js +4 -4
- package/src/components/Ellipsis/Ellipsis.vue +64 -64
- package/src/components/Ellipsis/index.md +38 -38
- package/src/components/NumberInfo/index.md +43 -43
- package/src/components/STable/README.md +341 -341
- package/src/components/Trend/index.md +45 -45
- package/src/components/cache/AKeepAlive.js +172 -172
- package/src/components/checkbox/index.js +7 -7
- package/src/components/index.js +36 -36
- package/src/components/menu/menu.js +273 -273
- package/src/components/setting/Setting.vue +237 -237
- package/src/components/table/advance/AdvanceTable.vue +275 -275
- package/src/components/transition/PageToggleTransition.vue +97 -97
- package/src/config/default/setting.config.js +33 -33
- package/src/layouts/CommonLayout.vue +42 -42
- package/src/layouts/ComponentLayoutOne.vue +47 -47
- package/src/layouts/PageLayout.vue +151 -151
- package/src/layouts/SinglePageView.vue +74 -74
- package/src/layouts/header/AdminHeader.vue +109 -109
- package/src/layouts/header/HeaderAvatar.vue +60 -60
- package/src/layouts/header/HeaderNotice.vue +1 -1
- package/src/layouts/tabs/TabsHead.vue +190 -190
- package/src/layouts/tabs/TabsView.vue +355 -355
- package/src/main.js +2 -2
- package/src/mock/common/reportData.js +20 -20
- package/src/mock/goods/index.js +108 -108
- package/src/mock/index.js +12 -12
- package/src/mock/project/index.js +17 -17
- package/src/mock/user/current.js +13 -13
- package/src/mock/user/login.js +39 -39
- package/src/mock/user/routes.js +61 -61
- package/src/mock/workplace/index.js +15 -15
- package/src/pages/exception/403.vue +2 -2
- package/src/pages/exception/404.vue +2 -2
- package/src/pages/exception/500.vue +2 -2
- package/src/pages/login/Login.vue +8 -8
- package/src/pages/report/ReportTable.js +125 -125
- package/src/pages/report/ReportTableHome.vue +2 -2
- package/src/pages/resourceManage/resourceManageMain.vue +1 -1
- package/src/pages/system/applyInstallView/Core.vue +570 -570
- package/src/pages/system/applyInstallView/index.vue +34 -34
- package/src/pages/system/dictionary/index.vue +41 -41
- package/src/pages/system/queryParams/index.vue +41 -41
- package/src/router/async/config.async.js +25 -25
- package/src/router/async/router.map.js +13 -13
- package/src/router/guards.js +104 -104
- package/src/router/index.js +2 -2
- package/src/services/api/common.js +1 -1
- package/src/services/api/restTools.js +1 -1
- package/src/services/dataSource.js +12 -12
- package/src/services/user.js +34 -34
- package/src/store/index.js +5 -5
- package/src/store/modules/setting.js +114 -114
- package/src/theme/index.less +5 -5
- package/src/theme/reportTable.less +58 -58
- package/src/utils/i18n.js +80 -80
- package/src/utils/indexedDB.js +1 -1
- package/src/utils/request.js +1 -1
- package/src/utils/routerUtil.js +3 -3
- package/tests/unit/ReportTable.spec.js +2 -2
- package/vue.config.js +1 -0
- package/webpack.config.js +1 -1
- 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 '
|
|
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 '
|
|
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 '
|
|
243
|
-
import { commonApi } from '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
37
|
-
import { commonApi } from '
|
|
38
|
-
import { post } from '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
48
|
-
import { formatDate } from '
|
|
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 '
|
|
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 '
|
|
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
|
+
> 本组件已经实现了自适应布局,在不同分辨率下的设备均可得到基本理想的展示效果
|