完善权利性质组件及宗地表单

@@ -5,7 +5,7 @@
 			v-for="(items, index) in countList"
 			:key="items.id"
 		>
-			<el-col :span="2">
+			<el-col :span="2" class="btnCol">
 				<el-button
 					v-if="!items.isInside"
 					type="primary"
@@ -25,11 +25,11 @@
 					v-if="items.isInside"
 				></div>
 			</el-col>
-			<el-col :span="2">
+			<el-col :span="2" class="btnCol">
 				<span class="qlxz">权利性质</span><br>
 				<el-button
 					type="primary"
-					class="changeBtn mt6"
+					class="changeBtn"
 					@click="handleInClick(items, index, 'add')"
 					>+</el-button
 				>
@@ -276,7 +276,6 @@ export default {
 					item.hasNotBorder = item.isInside && !this.countList[index + 1].isInside ? true : false;
 				}
 			});
-			console.log(this.countList);
 		},
 		getQlxzDataList() {
 			return this.countList;
@@ -298,9 +297,6 @@ export default {
 			.qlxz {
 				line-height: 34px;
 			}
-			.mt6 {
-				margin-top: 6px;
-			}
 			ul {
 				margin-top: 34px;
 				li {
@@ -349,16 +345,23 @@ export default {
 				}
 			}
 		}
+	}
+	.btnCol {
+		position: relative;
 		.changeBtn {
 			width: 46px;
 			height: 46px;
-			margin-top: 40px;
 			font-size: 30px;
-			padding: 6px 4px;
+			padding: 4px 6px;
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			margin-top: -38px;
+			margin-left: -23px;
 		}
 		.el-button + .el-button {
-			margin-top: 10px;
-			margin-left: 0;
+			margin-left: -23px;
+			margin-top: 16px;
 		}
 	}
 	.el-row:nth-last-child(1) {

@@ -3,7 +3,7 @@
 		<div class="formMenu">
 			<Qlr ref="qlrxxModule"></Qlr>
       
-				<el-button
+				<!-- <el-button
 					type="primary"
 					class="changeBtn"
 					@click="getQlrxxData"
@@ -14,7 +14,7 @@
 					class="changeBtn"
 					@click="getQlxzData"
 					>获取权利性质组件数据</el-button
-				>
+				> -->
 			<table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
 				<tr>
 					<th colspan="12">宗地基本信息</th>
@@ -200,10 +200,42 @@
 					</td>
 				</tr>
 				<tr>
-					<td colspan="12" rowspan="4">
+					<td colspan="12">
 						<Qlxz ref="qlxzModule"></Qlxz>
 					</td>
 				</tr>
+				<tr>
+					<td colspan="2" rowspan="2">批准面积(㎡)</td>
+					<td colspan="2" rowspan="2">
+						<input type="text" class="formInput" />
+					</td>
+					<td colspan="2" rowspan="2">宗地面积(㎡)</td>
+					<td colspan="2" rowspan="2">
+						<input type="text" class="formInput" />
+					</td>
+					<td colspan="2">建筑占地宗面积</td>
+					<td colspan="2">
+						<input type="text" class="formInput" />
+					</td>
+				</tr>
+				<tr>
+					<td colspan="2">建筑面积(㎡)</td>
+					<td colspan="2">
+						<input type="text" class="formInput" />
+					</td>
+				</tr>
+				<tr>
+					<td colspan="2">共有/共用权利人情况</td>
+					<td colspan="10">
+						<input type="text" class="formInput" />
+					</td>
+				</tr>
+				<tr>
+					<td colspan="2" rowspan="2">说明</td>
+					<td colspan="10" rowspan="2">
+						<input type="text" class="formInput" />
+					</td>
+				</tr>
 			</table>
 		</div>
 	</div>