vue2-client 1.2.32 → 1.2.33
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/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -409,8 +409,8 @@ export default {
|
|
|
409
409
|
const tableName = defineJson.tableName
|
|
410
410
|
let params = {}
|
|
411
411
|
params.define = defineJson.column
|
|
412
|
-
params.applyId =
|
|
413
|
-
params.stepName =
|
|
412
|
+
params.applyId = defineJson.applyId
|
|
413
|
+
params.stepName = defineJson.stepName
|
|
414
414
|
params.tableName = tableName
|
|
415
415
|
return post (ApplyInstallApi.insertDataToTempTable, {
|
|
416
416
|
tempTableData: params
|
|
@@ -1,89 +1,94 @@
|
|
|
1
|
-
# XFormTable
|
|
2
|
-
|
|
3
|
-
动态查询控件，进一步整合了XTable和XForm
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
## 何时使用
|
|
7
|
-
|
|
8
|
-
当需要一个通用的表单，表格一体化控件时
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
引用方式：
|
|
12
|
-
|
|
13
|
-
```javascript
|
|
14
|
-
import XFormTable from '@vue2-client/base-client/components/XFormTable/XFormTable'
|
|
15
|
-
|
|
16
|
-
export default {
|
|
17
|
-
components: {
|
|
18
|
-
XFormTable
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
## 代码演示
|
|
26
|
-
|
|
27
|
-
```html
|
|
28
|
-
<x-form-table
|
|
29
|
-
title="业务名称"
|
|
30
|
-
:queryParamsName="queryParamsName">
|
|
31
|
-
</x-form-table>
|
|
32
|
-
```
|
|
33
|
-
|
|
34
|
-
## API
|
|
35
|
-
|
|
36
|
-
| 参数 | 说明 | 类型 | 默认值 |
|
|
37
|
-
|--------------------|-------------------------|---------|-------|
|
|
38
|
-
| title | 业务名称 | String | '' |
|
|
39
|
-
| queryParamsName | 查询配置JSON文件名 | String | null |
|
|
40
|
-
| queryParamsJson | 查询配置文件Json，用于查询配置生成器的预览 | Object | null |
|
|
41
|
-
| logicName | 通过logic获取表单表格配置 | String | null |
|
|
42
|
-
| logicParam | 执行logic传递的参数 | Object | null |
|
|
43
|
-
| fixedQueryForm | 固定查询表单,会和查询表单合并查询 | Object | {} |
|
|
44
|
-
| fixedAddForm | 固定新增表单，会和新增表单合并 | Object | {} |
|
|
45
|
-
| isExports | 是否显示导出按钮 | Boolean | true |
|
|
46
|
-
| viewMode | 是否为预览模式 | Boolean | false |
|
|
47
|
-
| @action | 表格详情列的单击事件 | event | - |
|
|
48
|
-
| @afterSubmit | 增删改提交后的回调方法 | event | - |
|
|
49
|
-
| @afterSearchSubmit | 查询提交后的回调方法 | event | - |
|
|
50
|
-
| @afterQuery | 表格查询后的回调方法 | event | - |
|
|
51
|
-
## 例子1
|
|
52
|
-
----
|
|
53
|
-
（基础使用）
|
|
54
|
-
|
|
55
|
-
```vue
|
|
56
|
-
<template>
|
|
57
|
-
<x-form-table
|
|
58
|
-
:queryParamsName="queryParamsName"
|
|
59
|
-
@action="toDetail">
|
|
60
|
-
</x-form-table>
|
|
61
|
-
</template>
|
|
62
|
-
|
|
63
|
-
<script>
|
|
64
|
-
import XFormTable from '@vue2-client/base-client/components/XFormTable/XFormTable'
|
|
65
|
-
|
|
66
|
-
export default {
|
|
67
|
-
components: {
|
|
68
|
-
XFormTable
|
|
69
|
-
},
|
|
70
|
-
data () {
|
|
71
|
-
return {
|
|
72
|
-
// 查询配置文件名
|
|
73
|
-
queryParamsName: 'logQueryParams'
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
methods: {
|
|
77
|
-
toDetail (record, id) {
|
|
78
|
-
console.debug("您选择了项："+ id)
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
</script>
|
|
83
|
-
```
|
|
84
|
-
|
|
85
|
-
注意事项
|
|
86
|
-
----
|
|
87
|
-
|
|
88
|
-
> 本组件已经实现了自适应布局，在不同分辨率下的设备均可得到基本理想的展示效果
|
|
89
|
-
>
|
|
1
|
+
# XFormTable
|
|
2
|
+
|
|
3
|
+
动态查询控件，进一步整合了XTable和XForm
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
## 何时使用
|
|
7
|
+
|
|
8
|
+
当需要一个通用的表单，表格一体化控件时
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
引用方式：
|
|
12
|
+
|
|
13
|
+
```javascript
|
|
14
|
+
import XFormTable from '@vue2-client/base-client/components/XFormTable/XFormTable'
|
|
15
|
+
|
|
16
|
+
export default {
|
|
17
|
+
components: {
|
|
18
|
+
XFormTable
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## 代码演示
|
|
26
|
+
|
|
27
|
+
```html
|
|
28
|
+
<x-form-table
|
|
29
|
+
title="业务名称"
|
|
30
|
+
:queryParamsName="queryParamsName">
|
|
31
|
+
</x-form-table>
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## API
|
|
35
|
+
|
|
36
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
37
|
+
|--------------------|-------------------------|---------|-------|
|
|
38
|
+
| title | 业务名称 | String | '' |
|
|
39
|
+
| queryParamsName | 查询配置JSON文件名 | String | null |
|
|
40
|
+
| queryParamsJson | 查询配置文件Json，用于查询配置生成器的预览 | Object | null |
|
|
41
|
+
| logicName | 通过logic获取表单表格配置 | String | null |
|
|
42
|
+
| logicParam | 执行logic传递的参数 | Object | null |
|
|
43
|
+
| fixedQueryForm | 固定查询表单,会和查询表单合并查询 | Object | {} |
|
|
44
|
+
| fixedAddForm | 固定新增表单，会和新增表单合并 | Object | {} |
|
|
45
|
+
| isExports | 是否显示导出按钮 | Boolean | true |
|
|
46
|
+
| viewMode | 是否为预览模式 | Boolean | false |
|
|
47
|
+
| @action | 表格详情列的单击事件 | event | - |
|
|
48
|
+
| @afterSubmit | 增删改提交后的回调方法 | event | - |
|
|
49
|
+
| @afterSearchSubmit | 查询提交后的回调方法 | event | - |
|
|
50
|
+
| @afterQuery | 表格查询后的回调方法 | event | - |
|
|
51
|
+
## 例子1
|
|
52
|
+
----
|
|
53
|
+
（基础使用）
|
|
54
|
+
|
|
55
|
+
```vue
|
|
56
|
+
<template>
|
|
57
|
+
<x-form-table
|
|
58
|
+
:queryParamsName="queryParamsName"
|
|
59
|
+
@action="toDetail">
|
|
60
|
+
</x-form-table>
|
|
61
|
+
</template>
|
|
62
|
+
|
|
63
|
+
<script>
|
|
64
|
+
import XFormTable from '@vue2-client/base-client/components/XFormTable/XFormTable'
|
|
65
|
+
|
|
66
|
+
export default {
|
|
67
|
+
components: {
|
|
68
|
+
XFormTable
|
|
69
|
+
},
|
|
70
|
+
data () {
|
|
71
|
+
return {
|
|
72
|
+
// 查询配置文件名
|
|
73
|
+
queryParamsName: 'logQueryParams'
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
methods: {
|
|
77
|
+
toDetail (record, id) {
|
|
78
|
+
console.debug("您选择了项："+ id)
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
</script>
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
注意事项
|
|
86
|
+
----
|
|
87
|
+
|
|
88
|
+
> 本组件已经实现了自适应布局，在不同分辨率下的设备均可得到基本理想的展示效果
|
|
89
|
+
>
|
|
90
|
+
> 本组件已支持临时表的创建，当表名以##（两个井号）开头，则认为在创建临时表。
|
|
91
|
+
>
|
|
92
|
+
> 临时表会在连接断开时自动销毁
|
|
93
|
+
>
|
|
94
|
+
> 临时表仅做展示数据用，增，改，删，需要传入对应的自定义事件。自定义处理方式
|