店铺装修弹框

 <template>
+<LayoutBody>
     <Form v-if='product && !showLoading' ref="product" :model="product" :label-width="100" :rules="ruleValidate" class="product-edit">
         <div class="create-group">
             <span class="create-group-indicator"></span>
@@ -103,6 +104,7 @@
         </Form-item>
     </Form>
     <Spin size="large" fix v-else-if="showLoading"></Spin>
+</LayoutBody>
 </template>
 <script>
 import _ from 'lodash';

 <template>
 <LayoutBody>
-    <IFrame :src="iframeUrl"></IFrame>
+    请在新页面查看
 </LayoutBody>
 </template>
 <script>
 export default {
-    data() {
-        return {
-            iframeUrl: `http://shops.yohobuy.com:30016/shop/decorator/modulartool?shopId=${this.$user.currentShop.shopsId}&shopName=${this.$user.currentShop.shopName}&appType=0`
-        };
+    created() {
+        window.open(`http://shops.yohobuy.com:30016/shop/decorator/modulartool?shopId=${this.$user.currentShop.shopsId}&shopName=${this.$user.currentShop.shopName}&appType=0`);
     }
 };
 </script>

 <template>
 <LayoutBody>
-    <IFrame :src="iframeUrl"></IFrame>
+    请在新页面查看
 </LayoutBody>
 </template>
 <script>
 import _ from 'lodash';
 import shopService from 'shop-service';
-
 export default {
-    data() {
-        return {
-            iframeUrl: ''
-        };
-    },
     created() {
         shopService.findShopsDecorator().then(result => {
             let shop = _.get(result, 'data.list[0]');
 
             if (shop) {
-                this.iframeUrl = `http://shops.yohobuy.com:30016/supplier/shop/decorationDetail/${shop.shopsId}/${shop.shopsType}/editor/${shop.id}/`;
+                window.open(`http://shops.yohobuy.com:30016/supplier/shop/decorationDetail/${shop.shopsId}/${shop.shopsType}/editor/${shop.id}/`);
             }
         });
     }