centaline-data-driven 1.1.54 → 1.1.55

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

@@ -1,210 +1,210 @@
-<script>
-  export default {
-    name: 'ctDialog',
-    props: {
-      vmodel: Object,
-      zindex: Number
-    },
-    data() {
-      return {
-        dialogTableVisible: true,
-        contentLeft: 0,
-        contentTop: 0,
-        pane:null
-      };
-    },
-    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"]();
-        }
-      },
-      bodyClickHandler(ev) {
-        //ev.cancelBubble = true;
-        //ev.stopPropagation();
-        //ev.preventDefault();
-      }
-    },
-    mounted() {
-      //this.$el.parentNode.removeChild(this.$el);
-      //if (this.vmodel.pane) {
-      //  this.vmodel.pane.$el.appendChild(this.$el);
-      //}
-      //else {
-      //  document.body.appendChild(this.$el);
-      //}
-    },
-    render: function (h) {
-      var self = this;
-      this.vmodel.dialog = self;
-      return h('div', {}, [
-        h('div', {
-          style: {
-            'display': this.dialogTableVisible ? 'block' : 'none',
-          },
-          'class': [
-            'ct-dialog_app'
-          ],
-        }, [
-            h('div', {
-              ref: 'wrapper',
-              'class': [
-                'ct-dialog_wrapper'
-              ],
-              style: {
-                'z-index': this.zindex,
-                //'wiidth': (this.vmodel.pane ? this.vmodel.pane.$el.offsetWidth : document.body.offsetWidth) + 'px',
-                // 'height': (self.vmodel.pane ? self.vmodel.pane.$el.offsetHeight : document.body.offsetHeight + 10) + 'px',
-                'height':'100%',
-                'width': '100%',
-                // 'height': '100%',
-              }
-              
-            }, [
-                //h('div', {
-                //  'class': [
-                //    'dialog-cover'
-                //  ]}),
-                h('div', {
-                  style: {
-                    'margin': 'auto',
-                    'position': 'relative'
-                  },
-                  //'class': [
-                  //  'dialog-content '
-                  //]
-                }, [
-                    h('table', {
-                      attrs: {
-                        border: '0',
-                        cellspacing: '0',
-                        cellpadding: '0'
-                      },
-                      class: [
-                        'ct-dialog_content'
-                      ],
-                      style: {
-                              },
-                      on: {
-                        click: (event) => {
-                          this.bodyClickHandler(event);
-                        } 
-                      }
-                    }, [
-                        h('tbody', {}, [
-                          h('tr', {}, [
-                            h('td', {
-                              class: ['ct-dialog_header'],
-                              style: {
-                                'position': 'relative',
-                                'padding': '10px 20px 10px 20px',
-                                'height': '44px'
-                              },
-                            }, [
-                                h('span',
-                                  {
-                                    style: {
-                                     
-                                    },
-                                  },
-                                  this.vmodel.title),
-                                h('i', {
-                                  class: ['el-icon', 'el-icon-close'],
-                                  style: {
-                                    'position': 'absolute',
-                                    'right': '8px',
-                                    'top':'7px',
-                                    'font-size':'22px'
-                                  },
-                                  on: {
-                                    click: (event) => { this.close(event); }
-                                  }
-                                })
-                              ])
-                          ]),
-                          h('tr', {}, [
-                            h('td', {
-                              class: ['ct-dialog_body']
-                            }, this.vmodel.content.map((item) => {
-                                let mySelf = this;
-                                function tempContent() {
-                                  if (typeof item.component !== 'undefined') {
-                                    //设置弹框标题
-                                    if (typeof item.on.loaded === "undefined") {
-                                      item.on.loaded = (model) => {
-                                        mySelf.vmodel.title = (model && model.title) ? model.title : mySelf.vmodel.title
-                                      }
-                                    }
-
-                                    //加载失败关闭弹框
-                                    if (typeof item.on.failLoad === "undefined") {
-                                      item.on.failLoad = () => {
-                                        mySelf.close();
-                                      }
-                                    }
-
-                                    var ph=0;
-                                    if(item.attrs.height){
-                                      ph=parseInt(item.attrs.height.replace('px',''));
-                                    }
-                                    if(self.vmodel.pane && self.vmodel.pane.$el.offsetHeight<ph){
-                                      item.attrs.height=(self.vmodel.pane.$el.offsetHeight-30)+'px';
-                                    }
-                                    // console.log(document.body.offsetHeight);
-                                    // console.log(item.attrs.height)
-                                    return h('div', {
-                                      style: {
-                                        width: item.attrs.width,
-                                        'height': item.attrs.height,
-                                        'overflow': 'auto',
-                                      }
-                                    }, [
-                                        h(item.component, {
-                                          props: item.attrs,
-                                          on: item.on
-                                        }, [])
-                                      ]);
-                                  }
-                                  else {
-                                    return h('div', {
-                                      style: {
-                                      }
-                                    }, [
-                                        h('iframe', {
-                                          attrs: {
-                                            name: 'name',
-                                            id: 'id',
-                                            src: 'http://10.88.22.35:3333/#/form',
-                                            frameborder: '0',
-                                            align: "left",
-                                            width: '100%',
-                                            height: '100%',
-                                            scrolling: "yes"
-                                          }
-                                        })
-                                      ]);
-                                  }
-                              }
-                              return tempContent();
-                            }, self)//第二个参数，改变作用域
-                            )
-                          ])
-                        ])
-                      ])
-                  ])
-              ])
-          ]
-        )
-      ])
-    }
-  }
-</script>
-<style scoped>
-  .ct-form .el-main .el-collapse{
-    border-top:initial;
-    border-bottom: initial;
-  }
-
-</style>
+<script>
+  export default {
+    name: 'ctDialog',
+    props: {
+      vmodel: Object,
+      zindex: Number
+    },
+    data() {
+      return {
+        dialogTableVisible: true,
+        contentLeft: 0,
+        contentTop: 0,
+        pane:null
+      };
+    },
+    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"]();
+        }
+      },
+      bodyClickHandler(ev) {
+        //ev.cancelBubble = true;
+        //ev.stopPropagation();
+        //ev.preventDefault();
+      }
+    },
+    mounted() {
+      //this.$el.parentNode.removeChild(this.$el);
+      //if (this.vmodel.pane) {
+      //  this.vmodel.pane.$el.appendChild(this.$el);
+      //}
+      //else {
+      //  document.body.appendChild(this.$el);
+      //}
+    },
+    render: function (h) {
+      var self = this;
+      this.vmodel.dialog = self;
+      return h('div', {}, [
+        h('div', {
+          style: {
+            'display': this.dialogTableVisible ? 'block' : 'none',
+          },
+          'class': [
+            'ct-dialog_app'
+          ],
+        }, [
+            h('div', {
+              ref: 'wrapper',
+              'class': [
+                'ct-dialog_wrapper'
+              ],
+              style: {
+                'z-index': this.zindex,
+                //'wiidth': (this.vmodel.pane ? this.vmodel.pane.$el.offsetWidth : document.body.offsetWidth) + 'px',
+                // 'height': (self.vmodel.pane ? self.vmodel.pane.$el.offsetHeight : document.body.offsetHeight + 10) + 'px',
+                'height':'100%',
+                'width': '100%',
+                // 'height': '100%',
+              }
+              
+            }, [
+                //h('div', {
+                //  'class': [
+                //    'dialog-cover'
+                //  ]}),
+                h('div', {
+                  style: {
+                    'margin': 'auto',
+                    'position': 'relative'
+                  },
+                  //'class': [
+                  //  'dialog-content '
+                  //]
+                }, [
+                    h('table', {
+                      attrs: {
+                        border: '0',
+                        cellspacing: '0',
+                        cellpadding: '0'
+                      },
+                      class: [
+                        'ct-dialog_content'
+                      ],
+                      style: {
+                              },
+                      on: {
+                        click: (event) => {
+                          this.bodyClickHandler(event);
+                        } 
+                      }
+                    }, [
+                        h('tbody', {}, [
+                          h('tr', {}, [
+                            h('td', {
+                              class: ['ct-dialog_header'],
+                              style: {
+                                'position': 'relative',
+                                'padding': '10px 20px 10px 20px',
+                                'height': '44px'
+                              },
+                            }, [
+                                h('span',
+                                  {
+                                    style: {
+                                     
+                                    },
+                                  },
+                                  this.vmodel.title),
+                                h('i', {
+                                  class: ['el-icon', 'el-icon-close'],
+                                  style: {
+                                    'position': 'absolute',
+                                    'right': '8px',
+                                    'top':'7px',
+                                    'font-size':'22px'
+                                  },
+                                  on: {
+                                    click: (event) => { this.close(event); }
+                                  }
+                                })
+                              ])
+                          ]),
+                          h('tr', {}, [
+                            h('td', {
+                              class: ['ct-dialog_body']
+                            }, this.vmodel.content.map((item) => {
+                                let mySelf = this;
+                                function tempContent() {
+                                  if (typeof item.component !== 'undefined') {
+                                    //设置弹框标题
+                                    if (typeof item.on.loaded === "undefined") {
+                                      item.on.loaded = (model) => {
+                                        mySelf.vmodel.title = (model && model.title) ? model.title : mySelf.vmodel.title
+                                      }
+                                    }
+
+                                    //加载失败关闭弹框
+                                    if (typeof item.on.failLoad === "undefined") {
+                                      item.on.failLoad = () => {
+                                        mySelf.close();
+                                      }
+                                    }
+
+                                    var ph=0;
+                                    if(item.attrs.height){
+                                      ph=parseInt(item.attrs.height.replace('px',''));
+                                    }
+                                    if(self.vmodel.pane && self.vmodel.pane.$el.offsetHeight<ph){
+                                      item.attrs.height=(self.vmodel.pane.$el.offsetHeight-30)+'px';
+                                    }
+                                    // console.log(document.body.offsetHeight);
+                                    // console.log(item.attrs.height)
+                                    return h('div', {
+                                      style: {
+                                        width: item.attrs.width,
+                                        'height': item.attrs.height,
+                                        'overflow': 'auto',
+                                      }
+                                    }, [
+                                        h(item.component, {
+                                          props: item.attrs,
+                                          on: item.on
+                                        }, [])
+                                      ]);
+                                  }
+                                  else {
+                                    return h('div', {
+                                      style: {
+                                      }
+                                    }, [
+                                        h('iframe', {
+                                          attrs: {
+                                            name: 'name',
+                                            id: 'id',
+                                            src: 'http://10.88.22.35:3333/#/form',
+                                            frameborder: '0',
+                                            align: "left",
+                                            width: '100%',
+                                            height: '100%',
+                                            scrolling: "yes"
+                                          }
+                                        })
+                                      ]);
+                                  }
+                              }
+                              return tempContent();
+                            }, self)//第二个参数，改变作用域
+                            )
+                          ])
+                        ])
+                      ])
+                  ])
+              ])
+          ]
+        )
+      ])
+    }
+  }
+</script>
+<style scoped>
+  .ct-form .el-main .el-collapse{
+    border-top:initial;
+    border-bottom: initial;
+  }
+
+</style>

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

@@ -1,65 +1,65 @@
-<template>
-  <div>
-    <ct-dialog v-for="(item, index) in List" :key="index" :zindex="zindex" :vmodel="item" @close="deleteDialog">
-
-    </ct-dialog>
-  </div>
-</template>
-<script>
-  //todo 可改成动态生成的
-  import dialog from './dialog.vue'
-  export default {
-    name: 'ctDialogList',
-    components: {
-      'ctDialog': dialog
-    },
-    data() {
-      return {
-        List: [],
-        overflow : ''
-      }
-    },
-    mounted() {
-      this.$common.dialogList = this;
-      this.overflow = document.body.style.overflow;
-    },
-    computed: {
-      zindex: function () {
-        if (this.$common.getDataDrivenOpts().zindex) {
-          return this.$common.getDataDrivenOpts().zindex + this.List.length;
-        }
-        else {
-          return 999 + this.List.length;
-        }
-      }
-    },
-    methods: {
-      addDialog(vmodel) {        
-        vmodel.id = (new Date()).getTime();
-        this.List.push(vmodel);
-
-        if (this.List.length === 1) {
-          /***滑动限制,若需求要求tab不影响其他tab的话，下面document改成tag的el就行***/
-          var mo = function (e) { e.preventDefault(); };
-          document.body.style.overflow = 'hidden';
-          document.addEventListener("touchmove", mo, false);//禁止页面滑动
-        }
-      },
-      deleteDialog(model) {       
-        model.dialogTableVisible = false;
-        //改成删除
-        let index = this.List.findIndex(v => {
-           return v.id === model.id || v.id === model.vmodel.id;
-        });
-        this.List.splice(index, 1);
-
-        if (this.List.length === 0) {
-          /***取消滑动限制***/
-          var mo = function (e) { e.preventDefault(); };
-          document.body.style.overflow = this.overflow;//出现滚动条
-          document.removeEventListener("touchmove", mo, false);
-        }
-      }
-    }
-  }
-</script>
+<template>
+  <div>
+    <ct-dialog v-for="(item, index) in List" :key="index" :zindex="zindex" :vmodel="item" @close="deleteDialog">
+
+    </ct-dialog>
+  </div>
+</template>
+<script>
+  //todo 可改成动态生成的
+  import dialog from './dialog.vue'
+  export default {
+    name: 'ctDialogList',
+    components: {
+      'ctDialog': dialog
+    },
+    data() {
+      return {
+        List: [],
+        overflow : ''
+      }
+    },
+    mounted() {
+      this.$common.dialogList = this;
+      this.overflow = document.body.style.overflow;
+    },
+    computed: {
+      zindex: function () {
+        if (this.$common.getDataDrivenOpts().zindex) {
+          return this.$common.getDataDrivenOpts().zindex + this.List.length;
+        }
+        else {
+          return 999 + this.List.length;
+        }
+      }
+    },
+    methods: {
+      addDialog(vmodel) {        
+        vmodel.id = (new Date()).getTime();
+        this.List.push(vmodel);
+
+        if (this.List.length === 1) {
+          /***滑动限制,若需求要求tab不影响其他tab的话，下面document改成tag的el就行***/
+          var mo = function (e) { e.preventDefault(); };
+          document.body.style.overflow = 'hidden';
+          document.addEventListener("touchmove", mo, false);//禁止页面滑动
+        }
+      },
+      deleteDialog(model) {       
+        model.dialogTableVisible = false;
+        //改成删除
+        let index = this.List.findIndex(v => {
+           return v.id === model.id || v.id === model.vmodel.id;
+        });
+        this.List.splice(index, 1);
+
+        if (this.List.length === 0) {
+          /***取消滑动限制***/
+          var mo = function (e) { e.preventDefault(); };
+          document.body.style.overflow = this.overflow;//出现滚动条
+          document.removeEventListener("touchmove", mo, false);
+        }
+      }
+    }
+  }
+</script>