centaline-data-driven 1.4.32 → 1.4.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven",
-  "version": "1.4.32",
+  "version": "1.4.33",
   "description": "ccai",
   "author": "hjc <3226136347@qq.com>",
   "private": false,

package/src/centaline/dynamicDetail/src/dynamicAlbums.vue

@@ -2,26 +2,27 @@
 <template>
   <div>
     <div style="position: relative">
-      <template v-if="newMediaAlbums.length > 0">
+      <template v-if="carouselMediaAlbums.length > 0">
         <el-carousel
           arrow="hover"
           height="199px"
           :autoplay="false"
           indicator-position="none"
-          :initial-index="getinitialIndex(albumsList)"
+          :initial-index="getinitialIndex(carouselMediaAlbums)" @change="changeAlbumsIndex" ref="mediaAlbumsCarousel"
         >
-          <template v-for="(item, index) in albumsList.medias">
+          <template v-for="(item, index) in carouselMediaAlbums">
             <el-carousel-item :key="index">
               <div class="swiper-i">
-                <img :src="getShowUrl(item)" @click="viewerfile(index)" />
+                <div class="page">{{item.page}}</div>
+                <img :src="getShowUrl(item)" @click="viewerfile(item)" />
                 <img
-                  :src="albumsList.albumBigImageUrl"
+                  :src="item.albumBigImageUrl"
                   alt=""
-                  @click="viewerfile(index)"
+                  @click="viewerfile(item)"
                   class="hous-icon"
                   v-if="
-                    albumsList.albumBigImageUrl &&
-                    albumsList.albumBigImageUrl != ''
+                    item.albumBigImageUrl &&
+                    item.albumBigImageUrl != ''
                   "
                 />
               </div> </el-carousel-item
@@ -73,10 +74,10 @@ export default {
   },
   data() {
     return {
-      newMediaAlbums: [],
-      albumsList: [],
+      newMediaAlbums: [], 
       activeAlbumsIndex: 0,
       flagChange: true,
+      carouselMediaAlbums:[]
     };
   },
   created() {
@@ -85,13 +86,32 @@ export default {
   methods: {
     init() {
       var self = this;
-      this.newMediaAlbums = this.mediaAlbums || [];
-      this.albumsList = this.newMediaAlbums[0];
+      this.newMediaAlbums = this.mediaAlbums || []; 
+      
+      this.mediaAlbums.forEach((item,index)=>{
+        item.medias.forEach((n,i)=>{
+           n.albumSmallImageUrl=item.albumSmallImageUrl;
+           n.groupindex=index;
+		       n.index=i; 
+          n.page= (i+1)+"/"+item.medias.length;
+           n.albumKey=item.albumKey;
+           n.albumName=item.albumName;
+           n.albumBigImageUrl=item.albumBigImageUrl;     
+          self.carouselMediaAlbums.push(n);
+        })
+      })
+
       self.$forceUpdate();
     },
+
+    changeAlbumsIndex(newindex,oldValue){
+     var self = this;
+     self.activeAlbumsIndex=  self.carouselMediaAlbums[newindex].groupindex;
+    },
     handleClick(index) {
-      if (index == this.activeAlbumsIndex) return;
-      this.albumsList = this.newMediaAlbums[index];
+      if (index == this.activeAlbumsIndex) return; 
+       var   initialIndex = this.carouselMediaAlbums.findIndex((v) => v.groupindex == index) | 0;
+       this.$refs.mediaAlbumsCarousel.setActiveItem(initialIndex);
       this.activeAlbumsIndex = index;
       this.flagChange = !this.flagChange;
       this.$forceUpdate();
@@ -118,9 +138,9 @@ export default {
         return list.thumbnailUrl;
       }
     },
-    viewerfile(index) {
+    viewerfile(item) {
       var self = this; 
-      self.$common.viewerfile((this.title || "预览媒体"), this.newMediaAlbums, this.activeAlbumsIndex, (index || 0));
+      self.$common.viewerfile((this.title || "预览媒体"), this.newMediaAlbums, item.groupindex, (item.index || 0));
     }
   },
   watch: {
@@ -150,6 +170,15 @@ export default {
       left: 50%;
       transform: translate(-50%, -50%);
     }
+    .page{
+   position: absolute;
+    bottom: 20px;
+    text-align: right;
+    right: 0px;
+    background-color: rgb(14 12 24 / 38%);
+    color: #FFF;
+	  padding: 0px 5px;
+    }
   }
 
   .hous-img {

package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue

@@ -602,9 +602,7 @@ export default {
       var collapseItemArr = [];
       var col = 0;
       var colCount = 4;
-      debugger
       self.model.fields2Dic.forEach((v, index) => {
-        
         if (v.type === 13) {
           collapseItemArr = [];
           col = 0;
@@ -623,30 +621,21 @@ export default {
           collapseItemArr.push(v);
           col = col + v.spanCols;
           if (col === colCount || index === self.model.fields2Dic.length - 1) {
-            debugger
             self.collapse.push(collapseItemArr);
             collapseItemArr = [];
             col = 0;
           }
-          if (index === 6) {
-            debugger
-          }
-          if (index === 7) {
-            debugger
-          }
         } 
         else {
           collapseItemArr.push(v);
           col = col + 1;
           if (col === colCount || index === self.model.fields2Dic.length - 1) {
-            debugger
             self.collapse.push(collapseItemArr);
             collapseItemArr = [];
             col = 0;
           }
         }
       });
-      debugger
     },
     loadOperation() {
       this.model._operationList = null;

package/src/centaline/dynamicViewerFile/src/dynamicViewerFile.vue

@@ -88,6 +88,16 @@
                             :displayAreaWidth="displayAreaWidth">
               </ct-viewerPDF>
             </template>
+             <template v-else>
+           <div class="viewerContent"
+                   style="max-height: 200px; text-align: center">
+                <a :href="resultObject">
+                  <img :src="itemFile.thumbnailUrl" /><br />{{
+                    itemFile.mediaLabelName || itemFile.fileName
+                  }}
+                </a>
+              </div>        
+             </template>
           </template>
           <template v-else>
            <div class="viewerContent"

package/src/main.js

@@ -43,7 +43,7 @@ Vue.use(centaline, {
     getRequestHeaders: function () {
       return {
         oldToken: '3f518e5b-85c3-4a3e-9aa2-d476c6e43b75',
-        token:'aplus eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.eNrEjsEKgzAQRP9lzy4kcc0m3mq0l36ErDQBeypVoaX035tCvHnvO7zDwDDzhmWboAUu4IF2Rl_AA-2MWpNnbQc8eQ5Ilmp0OjgMZAOd-6EOXQ8VxOcdWm1ZK2edNxXMspZAKfoF2xIfl_j6x7nbOufZZKJjyTvJpgZzUVD4apBiE71wM4kQfL4AAAD__w.i7gJJvineymQatDJAX7K6sKT3_-TWK2nsrCwWZVmL8c',
+        token:'aplus eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.eNrEjjEOgkAQRe8yNZMw7mRmlk4XbDwEWdg1wcoIJBrj3dUIHb2veMVr_n_COHdQgS7ghlZav4AbWmmJ2CtJg3uvAVnYoVEwDCyBj3XjwqGGAvL9ChWJEimbKwsY4vQLpRl_wzzm2yk__nHuMg2fWeoT5bNEjJoEOfWGplpiktg7z7LrjOD1BgAA__8.GYKnl1m1p9DYoV4G8e7guCAXfIZblTzhcpUhjbliuX0',
         
         originalRequestURL: 'http://10.88.22.67:8080',
         EstateInfo: '{"estateId":"FAF029E8-EC28-4297-83CF-B8FFD826DB91","estateName":"AABBCC"}',