07111636zzjzs

src/components/Sankunginfo.vue

@@ -5,15 +5,20 @@
         </div>
         <div class="Sankunginfo-box">
             <div class="Sankunginfo-btn">
-                <el-button @click="thislink" size="mini" type="primary">主要按钮</el-button>
                 <el-button @click="thislink" size="mini" type="primary">确认</el-button>
             </div>
-            <iframe v-if="iframeft" style="border:none" :src='src' width="100%" :height="heights"></iframe>
+            <!-- <iframe v-if="iframeft" style="border:none" :src='src' width="100%" :height="heights"></iframe> -->
+            <msgChild :style="returnheights" :src='src' :height='heights'></msgChild>
         </div>
     </div>
 </template>
 <script>
+import msgChild from './sankunginfochild.vue'
 export default {
+    components:{
+      // 声明子组件名字  
+      msgChild
+    },
     data () {
         return {
             input:'',
@@ -30,23 +35,24 @@ export default {
             this.src="http://132.232.92.186:24/Office/Word/EnterExitCost/File/"+this.fileName
             // window.open("http://132.232.92.186:24/Office/Word/EnterExitCost/File/"+this.fileName)
             // this.$router.push({path: "http://132.232.92.186:24/Office/Word/EnterExitCost/File/"+this.fileName});
+        },
+        returnheights(){
+            return 'height: '+ this.heights+' ;'
         }
     },
     created(){
-        // let clientHeight=document.documentElement.clientHeight || document.body.clientHeight;
-        // this.heights=clientHeight-48;
-        // this.fileName = this.$route.query.fileName;
-        // this.id = this.$route.query.sign;
-        // this.src="http://132.232.92.186:24/Office/Word/EnterExitCost/File/"+this.fileName
-    },
-    mounted(){
         let clientHeight=document.documentElement.clientHeight || document.body.clientHeight;
-        this.heights=clientHeight;
+        this.heights=clientHeight-95;
         this.fileName = this.$route.query.fileName;
         this.id = this.$route.query.sign;
-        // this.src="http://132.232.92.186:24/Office/Word/EnterExitCost/File/%E6%B5%8B%E8%AF%95%E4%B8%B4%E6%97%B6%E7%AE%97%E8%B4%B9%E7%94%A8-%E5%87%BA%E5%85%A5%E5%A2%83%E8%B4%B9%E7%94%A8434b8d9f-d7a3-420e-82f4-04c83834fc3c.pdf"
-        this.src="http://132.232.92.186:24/Office/Word/EnterExitCost/File/"+this.fileName;
-        console.log(this.src);
+        this.src="http://132.232.92.186:24/Office/Word/EnterExitCost/File/"+this.fileName
+    },
+    mounted(){
+        // let clientHeight=document.documentElement.clientHeight || document.body.clientHeight;
+        // this.heights=clientHeight;
+        // this.fileName = this.$route.query.fileName;
+        // this.id = this.$route.query.sign;
+        // this.src="http://132.232.92.186:24/Office/Word/EnterExitCost/File/"+this.fileName;
     }
 }
 </script>

src/components/sankunginfochild.vue

@@ -0,0 +1,29 @@
+<template>
+    <div>
+        <iframe style="border:none" :src='srcs' width="100%" :height="heights"></iframe>
+    </div>
+</template>
+<script>
+export default {
+    props:['src','height'],
+    data () {
+        return {
+            srcs:'',
+            heights:0
+        }
+    },
+    watch:{
+        src(){
+            this.srcs = this.src;
+        }
+    },
+    created(){
+        this.srcs = this.src;
+        this.heights = this.height;
+        console.log(this.srcs);
+    }
+}
+</script>
+<style>
+    
+</style>