vue2-client 1.9.118 → 1.9.120
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/XAddNativeForm/demo.vue +14 -2
- package/src/base-client/components/common/XReport/XReportDemo.vue +3 -3
- package/src/base-client/components/common/XReport/XReportDesign.vue +5 -1
- package/src/base-client/components/common/XReport/XReportTrGroup.vue +32 -7
- package/src/base-client/components/common/XReportGrid/XReport.vue +0 -2
- package/src/base-client/components/common/XReportGrid/XReportDemo.vue +10 -5
- package/src/base-client/components/common/XReportGrid/XReportDesign.vue +7 -0
- package/src/router/async/router.map.js +2 -2
package/package.json
CHANGED
|
@@ -6,9 +6,21 @@ export default {
|
|
|
6
6
|
name: 'Demo',
|
|
7
7
|
components: { XAddNativeForm },
|
|
8
8
|
mounted () {
|
|
9
|
-
getConfigByNameAsync('
|
|
9
|
+
getConfigByNameAsync('updateSaleOrderCarForm', 'af-gaslink').then(res => {
|
|
10
10
|
console.log('===res', res)
|
|
11
|
-
this.$refs.xAddFrom.init(
|
|
11
|
+
this.$refs.xAddFrom.init({
|
|
12
|
+
formItems: res.formJson,
|
|
13
|
+
modifyModelData: {
|
|
14
|
+
data: {
|
|
15
|
+
f_plate_number: '陕C45C3A2',
|
|
16
|
+
f_trailer_number: '陕C45C3A2挂',
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
title: '修改销售订单',
|
|
20
|
+
businessType: '修改',
|
|
21
|
+
layout: 'inline',
|
|
22
|
+
...res
|
|
23
|
+
})
|
|
12
24
|
})
|
|
13
25
|
},
|
|
14
26
|
methods: {
|
|
@@ -4,10 +4,9 @@
|
|
|
4
4
|
@updateImg="updateImg"
|
|
5
5
|
ref="main"
|
|
6
6
|
:use-oss-for-img="false"
|
|
7
|
-
config-name="
|
|
8
|
-
:local-config="test"
|
|
7
|
+
config-name="CheckForm"
|
|
9
8
|
:config-data="test_data"
|
|
10
|
-
server-name="af-
|
|
9
|
+
server-name="af-his"
|
|
11
10
|
:show-img-in-cell="true"
|
|
12
11
|
:display-only="displayOnly"
|
|
13
12
|
:edit-mode="false"
|
|
@@ -33,6 +32,7 @@ export default {
|
|
|
33
32
|
},
|
|
34
33
|
data () {
|
|
35
34
|
return {
|
|
35
|
+
configName: 'CheckForm',
|
|
36
36
|
test: {
|
|
37
37
|
title: {
|
|
38
38
|
type: 'titleKey',
|
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
:server-name="serverName"
|
|
55
55
|
:use-oss-for-img="useOssForImg"
|
|
56
56
|
:key="rowIndex"
|
|
57
|
+
:row-key="rowIndex"
|
|
57
58
|
:columns="row"
|
|
58
59
|
:no-top-border="noTopBorder"
|
|
59
60
|
:config-data="activatedConfig.data"
|
|
@@ -71,6 +72,7 @@
|
|
|
71
72
|
:use-oss-for-img="useOssForImg"
|
|
72
73
|
:config="activatedConfig"
|
|
73
74
|
:key="rowIndex + listIndex"
|
|
75
|
+
:row-key="rowIndex"
|
|
74
76
|
:columns="row"
|
|
75
77
|
:no-top-border="noTopBorder"
|
|
76
78
|
:config-data="activatedConfig.data"
|
|
@@ -93,6 +95,7 @@
|
|
|
93
95
|
v-for="(item, definitionIndex) in activatedConfig.data[row[0].dataIndex]"
|
|
94
96
|
:input-columns-definition-index="definitionIndex"
|
|
95
97
|
:display="forDisplay"
|
|
98
|
+
:row-key="rowIndex"
|
|
96
99
|
:key="row[0].dataIndex + definitionIndex + rowIndex"></x-report-tr-group>
|
|
97
100
|
<template v-if="!forDisplay">
|
|
98
101
|
<!-- 动态行交互按钮 -->
|
|
@@ -104,6 +107,7 @@
|
|
|
104
107
|
:use-oss-for-img="useOssForImg"
|
|
105
108
|
:config="activatedConfig"
|
|
106
109
|
:key="rowIndex"
|
|
110
|
+
:row-key="rowIndex"
|
|
107
111
|
:columns="row"
|
|
108
112
|
:no-top-border="noTopBorder"
|
|
109
113
|
:config-data="activatedConfig.data"
|
|
@@ -310,7 +314,7 @@ export default {
|
|
|
310
314
|
}
|
|
311
315
|
|
|
312
316
|
.reportMain {
|
|
313
|
-
text-align:
|
|
317
|
+
text-align: left;
|
|
314
318
|
margin: 0 auto;
|
|
315
319
|
font-size: 16px;
|
|
316
320
|
color: #000;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<tr>
|
|
2
|
+
<tr :style="calculateTrStyle(rowKey, config)">
|
|
3
3
|
<!-- 预览页展示 -->
|
|
4
4
|
<template v-if="display">
|
|
5
5
|
<template v-if="!inputColumns">
|
|
@@ -442,7 +442,12 @@ export default {
|
|
|
442
442
|
imgPrefix: {
|
|
443
443
|
type: String,
|
|
444
444
|
default: undefined
|
|
445
|
-
}
|
|
445
|
+
},
|
|
446
|
+
// 接收父组件传递的 row-key
|
|
447
|
+
rowKey: {
|
|
448
|
+
type: Number,
|
|
449
|
+
default: null
|
|
450
|
+
},
|
|
446
451
|
},
|
|
447
452
|
data () {
|
|
448
453
|
return {
|
|
@@ -517,13 +522,13 @@ export default {
|
|
|
517
522
|
// 普通带边框单元格
|
|
518
523
|
const withBorder = {
|
|
519
524
|
border: borderWidth + ' solid ' + color,
|
|
520
|
-
padding: '
|
|
525
|
+
padding: '4px, 2px'
|
|
521
526
|
}
|
|
522
527
|
// 只有左右边框的单元格
|
|
523
528
|
const noBorder = {
|
|
524
529
|
borderLeft: borderWidth + ' solid ' + color,
|
|
525
530
|
borderRight: borderWidth + ' solid ' + color,
|
|
526
|
-
padding: '
|
|
531
|
+
padding: '4px, 2px'
|
|
527
532
|
}
|
|
528
533
|
// 只没有上边框的单元格
|
|
529
534
|
const NoTopBorder = {
|
|
@@ -531,7 +536,7 @@ export default {
|
|
|
531
536
|
borderLeft: borderWidth + ' solid ' + color,
|
|
532
537
|
borderRight: borderWidth + ' solid ' + color,
|
|
533
538
|
borderBottom: borderWidth + ' solid ' + color,
|
|
534
|
-
padding: '
|
|
539
|
+
padding: '4px, 2px'
|
|
535
540
|
}
|
|
536
541
|
let result = {}
|
|
537
542
|
// 如果表格也声明了样式,用表格样式将样式覆盖
|
|
@@ -760,6 +765,26 @@ export default {
|
|
|
760
765
|
|
|
761
766
|
return result
|
|
762
767
|
},
|
|
768
|
+
calculateTrStyle (key, config) {
|
|
769
|
+
console.log('行样式配置', config.trStyle, key)
|
|
770
|
+
// 初始化行样式
|
|
771
|
+
let trStyle = {}
|
|
772
|
+
|
|
773
|
+
// 如果 config.trStyle 存在且是数组
|
|
774
|
+
if (Array.isArray(config.trStyle)) {
|
|
775
|
+
// 遍历 trStyle 数组,匹配 originalRowIndex 的值
|
|
776
|
+
const styleConfig = config.trStyle.find(item => item.originalRowIndex === key)
|
|
777
|
+
|
|
778
|
+
// 如果找到匹配项,获取其 style
|
|
779
|
+
if (styleConfig && styleConfig.style) {
|
|
780
|
+
trStyle = styleConfig.style
|
|
781
|
+
}
|
|
782
|
+
}
|
|
783
|
+
|
|
784
|
+
return {
|
|
785
|
+
...trStyle, // 返回找到的样式对象
|
|
786
|
+
}
|
|
787
|
+
},
|
|
763
788
|
},
|
|
764
789
|
beforeMount () {
|
|
765
790
|
if (this.useOssForImg) {
|
|
@@ -790,12 +815,12 @@ export default {
|
|
|
790
815
|
.tdNoBorder {
|
|
791
816
|
border-left: 1px solid #000;
|
|
792
817
|
border-right: 1px solid #000;
|
|
793
|
-
padding:
|
|
818
|
+
padding: 4px, 2px;
|
|
794
819
|
}
|
|
795
820
|
|
|
796
821
|
.tdWithBorder {
|
|
797
822
|
border: 1px solid #000;
|
|
798
|
-
padding:
|
|
823
|
+
padding: 4px, 2px;
|
|
799
824
|
}
|
|
800
825
|
|
|
801
826
|
.tdWithNoTopBorder {
|
|
@@ -298,7 +298,6 @@ export default {
|
|
|
298
298
|
|
|
299
299
|
// 把设计的table布局转换成可显示的珊格布局
|
|
300
300
|
transformArray (inputList) {
|
|
301
|
-
console.warn('开始转换', JSON.stringify(inputList))
|
|
302
301
|
let operationIndex = 0
|
|
303
302
|
let operationList = []
|
|
304
303
|
const outputList = []
|
|
@@ -370,7 +369,6 @@ export default {
|
|
|
370
369
|
maxMergeRow += 1
|
|
371
370
|
}
|
|
372
371
|
|
|
373
|
-
console.warn('转换完成了', outputList)
|
|
374
372
|
return this.transformArray(outputList)
|
|
375
373
|
},
|
|
376
374
|
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
ref="main"
|
|
6
6
|
:use-oss-for-img="false"
|
|
7
7
|
:config-name="configName"
|
|
8
|
-
server-name="af-
|
|
8
|
+
server-name="af-his"
|
|
9
9
|
:show-img-in-cell="true"
|
|
10
10
|
:display-only="true"
|
|
11
11
|
:edit-mode="false"
|
|
@@ -28,17 +28,22 @@ export default {
|
|
|
28
28
|
},
|
|
29
29
|
provide () {
|
|
30
30
|
return {
|
|
31
|
-
getSelectedId: () => 10
|
|
31
|
+
getSelectedId: () => 10,
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
mounted () {
|
|
35
|
-
|
|
35
|
+
// this.$refs.main.openDialog('surgerySchedCover', -1, {})
|
|
36
|
+
},
|
|
37
|
+
beforeCreate () {
|
|
38
|
+
this.$store.commit('account/setUser', {
|
|
39
|
+
id: '374870707835895810'
|
|
40
|
+
})
|
|
36
41
|
},
|
|
37
42
|
data () {
|
|
38
43
|
return {
|
|
39
|
-
|
|
44
|
+
configName: 'medicalRecordCover'
|
|
40
45
|
// configName: 'physicianOrderEntryCover'
|
|
41
|
-
configName: '
|
|
46
|
+
// configName: 'threeHealthCenterCover'
|
|
42
47
|
// configName: 'medOrderManaActCover'
|
|
43
48
|
}
|
|
44
49
|
},
|
|
@@ -129,6 +129,7 @@
|
|
|
129
129
|
<template v-for="(num, listIndex) in row[0].listLength + 1">
|
|
130
130
|
<template v-if="!forDisplay">
|
|
131
131
|
<x-report-tr-group
|
|
132
|
+
@slotRendered="slotRendered"
|
|
132
133
|
@updateImg="updateImg"
|
|
133
134
|
@selectRow="selectRow"
|
|
134
135
|
:show-img-in-cell="showImgInCell"
|
|
@@ -146,6 +147,7 @@
|
|
|
146
147
|
</template>
|
|
147
148
|
<template v-else>
|
|
148
149
|
<x-report-tr-group
|
|
150
|
+
@slotRendered="slotRendered"
|
|
149
151
|
@updateImg="updateImg"
|
|
150
152
|
@selectRow="selectRow"
|
|
151
153
|
:show-img-in-cell="showImgInCell"
|
|
@@ -168,6 +170,7 @@
|
|
|
168
170
|
<template v-else-if="row[0].type === 'inputColumns'">
|
|
169
171
|
<template v-if="forDisplay">
|
|
170
172
|
<x-report-tr-group
|
|
173
|
+
@slotRendered="slotRendered"
|
|
171
174
|
@updateImg="updateImg"
|
|
172
175
|
@selectRow="selectRow"
|
|
173
176
|
:show-img-in-cell="showImgInCell"
|
|
@@ -187,6 +190,7 @@
|
|
|
187
190
|
</template>
|
|
188
191
|
<template v-if="!forDisplay">
|
|
189
192
|
<x-report-tr-group
|
|
193
|
+
@slotRendered="slotRendered"
|
|
190
194
|
@updateImg="updateImg"
|
|
191
195
|
@selectRow="selectRow"
|
|
192
196
|
:show-img-in-cell="showImgInCell"
|
|
@@ -204,6 +208,7 @@
|
|
|
204
208
|
:key="row[0].dataIndex + definitionIndex + rowIndex"></x-report-tr-group>
|
|
205
209
|
<!-- 动态行交互按钮 -->
|
|
206
210
|
<x-report-tr-group
|
|
211
|
+
@slotRendered="slotRendered"
|
|
207
212
|
@updateImg="updateImg"
|
|
208
213
|
@selectRow="selectRow"
|
|
209
214
|
:show-img-in-cell="showImgInCell"
|
|
@@ -225,6 +230,7 @@
|
|
|
225
230
|
<template v-else>
|
|
226
231
|
<template v-if="!forDisplay">
|
|
227
232
|
<x-report-tr-group
|
|
233
|
+
@slotRendered="slotRendered"
|
|
228
234
|
@updateImg="updateImg"
|
|
229
235
|
@selectRow="selectRow"
|
|
230
236
|
:show-img-in-cell="showImgInCell"
|
|
@@ -241,6 +247,7 @@
|
|
|
241
247
|
</template>
|
|
242
248
|
<template v-else>
|
|
243
249
|
<x-report-tr-group
|
|
250
|
+
@slotRendered="slotRendered"
|
|
244
251
|
@updateImg="updateImg"
|
|
245
252
|
@selectRow="selectRow"
|
|
246
253
|
:show-img-in-cell="showImgInCell"
|
|
@@ -86,10 +86,10 @@ routerResource.example = {
|
|
|
86
86
|
// component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
|
|
87
87
|
// component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
|
|
88
88
|
// component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
|
|
89
|
-
|
|
89
|
+
component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
|
|
90
90
|
// component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
|
|
91
91
|
// component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
|
|
92
|
-
component: () => import('@vue2-client/base-client/components/common/XReportGrid/XReportDemo.vue'),
|
|
92
|
+
// component: () => import('@vue2-client/base-client/components/common/XReportGrid/XReportDemo.vue'),
|
|
93
93
|
// component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
|
|
94
94
|
// component: () => import('@vue2-client/base-client/components/common/XConversation/XConversationDemo.vue'),
|
|
95
95
|
// component: () => import('@vue2-client/base-client/components/common/XButtons/XButtonDemo.vue'),
|