| 
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -2,12 +2,12 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					  <div class="g-pgi"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <!-- 组织路由 --> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <cpt-bread | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        :breadList="breadList" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        :separator="'/'" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        @tap="handleClickBreadItem" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      :breadList="breadList" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    ></cpt-bread> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <div class="m-title"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <img class="title_img" src="@/assets/images/index/list-logo.png" alt /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <img alt class="title_img" src="@/assets/images/index/list-logo.png"/> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <div class="tip_title">{{ tableTitle }}</div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <div class="title_line"></div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    </div> | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
				
				 | 
				
					@ -15,21 +15,21 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <div class="g-listbox"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      <cpt-tb | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          :col-list="colList" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        :loading="loading" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          :header="header" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          :list="list" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          :loading="loading" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          :total="total" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        @handleSizeChange="handleSizeChange" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          @handlePageNoChange="handlePageNoChange" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          @handleSizeChange="handleSizeChange" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          @operate="showInfo" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      ></cpt-tb> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <resi-details | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      @close="displayedResiId = ''" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      :resi-id="displayedResiId" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      :popupShow="popupShow" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        v-if="displayedResiId" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        :popupShow="popupShow" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        :resi-id="displayedResiId" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        @close="displayedResiId = ''" | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    /> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					  </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					</template> | 
				
			
			
		
	
	
		
			
				
					| 
						
							
								
							
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -80,8 +80,7 @@ export default { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      srcTableData: [], | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      list: [], | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      query: { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      }, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      query: {}, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      colList: [ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        { | 
				
			
			
		
	
	
		
			
				
					| 
						
							
								
							
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -135,7 +134,8 @@ export default { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      ], | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      displayedResiId: "", | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      popupShow: false | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      popupShow: false, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      key: 'type' | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    }; | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					  }, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
				
				 | 
				
					@ -143,8 +143,17 @@ export default { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    this.org_id = getQueryPara("org_id"); | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    this.resiType = getQueryPara("type"); | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    const type_name = getQueryPara("type_name"); | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    const type_category = getQueryPara("type_category"); | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    this.breadList[1].meta.title = type_name + "居民列表"; | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    this.tableTitle = type_name + "居民列表"; | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    if(type_category === '年龄') { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      this.key = 'ageType' | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    } else if(type_category === '志愿者类别') { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      this.key = 'volunteerType' | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    } else { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      this.key = 'type' | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    } | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    this.pageNo = 1; | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    this.getList(); | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
				
				 | 
				
					@ -157,12 +166,14 @@ export default { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      } | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    }, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    handleSearch() {}, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    handleSearch() { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    }, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    showInfo(index) { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      this.popupShow = true | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      // this.popupShow = true | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      let item = this.srcTableData[index]; | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      this.displayedResiId = item.resiId; | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      this.$router.push('/dataBoard/renfang/resident?user_id='+item.resiId) | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      // this.displayedResiId = item.resiId; | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    }, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    handlePageNoChange(pageNo) { | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
				
				 | 
				
					@ -187,6 +198,7 @@ export default { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					      this.query = { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        ...this.query, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        [this.key]: this.resiType, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        agencyId: org_id, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        pageNo, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        pageSize, | 
				
			
			
		
	
	
		
			
				
					| 
						
							
								
							
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -292,4 +304,4 @@ export default { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					}; | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					</script> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					<style lang="scss" src="@/assets/scss/dataBoard/listBox.scss" scoped></style> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					<style lang="scss" scoped src="@/assets/scss/dataBoard/listBox.scss"></style> | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
					 | 
				
				 | 
				
					
  |