centaline-data-driven 1.4.31 → 1.4.33
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/centaline/dynamicDetail/src/dynamicAlbums.vue +45 -16
- package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue +0 -11
- package/src/centaline/dynamicViewerFile/src/dynamicViewerFile.vue +10 -0
- package/src/centaline/loader/src/ctl/InputNumber.js +0 -3
- package/src/main.js +1 -1
- package/wwwroot/static/centaline/centaline-data-driven.js +2 -2
- package/wwwroot/static/centaline/centaline-data-driven.js.map +1 -1
- package/centaline-data-driven-1.4.30.tgz +0 -0
package/package.json
CHANGED
|
@@ -2,26 +2,27 @@
|
|
|
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
15
|
<div class="swiper-i">
|
|
16
|
-
<
|
|
16
|
+
<div class="page">{{item.page}}</div>
|
|
17
|
+
<img :src="getShowUrl(item)" @click="viewerfile(item)" />
|
|
17
18
|
<img
|
|
18
|
-
:src="
|
|
19
|
+
:src="item.albumBigImageUrl"
|
|
19
20
|
alt=""
|
|
20
|
-
@click="viewerfile(
|
|
21
|
+
@click="viewerfile(item)"
|
|
21
22
|
class="hous-icon"
|
|
22
23
|
v-if="
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
item.albumBigImageUrl &&
|
|
25
|
+
item.albumBigImageUrl != ''
|
|
25
26
|
"
|
|
26
27
|
/>
|
|
27
28
|
</div> </el-carousel-item
|
|
@@ -73,10 +74,10 @@ export default {
|
|
|
73
74
|
},
|
|
74
75
|
data() {
|
|
75
76
|
return {
|
|
76
|
-
newMediaAlbums: [],
|
|
77
|
-
albumsList: [],
|
|
77
|
+
newMediaAlbums: [],
|
|
78
78
|
activeAlbumsIndex: 0,
|
|
79
79
|
flagChange: true,
|
|
80
|
+
carouselMediaAlbums:[]
|
|
80
81
|
};
|
|
81
82
|
},
|
|
82
83
|
created() {
|
|
@@ -85,13 +86,32 @@ export default {
|
|
|
85
86
|
methods: {
|
|
86
87
|
init() {
|
|
87
88
|
var self = this;
|
|
88
|
-
this.newMediaAlbums = this.mediaAlbums || [];
|
|
89
|
-
|
|
89
|
+
this.newMediaAlbums = this.mediaAlbums || [];
|
|
90
|
+
|
|
91
|
+
this.mediaAlbums.forEach((item,index)=>{
|
|
92
|
+
item.medias.forEach((n,i)=>{
|
|
93
|
+
n.albumSmallImageUrl=item.albumSmallImageUrl;
|
|
94
|
+
n.groupindex=index;
|
|
95
|
+
n.index=i;
|
|
96
|
+
n.page= (i+1)+"/"+item.medias.length;
|
|
97
|
+
n.albumKey=item.albumKey;
|
|
98
|
+
n.albumName=item.albumName;
|
|
99
|
+
n.albumBigImageUrl=item.albumBigImageUrl;
|
|
100
|
+
self.carouselMediaAlbums.push(n);
|
|
101
|
+
})
|
|
102
|
+
})
|
|
103
|
+
|
|
90
104
|
self.$forceUpdate();
|
|
91
105
|
},
|
|
106
|
+
|
|
107
|
+
changeAlbumsIndex(newindex,oldValue){
|
|
108
|
+
var self = this;
|
|
109
|
+
self.activeAlbumsIndex= self.carouselMediaAlbums[newindex].groupindex;
|
|
110
|
+
},
|
|
92
111
|
handleClick(index) {
|
|
93
|
-
if (index == this.activeAlbumsIndex) return;
|
|
94
|
-
|
|
112
|
+
if (index == this.activeAlbumsIndex) return;
|
|
113
|
+
var initialIndex = this.carouselMediaAlbums.findIndex((v) => v.groupindex == index) | 0;
|
|
114
|
+
this.$refs.mediaAlbumsCarousel.setActiveItem(initialIndex);
|
|
95
115
|
this.activeAlbumsIndex = index;
|
|
96
116
|
this.flagChange = !this.flagChange;
|
|
97
117
|
this.$forceUpdate();
|
|
@@ -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: {
|
|
@@ -150,6 +170,15 @@ export default {
|
|
|
150
170
|
left: 50%;
|
|
151
171
|
transform: translate(-50%, -50%);
|
|
152
172
|
}
|
|
173
|
+
.page{
|
|
174
|
+
position: absolute;
|
|
175
|
+
bottom: 20px;
|
|
176
|
+
text-align: right;
|
|
177
|
+
right: 0px;
|
|
178
|
+
background-color: rgb(14 12 24 / 38%);
|
|
179
|
+
color: #FFF;
|
|
180
|
+
padding: 0px 5px;
|
|
181
|
+
}
|
|
153
182
|
}
|
|
154
183
|
|
|
155
184
|
.hous-img {
|
|
@@ -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;
|
|
@@ -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"
|
package/src/main.js
CHANGED
|
@@ -43,7 +43,7 @@ Vue.use(centaline, {
|
|
|
43
43
|
getRequestHeaders: function () {
|
|
44
44
|
return {
|
|
45
45
|
oldToken: '3f518e5b-85c3-4a3e-9aa2-d476c6e43b75',
|
|
46
|
-
token:'aplus eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.
|
|
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"}',
|