数据看板人口预警

src/views/dataBoard/renfang/warn/building.vue

@@ -30,7 +30,7 @@
 			></cpt-tb>
 		</div>
 
-		<resi-list :building_id="displayedId" :resident_type="type_id" v-if="displayedId" />
+		<!-- <resi-list :building_id="displayedId" :resident_type="type_id"  /> -->
 	</div>
 </template>
 
@@ -153,13 +153,19 @@ export default {
 
 		showInfo(index) {
 			let item = this.srcTableData[index];
-			this.displayedId = item.building_id;
-
-			this.breadList.push({
-				meta: {
-					title: "预警人员列表",
-				},
-			});
+			// this.displayedId = item.building_id;
+			this.$router.push({
+				path:"/dataBoard/renfang/warn-resi",
+				query:{
+					building_id:item.building_id,
+					resident_type:this.type_id
+				}
+			})
+			// this.breadList.push({
+			// 	meta: {
+			// 		title: "预警人员列表",
+			// 	},
+			// });
 		},
 
 		handlePageNoChange(pageNo) {

src/views/dataBoard/renfang/warn/resi.vue

@@ -1,5 +1,10 @@
 <template>
 	<div class="g-pgi">
+		<cpt-bread
+			:separator="'/'"
+			@tap="handleClickBreadItem"
+			:breadList="breadList"
+		></cpt-bread>
 		<div class="m-title">
 			<img
 				class="title_img"
@@ -40,14 +45,14 @@ export default {
 	name: "resi-list",
 
 	props: {
-		building_id: {
-			type: String,
-			default: "",
-		},
-		resident_type: {
-			type: String,
-			default: "",
-		},
+		// building_id: {
+		// 	type: String,
+		// 	default: "",
+		// },
+		// resident_type: {
+		// 	type: String,
+		// 	default: "",
+		// },
 	},
 
 	components: {
@@ -124,14 +129,38 @@ export default {
 			],
 
 			displayedResiId: "",
+
+			breadList: [
+				{
+					type: "back",
+					meta: {
+						title: "人房总览",
+					},
+				},
+				{
+					type: "building",
+					meta: {
+						title: "预警楼栋列表",
+					},
+				},	
+				{
+					type: "resi",
+					meta: {
+						title: "预警人员列表",
+					},
+				},
+			],
 		};
 	},
 
-	mounted() {
+	
+	activated() {
+		this.building_id =  getQueryPara("building_id");
+		this.resident_type = getQueryPara('resident_type')
+		this.pageNo = 1;
 		this.getList();
 		this.getCount();
 	},
-
 	methods: {
 		showInfo(index) {
 			let item = this.srcTableData[index];
@@ -223,6 +252,16 @@ export default {
 				this.$message.error(msg);
 			}
 		},
+		handleClickBreadItem({ item }) {
+			if (item.type == "back") {
+				this.$router.push({
+					path:"/dataBoard/renfang/index"
+				})
+			} else if (item.type == "building") {
+				this.displayedId = "";
+				this.$router.back();
+			}
+		},
 	},
 
 	destroyed() {