Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
aa44139c by 杨威
Options

权利性质组件修改

1 parent ba1d9447
Inline Side-by-side
Showing 1 changed file with 106 additions and 28 deletions
1 <template> 1 <template>
2 <div class="temp"> 2 <div class="temp">
3 <div class="qlxzAdd fl">
4 <span>权利性质</span>
5 <i class="iconfont iconicon-test2" @click="handleClick(0, 'add')"></i>
6 <!-- <el-button
7 type="primary"
8 class="changeBtn addMinus outAdd"
9 @click="handleClick(index, 'add')"
10 >+</el-button
11 > -->
12
13 </div>
3 <el-row 14 <el-row
4 class="qlxzModule" 15 class="qlxzModule fl"
5 v-for="(items, index) in countList" 16 v-for="(items, index) in countList"
6 :key="items.id" 17 :key="items.id"
7 > 18 >
8 <template v-for="(childItem, childIndex) in items.list"> 19 <template v-for="(childItem, childIndex) in items.list">
9 <el-col 20 <el-col
10 :span="2" 21 :span="1"
11 class="btnCol " 22 class="btnCol "
12 :key="childIndex + '1'" 23 :key="childIndex + '1'"
13 :class="childIndex > 0 ? 'childYT noTopBorder' : ''" 24 :class="childIndex > 0 ? 'childYT noTopBorder' : ''"
14 > 25 >
15 <el-button 26 <i v-show="childIndex == 0" :style="{'margin-top':(items.list.length-1)*57 - 18 + 'px'}" class="iconfont icon- qlxzMinus" @click="handleClick(index, 'minus')"></i>
16 v-show="childIndex < 1"
17 type="primary"
18 class="changeBtn addMinus outAdd"
19 @click="handleClick(index, 'add')"
20 >+</el-button
21 >
22 <el-button
23 v-show="childIndex < 1"
24 type="primary"
25 class="changeBtn addMinus outMinus"
26 @click="handleClick(index, 'minus')"
27 >-</el-button
28 >
29 <div 27 <div
30 :class="items.hasNotBorder ? 'itemShow whiteItem' : 'whiteItem'" 28 :class="items.hasNotBorder ? 'itemShow whiteItem' : 'whiteItem'"
31 v-if="items.isInside" 29 v-if="items.isInside"
...@@ -33,24 +31,30 @@ ...@@ -33,24 +31,30 @@
33 </el-col> 31 </el-col>
34 <el-col 32 <el-col
35 :span="2" 33 :span="2"
36 class="btnCol pr10" 34 class="btnCol tdytAdd"
37 :key="childIndex + '8'" 35 :key="childIndex + '17'"
36 :class="childIndex > 0 ? 'childYT noTopBorder' : ''"
37 >
38 <template>
39 <span v-show ="childIndex == 0" :style="{'margin-top':(items.list.length-1)*57 - 40 + 'px'}">土地用途</span>
40 <i class="iconfont iconicon-test1" v-show ="childIndex == 0" :style="{'margin-top':(items.list.length-1)*57 + 'px'}" @click="handleInClick(index, childIndex, 'add')"></i>
41 </template>
42 </el-col>
43 <el-col
44 :span="1"
45 class="btnCol tdytMinus pr10"
46 :key="childIndex + '18'"
38 :class="childIndex > 0 ? 'childYT' : ''" 47 :class="childIndex > 0 ? 'childYT' : ''"
39 > 48 >
40 <!-- <template v-if="childIndex>0"> --> 49 <!-- <template v-if="childIndex>0"> -->
41 <span class="qlxz" v-show="childIndex < 1">权利性质</span><br /> 50 <!-- <span class="qlxz" v-show="childIndex < 1">权利性质</span><br /> -->
42 <el-button 51 <i class="iconfont iconicon-test" @click="handleInClick(index, childIndex, 'minus')"></i>
43 type="primary" 52 <!-- <el-button
44 class="changeBtn addMinus inAdd"
45 @click="handleInClick(index, childIndex, 'add')"
46 >+</el-button
47 >
48 <el-button
49 type="primary" 53 type="primary"
50 class="changeBtn addMinus inMinus" 54 class="changeBtn addMinus inMinus"
51 @click="handleInClick(index, childIndex, 'minus')" 55 @click="handleInClick(index, childIndex, 'minus')"
52 >-</el-button 56 >-</el-button
53 > 57 > -->
54 </el-col> 58 </el-col>
55 <template v-if="hasSyqx"> 59 <template v-if="hasSyqx">
56 <el-col 60 <el-col
...@@ -717,7 +721,38 @@ export default { ...@@ -717,7 +721,38 @@ export default {
717 <style lang="less"> 721 <style lang="less">
718 .temp { 722 .temp {
719 width: 100%; 723 width: 100%;
724 height: 100%;
725 .iconfont{
726 cursor: pointer;
727 }
728 .qlxzAdd{
729 width: 100px;
730 height: 100%;
731 border-right: 1px solid #E6E6E6;
732 position: relative;
733 span{
734 font-size: 14px;
735 height: 140px;
736 text-align: center;
737 -webkit-writing-mode: vertical-rl;
738 writing-mode: vertical-rl;
739 position: absolute;
740 top: 50%;
741 margin-top: -70px;
742 left: 30%;
743 }
744 i{
745 color: #66b1ff;
746 font-size: 36px;
747 position: absolute;
748 top: 50%;
749 margin-top: -18px;
750 left: 55%;
751 z-index: 1;
752 }
753 }
720 .qlxzModule { 754 .qlxzModule {
755 width: calc(100% - 101px);
721 height: auto; 756 height: auto;
722 position: relative; 757 position: relative;
723 border-bottom: 1px solid #E6E6E6; 758 border-bottom: 1px solid #E6E6E6;
...@@ -732,6 +767,15 @@ export default { ...@@ -732,6 +767,15 @@ export default {
732 .qlxz { 767 .qlxz {
733 line-height: 34px; 768 line-height: 34px;
734 } 769 }
770 .qlxzMinus{
771 color: #FA6400;
772 font-size: 36px;
773 position: absolute;
774 top: 50%;
775 left: 50%;
776 margin: -18px 0 0 -18px;
777 z-index: 1;
778 }
735 ul { 779 ul {
736 margin-top: 34px; 780 margin-top: 34px;
737 li { 781 li {
...@@ -799,7 +843,7 @@ export default { ...@@ -799,7 +843,7 @@ export default {
799 border-right: none; 843 border-right: none;
800 } 844 }
801 .title { 845 .title {
802 width: 83.33333%; 846 width: 95.83333%;
803 height: 34px; 847 height: 34px;
804 line-height: 34px; 848 line-height: 34px;
805 background-color: #fff; 849 background-color: #fff;
...@@ -835,6 +879,40 @@ export default { ...@@ -835,6 +879,40 @@ export default {
835 margin-top: 16px; 879 margin-top: 16px;
836 } 880 }
837 } 881 }
882 .tdytAdd,.tdytMinus{
883 span{
884 font-size: 14px;
885 height: 114px;
886 text-align: center;
887 -webkit-writing-mode: vertical-rl;
888 writing-mode: vertical-rl;
889 position: absolute;
890 top: 50%;
891 left: 30%;
892 }
893 i{
894 color: #66b1ff;
895 font-size: 36px;
896 position: absolute;
897 top: 50%;
898 margin-top: 0px;
899 left: 55%;
900 z-index: 1;
901 }
902 }
903 .tdytMinus{
904 i{
905 color: #FA6400;
906 left: 50%;
907 margin-left: -18px;
908 }
909 }
910 .childYT{
911 i{
912 top: 50%;
913 margin-top: -18px;
914 }
915 }
838 .el-row:nth-last-child(1) { 916 .el-row:nth-last-child(1) {
839 border-bottom: none; 917 border-bottom: none;
840 } 918 }
......