centaline-data-driven 1.3.7 → 1.3.10

package/build/centaline/centaline.path.js

@@ -45,7 +45,8 @@ const paths = {
     "dynamicContact": "./src/centaline/dynamicContact/index.js",//联系人电话
     "dynamicLayout": "./src/centaline/dynamicLayout/index.js",//Layout组件
     "browseVideo": "./src/centaline/browseVideo/index.js",//确认框组件 
-       "dynamicViewerFile": "./src/centaline/dynamicViewerFile/index.js",//确认框组件
+    "browseIframe": "./src/centaline/browseIframe/index.js",//URL弹层 
+    "dynamicViewerFile": "./src/centaline/dynamicViewerFile/index.js",//图片预览框组件
   },
   "plugs": {
     "api": "./src/centaline/api/index.js",//调用API插件

package/package.json

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

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

@@ -1,6 +1,6 @@
 <template>
   <div style="width:100%;height:100%;">
-    <iframe :src="src" ref="iframe" id="iframe1" name="iframe1" style="width:100%;height:100%;"></iframe>
+    <iframe :src="src" ref="iframe" style="width:100%;height:99%;" frameborder="0" @load="sendMessage()"></iframe>
   </div>
 </template>
 <script>
@@ -11,12 +11,58 @@
     },
     data() {
       return {
-
       };
     },
-    mounted () {      
+    mounted () {
+      window.addEventListener('message', this.handleMessage);
     },
     methods: {
+      sendMessage () {
+        let token= this.getCookie("token");
+        this.$refs.iframe.contentWindow.postMessage({
+          functionName: 'cookie',
+          params:  {
+            success: true,
+            data: token,
+          }
+        }, '*');
+      },
+      handleMessage (event) {
+        var self=this;
+        var data = event.data;
+        switch (data.functionName) {
+          case 'new':
+            self.$emit('new',data.params.data);
+            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
+          case 'title':
+            self.$parent.vmodel.title=data.params.data;
+            break
+        }
+      },
+      getCookie(c_name){
+        if (document.cookie.length>0){
+          let c_start=document.cookie.indexOf(c_name + "=")
+          if (c_start!=-1){ 
+          c_start=c_start + c_name.length+1 
+          let c_end=document.cookie.indexOf(";",c_start)
+          if (c_end==-1) c_end=document.cookie.length
+            return unescape(document.cookie.substring(c_start,c_end))
+          } 
+        }
+        return ""
+      },
     }
   }
 </script>

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

@@ -15,7 +15,6 @@
     },
     methods: {
       close() {
-        //this.dialogTableVisible = false;
         this.$emit('close', this);
         if (this.vmodel.content[0].on && typeof this.vmodel.content[0].on["closeDialog"] === "function") {
           this.vmodel.content[0].on["closeDialog"]();
@@ -25,7 +24,7 @@
         //ev.cancelBubble = true;
         //ev.stopPropagation();
         //ev.preventDefault();
-      }
+      },
     },
     mounted() {
       //this.$el.parentNode.removeChild(this.$el);
@@ -206,7 +205,7 @@
           ]
         )
       ])
-    }
+    },
   }
 </script>
 <style scoped>

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

@@ -22,7 +22,6 @@
     mounted() {
       this.$common.dialogList = this;
       this.overflow = document.body.style.overflow;
-      window.addEventListener('message', this.handleMessage)    
     },
     computed: {
       zindex: function () {
@@ -61,30 +60,6 @@
           document.removeEventListener("touchmove", mo, false);
         }
       },
-      handleMessage (event) {
-        var self=this;
-        var data = event.data;
-        switch (data.functionName) {
-          case 'new':
-            self.$children[0].vmodel.content[0].on.new(data.params.data);
-            break
-          case 'update':
-            self.$children[0].vmodel.content[0].on.update();
-            break
-          case 'delete':
-            self.$children[0].vmodel.content[0].on.delete();
-            break
-          case 'refresh':
-            self.$children[0].vmodel.content[0].on.refreshParent();
-            break
-          case 'close':
-            self.$children[0].vmodel.content[0].on.closeDialog();
-            break
-          case 'title':
-            self.$children[0].vmodel.title=data.params.data;
-            break
-        }
-      },
     }
   }
 </script>

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

@@ -28,26 +28,33 @@
           ></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"
-                  v-if="
-                    item.albumSmallImageUrl && item.albumSmallImageUrl != ''
-                  "
-                  alt=""
-                  class="img-icon"
-                  @click="handleClick(index)"
+        <div
+          class="hous-img"
+          style="position: absolute; bottom: 0; z-index: 9"
+          v-if="newMediaAlbums.length > 1"
+        >
+          <div class="img-i">
+            <div class="slide-tabs tabs-3x">
+              <template v-for="(item, index) in newMediaAlbums">
+                <input
+                  type="radio"
+                  :id="'radio-' + index.toString()"
+                  name="MediaAlbums"
+                  :label="index"
+                  :value="index"
+                  :key="index + 1"
+                  v-model="activeAlbumsIndex"
                 />
-                <span @click="handleClick(index)">{{ item.albumName }}</span>
-              </div>
+                <label
+                  class="tab1"
+                  :for="'radio-' + index.toString()"
+                  :label="index"
+                  :value="index"
+                  @click="handleClick(index)"
+                  >{{ item.albumName }}</label
+                >
+              </template>
+              <span class="glider"></span>
             </div>
           </div>
         </div> </template
@@ -78,7 +85,7 @@ export default {
   methods: {
     init() {
       var self = this;
-      this.newMediaAlbums =this.mediaAlbums || [];
+      this.newMediaAlbums = this.mediaAlbums || [];
       this.albumsList = this.newMediaAlbums[0];
       self.$forceUpdate();
     },
@@ -175,36 +182,93 @@ export default {
   .hous-img {
     margin-top: 10px;
     width: 100%;
+    text-align: center;
     overflow-x: hidden;
     overflow-y: hidden;
     white-space: nowrap;
+    background-color: #fff;
+    opacity: 0.8;
     .img-i {
-      position: relative;
-      width: 80px;
-      height: 44px;
+      width: auto;
+      height: 20px;
       margin-right: 10px;
       display: inline-block;
+      opacity: 0.8;
+      //background-color: rgba(0, 0, 0, 0.5);
+      -webkit-border-radius: 13px;
+      -moz-border-radius: 13px;
+      border-radius: 13px;
       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;
-        }
-      }
+
+       
     }
+    
+.slide-tabs {
+  display: flex;
+  position: relative;
+  border: 1px solid #3d3d3d;
+  border-radius: 10px;
+  width: auto;
+  overflow: hidden;
+  font-weight: Bold;
+  opacity:1;
+  background: rgb(24 24 24);
+}
+
+.slide-tabs * {
+  z-index: 2;
+}
+
+.slide-tabs input[type="radio"] {
+  display: none;
+}
+
+.slide-tabs .tab1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9px;
+  height: 18px;
+  font-size: 12px;
+  color: #fff;
+  cursor: pointer;
+}
+
+.slide-tabs .glider {
+  display: flex;
+  position: absolute;
+  border-radius: 9px;
+  height: 18px;
+  background:#f73638;
+  z-index: 1;
+  transition: 0.25s ease-out;
+}
+/*降低 z-index */
+
+.slide-tabs input[type="radio"]:checked + label {
+  color: #fff;
+}
+/*按需修改当前项颜色*/
+.slide-tabs input[type="radio"]:nth-of-type(1):checked ~ .glider {
+  transform: translateX(0%);
+}
+
+.slide-tabs input[type="radio"]:nth-of-type(2):checked ~ .glider {
+  transform: translateX(100%);
+}
+
+.slide-tabs input[type="radio"]:nth-of-type(3):checked ~ .glider {
+  transform: translateX(200%);
+}
+
+.slide-tabs.tabs-3x .tab1,
+.slide-tabs.tabs-3x .glider {
+  width: 50px;
+}
   }
 }
+
 </style>

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

@@ -983,38 +983,28 @@ export default {
     clickNextHandler() {
       let key = "chanceID";
       if (this.parentModel && this.parentModel.$refs.table) {
-        let oldValue =
-          this.parentModel.$refs.table.model.listData[
-            this.parentModel.$refs.table.model.selectIndex
-          ][key];
+        let oldValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
         this.parentModel.$refs.table.rowKeyDownHandle(null, 1);
-        let newValue =
-          this.parentModel.$refs.table.model.listData[
-            this.parentModel.$refs.table.model.selectIndex
-          ][key];
+        let newValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
         if (oldValue !== newValue) {
-          let parm = this.apiParam;
+          let parm = this.$common.cloneObject(this.apiParam);
           parm[key] = newValue;
-          this.loaderObj.Detail(this.api, parm, this.load);
+          // this.loaderObj.Detail(this.api, parm, this.load);
+          this.$common.getDataDrivenOpts().handler.refreshPropertyDetailRET(parm,this.parentModel);
         }
       }
     },
     clickPrevHandler() {
       let key = "chanceID";
       if (this.parentModel && this.parentModel.$refs.table) {
-        let oldValue =
-          this.parentModel.$refs.table.model.listData[
-            this.parentModel.$refs.table.model.selectIndex
-          ][key];
+        let oldValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
         this.parentModel.$refs.table.rowKeyDownHandle(null, -1);
-        let newValue =
-          this.parentModel.$refs.table.model.listData[
-            this.parentModel.$refs.table.model.selectIndex
-          ][key];
+        let newValue = this.parentModel.$refs.table.model.listData[this.parentModel.$refs.table.model.selectIndex][key];
         if (oldValue !== newValue) {
-          let parm = this.apiParam;
+          let parm = this.$common.cloneObject(this.apiParam);
           parm[key] = newValue;
-          this.loaderObj.Detail(this.api, parm, this.load);
+          // this.loaderObj.Detail(this.api, parm, this.load);
+          this.$common.getDataDrivenOpts().handler.refreshPropertyDetailRET(parm,this.parentModel);
         }
       }
     },

package/src/centaline/dynamicFile/src/dynamicFile.vue

@@ -184,11 +184,13 @@ export default {
       var index = MediaAlbum[0].medias.findIndex(
         (v) => v.mediaID === file.source.mediaID
       );
+      debugger;
       var width = parseInt(window.document.body.clientWidth * 0.8);
+      var height = parseInt(window.document.body.clientHeight * 0.8);
       width = width > 1160 ? 1160 : width;
       var dialogOption = {
         title: this.model.label || "预览媒体",
-        pane: self.$common.getParentPane(self),
+        //pane: self.$common.getParentPane(self),
         content: [
           {
             component: "ct-viewerfile",
@@ -200,9 +202,7 @@ export default {
               // 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",
+              height: height + "px",
             },
             on: {
               handlePhoto(photoList) {},

package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue

@@ -769,6 +769,7 @@
                   title: field.pageTitle,
                   pane: self.$common.getParentPane(self),
                   content: [{
+                    component: 'ct-iframe',
                     attrs: {
                       src: submitData[field.submitListField],
                       width: field.dialogWidth + 'px',
@@ -803,7 +804,7 @@
                       },
                       closeDialog() {
                         self.$common.closeDialog(dialogOption.dialog);
-                      }
+                      },
                     }
                   }]
                 };

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

@@ -446,9 +446,9 @@ html {
 .magnify-toolbar {
   display: inline-block;
   background-color: rgba(0, 0, 0, 0.5);
-  -webkit-border-radius: 5px 5px 0 0;
-  -moz-border-radius: 5px 5px 0 0;
-  border-radius: 5px 5px 0 0;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
 }
 .magnify-toolbar .magnify-btn {
   margin: 15px 20px;
@@ -460,7 +460,9 @@ html {
 .magnify-btn-close:hover {
   color: #fff;
 }
-
+.viewerMenu{
+  border-right: solid 2px #e6e6e6 !important;
+}
 .viewerMenu .el-submenu__title,
 .viewerMenu .el-submenu .el-menu-item {
   height: 30px;