centaline-data-driven 1.2.99 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven",
-  "version": "1.2.99",
+  "version": "1.3.02",
   "description": "ccai",
   "author": "hjc <3226136347@qq.com>",
   "private": false,
@@ -21,7 +21,6 @@
     "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/SearchList.vue

@@ -4,14 +4,15 @@
 
     <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'" :searchDataApi="'/PropertyRETList/getListOfSearchModel'" :searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"></ct-searchlist> -->
     
-    <!-- <ct-searchlist :searchConditionApi="'/SystemParameterList/getLayoutOfSearch'" 
-    :searchDataApi="'/SystemParameterList/getListOfSearchModel'" :apiParam="para"></ct-searchlist> -->
+    <ct-searchlist :searchConditionApi="'/ProfileWorklistList/getLayoutOfSearch'" 
+    :searchCategoryApi="'/ProfileWorklistList/getLayoutOfSearchCategory'"
+    :searchDataApi="'/ProfileWorklistList/getListOfSearchModel'" :apiParam="para"></ct-searchlist>
 
-    <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
+    <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
                    :searchDataApi="'/PropertyRETList/getListOfSearchModel'"
                    :searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"
                     :searchStatsApi="'/exampleList/getListStats'"
-                   ></ct-searchlist>
+                   ></ct-searchlist> -->
 
     <ct-dialog-list></ct-dialog-list>
   </div>

package/src/centaline/browseIframe/index.js

@@ -0,0 +1,11 @@
+import browseIframe from './src/browseIframe'
+
+browseIframe.install = function (Vue) {
+  Vue.component(browseIframe.name, browseIframe);
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(browseIframe);
+}
+
+export default browseIframe;

package/src/centaline/browseIframe/src/browseIframe.vue

@@ -0,0 +1,48 @@
+<template>
+  <div style="width:100%;height:100%;">
+    <iframe :src="src" ref="iframe" style="width:100%;height:100%;"></iframe>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'ct-iframe',
+    props: {
+      src:String,
+    },
+    data() {
+      return {
+
+      };
+    },
+    mounted () {
+      window.addEventListener('message', this.handleMessage)    
+    },
+    handleMessage (event) {
+      var self=this;
+      var data = event.data;
+      switch (data.functionName) {
+        case 'new':
+          self.$emit('new',data.params);
+          break
+        case 'update':
+          self.$emit('update');
+          break
+        case 'delete':
+          self.$emit('delete');
+          break
+        case 'refresh':
+          self.$emit('refreshParent');
+          break
+        case 'close':
+          self.$emit('closeDialog');
+          break
+      }
+    },
+    methods: {
+      
+    }
+  }
+</script>
+<style scoped>
+
+</style>

package/src/centaline/dialogList/src/dialog.vue

@@ -75,8 +75,10 @@
                   //'class': [
                   //  'dialog-content '
                   //]
-                }, [
-                    h('table', {
+                }, 
+                [
+                    h('table', 
+                    {
                       attrs: {
                         border: '0',
                         cellspacing: '0',
@@ -92,7 +94,8 @@
                           this.bodyClickHandler(event);
                         } 
                       }
-                    }, [
+                    }, 
+                    [
                         h('tbody', {}, [
                           h('tr', {}, [
                             h('td', {
@@ -152,8 +155,7 @@
                                     if(self.vmodel.pane && self.vmodel.pane.$el.clientHeight<ph){
                                       item.attrs.height=(self.vmodel.pane.$el.clientHeight-40)+'px';
                                     }
-                                    // console.log(document.body.clientHeight);可见区域高度
-                                    // console.log(item.attrs.height)
+                                    
                                     return h('div', {
                                       style: {
                                         width: item.attrs.width,
@@ -167,7 +169,13 @@
                                         }, [])
                                       ]);
                                   }
-                                  else {
+                                  else {var ph=0;
+                                    if(item.attrs.height){
+                                      ph=parseInt(item.attrs.height.replace('px',''));
+                                    }
+                                    if(self.vmodel.pane && self.vmodel.pane.$el.clientHeight<ph){
+                                      item.attrs.height=(self.vmodel.pane.$el.clientHeight-50)+'px';
+                                    }
                                     return h('div', {
                                       style: {
                                       }
@@ -176,11 +184,11 @@
                                           attrs: {
                                             name: 'name',
                                             id: 'id',
-                                            src: 'http://10.88.22.35:3333/#/form',
+                                            src: item.attrs.src,
                                             frameborder: '0',
                                             align: "left",
-                                            width: '100%',
-                                            height: '100%',
+                                            width: item.attrs.width,
+                                            height: item.attrs.height,
                                             scrolling: "yes"
                                           }
                                         })

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

@@ -0,0 +1,197 @@
+
+<template>
+  <div>
+    <div style="position: relative">
+      <template v-if="newMediaAlbums.length > 0">
+        <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="getShowUrl(item)" @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)" @click="handleClick(index)" />
+            <div class="img-bot">
+              <div>
+                <img :src="item.albumSmallImageUrl" alt="" class="img-icon" />
+                <span>{{ item.albumName }}</span>
+              </div>
+            </div>
+          </div>
+        </div> </template
+      ><template v-else>
+        <img :src="noMediaUrl" width="260px" height="199px" />
+      </template>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    mediaAlbums: Array,
+    title: String,
+    noMediaUrl: String,
+  },
+  data() {
+    return {
+      newMediaAlbums: [],
+      albumsList: [],
+      activeAlbumsIndex: 0,
+      flagChange: true,
+    };
+  },
+  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;
+      this.flagChange = !this.flagChange;
+      this.$forceUpdate();
+    },
+    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 this.getShowUrl(list.medias[initialIndex]);
+    },
+
+    getShowUrl(list) {
+      if (list.mediaTypeID == "2") {
+        return list.mediaUrl + "/260/200";
+      } else {
+        return list.thumbnailUrl;
+      }
+    },
+    viewerfile(index) {
+      var self = this;
+
+      var width = parseInt(window.document.body.clientWidth * 0.8);
+      width = width > 1160 ? 1160 : width;
+      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: width + "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

@@ -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

@@ -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" :noMediaUrl="model.noMediaUrl"> </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,