户表单样式调整

 <template>
 <template>
-    <div class="h content-form">
-        <el-form ref="form" :model="form" label-width="160px">
+    <div class="h content-form"  ref="mainBox" :class="$route.path == '/h' ? 'hpage':''">
+        <el-form ref="form" :model="form" label-width="160px" class="form" :style="{'height': $route.path == '/h' ? '100%' : formHeight+'px'}">
             <Qlr ref="qlrxxModule" :bsm='bsm'></Qlr>
             <Qlr ref="qlrxxModule" :bsm='bsm'></Qlr>
             <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
             <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
                 <tbody>
                 <tbody>
@@ -391,15 +391,12 @@
                 </tbody>
                 </tbody>
             </table>
             </table>
         </el-form>
         </el-form>
-        <div class="btnGroup">
-            <el-button type="primary" @click="onSave">保存</el-button>
+        <div class="header-button" :style="{width:mainBoxWidth+'px'}">
+            <el-button type="primary" class="saveBtn" @click="onSave">保存</el-button>
             <el-button type="primary" @click="onSubmit">提交</el-button>
             <el-button type="primary" @click="onSubmit">提交</el-button>
             <el-button type="primary" @click="registerCall">登记调用</el-button>
             <el-button type="primary" @click="registerCall">登记调用</el-button>
+            <!-- <el-button type="primary" class="saveBtn"  @click="save">保存</el-button> -->
         </div>
         </div>
-        <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px">
-            <el-button type="success" @click="onSave">保存</el-button>
-            <el-button type="primary" @click="onSubmit">提交</el-button>
-        </div> -->
     </div>
     </div>
 
 
 </template>
 </template>
@@ -425,9 +422,7 @@
         },
         },
         data () {
         data () {
             return {
             return {
-
                 disableFlag:false,
                 disableFlag:false,
-
                 //树型结构
                 //树型结构
                 show:true,
                 show:true,
                 clearable: true,
                 clearable: true,
@@ -523,12 +518,18 @@
                 value: '',
                 value: '',
                 ytTitleRowspan:1,  //用途的单元格垂直合并数量
                 ytTitleRowspan:1,  //用途的单元格垂直合并数量
                 fwjgTitleRowspan:1,  //房屋结构的单元格垂直合并数量
                 fwjgTitleRowspan:1,  //房屋结构的单元格垂直合并数量
+                formHeight:0,
+			    mainBoxWidth:0,
             }
             }
         },
         },
         created(){
         created(){
             let bsm=this.$store.state.hbsm
             let bsm=this.$store.state.hbsm
             console.log(bsm,'户BSM')
             console.log(bsm,'户BSM')
             this.getHInfo(bsm);
             this.getHInfo(bsm);
+            this.$nextTick(()=>{
+			    this.mainBoxWidth = this.$refs.mainBox.clientWidth;
+                this.formHeight =  (document.documentElement.clientHeight || document.body.clientHeight) - 320
+            })
         },
         },
         methods: {
         methods: {
             registerCall(){
             registerCall(){
@@ -883,6 +884,15 @@
         .el-select{
         .el-select{
             display:block;
             display:block;
         }
         }
+        .form{
+            overflow-y: scroll;
+            overflow-x: hidden;
+            margin-bottom: 30px;
+        }
+    }
+    .hpage{
+        box-sizing: border-box;
+        padding: 8px 6px 18px 18px;
     }
     }
 
 
     table{
     table{
@@ -899,8 +909,25 @@
 			height: 30px !important;
 			height: 30px !important;
 		}
 		}
 	}
 	}
-    .btnGroup{
+    
+	.header-button {
+		height: 50px;
+		position: fixed;
+		bottom: 0;
+		right: 6px;
 		text-align: center;
 		text-align: center;
-        margin-top: 20px;
+		background-color: #ffffff;
+		.el-button{
+			padding: 10px 30px;
+			margin-top: 8px;
+		}
+		.saveBtn {
+			background-color: #00CACD;
+			border-color: #00CACD;
+		}
+		.saveBtn:hover {
+			background-color: rgba(0, 202, 205, .8);
+			border-color: rgba(0, 202, 205, .8);
+		}
 	}
 	}
 </style>
 </style>

@@ -551,11 +551,10 @@ export default {
 		},
 		},
 		//获取选中户bsm
 		//获取选中户bsm
 		getHbsm(data, type) {
 		getHbsm(data, type) {
-			this.bsms = data;
 			if (type) {
 			if (type) {
 				// 双击
 				// 双击
-				this.hbsm = this.bsms[this.bsms.length - 1];
-				this.$store.state.hbsm=this.hbsm;
+				this.hbsm = data;
+				this.$store.state.hbsm=this.data;
 				this.hbjVisible = true;
 				this.hbjVisible = true;
 				this.$nextTick(function() {
 				this.$nextTick(function() {
 					this.$refs.hbj.getHInfo(this.hbsm);
 					this.$refs.hbj.getHInfo(this.hbsm);

@@ -508,8 +508,8 @@ export default {
 		//户双击事件
 		//户双击事件
 		dbclick(bsm) {
 		dbclick(bsm) {
 			clearTimeout(this.time);
 			clearTimeout(this.time);
-			this.hbsmList.push(bsm); // 将户bsm放进hbsmList
-			this.$parent.getHbsm(this.hbsmList, true);
+			// this.hbsmList.push(bsm); // 将户bsm放进hbsmList
+			this.$parent.getHbsm(bsm, true);
 		},
 		},
 		//删除多重数组中的某一项
 		//删除多重数组中的某一项
 		deleteArrOption(arr, item) {
 		deleteArrOption(arr, item) {