增加面试字段

src/components/newBottomCom/viewShell/viewShell.scss

@@ -76,7 +76,7 @@
 
 .zoom-view{
 	position: fixed;
-	top:82rem;
+	top:42rem;
 	right:30rem;
 	width: 52rem;
 	height: 52rem;

src/pages/webgl_rxdz/webgl_rxdz.html

@@ -3,8 +3,17 @@
 	<!-- 提交按钮 -->
 	<div class="submit-btn" @click="submitHouse" v-if="styleType==1">提交</div>
 	<div class="area-view">
-		<div>当前面积：{{sumArea}}<span style="font-weight: 700;">㎡</span></div>
-		<div v-if="changeArea" style="font-size: 28rem;color: #fa9f40;">{{changeArea < 0 ? '减少':'增加'}}了：{{Math.abs(changeArea)}}<span style="font-weight: 700;">㎡</span></div>
+		<div>总面积：{{layoutArea}}<span style="font-weight: 700;">㎡</span></div>
+		<div class="rows" style="margin-top:10rem;">
+			<div v-if="changeArea" class="reduce">
+				<div>{{changeArea < 0 ? '减少':'增加'}}</div>
+				<div style="font-weight: 700;font-size: 28rem;">{{Math.abs(changeArea)}}<span style="font-size: 24rem;">㎡</span></div>
+			</div>
+			<div>
+				<div>初始面积：{{fixedArea}}<span style="font-weight: 700;">㎡</span></div>
+				<div>当前面积：{{sumArea}}<span style="font-weight: 700;">㎡</span></div>
+			</div>
+		</div>
 	</div>
     <div id="mapDiv" ref="webgl"></div>
 	<canvas id="glcanvas" width="100vw" height="100vh" ref="glcanvas"

src/pages/webgl_rxdz/webgl_rxdz.scss

@@ -56,12 +56,25 @@ canvas { width:100vw; height:calc(100vh - 200rem);z-index: 10; }
 }
 .area-view{
 	position: absolute;
-	top:68rem;
+	top:10rem;
 	left:30rem;
 	width:100%;
-	font-size: 32rem;
+	font-size: 24rem;
 	font-family: "Verdana";
 	font-weight: 400;
+	span{
+		font-size: 28rem;
+	}
+	.reduce{
+		width: 72rem;
+		height: 72rem;
+		border-radius: 12rem;
+		color: #fa9f40;
+		background: rgba(250, 159, 64, 0.12);
+		font-size: 24rem;
+		margin-right:10rem;
+		padding:4rem 10rem;
+	}
 }
 .tran{
 	transition-timing-function: linear;
@@ -159,7 +172,7 @@ canvas { width:100vw; height:calc(100vh - 200rem);z-index: 10; }
 }
 .submit-btn{
 	position: absolute;
-	top:120rem;
+	top:42rem;
 	right:20rem;
 	width: 140rem;
 	height: 64rem;

src/pages/webgl_rxdz/webgl_rxdz.vue

@@ -125,6 +125,7 @@
 				sumArea:0,	//总面积
 				changeArea:0,	//当次变化的面积
 				fixedArea:0,	//初始面积值
+				layoutArea:0,	//总面积
 			}
 		},
 		beforeDestroy() {
@@ -1638,6 +1639,9 @@
 				this.curHouseName = item.spaceName;//当前选中的户型类型名称
 				//获取当前户型大类下的所有户型信息-用于用户提交
 				this.curLayoutStruct = this.houseList.find(it=>it.spaceStructure == this.curHouseType).layoutStruct;
+				this.curLayoutStruct.forEach(it=>{
+					this.layoutArea += it.houseArea
+				})
 				console.warn("***curLayoutStruct***",this.curLayoutStruct)
 			},
 			//户型楼层发生了变更