家庭画像，生满意度详情问题修改

src/views/dataBoard/cpts/family/modules/businessTables/economize.vue

@@ -16,6 +16,7 @@
       <img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
       <div style="color: #fff">暂无数据</div>
     </div>
+    <smyd :showDialog="showDialog" :id="rowId" @close="close" />
   </div>
 </template>
 

src/views/dataBoard/cpts/personnel/modules/businessTables/economize.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="table">
-    <el-table  v-if="list.length > 0" :data="list" max-height="363px" height="363px">
+    <el-table
+      v-if="list.length > 0"
+      :data="list"
+      max-height="363px"
+      height="363px"
+    >
       <el-table-column label="序号" type="index" width="80" />
       <el-table-column label="不满意事项类型" prop="scope" width="190" />
       <el-table-column label="不满意事项描述" prop="problemDesc" width="" />
@@ -12,20 +17,27 @@
         </template>
       </el-table-column>
     </el-table>
-    <div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 120px">
+    <div
-      <img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
+      v-else
+      style="width: 100%; height: 100%; text-align: center; padding-top: 120px"
+    >
+      <img
+        width="268px"
+        height="128px"
+        src="~@/assets/images/overview/zanwu.png"
+      />
       <div style="color: #fff">暂无数据</div>
     </div>
-    <smyd :showDialog="showDialog" :id="rowId" @close="close" />
+    <Smyd :showDialog="showDialog" :id="rowId" @close="close" />
   </div>
 </template>
 
 <script>
-import smyd from "@/views/dataBoard/cpts/details/smyd.vue";
+import Smyd from "@/views/dataBoard/cpts/details/smyd.vue";
 export default {
   name: "economize",
   components: {
-    smyd,
+    Smyd,
   },
   data() {
     return {

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

@@ -11,9 +11,7 @@
           <div class="item">
             <div class="field">所属网格：</div>
             <div class="value">
-							<span v-if="info.community">{{
+              <span v-if="info.community">{{ info.community }}</span>
-								info.community
-							}}</span>
               <span v-if="info.grid"> - {{ info.grid }}</span>
             </div>
           </div>
@@ -21,9 +19,7 @@
             <div class="field">所属房屋：</div>
             <div class="value">
               <span v-if="info.village">{{ info.village }}</span>
-							<span v-if="info.building">
+              <span v-if="info.building"> - {{ info.building }}</span>
-								- {{ info.building }}</span
-							>
               <span v-if="info.unit"> - {{ info.unit }}</span>
               <span v-if="info.room"> - {{ info.room }}</span>
             </div>
@@ -110,19 +106,14 @@
           <div
             class="tab-btn"
             @click="subStartTabIndex"
-						v-if="tabList.length > 7" >
+            v-if="tabList.length > 7"
-						<img
+          >
-							src="@/assets/img/shuju/people/arrow-double-left.png"/> </div>
+            <img src="@/assets/img/shuju/people/arrow-double-left.png" />
+          </div>
           <div
-						v-show="
+            v-show="index >= startTabIndex && index < startTabIndex + 7"
-							index >= startTabIndex && index < startTabIndex + 7
-						"
             class="tab"
-						:class="
+            :class="currentTabIndex % tabList.length == index ? 'z-on' : ''"
-							currentTabIndex % tabList.length == index
-								? 'z-on'
-								: ''
-						"
             :key="'tab' + index"
             @click="currentTabIndex = index"
             v-for="(item, index) in tabList"
@@ -134,9 +125,7 @@
             @click="addStartTabIndex"
             v-if="tabList.length > 7"
           >
-						<img
+            <img src="@/assets/img/shuju/people/arrow-double-right.png" />
-							src="@/assets/img/shuju/people/arrow-double-right.png"
-						/>
           </div>
         </div>
 
@@ -847,7 +836,13 @@ export default {
       tabList: [],
     };
   },
-
+  watch: {
+    resiId(val) {
+      if (val) {
+        this.getApiData();
+      }
+    },
+  },
   computed: {
     currentTab() {
       return this.tabList[this.currentTabIndex];
@@ -884,7 +879,6 @@ export default {
       this.getInfo();
     },
 
-		
     // 根据房屋id获取详情
     async getInfo() {
       const url = "resident_info";
@@ -930,7 +924,7 @@ export default {
     },
 
     handleSizeChange(page_size) {
-			localStorage.setItem('dataBoard_page_size', page_size);
+      localStorage.setItem("dataBoard_page_size", page_size);
       this.page_size = page_size;
       this.getList();
     },
@@ -942,7 +936,7 @@ export default {
       let peop_type = this.type2;
 
       this.loading = true;
-			const url = 'person_resour_list';
+      const url = "person_resour_list";
       const { data, code, msg } = await requestPostBi(
         url,
         {
@@ -952,8 +946,8 @@ export default {
             start_date,
             end_date,
             org_id,
-						peop_type
+            peop_type,
-					}
+          },
         },
         {
           // mockId: 60068051,
@@ -969,31 +963,30 @@ export default {
         this.list = data.map((item, index) => {
           return [
             index + 1,
-						item.peop_name ? item.peop_name : '--',
+            item.peop_name ? item.peop_name : "--",
             // item.peop_id ? item.peop_id : '--',
-						item.peop_child_type ? item.peop_child_type : '--',
+            item.peop_child_type ? item.peop_child_type : "--",
-						item.service_num ? item.service_num : '--',
+            item.service_num ? item.service_num : "--",
-						item.service_ratio ? item.service_ratio : '--',
+            item.service_ratio ? item.service_ratio : "--",
-						item.avg_satisfaction ? item.avg_satisfaction : '--',
+            item.avg_satisfaction ? item.avg_satisfaction : "--",
-						item.sum_point ? item.sum_point : '--',
+            item.sum_point ? item.sum_point : "--",
-						{ type: 'operate', list: ['查看'] }
+            { type: "operate", list: ["查看"] },
           ];
         });
-		
       } else {
         this.$message.error(msg);
       }
       this.list = [
         {
           index: 1,
-					peop_name: '置南于可',
+          peop_name: "置南于可",
-					peop_child_type: 'in nostrud commodo dolore',
+          peop_child_type: "in nostrud commodo dolore",
           service_num: 57,
           service_ratio: 94,
           avg_satisfaction: 65,
           sum_point: 63,
-					'': { type: 'operate', list: ['查看'] }
+          "": { type: "operate", list: ["查看"] },
-				}
+        },
       ];
     },
     // async getInfo() {
@@ -1021,7 +1014,7 @@ export default {
       const { org_id, listType, page_num, page_size, searchDate } = this;
       const start_date = searchDate[0];
       const end_date = searchDate[1];
-			const url = 'person_resour_list_num';
+      const url = "person_resour_list_num";
       let peop_type = this.type2;
       const { data, code, msg } = await requestPostBi(
         url,
@@ -1030,8 +1023,8 @@ export default {
             org_id,
             start_date,
             end_date,
-						peop_type
+            peop_type,
-					}
+          },
         },
         {
           // mockId: 63070189,
@@ -1043,7 +1036,7 @@ export default {
       } else {
         this.$message.error(msg);
       }
-		}
+    },
   },
 };
 </script>
@@ -1056,8 +1049,6 @@ export default {
 .u-categorys {
   display: flex;
   flex-wrap: wrap;
-
-	
 }
 .u-categorys span {
   display: block;