update iframe

report-ui/src/views/report/bigscreen/designer/widget/widgetIframe.vue

@@ -1,54 +1,60 @@
 <template>
-  <iframe :style="styleColor" :src="styleColor.iframeAdress" width="100%" height="100%" />
+  <iframe
+    :style="styleColor"
+    :src="styleColor.iframeAdress"
+    width="100%"
+    height="100%"
+  />
 </template>
 
 <script>
 export default {
-  name: 'WidgetIframe',
+  name: "WidgetIframe",
   components: {},
   props: {
     value: Object,
-    ispreview: Boolean,
+    ispreview: Boolean
   },
   data() {
     return {
-      options: {},
+      options: {}
-    }
+    };
   },
   computed: {
     transStyle() {
-      return this.objToOne(this.options)
+      return this.objToOne(this.options);
     },
     styleColor() {
       return {
-        position: this.ispreview ? 'absolute' : 'static',
+        position: this.ispreview ? "absolute" : "static",
-        width: this.transStyle.width + 'px',
+        width: this.transStyle.width + "px",
-        height: this.transStyle.height + 'px',
+        height: this.transStyle.height + "px",
-        left: this.transStyle.left + 'px',
+        left: this.transStyle.left + "px",
-        top: this.transStyle.top + 'px',
+        top: this.transStyle.top + "px",
-        right: this.transStyle.right + 'px',
+        right: this.transStyle.right + "px",
-        iframeAdress: this.transStyle.iframeAdress,
+        iframeAdress: this.transStyle.iframeAdress
-      }
+      };
-    },
+    }
   },
   watch: {
     value: {
       handler(val) {
-        this.options = val
+        this.options = val;
       },
-      deep: true,
+      deep: true
-    },
+    }
   },
   mounted() {
-    this.options = this.value
+    this.options = this.value;
   },
-  methods: {},
+  methods: {}
-}
+};
 </script>
 
 <style scoped lang="scss">
 iframe {
   width: 100%;
   height: 100%;
+  border: none;
 }
 </style>