完善又

src/assets/scss/dataBoard/renfang/index.scss

@@ -249,6 +249,7 @@
             font-family: PingFangSC-Medium, PingFang SC;
             font-weight: 500;
             color: #6fdeff;
+            cursor: pointer;
             img {
                 width: 16px;
                 height: 16px;

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

@@ -910,6 +910,9 @@ export default {
 		}
 	}
 
+	/deep/ .l7-popup {
+		z-index: 100;
+	}
 	/deep/ .l7-popup-content {
 		background: rgba(#020340, 0.58);
 		box-shadow: 0 0 20px 3px inset rgba(#22f, 0.1);

src/views/dataBoard/renfang/cpts/fwgl.vue

@@ -42,7 +42,7 @@
 
 						<div
 							class="row-item marginleft10"
-							@click="toListPage('self_dwelling')"
+							@click="toListPage('self_dwelling', '自住房屋')"
 						>
 							<div class="item-one">
 								<img
@@ -62,7 +62,7 @@
 					</div>
 					<div
 						class="right-row margintop18"
-						@click="toListPage('lease')"
+						@click="toListPage('lease', '出租房屋')"
 					>
 						<div class="row-item">
 							<div class="item-one">
@@ -81,7 +81,7 @@
 
 						<div
 							class="row-item marginleft10"
-							@click="toListPage('unused')"
+							@click="toListPage('unused', '闲置房屋')"
 						>
 							<div class="item-one">
 								<img
@@ -177,12 +177,13 @@ export default {
 		},
 	},
 	methods: {
-		toListPage(type = "") {
+		toListPage(type = "", type_name = "") {
 			this.$router.push({
 				path: "/dataBoard/renfang/house-list",
 				query: {
 					org_id: this.orgId,
 					type,
+					type_name,
 				},
 			});
 		},

src/views/dataBoard/renfang/cpts/jmgl.vue

@@ -21,7 +21,7 @@
 				</div>
 				<div class="pie-right">
 					<div class="right-row">
-						<div class="row-item" @click="toResiListPage">
+						<div class="row-item" @click="toListPage">
 							<div class="item-one">
 								<img
 									class="img"
@@ -38,7 +38,7 @@
 
 						<div
 							class="row-item marginleft10"
-							@click="toResiListPage('inhabitant')"
+							@click="toListPage('inhabitant', '常住人口')"
 						>
 							<div class="item-one">
 								<img
@@ -59,7 +59,7 @@
 					<div class="right-row margintop18">
 						<div
 							class="row-item"
-							@click="toResiListPage('floating')"
+							@click="toListPage('floating', '流动人口')"
 						>
 							<div class="item-one">
 								<img
@@ -156,15 +156,17 @@ export default {
 		this.getData();
 	},
 	methods: {
-		toResiListPage(type = "") {
+		toListPage(type = "", type_name = "") {
 			this.$router.push({
 				path: "/dataBoard/renfang/resi-list",
 				query: {
 					org_id: this.orgId,
 					type,
+					type_name,
 				},
 			});
 		},
+
 		pieInitOk() {
 			this.pieInitState = true;
 		},

src/views/dataBoard/renfang/cpts/rkyj.vue

@@ -55,9 +55,7 @@
 						class="img"
 						src="@/assets/images/shuju/renfang/warning-yellow.png"
 						alt
-					/>{{ dataitem.yellow_warn }}栋 （{{
-						dataitem.yellow_threshold
-					}}）
+					/>{{ dataitem.yellow_warn }}栋
 				</div>
 
 				<div
@@ -70,7 +68,7 @@
 						class="img"
 						src="@/assets/images/shuju/renfang/warning-red.png"
 						alt
-					/>{{ dataitem.red_warn }}栋 （{{ dataitem.red_threshold }}）
+					/>{{ dataitem.red_warn }}栋
 				</div>
 			</div>
 		</div>

src/views/dataBoard/renfang/house/list.vue

@@ -152,9 +152,12 @@ export default {
 		};
 	},
 
-	mounted() {
+	activated() {
 		this.org_id = getQueryPara("org_id");
 		this.houseType = getQueryPara("type");
+		const type_name = getQueryPara("type_name");
+		this.breadList[1].meta.title = type_name + "房屋列表";
+		this.tableTitle = type_name + "房屋列表";
 		this.getList();
 	},
 

src/views/dataBoard/renfang/index.vue

@@ -245,9 +245,14 @@
 							src="~@/assets/images/shuju/main/card-title-bg-800.png"
 							class="box-title-bg"
 						/>
-						<div class="box-title-txt">居民分类分析</div>
+						<div class="box-title-txt" v-if="!displayedForecast">居民分类分析</div>
+						<div class="box-title-txt" v-else>居民分类分析-智能预测</div>
 
-						<div class="box-title-btn">
+						<div
+							class="box-title-btn"
+							v-if="!displayedForecast"
+							@click="displayedForecast = true"
+						>
 							<img
 								src="~@/assets/images/shuju/renfang/index/znyc.png"
 							/>
@@ -256,9 +261,20 @@
 								src="~@/assets/images/shuju/renfang/index/i-hint.png"
 							/>
 						</div>
+
+						<div
+							class="box-title-btn"
+							v-else
+							@click="displayedForecast = false"
+						>
+							<img
+								src="~@/assets/images/shuju/main/back-on.png"
+							/>
+							<span style="color: #fff">返回</span>
+						</div>
 					</div>
 
-					<div class="list">
+					<div class="list" v-if="!displayedForecast">
 						<div
 							class="item"
 							@click="toResiClassPage(item.type_id, item.name)"
@@ -288,6 +304,37 @@
 							</div>
 						</div>
 					</div>
+
+					<div class="list" v-else>
+						<div
+							class="item"
+							:key="item.code + index"
+							v-for="(item, index) in resiCategoryForecastData"
+						>
+							<div>{{ ("0" + (index + 1)).substr(-2) }}.</div>
+							<div class="item-name">{{ item.name }}</div>
+							<div class="item-count">
+								<b>{{ item.count }}</b> 人
+							</div>
+							<div class="item-progress">
+								<b :style="{ width: item.ratio + '%' }"></b>
+							</div>
+
+							<div class="item-per">
+								<span>较上一年</span>
+								<img
+									v-if="item.growth >= 0"
+									src="~@/assets/images/shuju/renfang/index/up.png"
+								/>
+								<img
+									v-else
+									src="~@/assets/images/shuju/renfang/index/down.png"
+								/>
+								<b>{{ item.growthAbs }}</b>
+								<span>人</span>
+							</div>
+						</div>
+					</div>
 				</div>
 			</div>
 
@@ -413,7 +460,9 @@ export default {
 				},
 			],
 
-			resiCategoryData: [],
+			resiCategoryData: [], // 居民分类分析
+			resiCategoryForecastData: [], // 居民分类预测
+			displayedForecast: false, //显示居民分类分析 还是居民分类预测
 
 			searchModule: {
 				displayedCard: false,
@@ -465,6 +514,7 @@ export default {
 			// await this.getMapData();
 			// await this.getSubMapData();
 			this.getResiCategoryData();
+			this.getResiCategoryForecastData();
 			this.getPerInfo();
 
 			this.loading = true;
@@ -639,6 +689,39 @@ export default {
 			}
 		},
 
+		//居民分类预测数据
+		async getResiCategoryForecastData() {
+			console.log("=========================getResiCategoryForecastData");
+			const url = "resident_class_predict";
+
+			const { data, code, msg } = await requestPostBi(
+				url,
+				{
+					queryParam: {
+						org_id: this.orgData.id,
+					},
+				},
+				{
+					mockId: 60064667,
+				}
+			);
+
+			if (code === 0) {
+				this.resiCategoryForecastData = data.map((item) => {
+					return {
+						code: item.resident_type,
+						name: item.resident_type_name,
+						count: item.resident_count,
+						ratio: item.resident_ratio,
+						growth: item.change_count,
+						growthAbs: Math.abs(item.change_count),
+					};
+				});
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
 		//获取地图上显示的组织数据
 		async getMapData() {
 			console.log("=========================getMapData");

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

@@ -159,13 +159,14 @@ export default {
 		};
 	},
 
-	mounted() {
+	activated() {
 		this.org_id = getQueryPara("org_id");
 		this.type_id = getQueryPara("type_id");
 		const type_name = getQueryPara("type_name");
-		this.getList();
-		this.breadList[1].meta.title = type_name;
+		this.breadList[1].meta.title = type_name + "居民列表";
+		this.tableTitle = type_name + "居民列表";
 
+		this.getList();
 		if (this.type_id == "6") {
 			this.getSubclass();
 		}

src/views/dataBoardMain/main.vue

@@ -32,7 +32,12 @@
 
 				<main-navbar ref="ref_navbar" v-if="!$store.state.inIframe" />
 
-        <div class="g-cnt">
+				<div
+					class="g-cnt"
+					:style="{
+						minHeight: $store.state.fixed1920.height - 100 + 'px',
+					}"
+				>
 					<main-content
 						v-if="!$store.state.contentIsNeedRefresh"
 						@changeCustomerName="changeCustomerName"
@@ -143,7 +148,10 @@ export default {
 				localStorage.setItem("agencyId", data.agencyId);
 				localStorage.setItem("level", data.level);
 				if (!localStorage.getItem("customerName")) {
-          localStorage.setItem("customerName", data.customerName || "");
+					localStorage.setItem(
+						"customerName",
+						data.customerName || ""
+					);
 				}
 			} else {
 				this.$message.error(msg);