vue2-client 1.14.95 → 1.14.97

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.
@@ -39,7 +39,7 @@
39
39
  <!-- 当前步骤历史记录 -->
40
40
  <template v-if="showTab">
41
41
  <x-tab
42
- :compProp="{ buttonState: { add: false, edit: false, delete: false, import: false }}"
42
+ :compProp="{ buttonState: { add: false, edit: false, delete: false, import: false }, disableAction: true }"
43
43
  :local-config="tabDesigner"
44
44
  :body-style="{ padding: 0 }"
45
45
  :tabBarGutter="24"
@@ -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>
@@ -1,24 +1,24 @@
1
- <template>
2
- <!-- 测试界面——测试地址选择新增组件-->
3
- <div>
4
- <a-button @click="open">打开选择地址弹窗</a-button>
5
- <address-select :addressShow="showDialog"/>
6
- </div>
7
- </template>
8
-
9
- <script>
10
- import AddressSelect from '@/pages/addressSelect'
11
-
12
- export default {
13
- components: { AddressSelect },
14
- data: () => ({
15
- showDialog: false
16
- }),
17
- methods: {
18
- open () {
19
- console.log('打开选择地址弹窗')
20
- this.showDialog = true
21
- }
22
- }
23
- }
24
- </script>
1
+ <template>
2
+ <!-- 测试界面——测试地址选择新增组件-->
3
+ <div>
4
+ <a-button @click="open">打开选择地址弹窗</a-button>
5
+ <address-select :addressShow="showDialog"/>
6
+ </div>
7
+ </template>
8
+
9
+ <script>
10
+ import AddressSelect from '@/pages/addressSelect'
11
+
12
+ export default {
13
+ components: { AddressSelect },
14
+ data: () => ({
15
+ showDialog: false
16
+ }),
17
+ methods: {
18
+ open () {
19
+ console.log('打开选择地址弹窗')
20
+ this.showDialog = true
21
+ }
22
+ }
23
+ }
24
+ </script>