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,39 +1,39 @@
|
|
|
1
|
-
# XBadge 重封装徽标
|
|
2
|
-
|
|
3
|
-
对antdv的badge组件进行重封装
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
## 何时使用
|
|
8
|
-
|
|
9
|
-
当需要一个徽标时
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
引用方式:
|
|
13
|
-
|
|
14
|
-
```javascript
|
|
15
|
-
import XBadge from '
|
|
16
|
-
|
|
17
|
-
export default {
|
|
18
|
-
components: {
|
|
19
|
-
XBadge
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
```
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
## 代码演示
|
|
27
|
-
|
|
28
|
-
```html
|
|
29
|
-
<x-badge :badgeKey="badgeKey" :value="value"/>
|
|
30
|
-
```
|
|
31
|
-
|
|
32
|
-
## API
|
|
33
|
-
|
|
34
|
-
| 参数 | 说明 | 类型 | 默认值 |
|
|
35
|
-
|----------------|--------|---------|-------|
|
|
36
|
-
| badgeKey | 徽标键 | String | null |
|
|
37
|
-
| value | 数据值 | String | null |
|
|
38
|
-
| replaceText | 替代文本 | String | '' |
|
|
39
|
-
| isExternalText | 是否文本外置 | Boolean | false |
|
|
1
|
+
# XBadge 重封装徽标
|
|
2
|
+
|
|
3
|
+
对antdv的badge组件进行重封装
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## 何时使用
|
|
8
|
+
|
|
9
|
+
当需要一个徽标时
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
引用方式:
|
|
13
|
+
|
|
14
|
+
```javascript
|
|
15
|
+
import XBadge from '@vue2-client/base-client/components/XBadge'
|
|
16
|
+
|
|
17
|
+
export default {
|
|
18
|
+
components: {
|
|
19
|
+
XBadge
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## 代码演示
|
|
27
|
+
|
|
28
|
+
```html
|
|
29
|
+
<x-badge :badgeKey="badgeKey" :value="value"/>
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## API
|
|
33
|
+
|
|
34
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
35
|
+
|----------------|--------|---------|-------|
|
|
36
|
+
| badgeKey | 徽标键 | String | null |
|
|
37
|
+
| value | 数据值 | String | null |
|
|
38
|
+
| replaceText | 替代文本 | String | '' |
|
|
39
|
+
| isExternalText | 是否文本外置 | Boolean | false |
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
# XCard 通用数据加载状态管理容器
|
|
2
|
-
|
|
3
|
-
提供一个可以根据数据加载状态显示不同内容的通用容器
|
|
4
|
-
当loadState为loading时,显示骨架屏(加载界面)
|
|
5
|
-
当loadState为success时,显示容器内容
|
|
6
|
-
当loadState为error时,显示点击重新加载数据的提示界面
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
## 何时使用
|
|
11
|
-
|
|
12
|
-
当需要一个简单的,可以根据数据加载状态显示不同内容的通用容器时
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
引用方式:
|
|
16
|
-
|
|
17
|
-
```javascript
|
|
18
|
-
import XCard from '
|
|
19
|
-
|
|
20
|
-
export default {
|
|
21
|
-
components: {
|
|
22
|
-
XCard
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
## 代码演示
|
|
30
|
-
|
|
31
|
-
```html
|
|
32
|
-
<x-card
|
|
33
|
-
:loadState="loadState"
|
|
34
|
-
:retry="retryFunction" />
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
## API
|
|
38
|
-
|
|
39
|
-
| 参数 | 说明 | 类型 | 默认值 |
|
|
40
|
-
|-----------|----------------|----------|----------------------------------|
|
|
41
|
-
| loadState | 数据加载状态 | String | success |
|
|
42
|
-
| retry | 点击重新加载数据时触发的方法 | Function | () => {console.error('未实现重新加载')} |
|
|
43
|
-
|
|
1
|
+
# XCard 通用数据加载状态管理容器
|
|
2
|
+
|
|
3
|
+
提供一个可以根据数据加载状态显示不同内容的通用容器
|
|
4
|
+
当loadState为loading时,显示骨架屏(加载界面)
|
|
5
|
+
当loadState为success时,显示容器内容
|
|
6
|
+
当loadState为error时,显示点击重新加载数据的提示界面
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
## 何时使用
|
|
11
|
+
|
|
12
|
+
当需要一个简单的,可以根据数据加载状态显示不同内容的通用容器时
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
引用方式:
|
|
16
|
+
|
|
17
|
+
```javascript
|
|
18
|
+
import XCard from '@vue2-client/base-client/components/XCard'
|
|
19
|
+
|
|
20
|
+
export default {
|
|
21
|
+
components: {
|
|
22
|
+
XCard
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## 代码演示
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<x-card
|
|
33
|
+
:loadState="loadState"
|
|
34
|
+
:retry="retryFunction" />
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## API
|
|
38
|
+
|
|
39
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
40
|
+
|-----------|----------------|----------|----------------------------------|
|
|
41
|
+
| loadState | 数据加载状态 | String | success |
|
|
42
|
+
| retry | 点击重新加载数据时触发的方法 | Function | () => {console.error('未实现重新加载')} |
|
|
43
|
+
|
|
@@ -69,8 +69,8 @@
|
|
|
69
69
|
</div>
|
|
70
70
|
</template>
|
|
71
71
|
<script>
|
|
72
|
-
import XFormItem from '
|
|
73
|
-
import { post } from '
|
|
72
|
+
import XFormItem from '@vue2-client/base-client/components/common/XForm/XFormItem'
|
|
73
|
+
import { post } from '@vue2-client/services/api/restTools'
|
|
74
74
|
|
|
75
75
|
export default {
|
|
76
76
|
name: 'XForm',
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
引用方式:
|
|
12
12
|
|
|
13
13
|
```javascript
|
|
14
|
-
import XForm from '
|
|
14
|
+
import XForm from '@vue2-client/base-client/components/XForm/XForm'
|
|
15
15
|
|
|
16
16
|
export default {
|
|
17
17
|
components: {
|
|
@@ -55,7 +55,7 @@ export default {
|
|
|
55
55
|
</template>
|
|
56
56
|
|
|
57
57
|
<script>
|
|
58
|
-
import XForm from '
|
|
58
|
+
import XForm from '@vue2-client/base-client/components/XForm/XForm'
|
|
59
59
|
|
|
60
60
|
export default {
|
|
61
61
|
components: {
|
|
@@ -172,7 +172,7 @@ export default {
|
|
|
172
172
|
> 以上示例查询参数配置为后台生成后的结果,此处为了方便调试,所以直接写在了代码中,实际使用请通过发起请求获取查询参数配置,如下:
|
|
173
173
|
```vue
|
|
174
174
|
<script>
|
|
175
|
-
import { commonApi } from '
|
|
175
|
+
import { commonApi } from '@vue2-client/base-client/api/common'
|
|
176
176
|
import Vue from 'vue'
|
|
177
177
|
|
|
178
178
|
export default {
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
# XFormCol 适用于表单的通用响应式栅格a-col封装
|
|
2
|
-
|
|
3
|
-
提供一个可以自适应各种分辨率设备的表单栅格a-col封装
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
## 何时使用
|
|
8
|
-
|
|
9
|
-
当需要一个可以自适应各类分辨率设备,响应式布局的表单时
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
引用方式:
|
|
13
|
-
|
|
14
|
-
```javascript
|
|
15
|
-
import XFormCol from '
|
|
16
|
-
|
|
17
|
-
export default {
|
|
18
|
-
components: {
|
|
19
|
-
XFormCol
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
```
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
## 代码演示
|
|
27
|
-
|
|
28
|
-
```html
|
|
29
|
-
<x-form-col />
|
|
30
|
-
```
|
|
31
|
-
|
|
32
|
-
## API
|
|
33
|
-
|
|
34
|
-
| 参数 | 说明 | 类型 | 默认值 |
|
|
35
|
-
|-----|-----|-----|-----|
|
|
1
|
+
# XFormCol 适用于表单的通用响应式栅格a-col封装
|
|
2
|
+
|
|
3
|
+
提供一个可以自适应各种分辨率设备的表单栅格a-col封装
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## 何时使用
|
|
8
|
+
|
|
9
|
+
当需要一个可以自适应各类分辨率设备,响应式布局的表单时
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
引用方式:
|
|
13
|
+
|
|
14
|
+
```javascript
|
|
15
|
+
import XFormCol from '@vue2-client/base-client/components/XFormCol'
|
|
16
|
+
|
|
17
|
+
export default {
|
|
18
|
+
components: {
|
|
19
|
+
XFormCol
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## 代码演示
|
|
27
|
+
|
|
28
|
+
```html
|
|
29
|
+
<x-form-col />
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## API
|
|
33
|
+
|
|
34
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
35
|
+
|-----|-----|-----|-----|
|
|
@@ -54,14 +54,14 @@
|
|
|
54
54
|
</a-skeleton>
|
|
55
55
|
</template>
|
|
56
56
|
<script>
|
|
57
|
-
import XForm from '
|
|
58
|
-
import XAddForm from '
|
|
59
|
-
import XTable from '
|
|
60
|
-
import { query, commonApi, addOrModify, remove } from '
|
|
61
|
-
import { indexedDB } from '
|
|
57
|
+
import XForm from '@vue2-client/base-client/components/common/XForm/XForm'
|
|
58
|
+
import XAddForm from '@vue2-client/base-client/components/common/XAddForm/XAddForm'
|
|
59
|
+
import XTable from '@vue2-client/base-client/components/common/XTable/XTable'
|
|
60
|
+
import { query, commonApi, addOrModify, remove } from '@vue2-client/services/api/common'
|
|
61
|
+
import { indexedDB } from '@vue2-client/utils/indexedDB'
|
|
62
62
|
import { mapState } from 'vuex'
|
|
63
63
|
import { Modal } from 'ant-design-vue'
|
|
64
|
-
import { post } from '
|
|
64
|
+
import { post } from '@vue2-client/services/api/restTools'
|
|
65
65
|
|
|
66
66
|
export default {
|
|
67
67
|
name: 'XFormTable',
|
|
@@ -1,89 +1,89 @@
|
|
|
1
|
-
# XFormTable
|
|
2
|
-
|
|
3
|
-
动态查询控件,进一步整合了XTable和XForm
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
## 何时使用
|
|
7
|
-
|
|
8
|
-
当需要一个通用的表单,表格一体化控件时
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
引用方式:
|
|
12
|
-
|
|
13
|
-
```javascript
|
|
14
|
-
import XFormTable from '
|
|
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
|
-
|
|
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 '
|
|
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
|
+
|
|
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
|
+
>
|
|
@@ -69,9 +69,9 @@
|
|
|
69
69
|
</div>
|
|
70
70
|
</template>
|
|
71
71
|
<script>
|
|
72
|
-
import { Ellipsis, STable } from '
|
|
73
|
-
import { formatDate } from '
|
|
74
|
-
import { exportJson } from '
|
|
72
|
+
import { Ellipsis, STable } from '@vue2-client/components'
|
|
73
|
+
import { formatDate } from '@vue2-client/utils/util'
|
|
74
|
+
import { exportJson } from '@vue2-client/utils/excel/Export2Excel'
|
|
75
75
|
|
|
76
76
|
export default {
|
|
77
77
|
name: 'XTable',
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
引用方式:
|
|
12
12
|
|
|
13
13
|
```javascript
|
|
14
|
-
import XTable from '
|
|
14
|
+
import XTable from '@vue2-client/base-client/components/XTable/XTable'
|
|
15
15
|
|
|
16
16
|
export default {
|
|
17
17
|
components: {
|
|
@@ -62,7 +62,7 @@ export default {
|
|
|
62
62
|
</template>
|
|
63
63
|
|
|
64
64
|
<script>
|
|
65
|
-
import XTable from '
|
|
65
|
+
import XTable from '@vue2-client/base-client/components/XTable/XTable'
|
|
66
66
|
|
|
67
67
|
export default {
|
|
68
68
|
components: {
|
|
@@ -231,7 +231,7 @@ export default {
|
|
|
231
231
|
> 以上示例查询参数配置为后台生成后的结果,此处为了方便调试,所以直接写在了代码中,实际使用请通过发起请求获取查询参数配置
|
|
232
232
|
```vue
|
|
233
233
|
<script>
|
|
234
|
-
import { commonApi } from '
|
|
234
|
+
import { commonApi } from '@vue2-client/base-client/api/common'
|
|
235
235
|
import Vue from 'vue'
|
|
236
236
|
|
|
237
237
|
export default {
|