vue2-client 1.15.11 → 1.15.12
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/package.json +1 -1
- package/src/base-client/components/common/AmapMarker/index.js +3 -3
- package/src/base-client/components/common/XDetailsView/index.js +3 -3
- package/src/base-client/components/common/XForm/XForm.vue +419 -404
- package/src/base-client/components/common/XFormGroupDetails/index.js +3 -3
- package/src/base-client/components/common/XFormTable/demo.vue +1 -1
- package/src/base-client/components/common/XUploadFilesView/index.vue +485 -485
- package/src/base-client/components/layout/XPageView/RenderRow.vue +88 -88
- package/src/base-client/components/layout/XPageView/XPageView.vue +223 -223
- package/src/base-client/components/layout/XPageView/XTab/XTab.vue +96 -96
- package/src/base-client/components/layout/XPageView/componentTypes.js +22 -22
- package/src/pages/WorkflowDetail/WorkFlowDemo.vue +37 -201
- package/src/pages/WorkflowDetail/WorkflowPageDetail/LeaveMessage.vue +388 -388
- package/src/pages/XPageViewExample/index.vue +149 -149
- package/src/router/async/router.map.js +8 -4
- package/vue.config.js +3 -2
@@ -1,149 +1,149 @@
|
|
1
|
-
<script setup>
|
2
|
-
import { onMounted, ref } from 'vue'
|
3
|
-
import XPageView from '@vue2-client/base-client/components/layout/XPageView'
|
4
|
-
|
5
|
-
const xPageViewRef = ref(null)
|
6
|
-
|
7
|
-
onMounted(() => {
|
8
|
-
xPageViewRef.value.init({
|
9
|
-
configValue: {
|
10
|
-
type: 'page',
|
11
|
-
onMounted: function (curr) {
|
12
|
-
console.warn(curr.data)
|
13
|
-
// 设置Tab配置数据
|
14
|
-
curr.data.tabData = {
|
15
|
-
index: 0,
|
16
|
-
items: [
|
17
|
-
// 第一组配置
|
18
|
-
{
|
19
|
-
tabConfigs: [
|
20
|
-
{ title: '表单列表', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } },
|
21
|
-
{ title: '新增表单', type: 'XAddNativeForm', props: { serviceName: 'af-system', configName: 'crud_dictionary_manage_add_form' } }
|
22
|
-
]
|
23
|
-
},
|
24
|
-
// 第二组配置
|
25
|
-
{
|
26
|
-
tabConfigs: [
|
27
|
-
{ title: '数据列表', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } },
|
28
|
-
{ title: '编辑表单', type: 'XAddNativeForm', props: { serviceName: 'af-system', configName: 'crud_dictionary_manage_add_form' } },
|
29
|
-
{ title: '查看记录', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } }
|
30
|
-
]
|
31
|
-
}
|
32
|
-
]
|
33
|
-
}
|
34
|
-
console.log('页面初始化完成,全局数据上下文已创建')
|
35
|
-
},
|
36
|
-
gutter: [16, 16],
|
37
|
-
children: [
|
38
|
-
{
|
39
|
-
id: 'controlRow',
|
40
|
-
type: 'row',
|
41
|
-
gutter: 16,
|
42
|
-
template: 'card',
|
43
|
-
children: [
|
44
|
-
{
|
45
|
-
id: 'buttonContainer',
|
46
|
-
span: '24',
|
47
|
-
type: 'row',
|
48
|
-
gutter: 8,
|
49
|
-
children: [
|
50
|
-
{
|
51
|
-
id: 'reloadButton',
|
52
|
-
span: '6',
|
53
|
-
type: 'a-button',
|
54
|
-
props: {
|
55
|
-
type: 'primary',
|
56
|
-
value: '切换Tab配置'
|
57
|
-
},
|
58
|
-
children: [
|
59
|
-
{
|
60
|
-
type: 'text',
|
61
|
-
text: '切换Tab配置'
|
62
|
-
}
|
63
|
-
],
|
64
|
-
event: {
|
65
|
-
click: function (e, context) {
|
66
|
-
// 切换Tab配置
|
67
|
-
const tabData = context.data.tabData
|
68
|
-
tabData.index = tabData.index === 0 ? 1 : 0
|
69
|
-
|
70
|
-
// 获取当前配置和Tab组件
|
71
|
-
const currentConfig = tabData.items[tabData.index]
|
72
|
-
const tabComponent = context.comps.pageTab
|
73
|
-
|
74
|
-
if (tabComponent) {
|
75
|
-
// 更新Tab组件配置
|
76
|
-
tabComponent.$props.data = currentConfig.tabConfigs
|
77
|
-
console.log('Tab配置已更新,当前配置索引:', tabData.index)
|
78
|
-
|
79
|
-
// 更新状态文本
|
80
|
-
const statusText = context.comps.statusText
|
81
|
-
if (statusText && statusText.$el) {
|
82
|
-
statusText.message = `点击按钮切换不同的Tab配置,当前是第${tabData.index + 1}组配置`
|
83
|
-
}
|
84
|
-
}
|
85
|
-
}
|
86
|
-
}
|
87
|
-
},
|
88
|
-
{
|
89
|
-
id: 'statusText',
|
90
|
-
span: '18',
|
91
|
-
type: 'a-alert',
|
92
|
-
props: {
|
93
|
-
message: '点击按钮切换不同的Tab配置,当前是第1组配置',
|
94
|
-
type: 'success'
|
95
|
-
}
|
96
|
-
}
|
97
|
-
]
|
98
|
-
}
|
99
|
-
]
|
100
|
-
},
|
101
|
-
{
|
102
|
-
id: 'row2',
|
103
|
-
type: 'row',
|
104
|
-
gutter: 16,
|
105
|
-
template: 'none',
|
106
|
-
children: [
|
107
|
-
{
|
108
|
-
id: 'pageTab',
|
109
|
-
span: '24',
|
110
|
-
type: 'XTab',
|
111
|
-
props: {
|
112
|
-
showTabBar: true,
|
113
|
-
data: [
|
114
|
-
{
|
115
|
-
title: '表单列表',
|
116
|
-
type: 'XFormTable',
|
117
|
-
props: {
|
118
|
-
serviceName: 'af-system',
|
119
|
-
queryParamsName: 'crud_dictionary_manage'
|
120
|
-
}
|
121
|
-
},
|
122
|
-
{
|
123
|
-
title: '新增表单',
|
124
|
-
type: 'XAddNativeForm',
|
125
|
-
props: {
|
126
|
-
serviceName: 'af-system',
|
127
|
-
configName: 'crud_dictionary_manage_add_form'
|
128
|
-
}
|
129
|
-
}
|
130
|
-
],
|
131
|
-
onChange: function (oldKey, newKey, oldTab, newTab) {
|
132
|
-
console.log('Tab changed:', oldKey, newKey)
|
133
|
-
}
|
134
|
-
}
|
135
|
-
}
|
136
|
-
]
|
137
|
-
}
|
138
|
-
]
|
139
|
-
},
|
140
|
-
serviceName: 'af-his'
|
141
|
-
})
|
142
|
-
})
|
143
|
-
</script>
|
144
|
-
|
145
|
-
<template>
|
146
|
-
<div>
|
147
|
-
<x-page-view ref="xPageViewRef"></x-page-view>
|
148
|
-
</div>
|
149
|
-
</template>
|
1
|
+
<script setup>
|
2
|
+
import { onMounted, ref } from 'vue'
|
3
|
+
import XPageView from '@vue2-client/base-client/components/layout/XPageView'
|
4
|
+
|
5
|
+
const xPageViewRef = ref(null)
|
6
|
+
|
7
|
+
onMounted(() => {
|
8
|
+
xPageViewRef.value.init({
|
9
|
+
configValue: {
|
10
|
+
type: 'page',
|
11
|
+
onMounted: function (curr) {
|
12
|
+
console.warn(curr.data)
|
13
|
+
// 设置Tab配置数据
|
14
|
+
curr.data.tabData = {
|
15
|
+
index: 0,
|
16
|
+
items: [
|
17
|
+
// 第一组配置
|
18
|
+
{
|
19
|
+
tabConfigs: [
|
20
|
+
{ title: '表单列表', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } },
|
21
|
+
{ title: '新增表单', type: 'XAddNativeForm', props: { serviceName: 'af-system', configName: 'crud_dictionary_manage_add_form' } }
|
22
|
+
]
|
23
|
+
},
|
24
|
+
// 第二组配置
|
25
|
+
{
|
26
|
+
tabConfigs: [
|
27
|
+
{ title: '数据列表', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } },
|
28
|
+
{ title: '编辑表单', type: 'XAddNativeForm', props: { serviceName: 'af-system', configName: 'crud_dictionary_manage_add_form' } },
|
29
|
+
{ title: '查看记录', type: 'XFormTable', props: { serviceName: 'af-system', queryParamsName: 'crud_dictionary_manage' } }
|
30
|
+
]
|
31
|
+
}
|
32
|
+
]
|
33
|
+
}
|
34
|
+
console.log('页面初始化完成,全局数据上下文已创建')
|
35
|
+
},
|
36
|
+
gutter: [16, 16],
|
37
|
+
children: [
|
38
|
+
{
|
39
|
+
id: 'controlRow',
|
40
|
+
type: 'row',
|
41
|
+
gutter: 16,
|
42
|
+
template: 'card',
|
43
|
+
children: [
|
44
|
+
{
|
45
|
+
id: 'buttonContainer',
|
46
|
+
span: '24',
|
47
|
+
type: 'row',
|
48
|
+
gutter: 8,
|
49
|
+
children: [
|
50
|
+
{
|
51
|
+
id: 'reloadButton',
|
52
|
+
span: '6',
|
53
|
+
type: 'a-button',
|
54
|
+
props: {
|
55
|
+
type: 'primary',
|
56
|
+
value: '切换Tab配置'
|
57
|
+
},
|
58
|
+
children: [
|
59
|
+
{
|
60
|
+
type: 'text',
|
61
|
+
text: '切换Tab配置'
|
62
|
+
}
|
63
|
+
],
|
64
|
+
event: {
|
65
|
+
click: function (e, context) {
|
66
|
+
// 切换Tab配置
|
67
|
+
const tabData = context.data.tabData
|
68
|
+
tabData.index = tabData.index === 0 ? 1 : 0
|
69
|
+
|
70
|
+
// 获取当前配置和Tab组件
|
71
|
+
const currentConfig = tabData.items[tabData.index]
|
72
|
+
const tabComponent = context.comps.pageTab
|
73
|
+
|
74
|
+
if (tabComponent) {
|
75
|
+
// 更新Tab组件配置
|
76
|
+
tabComponent.$props.data = currentConfig.tabConfigs
|
77
|
+
console.log('Tab配置已更新,当前配置索引:', tabData.index)
|
78
|
+
|
79
|
+
// 更新状态文本
|
80
|
+
const statusText = context.comps.statusText
|
81
|
+
if (statusText && statusText.$el) {
|
82
|
+
statusText.message = `点击按钮切换不同的Tab配置,当前是第${tabData.index + 1}组配置`
|
83
|
+
}
|
84
|
+
}
|
85
|
+
}
|
86
|
+
}
|
87
|
+
},
|
88
|
+
{
|
89
|
+
id: 'statusText',
|
90
|
+
span: '18',
|
91
|
+
type: 'a-alert',
|
92
|
+
props: {
|
93
|
+
message: '点击按钮切换不同的Tab配置,当前是第1组配置',
|
94
|
+
type: 'success'
|
95
|
+
}
|
96
|
+
}
|
97
|
+
]
|
98
|
+
}
|
99
|
+
]
|
100
|
+
},
|
101
|
+
{
|
102
|
+
id: 'row2',
|
103
|
+
type: 'row',
|
104
|
+
gutter: 16,
|
105
|
+
template: 'none',
|
106
|
+
children: [
|
107
|
+
{
|
108
|
+
id: 'pageTab',
|
109
|
+
span: '24',
|
110
|
+
type: 'XTab',
|
111
|
+
props: {
|
112
|
+
showTabBar: true,
|
113
|
+
data: [
|
114
|
+
{
|
115
|
+
title: '表单列表',
|
116
|
+
type: 'XFormTable',
|
117
|
+
props: {
|
118
|
+
serviceName: 'af-system',
|
119
|
+
queryParamsName: 'crud_dictionary_manage'
|
120
|
+
}
|
121
|
+
},
|
122
|
+
{
|
123
|
+
title: '新增表单',
|
124
|
+
type: 'XAddNativeForm',
|
125
|
+
props: {
|
126
|
+
serviceName: 'af-system',
|
127
|
+
configName: 'crud_dictionary_manage_add_form'
|
128
|
+
}
|
129
|
+
}
|
130
|
+
],
|
131
|
+
onChange: function (oldKey, newKey, oldTab, newTab) {
|
132
|
+
console.log('Tab changed:', oldKey, newKey)
|
133
|
+
}
|
134
|
+
}
|
135
|
+
}
|
136
|
+
]
|
137
|
+
}
|
138
|
+
]
|
139
|
+
},
|
140
|
+
serviceName: 'af-his'
|
141
|
+
})
|
142
|
+
})
|
143
|
+
</script>
|
144
|
+
|
145
|
+
<template>
|
146
|
+
<div>
|
147
|
+
<x-page-view ref="xPageViewRef"></x-page-view>
|
148
|
+
</div>
|
149
|
+
</template>
|
@@ -55,19 +55,23 @@ routerResource.newDynamicStatistics = () => import('@vue2-client/pages/NewDynami
|
|
55
55
|
routerResource.example = {
|
56
56
|
path: 'example',
|
57
57
|
name: '示例主页面',
|
58
|
+
// component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo2.vue'),
|
59
|
+
// component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
|
60
|
+
// component: () => import('@vue2-client/pages/addressSelect/addressDemo.vue'),
|
58
61
|
// component: () => import('@vue2-client/base-client/components/common/XDescriptions/demo.vue'),
|
59
62
|
// component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
|
60
63
|
// component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
|
61
64
|
// component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
|
62
|
-
|
65
|
+
component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
|
63
66
|
// component: () => import('@vue2-client/base-client/components/common/XDatePicker/demo.vue'),
|
64
67
|
// component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
|
65
68
|
// component: () => import('@vue2-client/base-client/components/common/XRate/demo.vue'),
|
66
69
|
// component: () => import('@vue2-client/base-client/components/common/XForm/demo.vue'),
|
67
70
|
// component: () => import('@vue2-client/base-client/components/his/XTimeSelect/XTimeSelectDemo.vue'),
|
68
|
-
component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
|
69
|
-
// component: () => import('@vue2-client/
|
70
|
-
// component: () => import('@vue2-client/
|
71
|
+
// component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
|
72
|
+
// component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
|
73
|
+
// component: () => import('@vue2-client/pages/XPageViewExample/index.vue'),
|
74
|
+
// component: () => import('@vue2-client/base-client/components/common/XButtons/XButtonDemo.vue'),
|
71
75
|
// component: () => import('@vue2-client/base-client/components/common/XLabelSelect/XLabelSelectDemo.vue'),
|
72
76
|
// component: () => import('@vue2-client/base-client/components/common/XCheckList/XCheckList.vue'),
|
73
77
|
// component: () => import('@vue2-client/base-client/components/common/XPrint/Demo.vue'),
|
package/vue.config.js
CHANGED
@@ -11,12 +11,12 @@ const productionGzipExtensions = ['js', 'css']
|
|
11
11
|
const isProd = process.env.NODE_ENV === 'production'
|
12
12
|
|
13
13
|
// v4 产品演示
|
14
|
-
const v3Server = 'http://
|
14
|
+
const v3Server = 'http://aote-office.8866.org:31567'
|
15
15
|
// const gateway = 'http://192.168.50.67:31467'
|
16
16
|
// const testUpload = 'http://123.60.214.109:8406'
|
17
17
|
const OSSServerDev = 'http://192.168.50.67:30351'
|
18
18
|
// const revenue = 'http://aote-office.8866.org:31567'
|
19
|
-
const revenue = 'http://
|
19
|
+
const revenue = 'http://aote-office.8866.org:31567'
|
20
20
|
// const OSSServerProd = 'http://192.168.50.67:31351'
|
21
21
|
// const testUploadLocal = 'http://127.0.0.1:9001'
|
22
22
|
// v3 铜川
|
@@ -53,6 +53,7 @@ module.exports = {
|
|
53
53
|
changeOrigin: true
|
54
54
|
},
|
55
55
|
'/api/af-apply': {
|
56
|
+
// pathRewrite: { '^/api/af-apply': '/' },
|
56
57
|
target: revenue,
|
57
58
|
changeOrigin: true
|
58
59
|
},
|