公众号线上报错,iframe嵌入

src/views/iframe/dyzxh.vue

@@ -89,7 +89,7 @@
         this.$emit('handleClickHouse', item)
       },
       pageCurrentHandle(val) {
-      // this.pageNo = val;
+      this.pageNo = val;
       // this.$emit('handelClickPageNo',val)
       this.houseListByGroup()
     },

src/views/iframe/index.vue

@@ -4,7 +4,7 @@
         <dyzxh @handleClickHouse="handleClickHouse"/>
       </section>
       <section v-show="type === 2">
-        <ryxx :houseId="houseId" :houseName="houseName" @handelClose="handelClose"/>
+        <ryxx v-if="houseId" :houseId="houseId" :houseName="houseName" @handelClose="handelClose"/>
       </section>
       <section v-show="type === 3">
         <dyxx/>
@@ -37,11 +37,14 @@ import dyxx from "./dyxx.vue"
     methods: {
       handelClose(){
         this.type = 1;
+        this.houseId = null;
       },
       handleClickHouse(item){
         this.type = 2;
+        this.$nextTick(()=>{
           this.houseId = item.houseId;
           this.houseName = item.houseName;
+        })
       },
     }
   }

src/views/iframe/ryxx.vue

@@ -1,22 +1,22 @@
 <template>
-    <div class="modal" >
+  <div class="modal">
     <section>
       <div class="dialog_header">
-          <div class="close-icon" >
+        <div class="close-icon">
           <img src="@/assets/images/common/dialog-colse.png" @click="handelClose" alt="" />
         </div>
         <div class="title-container">
           <div class="title">{{ dialogTitle }}</div>
         </div>
       </div>
-        <div class="dialog_body">
+      <div class="dialog_body"  >
         <div class="content">
           <div class="main">
             <div class="wrap">
               <div class="content">
                 <div class="title_hrader">
                   <div class="title_hrader_item">
-                      {{houseName}}
+                    {{ houseName }}
                   </div>
                   <div class="title_hrader_item">
                     成员:
@@ -31,11 +31,7 @@
                     <span>证件号</span>
                     <span>联系电话</span>
                   </div>
-                    <div
+                  <div class="list_row" v-for="(item, index) in dataList" :key="item.name + index">
-                    class="list_row"
-                    v-for="(item, index) in dataList"
-                    :key="item.name + index"
-                  >
                     <div class="list_row_item">{{ index + 1 }}</div>
                     <div class="list_row_item">{{ item.icUserName }}</div>
                     <div class="list_row_item">
@@ -55,51 +51,52 @@
       </div>
     </section>
   </div>
-  </template>
+</template>
 
-  <script>
+<script>
-  import { resiListByHomeId } from '@/api/hsyf'
+import { resiListByHomeId } from '@/api/hsyf'
-  export default {
+export default {
   name: '',
-    data () {
+  data() {
     return {
       dialogTitle: '人员信息',
       loading: false,
       dataList: [],
-        type:1,
+      type: 1,
     }
   },
   computed: {
 
   },
   components: {},
-    mounted () {
+  mounted() {
-    },
+      this.$nextTick(() => {
-    created () {
+        resiListByHomeId({ houseId: this.houseId }).then(res => {
-      resiListByHomeId({houseId:this.houseId}).then(res => {
           this.dataList = res.data
         })
+      })
   },
+  created() {},
   methods: {
-      handelClose(){
+    handelClose() {
       this.$emit('handelClose')
     }
   },
-    props:{
+  props: {
-        houseId:{
+    houseId: {
-          type:Number,
+      type: String,
-          default:0
+      default: 0
     },
-        houseName:{
+    houseName: {
-          type:String,
+      type: String,
-          default:''
+      default: ''
     }
   }
-  }
+}
-  </script>
+</script>
 
-  <style lang="scss" scoped>
+<style lang="scss" scoped>
-  .modal {
+.modal {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -109,6 +106,7 @@
   align-items: center;
   justify-content: center;
   z-index: 150;
+
   section {
     @include flex(column);
     background: url("~@/assets/images/common/dialog-bg-red.png") no-repeat !important;
@@ -134,8 +132,7 @@
 
       .title-container {
         align-items: center;
-          background: url("~@/assets/images/common/dialog-header-red.png")
+        background: url("~@/assets/images/common/dialog-header-red.png") no-repeat;
-            no-repeat;
         background-size: 100% 100%;
         display: flex;
         justify-content: center;
@@ -160,7 +157,7 @@
     .dialog_body {
       position: relative;
 
-        > .content {
+      >.content {
         box-sizing: border-box;
         color: #fff;
         padding: 0px 24px 0 27px;
@@ -189,11 +186,9 @@
             width: 100%;
             height: 30px;
             text-align: left;
-              background: linear-gradient(
+            background: linear-gradient(90deg,
-                90deg,
                 rgb(26, 109, 224) 0%,
-                rgba(13, 113, 248, 0) 50%
+                rgba(13, 113, 248, 0) 50%);
-              );
             display: flex;
             justify-content: flex-start;
             align-items: center;
@@ -227,17 +222,17 @@
                 margin-bottom: 0;
               }
 
-                > .content {
+              >.content {
                 flex: 1;
                 @include flex(column);
                 padding-left: 17px;
                 box-sizing: border-box;
 
-                  & > :nth-child(1) {
+                &> :nth-child(1) {
                   display: flex;
                   justify-content: space-between;
 
-                    & > :nth-child(2) {
+                  &> :nth-child(2) {
                     color: #00d4f3;
                   }
                 }
@@ -248,9 +243,9 @@
       }
     }
   }
-  }
+}
 
-  .wrap {
+.wrap {
   .content {
     margin-top: 0px;
     padding: 0 17px;
@@ -266,9 +261,11 @@
       background-position: center 40px;
       display: flex;
       justify-content: space-between;
-        .title_hrader_item{
+
+      .title_hrader_item {
         font-family: 'PingFang Regular';
       }
+
       &_item {
         width: 130px;
         height: 48px;
@@ -276,6 +273,7 @@
         font-size: 14px;
         color: #ffffff;
         line-height: 48px;
+
         .numberTotal {
           font-family: PangMenZhengDao;
           font-weight: 400;
@@ -283,23 +281,28 @@
           line-height: 44px;
         }
       }
+
       &_item:nth-child(1) {
         padding-left: 24px;
         width: auto;
         font-family: PingFang Regular;
         font-weight: bold;
       }
+
       &_item:nth-child(3) {
         width: 210px;
       }
+
       &_item:nth-child(4) {
         width: 180px;
       }
     }
-      .list{
+
-        height:500px;
+    .list {
+      height: 500px;
       display: flex;
       flex-direction: column;
+
       &_item_header {
         width: 100%;
         height: 48px;
@@ -308,19 +311,24 @@
         border-radius: 5px;
         background-color: #bd360c;
         color: #fbe9c5;
+
         &>:nth-child(1) {
           width: 80px;
           padding-left: 24px;
         }
+
         &>:nth-child(2) {
           width: 80px;
         }
+
         &>:nth-child(3) {
           width: 80px;
         }
+
         &>:nth-child(4) {
           flex: 1;
         }
+
         &>:nth-child(5) {
           width: 160px;
         }
@@ -330,47 +338,56 @@
         display: flex;
         border-bottom: 0px;
         color: #fbe9c5;
+
         &_item {
           width: 140px;
           height: 48px;
           line-height: 48px;
           border-bottom: 1px dashed #bb7053;
         }
+
         &_item:nth-child(1) {
           width: 80px;
           padding-left: 24px;
         }
+
         &_item:nth-child(2) {
           width: 80px;
         }
+
         &_item:nth-child(3) {
           width: 80px;
         }
+
         &_item:nth-child(4) {
           flex: 1;
         }
+
         &_item:nth-child(5) {
           width: 160px;
         }
 
       }
+
       .list_row:hover {
         background: url("~@/assets/images/common/zzjg_xz.png") no-repeat !important;
         background-size: 100% 100% !important;
         color: #ffffff;
       }
+
       .list_row:nth-child(1) {
         border: 1px solid #bb7053;
         border-bottom: 0px;
       }
+
       .list_bottom {
         border-bottom: 1px solid #bb7053;
       }
     }
+
     // .list_row:nth-child(11) {
     //   border: 1px solid #bb7053;
     // }
   }
-  }
+}
-  </style>
+</style>
-  

yifengdian-company-report/src/api/test.js

@@ -5,8 +5,6 @@ import request from '../utils/request'
  *  @parms resquest 请求地址 例如：http://197.82.15.15:8088/request/...
  *  @param '/testIp'代表vue-cil中config，index.js中配置的代理
  */
-const baseUrl =
-  process.env.NODE_ENV === "development" ? "" : config.baseUrl.pro;
 // get请求
 const testApi = {
 	getListAPI(params) {