嵌入弹框,包联房屋数修改

src/views/iframe/dyzxh.vue

@@ -20,7 +20,7 @@
                     </div>
                     <div class="title_hrader_item">
                       包联房屋:
-                      <span class="numberTotal">{{ dataList.length || 0 }}</span> 户
+                      <span class="numberTotal">{{ total}}</span> 户
                     </div>
                   </div>
                   <div class="list">
@@ -66,7 +66,6 @@
         dataList: [
         ],
         pageSize:10,
-        pageNo:1,
         total:0
       }
     },
@@ -75,6 +74,12 @@
     components: {},
     mounted () {
     },
+    props:{
+      pageNo:{
+        type:Number,
+        default:1
+      }
+    },
     created () {
       this.partyName = this.$route.query.partyName;
       this.houseListByGroup()
@@ -84,7 +89,8 @@
         this.$emit('handleClickHouse', item)
       },
       pageCurrentHandle(val) {
-      this.pageNo = val
+      // this.pageNo = val;
+      // this.$emit('handelClickPageNo',val)
       this.houseListByGroup()
     },
       houseListByGroup(){

src/views/iframe/index.vue

@@ -1,12 +1,12 @@
 <template>
     <div class="modal" >
-      <section v-if="type === 1">
-        <dyzxh @handleClickHouse="handleClickHouse" />
+      <section v-show="type === 1">
+        <dyzxh @handleClickHouse="handleClickHouse"/>
       </section>
-      <section v-if="type === 2">
+      <section v-show="type === 2">
         <ryxx :houseId="houseId" :houseName="houseName" @handelClose="handelClose"/>
       </section>
-      <section v-if="type === 3">
+      <section v-show="type === 3">
         <dyxx/>
       </section>
     </div>
@@ -42,7 +42,7 @@ import dyxx from "./dyxx.vue"
         this.type = 2;
         this.houseId = item.houseId;
         this.houseName = item.houseName;
-      }
+      },
     }
   }
   </script>

src/views/next/screen-content-map/cpt/hsyf-iframe.vue

@@ -8,19 +8,38 @@
  *
 -->
 <template>
-    <div style="width: 100%; height: 100%;">
-        <div class='bg_img'>
-        </div>
+  <div style="width: 100%; height: 100%;">
+    <div class='bg_img'>
+      <iframe src="https://quanjingtong.cn/t/h3qde4mz8ly" frameborder="no" width="100%" height="100%" id="myIframe">
+      </iframe>
     </div>
+  </div>
 </template>
 
 <script>
 export default {
-  data () {
+  data() {
     return {}
   },
-  created () { },
-  methods: {},
+  created() { },
+  mounted() {
+    this.editIframeStyle()
+  },
+  methods: {
+    editIframeStyle() {
+      var iframeDocument = document.getElementById('myIframe').contentWindow.document;
+      console.log(iframeDocument,'seee');
+      // 获取目标元素集合
+      var elements = iframeDocument.getElementsByClassName('vrModal-inner');
+      console.log(elements,'elements');
+      // 确保元素存在，并修改第一个匹配元素的样式
+      if (elements.length > 0) {
+        var element = elements[0];
+        element.style.width = "50%";   // 修改宽度
+        element.style.height = "50%";  // 修改高度
+      }
+    }
+  },
   components: {},
   computed: {},
   watch: {}
@@ -29,13 +48,13 @@ export default {
 
 <style lang="scss" scoped>
 .bg_img {
-    background: url('~@/assets/images/map/hsyf.jpg');
-    background-size: 100% 100%;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
+  // background: url('~@/assets/images/map/hsyf.jpg');
+  // background-size: 100% 100%;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
 }
 </style>