centaline-data-driven 1.4.32 → 1.4.34
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/Form.vue +16 -2
- package/src/centaline/dynamicDetail/src/dynamicAlbums.vue +54 -25
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue +0 -11
- package/src/centaline/dynamicForm/src/dynamicFormListTable.vue +6 -2
- package/src/centaline/dynamicViewerFile/src/dynamicViewerFile.vue +10 -0
- package/src/centaline/loader/src/ctl/FormList.js +2 -0
- package/src/main.js +5 -5
- package/wwwroot/static/centaline/centaline-data-driven.js +2 -2
- package/wwwroot/static/centaline/centaline-data-driven.js.map +1 -1
package/package.json
CHANGED
package/src/Form.vue
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div id="form-app" class="data-driven" style="width:100%;height:100%;overflow:auto">
|
|
3
3
|
<!-- <ct-form :source="formdata.content" :apiParam="apiParam"></ct-form> -->
|
|
4
|
-
<ct-form :api="'/
|
|
4
|
+
<ct-form :api="'/api/third-dept-tran/transaction/edit'" :apiParam="apiParam" :topHeight="topHeight"></ct-form>
|
|
5
5
|
<ct-dialog-list></ct-dialog-list>
|
|
6
6
|
</div>
|
|
7
7
|
</template>
|
|
@@ -12,7 +12,21 @@
|
|
|
12
12
|
data() {
|
|
13
13
|
return {
|
|
14
14
|
apiParam:{
|
|
15
|
-
|
|
15
|
+
actionType
|
|
16
|
+
:
|
|
17
|
+
"3",
|
|
18
|
+
originalTraId
|
|
19
|
+
:
|
|
20
|
+
"1603271493445812226",
|
|
21
|
+
pageOnly
|
|
22
|
+
:
|
|
23
|
+
"true",
|
|
24
|
+
pageStyle
|
|
25
|
+
:
|
|
26
|
+
"2",
|
|
27
|
+
pageTitle
|
|
28
|
+
:
|
|
29
|
+
"成交报告"
|
|
16
30
|
},
|
|
17
31
|
topHeight:10,
|
|
18
32
|
}
|
|
@@ -2,32 +2,32 @@
|
|
|
2
2
|
<template>
|
|
3
3
|
<div>
|
|
4
4
|
<div style="position: relative">
|
|
5
|
-
<template v-if="
|
|
5
|
+
<template v-if="carouselMediaAlbums.length > 0">
|
|
6
6
|
<el-carousel
|
|
7
7
|
arrow="hover"
|
|
8
8
|
height="199px"
|
|
9
9
|
:autoplay="false"
|
|
10
10
|
indicator-position="none"
|
|
11
|
-
:initial-index="getinitialIndex(
|
|
11
|
+
:initial-index="getinitialIndex(carouselMediaAlbums)" @change="changeAlbumsIndex" ref="mediaAlbumsCarousel"
|
|
12
12
|
>
|
|
13
|
-
<template v-for="(item, index) in
|
|
13
|
+
<template v-for="(item, index) in carouselMediaAlbums">
|
|
14
14
|
<el-carousel-item :key="index">
|
|
15
|
-
<div class="swiper-i">
|
|
16
|
-
<img :src="getShowUrl(item)" @click="viewerfile(
|
|
15
|
+
<div class="swiper-i">
|
|
16
|
+
<img :src="getShowUrl(item)" @click="viewerfile(item)" />
|
|
17
17
|
<img
|
|
18
|
-
:src="
|
|
18
|
+
:src="item.albumBigImageUrl"
|
|
19
19
|
alt=""
|
|
20
|
-
@click="viewerfile(
|
|
20
|
+
@click="viewerfile(item)"
|
|
21
21
|
class="hous-icon"
|
|
22
22
|
v-if="
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
item.albumBigImageUrl &&
|
|
24
|
+
item.albumBigImageUrl != ''
|
|
25
25
|
"
|
|
26
26
|
/>
|
|
27
27
|
</div> </el-carousel-item
|
|
28
28
|
></template>
|
|
29
29
|
</el-carousel>
|
|
30
|
-
|
|
30
|
+
<div class="page">{{page}}</div>
|
|
31
31
|
<div
|
|
32
32
|
class="hous-img"
|
|
33
33
|
style="position: absolute; bottom: 0; z-index: 9"
|
|
@@ -73,25 +73,50 @@ export default {
|
|
|
73
73
|
},
|
|
74
74
|
data() {
|
|
75
75
|
return {
|
|
76
|
-
newMediaAlbums: [],
|
|
77
|
-
albumsList: [],
|
|
76
|
+
newMediaAlbums: [],
|
|
78
77
|
activeAlbumsIndex: 0,
|
|
79
78
|
flagChange: true,
|
|
79
|
+
carouselMediaAlbums:[],
|
|
80
|
+
page:""
|
|
80
81
|
};
|
|
81
82
|
},
|
|
82
83
|
created() {
|
|
83
84
|
this.init();
|
|
84
85
|
},
|
|
85
86
|
methods: {
|
|
87
|
+
setPage(item){
|
|
88
|
+
this.page=item.page;
|
|
89
|
+
},
|
|
86
90
|
init() {
|
|
87
91
|
var self = this;
|
|
88
|
-
this.newMediaAlbums = this.mediaAlbums || [];
|
|
89
|
-
this.
|
|
92
|
+
this.newMediaAlbums = this.mediaAlbums || [];
|
|
93
|
+
this.mediaAlbums.forEach((item,index)=>{
|
|
94
|
+
item.medias.forEach((n,i)=>{
|
|
95
|
+
n.albumSmallImageUrl=item.albumSmallImageUrl;
|
|
96
|
+
n.groupindex=index;
|
|
97
|
+
n.index=i;
|
|
98
|
+
n.page= (i+1)+"/"+item.medias.length;
|
|
99
|
+
n.albumKey=item.albumKey;
|
|
100
|
+
n.albumName=item.albumName;
|
|
101
|
+
n.albumBigImageUrl=item.albumBigImageUrl;
|
|
102
|
+
self.carouselMediaAlbums.push(n);
|
|
103
|
+
})
|
|
104
|
+
})
|
|
105
|
+
this.setPage( self.carouselMediaAlbums[self.getinitialIndex(self.carouselMediaAlbums)]);
|
|
90
106
|
self.$forceUpdate();
|
|
91
107
|
},
|
|
108
|
+
|
|
109
|
+
changeAlbumsIndex(newindex,oldValue){
|
|
110
|
+
var self = this;
|
|
111
|
+
self.activeAlbumsIndex= self.carouselMediaAlbums[newindex].groupindex;
|
|
112
|
+
this.setPage( self.carouselMediaAlbums[newindex]);
|
|
113
|
+
},
|
|
92
114
|
handleClick(index) {
|
|
93
|
-
|
|
94
|
-
|
|
115
|
+
var self = this;
|
|
116
|
+
if (index == this.activeAlbumsIndex) return;
|
|
117
|
+
var initialIndex = this.carouselMediaAlbums.findIndex((v) => v.groupindex == index) | 0;
|
|
118
|
+
this.setPage(self.carouselMediaAlbums[initialIndex]);
|
|
119
|
+
this.$refs.mediaAlbumsCarousel.setActiveItem(initialIndex);
|
|
95
120
|
this.activeAlbumsIndex = index;
|
|
96
121
|
this.flagChange = !this.flagChange;
|
|
97
122
|
this.$forceUpdate();
|
|
@@ -105,12 +130,7 @@ export default {
|
|
|
105
130
|
initialIndex = list.medias.findIndex((v) => v.flagDefault == 1) | 0;
|
|
106
131
|
} catch (error) {}
|
|
107
132
|
return initialIndex < 0 ? 0 : initialIndex;
|
|
108
|
-
},
|
|
109
|
-
getDefaultUrl(list) {
|
|
110
|
-
var initialIndex = this.getinitialIndex(list);
|
|
111
|
-
return this.getShowUrl(list.medias[initialIndex]);
|
|
112
|
-
},
|
|
113
|
-
|
|
133
|
+
},
|
|
114
134
|
getShowUrl(list) {
|
|
115
135
|
if (list.mediaTypeID == "2") {
|
|
116
136
|
return list.mediaUrl + "/260/200";
|
|
@@ -118,9 +138,9 @@ export default {
|
|
|
118
138
|
return list.thumbnailUrl;
|
|
119
139
|
}
|
|
120
140
|
},
|
|
121
|
-
viewerfile(
|
|
141
|
+
viewerfile(item) {
|
|
122
142
|
var self = this;
|
|
123
|
-
self.$common.viewerfile((this.title || "预览媒体"), this.newMediaAlbums,
|
|
143
|
+
self.$common.viewerfile((this.title || "预览媒体"), this.newMediaAlbums, item.groupindex, (item.index || 0));
|
|
124
144
|
}
|
|
125
145
|
},
|
|
126
146
|
watch: {
|
|
@@ -151,7 +171,16 @@ export default {
|
|
|
151
171
|
transform: translate(-50%, -50%);
|
|
152
172
|
}
|
|
153
173
|
}
|
|
154
|
-
|
|
174
|
+
.page{
|
|
175
|
+
position: absolute;
|
|
176
|
+
bottom: 20px;
|
|
177
|
+
text-align: right;
|
|
178
|
+
right: 0px;
|
|
179
|
+
background-color: rgb(14 12 24 / 38%);
|
|
180
|
+
color: #FFF;
|
|
181
|
+
padding: 0px 5px;
|
|
182
|
+
z-index: 9
|
|
183
|
+
}
|
|
155
184
|
.hous-img {
|
|
156
185
|
margin-top: 10px;
|
|
157
186
|
width: 100%;
|
|
@@ -602,9 +602,7 @@ export default {
|
|
|
602
602
|
var collapseItemArr = [];
|
|
603
603
|
var col = 0;
|
|
604
604
|
var colCount = 4;
|
|
605
|
-
debugger
|
|
606
605
|
self.model.fields2Dic.forEach((v, index) => {
|
|
607
|
-
|
|
608
606
|
if (v.type === 13) {
|
|
609
607
|
collapseItemArr = [];
|
|
610
608
|
col = 0;
|
|
@@ -623,30 +621,21 @@ export default {
|
|
|
623
621
|
collapseItemArr.push(v);
|
|
624
622
|
col = col + v.spanCols;
|
|
625
623
|
if (col === colCount || index === self.model.fields2Dic.length - 1) {
|
|
626
|
-
debugger
|
|
627
624
|
self.collapse.push(collapseItemArr);
|
|
628
625
|
collapseItemArr = [];
|
|
629
626
|
col = 0;
|
|
630
627
|
}
|
|
631
|
-
if (index === 6) {
|
|
632
|
-
debugger
|
|
633
|
-
}
|
|
634
|
-
if (index === 7) {
|
|
635
|
-
debugger
|
|
636
|
-
}
|
|
637
628
|
}
|
|
638
629
|
else {
|
|
639
630
|
collapseItemArr.push(v);
|
|
640
631
|
col = col + 1;
|
|
641
632
|
if (col === colCount || index === self.model.fields2Dic.length - 1) {
|
|
642
|
-
debugger
|
|
643
633
|
self.collapse.push(collapseItemArr);
|
|
644
634
|
collapseItemArr = [];
|
|
645
635
|
col = 0;
|
|
646
636
|
}
|
|
647
637
|
}
|
|
648
638
|
});
|
|
649
|
-
debugger
|
|
650
639
|
},
|
|
651
640
|
loadOperation() {
|
|
652
641
|
this.model._operationList = null;
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
<ct-tablecurrency :router="v.router" :colValue="scope.row[v.id].code1" :rowData="scope.row" @click="rolRouterClickHandler">
|
|
39
39
|
</ct-tablecurrency>
|
|
40
40
|
</span>
|
|
41
|
-
<ct-span v-else :vmodel="scope.row[v.id]" :rowNum="scope.row.$sourceIndex" :key="scope.row[v.id].rowKey" ref="FieldsLabel"></ct-span>
|
|
41
|
+
<ct-span v-else :vmodel="scope.row[v.id]" :rowNum="scope.row.$sourceIndex" :rowData="scope.row" :key="scope.row[v.id].rowKey" ref="FieldsLabel"></ct-span>
|
|
42
42
|
</template>
|
|
43
43
|
</el-table-column>
|
|
44
44
|
|
|
@@ -74,6 +74,7 @@
|
|
|
74
74
|
props: {
|
|
75
75
|
vmodel: Object,
|
|
76
76
|
rowNum: String,
|
|
77
|
+
rowData: Object,
|
|
77
78
|
},
|
|
78
79
|
data: function () {
|
|
79
80
|
return {
|
|
@@ -84,9 +85,12 @@
|
|
|
84
85
|
if (this.vmodel.is === "ct-inputNumber") {
|
|
85
86
|
return 'ct-table-inputnumber';
|
|
86
87
|
}
|
|
88
|
+
},
|
|
89
|
+
getFontColor() {
|
|
90
|
+
return this.rowData.fontColor || '';
|
|
87
91
|
}
|
|
88
92
|
},
|
|
89
|
-
template: '<div :class="getClass()">{{vmodel.labelValue}}{{vmodel.unitName}}</div>'
|
|
93
|
+
template: '<div :class="getClass()" :style="{\'color\':getFontColor()}">{{vmodel.labelValue}}{{vmodel.unitName}}</div>'
|
|
90
94
|
}
|
|
91
95
|
|
|
92
96
|
export default {
|
|
@@ -88,6 +88,16 @@
|
|
|
88
88
|
:displayAreaWidth="displayAreaWidth">
|
|
89
89
|
</ct-viewerPDF>
|
|
90
90
|
</template>
|
|
91
|
+
<template v-else>
|
|
92
|
+
<div class="viewerContent"
|
|
93
|
+
style="max-height: 200px; text-align: center">
|
|
94
|
+
<a :href="resultObject">
|
|
95
|
+
<img :src="itemFile.thumbnailUrl" /><br />{{
|
|
96
|
+
itemFile.mediaLabelName || itemFile.fileName
|
|
97
|
+
}}
|
|
98
|
+
</a>
|
|
99
|
+
</div>
|
|
100
|
+
</template>
|
|
91
101
|
</template>
|
|
92
102
|
<template v-else>
|
|
93
103
|
<div class="viewerContent"
|
|
@@ -127,6 +127,7 @@ const FormList = function (source, master) {
|
|
|
127
127
|
var row = {
|
|
128
128
|
field: [],
|
|
129
129
|
isSet: false,
|
|
130
|
+
fontColor: r.fontColor,
|
|
130
131
|
get delete() {//删除权限
|
|
131
132
|
return r.rightDelete === true;
|
|
132
133
|
},
|
|
@@ -194,6 +195,7 @@ const FormList = function (source, master) {
|
|
|
194
195
|
Vue.set(row, 'isSet', false);
|
|
195
196
|
Vue.set(row, 'edit', rows[i].edit);
|
|
196
197
|
Vue.set(row, 'delete', rows[i].delete);
|
|
198
|
+
Vue.set(row, 'fontColor', rows[i].fontColor);
|
|
197
199
|
this._tableData.push(row);
|
|
198
200
|
}
|
|
199
201
|
}
|
package/src/main.js
CHANGED
|
@@ -12,12 +12,12 @@ Vue.use(ElementUI, { size: 'mini'});
|
|
|
12
12
|
// 关闭生产模式下给出的提示
|
|
13
13
|
Vue.config.productionTip = false;
|
|
14
14
|
Vue.use(centaline, {
|
|
15
|
-
baseUrl: "http://10.88.22.46:7070/max-uplink-api/v1/form/router",
|
|
15
|
+
// baseUrl: "http://10.88.22.46:7070/max-uplink-api/v1/form/router",
|
|
16
16
|
// baseUrl: "http://10.25.10.63:9999/v1/form/router",
|
|
17
17
|
// baseUrl: "http://10.88.22.42:9999/v1/form/router",
|
|
18
18
|
// baseUrl: "http://10.88.22.69:8080/api/",
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
baseUrl: "http://tjcptest.centaline.com.cn/",
|
|
20
|
+
flagRouterSelf: true,
|
|
21
21
|
zindex: 999,
|
|
22
22
|
showRequestSuccessMessage: true,
|
|
23
23
|
showRequestErrorMessage: true,
|
|
@@ -42,8 +42,8 @@ Vue.use(centaline, {
|
|
|
42
42
|
// 获取请求头
|
|
43
43
|
getRequestHeaders: function () {
|
|
44
44
|
return {
|
|
45
|
-
oldToken: '
|
|
46
|
-
token:'aplus eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.
|
|
45
|
+
oldToken: '9a73e482-db16-4a24-81e7-67daef02b64d',
|
|
46
|
+
token:'aplus eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.eNrEjjEOgkAQRe8yNZMw7mRmlk4XbDwEWdg1wcoIJBrj3dUIHb2veMVr_n_COHdQgS7ghlZav4AbWmmJ2CtJg3uvAVnYoVEwDCyBj3XjwqGGAvL9ChWJEimbKwsY4vQLpRl_wzzm2yk__nHuMg2fWeoT5bNEjJoEOfWGplpiktg7z7LrjOD1BgAA__8.GYKnl1m1p9DYoV4G8e7guCAXfIZblTzhcpUhjbliuX0',
|
|
47
47
|
|
|
48
48
|
originalRequestURL: 'http://10.88.22.67:8080',
|
|
49
49
|
EstateInfo: '{"estateId":"FAF029E8-EC28-4297-83CF-B8FFD826DB91","estateName":"AABBCC"}',
|