居民画像居民详情弹窗修改

src/views/dataBoard/cpts/personnel/index.vue

@@ -17,7 +17,7 @@
         <el-row>
           <el-col :span="12">
             <data-title title="享受服务次数统计" />
-            <div style="height:12px"></div>
+            <div style="height: 12px"></div>
             <EnjoyService />
           </el-col>
           <el-col :span="11" :offset="1">
@@ -30,6 +30,7 @@
     <resi-details
       @close="popupShow = false"
       :resi-id="resId"
+      :popupShow="popupShow"
       v-if="popupShow"
     />
   </div>

src/views/dataBoard/cpts/resi-details.vue

@@ -1,5 +1,5 @@
 <template>
-  <popup title="居民详情" @close="handleClose">
+  <popup title="居民详情" v-if="popupShow" @close="handleClose">
     <template v-slot:cnt>
       <div class="m-info">
         <div class="subtitle">
@@ -671,6 +671,10 @@ export default {
       type: String,
       default: "",
     },
+    popupShow: {
+      type: Boolean,
+      default: false,
+    },
   },
 
   components: { popup },
@@ -837,11 +841,14 @@ export default {
     };
   },
   watch: {
-    resiId(val) {
+    popupShow: {
+      handler(val) {
         if (val) {
           this.getApiData();
         }
       },
+      immediate: true,
+    },
   },
   computed: {
     currentTab() {