权利性质组件修改

 <template>
 	<div class="temp">
+		<div class="qlxzAdd fl">
+			<span>权利性质</span>
+			<i class="iconfont iconicon-test2" @click="handleClick(0, 'add')"></i>
+					<!-- <el-button
+						type="primary"
+						class="changeBtn addMinus outAdd"
+						@click="handleClick(index, 'add')"
+						>+</el-button
+					> -->
+
+		</div>
 		<el-row
-			class="qlxzModule"
+			class="qlxzModule fl"
 			v-for="(items, index) in countList"
 			:key="items.id"
 		>
 			<template v-for="(childItem, childIndex) in items.list">
 				<el-col
-					:span="2"
+					:span="1"
 					class="btnCol "
 					:key="childIndex + '1'"
 					:class="childIndex > 0 ? 'childYT noTopBorder' : ''"
 				>
-					<el-button
-						v-show="childIndex < 1"
-						type="primary"
-						class="changeBtn addMinus outAdd"
-						@click="handleClick(index, 'add')"
-						>+</el-button
-					>
-					<el-button
-						v-show="childIndex < 1"
-						type="primary"
-						class="changeBtn addMinus outMinus"
-						@click="handleClick(index, 'minus')"
-						>-</el-button
-					>
+					<i v-show="childIndex == 0" :style="{'margin-top':(items.list.length-1)*57 - 18 + 'px'}" class="iconfont icon- qlxzMinus" @click="handleClick(index, 'minus')"></i>
 					<div
 						:class="items.hasNotBorder ? 'itemShow whiteItem' : 'whiteItem'"
 						v-if="items.isInside"
@@ -33,24 +31,30 @@
 				</el-col>
 				<el-col
 					:span="2"
-					class="btnCol pr10"
-					:key="childIndex + '8'"
+					class="btnCol tdytAdd"
+					:key="childIndex + '17'"
+					:class="childIndex > 0 ? 'childYT noTopBorder' : ''"
+				>
+					<template>
+						<span  v-show ="childIndex == 0" :style="{'margin-top':(items.list.length-1)*57 - 40 + 'px'}">土地用途</span>
+						<i class="iconfont iconicon-test1"  v-show ="childIndex == 0" :style="{'margin-top':(items.list.length-1)*57 + 'px'}" @click="handleInClick(index, childIndex, 'add')"></i>
+					</template>
+				</el-col>
+				<el-col
+					:span="1"
+					class="btnCol tdytMinus pr10"
+					:key="childIndex + '18'"
 					:class="childIndex > 0 ? 'childYT' : ''"
 				>
 					<!-- <template v-if="childIndex>0"> -->
-					<span class="qlxz" v-show="childIndex < 1">权利性质</span><br />
-					<el-button
-						type="primary"
-						class="changeBtn addMinus inAdd"
-						@click="handleInClick(index, childIndex, 'add')"
-						>+</el-button
-					>
-					<el-button
+					<!-- <span class="qlxz" v-show="childIndex < 1">权利性质</span><br /> -->
+					<i class="iconfont iconicon-test" @click="handleInClick(index, childIndex, 'minus')"></i>
+					<!-- <el-button
 						type="primary"
 						class="changeBtn addMinus inMinus"
 						@click="handleInClick(index, childIndex, 'minus')"
 						>-</el-button
-					>
+					> -->
 				</el-col>
 				<template v-if="hasSyqx">
 					<el-col
@@ -717,7 +721,38 @@ export default {
 <style lang="less">
 .temp {
 	width: 100%;
+	height: 100%;
+	.iconfont{
+		cursor: pointer;
+	}
+	.qlxzAdd{
+		width: 100px;
+		height: 100%;
+		border-right: 1px solid #E6E6E6;
+		position: relative;
+		span{
+			font-size: 14px;
+			height: 140px;
+			text-align: center;
+			-webkit-writing-mode: vertical-rl;
+			writing-mode: vertical-rl;
+			position: absolute;
+			top: 50%;
+			margin-top: -70px;
+			left: 30%;
+		}
+		i{
+			color: #66b1ff;
+			font-size: 36px;
+			position: absolute;
+			top: 50%;
+			margin-top: -18px;
+			left: 55%;
+			z-index: 1;
+		}
+	}
 	.qlxzModule {
+		width: calc(100% - 101px);
 		height: auto;
 		position: relative;
 		border-bottom: 1px solid #E6E6E6;
@@ -732,6 +767,15 @@ export default {
 			.qlxz {
 				line-height: 34px;
 			}
+			.qlxzMinus{
+				color: #FA6400;
+				font-size: 36px;
+				position: absolute;
+				top: 50%;
+				left: 50%;
+				margin: -18px 0 0 -18px;
+				z-index: 1;
+			}
 			ul {
 				margin-top: 34px;
 				li {
@@ -799,7 +843,7 @@ export default {
 			border-right: none;
 		}
 		.title {
-			width: 83.33333%;
+			width: 95.83333%;
 			height: 34px;
 			line-height: 34px;
 			background-color: #fff;
@@ -835,6 +879,40 @@ export default {
 			margin-top: 16px;
 		}
 	}
+	.tdytAdd,.tdytMinus{
+		span{
+			font-size: 14px;
+			height: 114px;
+			text-align: center;
+			-webkit-writing-mode: vertical-rl;
+			writing-mode: vertical-rl;
+			position: absolute;
+			top: 50%;
+			left: 30%;
+		}
+		i{
+			color: #66b1ff;
+			font-size: 36px;
+			position: absolute;
+			top: 50%;
+			margin-top: 0px;
+			left: 55%;
+			z-index: 1;
+		}
+	}
+	.tdytMinus{
+		i{
+			color: #FA6400;
+			left: 50%;
+			margin-left: -18px;
+		}
+	}
+	.childYT{
+		i{
+			top: 50%;
+			margin-top: -18px;
+		}
+	}
 	.el-row:nth-last-child(1) {
 		border-bottom: none;
 	}