npm - centaline-data-driven - Versions diffs - 1.2.97 → 1.3.0 - Mend

centaline-data-driven 1.2.97 → 1.3.0

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.

Files changed (21) hide show

package/build/centaline/centaline.path.js CHANGED Viewed

@@ -44,7 +44,8 @@ const paths = {
     "dynamicCompound": "./src/centaline/dynamicCompound/index.js",//复合控件
     "dynamicContact": "./src/centaline/dynamicContact/index.js",//联系人电话
     "dynamicLayout": "./src/centaline/dynamicLayout/index.js",//Layout组件
-    "browseVideo": "./src/centaline/browseVideo/index.js",//确认框组件
+    "browseVideo": "./src/centaline/browseVideo/index.js",//确认框组件
+       "dynamicViewerFile": "./src/centaline/dynamicViewerFile/index.js",//确认框组件
   },
   "plugs": {
     "api": "./src/centaline/api/index.js",//调用API插件

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven",
-  "version": "1.2.97",
+  "version": "1.3.00",
   "description": "ccai",
   "author": "hjc <3226136347@qq.com>",
   "private": false,
@@ -21,6 +21,7 @@
     "save": "^2.4.0",
     "v-viewer": "^1.6.4",
     "vue": "2.5.17",
+    "vue-pdf": "^4.3.0",
     "vue-ueditor-wrap": "^2.5.6",
     "vuedraggable": "^2.24.3"
   },

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

@@ -0,0 +1,183 @@
+<template>
+  <div>
+    <div style="position: relative">
+      <el-carousel
+        arrow="hover"
+        height="199px"
+        :autoplay="false"
+        indicator-position="none"
+        :initial-index="getinitialIndex(albumsList)"
+      >
+        <template v-for="(item, index) in albumsList.medias">
+          <el-carousel-item :key="index">
+            <div class="swiper-i">
+              <img
+                :src="item.mediaUrl + '/260/200'"
+                @click="viewerfile(index)"
+              />
+              <img
+                :src="item.albumBigImageUrl"
+                alt=""
+                class="hous-icon"
+                v-if="item.albumBigImageUrl && item.albumBigImageUrl != ''"
+              />
+            </div> </el-carousel-item
+        ></template>
+      </el-carousel>
+      <div class="hous-img" style="position: absolute; bottom: 0; z-index: 9">
+        <div class="img-i" v-for="(item, index) in newMediaAlbums" :key="index">
+          <img
+            :src="getDefaultUrl(item) + '/140/135'"
+            @click="handleClick(index)"
+          />
+          <div class="img-bot">
+            <div>
+              <img :src="item.albumSmallImageUrl" alt="" class="img-icon" />
+              <span>{{ item.albumName }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    mediaAlbums: Array,
+    title: String,
+  },
+  data() {
+    return {
+      newMediaAlbums: [],
+      albumsList: [],
+      activeAlbumsIndex: 0,
+    };
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    init() {
+      var self = this;
+      this.newMediaAlbums = this.mediaAlbums || [];
+      this.albumsList = this.newMediaAlbums[0];
+      self.$forceUpdate();
+    },
+    handleClick(index) {
+      if (index == this.activeAlbumsIndex) return;
+      this.albumsList = this.newMediaAlbums[index];
+      this.activeAlbumsIndex = index;
+    },
+    getinitialIndex(list) {
+      var initialIndex = 0;
+      try {
+        initialIndex = list.medias.findIndex((v) => v.flagDefault == 1) | 0;
+      } catch (error) {
+        debugger;
+      }
+      return initialIndex < 0 ? 0 : initialIndex;
+    },
+    getDefaultUrl(list) {
+      var initialIndex = this.getinitialIndex(list);
+      return list.medias[initialIndex].mediaUrl;
+    },
+    viewerfile(index) {
+      var self = this;
+      var dialogOption = {
+        title: this.title || "预览媒体",
+        pane: self.$common.getParentPane(self),
+        content: [
+          {
+            component: "ct-viewerfile",
+            attrs: {
+              showTitle: false,
+              MediaAlbum: this.newMediaAlbums,
+              groupIndex: this.activeAlbumsIndex,
+              index: index || 0,
+              // width: self.modelPhotoselect.router.pageWidth + 'px',
+              // height: self.modelPhotoselect.router.pageHeight+'px',
+              width:
+                parseInt(window.document.body.clientWidth * 0.8).toString() +
+                "px",
+              height:
+                parseInt(window.document.body.clientHeight * 0.8).toString() +
+                "px",
+            },
+            on: {
+              handlePhoto(photoList) {},
+            },
+          },
+        ],
+      };
+      self.$common.openDialog(dialogOption);
+    },
+  },
+  watch: {
+    mediaAlbums(newValue, oldValue) {
+      this.init(newValue);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.hous-t {
+  width: 260px;
+  .swiper-i {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+    .hous-icon {
+      width: 60px;
+      height: 60px;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+  .hous-img {
+    margin-top: 10px;
+    width: 100%;
+    overflow-x: hidden;
+    overflow-y: hidden;
+    white-space: nowrap;
+    .img-i {
+      position: relative;
+      width: 80px;
+      height: 44px;
+      margin-right: 10px;
+      display: inline-block;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+      .img-bot {
+        width: 100%;
+        height: 16px;
+        background: rgba(0, 0, 0, 0.5);
+        color: #fff;
+        position: absolute;
+        bottom: 0;
+        font-weight: Bold;
+        .img-icon {
+          width: 12px;
+          height: 12px;
+          margin: 0 5px;
+          margin: 0 5px;
+          vertical-align: -1.5px;
+        }
+      }
+    }
+  }
+}
+</style>

package/src/centaline/dynamicDetail/src/dynamicDetail.vue CHANGED Viewed

@@ -1,8 +1,8 @@
 <template>
     <div>
-      <ct-PropertyDetailOFI :api="api" :apiParam="apiParam" :parentModel="parentModel" class="ct-PropertyDetailOFI" v-if="pageType=='PropertyDetailOFI'"
+      <ct-PropertyDetailOFI :api="api" :apiParam="apiParam" :parentModel="parentModel" :top="top" class="ct-PropertyDetailOFI" v-if="pageType=='PropertyDetailOFI'"
       @loaded="loaded"></ct-PropertyDetailOFI>
-      <ct-PropertyDetailRET :api="api" :apiParam="apiParam" :parentModel="parentModel" class="ct-PropertyDetailRET" v-if="pageType=='PropertyDetailRET'"
+      <ct-PropertyDetailRET :api="api" :apiParam="apiParam" :parentModel="parentModel" :top="top" class="ct-PropertyDetailRET" v-if="pageType=='PropertyDetailRET'"
       @loaded="loaded"></ct-PropertyDetailRET>
       <ct-PropertySimpleDetailRET :api="api" :apiParam="apiParam" :selectIndex="selectIndex" :rowCount="rowCount" class="ct-PropertySimpleDetailRET"
       @loaded="loaded"
@@ -30,6 +30,7 @@
       pageType: String,
       selectIndex:Number,
       rowCount:Number,
+      top:Number,
     },
     data() {
       return {

package/src/centaline/dynamicDetail/src/dynamicPropertyDetailOFI.vue CHANGED Viewed

@@ -51,48 +51,7 @@
             <div class="hous-info base-box">
               <div class="info-conten">
                 <div class="hous-t">
-                  <div>
-                    <el-carousel
-                      arrow="hover"
-                      height="140px"
-                      :autoplay="false"
-                      indicator-position="none"
-                    >
-                      <el-carousel-item
-                        v-for="(item,index) in PropertyInfo.swiper"
-                        :key="index"
-                      >
-                        <div class="swiper-i">
-                          <img :src="item.url">
-                          <img src="../../../assets/Mvr.png" alt="" class="hous-icon">
-                        </div>
-                      </el-carousel-item>
-                    </el-carousel>
-                    <div class="hous-img">
-                      <div
-                        class="img-i"
-                        v-for="(item,index) in PropertyInfo.swiper"
-                        :key="index"
-                      > <img :src="item.url">
-                        <div class="img-bot">
-                          <div v-if="item.type.includes('vr')">
-                            <img src="../../../assets/VR.png" alt="" class="img-icon">
-                            <span>VR</span>
-                          </div>
-                          <div v-if="item.type.includes('img')">
-                            <img src="../../../assets/image.png" alt="" class="img-icon">
-                            <span>图片</span>
-                          </div>
-                          <div v-if="item.type.includes('video')">
-                            <img src="../../../assets/video.png" alt="" class="img-icon">
-                            <span>视频</span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
+                   <ct-albums :mediaAlbums="model.mediaAlbums" :title="model.title"> </ct-albums>
                 </div>
                 <div class="hous-b">
                   <img src="../../../assets/ewm.png" alt="" class="code-ewm">
@@ -503,9 +462,12 @@
 <script>
 // import max from '../../css/max';
+import dynamicAlbums from "./dynamicAlbums.vue";
   export default {
     name: 'ct-PropertyDetailOFI',
+     components: {
+    "ct-albums": dynamicAlbums,
+  },
     props: {
       vmodel: Object,
       api: String
@@ -513,13 +475,6 @@
     data() {
       return {
         model:null,
-        PropertyInfo: {
-        swiper: [
-          { name: '客厅', url: 'http://10.5.10.44:13031/Images/20210705/112133_b62d7a78-96b3-4801-b94c-47b83263a001.jpg?width=140&height=135&mode=stretch', isVr: true, type: 'vr' },
-          { name: '餐厅', url: 'http://10.5.10.44:13031/Images/20210705/112124_4f83c6d5-36bd-444f-9ea1-fa4e3f4de5e0.jpg?width=140&height=135&mode=stretch', isVr: false, type: 'img' },
-          { name: '户型图', url: 'http://10.5.10.44:13031/Images/20210705/112505_6a3cb2d4-c773-4aba-91af-df6721eadb34.jpg?width=140&height=135&mode=stretch', isVr: false, type: 'video' },
-          { name: '其它', url: 'http://10.5.10.44:13031/Images/20210705/112133_b62d7a78-96b3-4801-b94c-47b83263a001.jpg?width=140&height=135&mode=stretch', isVr: false, type: 'video' },
-        ],},
         allInfo: false,
         allIn:false,
         codeOwner: false,