e15ad4a6 by 杨威

全局修改表单中生成按钮和表格的增删按钮样式

1 parent 7f96a1f6
...@@ -156,4 +156,53 @@ ol, ul { list-style:none; } ...@@ -156,4 +156,53 @@ ol, ul { list-style:none; }
156 .contextmenu li:hover { 156 .contextmenu li:hover {
157 background: #eee; 157 background: #eee;
158 } 158 }
159 // end
...\ No newline at end of file ...\ No newline at end of file
159 // end
160 //生成按钮样式
161 .el-button--warning{
162 color: #FFF;
163 background-color: #F79700;
164 border-color: #F79700;
165 }
166 .el-button--warning:focus, .el-button--warning:hover{
167 background-color: rgba(247, 151, 0,.7);
168 border-color: rgba(247, 151, 0,.7);
169 }
170 .percent80{
171 width: 78%;
172 float: left;
173 }
174 .createBtn{
175 position: absolute;
176 width: 50px;
177 padding: 6px 0px;
178 right: 6px;
179 top: 4px;
180 }
181 // 增删操作按钮样式
182 .addMinus{
183 border-radius:50%;
184 width: 30px !important;
185 height: 30px !important;
186 font-size: 22px!important;
187 padding: 4px 6px;
188 }
189 .outAdd,.outAdd:hover:focus{
190 background-color: #2FA5FF!important;
191 border: 1px solid #2FA5FF!important;
192 color: #fff!important;
193 }
194 .inAdd,.inAdd:hover:focus{
195 border: 1px solid #2FA5FF!important;
196 background-color: #fff!important;
197 color: #2FA5FF!important;
198 }
199 .outMinus,.outMinus:hover:focus{
200 background-color: #FA6400!important;
201 border: 1px solid #FA6400!important;
202 color: #fff!important;
203 }
204 .inMinus,.inMinus:hover:focus{
205 border: 1px solid #FA6400!important;
206 background-color: #fff!important;
207 color: #FA6400!important;
208 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -210,13 +210,13 @@ ...@@ -210,13 +210,13 @@
210 <td rowspan="2" class="btnCol"> 210 <td rowspan="2" class="btnCol">
211 <el-button 211 <el-button
212 type="primary" 212 type="primary"
213 class="changeBtn" 213 class="changeBtn outAdd addMinus"
214 @click="handleClick(item, index, 'add')" 214 @click="handleClick(item, index, 'add')"
215 >+</el-button 215 >+</el-button
216 > 216 >
217 <el-button 217 <el-button
218 type="primary" 218 type="primary"
219 class="changeBtn" 219 class="changeBtn outMinus addMinus"
220 @click="handleClick(item, index, 'minus')" 220 @click="handleClick(item, index, 'minus')"
221 >-</el-button 221 >-</el-button
222 > 222 >
...@@ -671,10 +671,6 @@ ...@@ -671,10 +671,6 @@
671 text-align: center; 671 text-align: center;
672 cursor: text; 672 cursor: text;
673 } 673 }
674 .percent78 {
675 width: 78%;
676 float: left;
677 }
678 .percent68 { 674 .percent68 {
679 width: 68% !important; 675 width: 68% !important;
680 float: left; 676 float: left;
...@@ -685,13 +681,6 @@ ...@@ -685,13 +681,6 @@
685 width: 30% !important; 681 width: 30% !important;
686 float: left; 682 float: left;
687 } 683 }
688 .createBtn {
689 position: absolute;
690 width: 50px;
691 padding: 6px 4px;
692 right: 4px;
693 top: 4px;
694 }
695 .el-input__icon { 684 .el-input__icon {
696 line-height: 37px; 685 line-height: 37px;
697 } 686 }
......
...@@ -15,14 +15,14 @@ ...@@ -15,14 +15,14 @@
15 <el-button 15 <el-button
16 v-show="childIndex < 1" 16 v-show="childIndex < 1"
17 type="primary" 17 type="primary"
18 class="changeBtn" 18 class="changeBtn addMinus outAdd"
19 @click="handleClick(index, 'add')" 19 @click="handleClick(index, 'add')"
20 >+</el-button 20 >+</el-button
21 > 21 >
22 <el-button 22 <el-button
23 v-show="childIndex < 1" 23 v-show="childIndex < 1"
24 type="primary" 24 type="primary"
25 class="changeBtn" 25 class="changeBtn addMinus outMinus"
26 @click="handleClick(index, 'minus')" 26 @click="handleClick(index, 'minus')"
27 >-</el-button 27 >-</el-button
28 > 28 >
...@@ -41,13 +41,13 @@ ...@@ -41,13 +41,13 @@
41 <span class="qlxz" v-show="childIndex < 1">权利性质</span><br /> 41 <span class="qlxz" v-show="childIndex < 1">权利性质</span><br />
42 <el-button 42 <el-button
43 type="primary" 43 type="primary"
44 class="changeBtn" 44 class="changeBtn addMinus inAdd"
45 @click="handleInClick(index, childIndex, 'add')" 45 @click="handleInClick(index, childIndex, 'add')"
46 >+</el-button 46 >+</el-button
47 > 47 >
48 <el-button 48 <el-button
49 type="primary" 49 type="primary"
50 class="changeBtn" 50 class="changeBtn addMinus inMinus"
51 @click="handleInClick(index, childIndex, 'minus')" 51 @click="handleInClick(index, childIndex, 'minus')"
52 >-</el-button 52 >-</el-button
53 > 53 >
...@@ -398,7 +398,7 @@ export default { ...@@ -398,7 +398,7 @@ export default {
398 .qlxzModule { 398 .qlxzModule {
399 height: auto; 399 height: auto;
400 position: relative; 400 position: relative;
401 border-bottom: 1px solid grey; 401 border-bottom: 1px solid #E6E6E6;
402 .el-col { 402 .el-col {
403 // height: 100%; 403 // height: 100%;
404 border-right: 1px solid grey; 404 border-right: 1px solid grey;
......
...@@ -289,7 +289,7 @@ export default { ...@@ -289,7 +289,7 @@ export default {
289 .qlxzModule { 289 .qlxzModule {
290 height: auto; 290 height: auto;
291 position: relative; 291 position: relative;
292 border-bottom: 1px solid grey; 292 border-bottom: 1px solid #E6E6E6;
293 .el-col { 293 .el-col {
294 // height: 100%; 294 // height: 100%;
295 border-right: 1px solid grey; 295 border-right: 1px solid grey;
......
...@@ -398,7 +398,7 @@ export default { ...@@ -398,7 +398,7 @@ export default {
398 color: #006cff; 398 color: #006cff;
399 border-left: 1px solid #EAEAEA; 399 border-left: 1px solid #EAEAEA;
400 border-right: 1px solid #EAEAEA; 400 border-right: 1px solid #EAEAEA;
401 height: 59px; 401 height: 58px;
402 border-bottom: 1px solid #FFF; 402 border-bottom: 1px solid #FFF;
403 } 403 }
404 } 404 }
......
...@@ -10,22 +10,22 @@ ...@@ -10,22 +10,22 @@
10 <tr height="30"> 10 <tr height="30">
11 <td colspan="2" align="center" >宗地代码</td> 11 <td colspan="2" align="center" >宗地代码</td>
12 <td colspan="4" > 12 <td colspan="4" >
13 <el-input v-model="form.zddm"></el-input> 13 <input class="formInput" v-model="form.zddm">
14 </td> 14 </td>
15 <td colspan="2" align="center" >不动产单元号</td> 15 <td colspan="2" align="center" >不动产单元号</td>
16 <td colspan="4" > 16 <td colspan="4" class="psr">
17 <el-input v-model="form.bdcdyh" style="width: 70%"></el-input> 17 <input class="formInput percent80" v-model="form.bdcdyh">
18 <el-button @click.prevent="generatorCode" size="mini" type="primary" style="width:25%;margin-left:3%">生成</el-button> 18 <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button>
19 </td> 19 </td>
20 </tr> 20 </tr>
21 <tr height="30"> 21 <tr height="30">
22 <td colspan="2" align="center" >项目名称</td> 22 <td colspan="2" align="center" >项目名称</td>
23 <td colspan="4" > 23 <td colspan="4" >
24 <el-input v-model="form.xmmc"></el-input> 24 <input class="formInput" v-model="form.xmmc">
25 </td> 25 </td>
26 <td colspan="2" align="center" >房屋性质</td> 26 <td colspan="2" align="center" >房屋性质</td>
27 <td colspan="4" > 27 <td colspan="4" >
28 <el-select v-model="form.fwxzbsm" placeholder="请选择" > 28 <el-select class="formSelect" v-model="form.fwxzbsm" placeholder="请选择" >
29 <el-option 29 <el-option
30 v-for="item in $store.state.fwxzOptions" 30 v-for="item in $store.state.fwxzOptions"
31 :key="item.bsm" 31 :key="item.bsm"
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
39 <tr height="30"> 39 <tr height="30">
40 <td colspan="2" align="center" >房屋类型</td> 40 <td colspan="2" align="center" >房屋类型</td>
41 <td colspan="4" > 41 <td colspan="4" >
42 <el-select v-model="form.fwlxbsm" placeholder="请选择" > 42 <el-select class="formSelect" v-model="form.fwlxbsm" placeholder="请选择" >
43 <el-option 43 <el-option
44 v-for="item in $store.state.fwlxList" 44 v-for="item in $store.state.fwlxList"
45 :key="item.bsm" 45 :key="item.bsm"
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
61 <tr height="30"> 61 <tr height="30">
62 <td colspan="2" align="center" >产别</td> 62 <td colspan="2" align="center" >产别</td>
63 <td colspan="4" > 63 <td colspan="4" >
64 <el-select v-model="form.fwcbbsm" placeholder="请选择" > 64 <el-select class="formSelect" v-model="form.fwcbbsm" placeholder="请选择" >
65 <el-option 65 <el-option
66 v-for="item in $store.state.cbOptions" 66 v-for="item in $store.state.cbOptions"
67 :key="item.bsm" 67 :key="item.bsm"
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
72 </td> 72 </td>
73 <td colspan="2" align="center" >产权来源</td> 73 <td colspan="2" align="center" >产权来源</td>
74 <td colspan="4" > 74 <td colspan="4" >
75 <el-select v-model="form.fwcqlybsm" placeholder="请选择" > 75 <el-select class="formSelect" v-model="form.fwcqlybsm" placeholder="请选择" >
76 <el-option 76 <el-option
77 v-for="item in $store.state.cqlyOptions" 77 v-for="item in $store.state.cqlyOptions"
78 :key="item.bsm" 78 :key="item.bsm"
...@@ -127,26 +127,23 @@ ...@@ -127,26 +127,23 @@
127 <tr height="30"> 127 <tr height="30">
128 <td colspan="2" align="center" >共有土地面积(㎡)</td> 128 <td colspan="2" align="center" >共有土地面积(㎡)</td>
129 <td colspan="2" > 129 <td colspan="2" >
130 <el-input v-model="form.zdmj"></el-input> 130 <input class="formInput" v-model="form.zdmj">
131 </td> 131 </td>
132 <td colspan="2" align="center" >分摊土地面积(㎡)</td> 132 <td colspan="2" align="center" >分摊土地面积(㎡)</td>
133 <td colspan="2" > 133 <td colspan="2" >
134 <el-input v-model="form.fttdsymj"></el-input> 134 <input class="formInput" v-model="form.fttdsymj">
135 </td> 135 </td>
136 <td colspan="2" align="center" >多幢独用土地面积(㎡)</td> 136 <td colspan="2" align="center" >多幢独用土地面积(㎡)</td>
137 <td colspan="2" > 137 <td colspan="2" >
138 <el-input v-model="form.dlsytdmj"></el-input> 138 <input class="formInput" v-model="form.dlsytdmj">
139 </td> 139 </td>
140 </tr> 140 </tr>
141 141
142 <tr> 142 <tr>
143 <td colspan="12" rowspan="4" align="center"> 143 <td colspan="12" align="center">
144 <Qlxz ref="qlxzModule"></Qlxz> 144 <Qlxz ref="qlxzModule" :formData="form"></Qlxz>
145 </td> 145 </td>
146 </tr> 146 </tr>
147 <tr></tr>
148 <tr></tr>
149 <tr></tr>
150 147
151 148
152 <tr height="30"> 149 <tr height="30">
...@@ -154,7 +151,7 @@ ...@@ -154,7 +151,7 @@
154 <span>坐落</span> 151 <span>坐落</span>
155 </td> 152 </td>
156 <td colspan="10" > 153 <td colspan="10" >
157 <el-input v-model="form.zl"></el-input> 154 <input class="formInput" v-model="form.zl">
158 </td> 155 </td>
159 </tr> 156 </tr>
160 157
...@@ -163,7 +160,7 @@ ...@@ -163,7 +160,7 @@
163 <span>附加说明</span> 160 <span>附加说明</span>
164 </td> 161 </td>
165 <td colspan="10" rowspan="2" > 162 <td colspan="10" rowspan="2" >
166 <el-input v-model="form.bz" type="textarea"></el-input> 163 <input class="formInput" v-model="form.bz" type="textarea">
167 </td> 164 </td>
168 </tr> 165 </tr>
169 <tr height="30"> 166 <tr height="30">
...@@ -174,7 +171,7 @@ ...@@ -174,7 +171,7 @@
174 <span>调查意见</span> 171 <span>调查意见</span>
175 </td> 172 </td>
176 <td colspan="10" > 173 <td colspan="10" >
177 <el-input v-model="form.name"></el-input> 174 <input class="formInput" v-model="form.name">
178 </td> 175 </td>
179 </tr> 176 </tr>
180 177
...@@ -183,7 +180,7 @@ ...@@ -183,7 +180,7 @@
183 <span>审查员</span> 180 <span>审查员</span>
184 </td> 181 </td>
185 <td colspan="2" > 182 <td colspan="2" >
186 <el-input v-model="form.name"></el-input> 183 <input class="formInput" v-model="form.name">
187 </td> 184 </td>
188 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px"> 185 <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
189 <span>审查日期</span> 186 <span>审查日期</span>
...@@ -481,10 +478,6 @@ ...@@ -481,10 +478,6 @@
481 box-sizing: border-box; 478 box-sizing: border-box;
482 padding: 18px; 479 padding: 18px;
483 padding-bottom: 0; 480 padding-bottom: 0;
484 /deep/.el-input__inner{
485 width: 100%;
486 border: 0;
487 }
488 481
489 /deep/textarea{ 482 /deep/textarea{
490 width: 100%; 483 width: 100%;
...@@ -503,13 +496,12 @@ ...@@ -503,13 +496,12 @@
503 } 496 }
504 497
505 td{ 498 td{
506 //bgcolor:#F1F4FC; 499 height: 36px;
507 bgcolor:#fff; 500 width:8.33%;
508 width:8.33%
509 } 501 }
510 502
511 .el-select{ 503 .el-select{
512 display:block; 504 width: 100%;
513 } 505 }
514 506
515 table{ 507 table{
...@@ -518,6 +510,15 @@ ...@@ -518,6 +510,15 @@
518 510
519 .dzTable{ 511 .dzTable{
520 margin-top: 10px; 512 margin-top: 10px;
513 /deep/.el-input__inner {
514 margin: 0;
515 height: 36px;
516 outline: none;
517 border: none;
518 color: #606764;
519 overflow: visible;
520 text-align: center;
521 }
521 } 522 }
522 } 523 }
523 </style> 524 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -57,7 +57,14 @@ ...@@ -57,7 +57,14 @@
57 <th class="zxx">幢信息</th> 57 <th class="zxx">幢信息</th>
58 </tr> 58 </tr>
59 <tr v-for="(item,index) in fghData.newZdlist" :key="index"> 59 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
60 <td @click="delRow(index)" class="cz">-</td> 60 <td class="cz">
61 <el-button
62 type="primary"
63 class="changeBtn outMinus addMinus"
64 @click="delRow(index)"
65 >-</el-button
66 >
67 </td>
61 <td class="xzq"> 68 <td class="xzq">
62 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> 69 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
63 <el-option 70 <el-option
...@@ -117,7 +124,12 @@ ...@@ -117,7 +124,12 @@
117 </td> 124 </td>
118 </tr> 125 </tr>
119 <tr> 126 <tr>
120 <td @click="addRow">+</td> 127 <td><el-button
128 type="primary"
129 class="changeBtn outAdd addMinus"
130 @click="addRow"
131 >+</el-button
132 ></td>
121 <td></td> 133 <td></td>
122 <td></td> 134 <td></td>
123 <td></td> 135 <td></td>
...@@ -233,7 +245,14 @@ ...@@ -233,7 +245,14 @@
233 <th class="zxx">幢信息</th> 245 <th class="zxx">幢信息</th>
234 </tr> 246 </tr>
235 <tr v-for="(item,index) in fghData.newZdlist" :key="index"> 247 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
236 <td @click="delRow(index)" class="cz">-</td> 248 <td class="cz">
249 <el-button
250 type="primary"
251 class="changeBtn outMinus addMinus"
252 @click="delRow(index)"
253 >-</el-button
254 >
255 </td>
237 <td class="xzq"> 256 <td class="xzq">
238 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> 257 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
239 <el-option 258 <el-option
...@@ -409,7 +428,15 @@ ...@@ -409,7 +428,15 @@
409 <th class="zxx">幢信息</th> 428 <th class="zxx">幢信息</th>
410 </tr> 429 </tr>
411 <tr v-for="(item,index) in fghData.newZdlist" :key="index"> 430 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
412 <td @click="delRow(index)" class="cz">-</td> 431
432 <td class="cz">
433 <el-button
434 type="primary"
435 class="changeBtn outMinus addMinus"
436 @click="delRow(index)"
437 >-</el-button
438 >
439 </td>
413 <td class="xzq"> 440 <td class="xzq">
414 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> 441 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
415 <el-option 442 <el-option
......
...@@ -22,29 +22,41 @@ ...@@ -22,29 +22,41 @@
22 </table> 22 </table>
23 <table border="1"> 23 <table border="1">
24 <tr> 24 <tr>
25 <td @click="addRow" class="cz">+</td> 25 <td class="cz"><el-button
26 type="primary"
27 class="changeBtn outAdd addMinus"
28 @click="addRow"
29 >+</el-button
30 ></td>
26 <td class="dzwdm">定着物代码</td> 31 <td class="dzwdm">定着物代码</td>
27 <td class="syqmj">土地所有权/使用权面积(㎡)</td> 32 <td class="syqmj">土地所有权/使用权面积(㎡)</td>
28 <td class="dytdmj">独有独用土地面积(㎡)</td> 33 <td class="dytdmj">独有独用土地面积(㎡)</td>
29 <td class="fttjmj">分摊土地面积(㎡)</td> 34 <td class="fttjmj">分摊土地面积(㎡)</td>
30 </tr> 35 </tr>
31 <tr v-for="(item,i) in mjftData.list" :key="i"> 36 <tr v-for="(item,i) in mjftData.list" :key="i">
32 <td @click="delRow(i)" class="cz">-</td> 37 <td class="cz">
38 <el-button
39 type="primary"
40 class="changeBtn outMinus addMinus"
41 @click="delRow(i)"
42 >-</el-button
43 >
44 </td>
33 <td class="dzwdm"> 45 <td class="dzwdm">
34 <el-input v-model="item.dzwdm" > 46 <el-input v-model="item.dzwdm" >
35 </el-input> 47 </el-input>
36 </td> 48 </td>
37 <td class="syqmj"> 49 <td class="syqmj">
38 <el-input 50 <el-input placeholder="请输入数字"
39 oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}" 51 oninput="if(isNaN(value)) { value = value.substr(0, value.length - 1) } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}"
40 v-model="item.tdsyqsyqmj" 52 v-model="item.tdsyqsyqmj"
41 ></el-input> 53 ></el-input>
42 </td> 54 </td>
43 <td class="dytdmj"> 55 <td class="dytdmj">
44 <el-input v-model="item.dydytdmj" oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}"></el-input> 56 <el-input v-model="item.dydytdmj" placeholder="请输入数字" oninput="if(isNaN(value)) { value = value.substr(0, value.length - 1)} if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}"></el-input>
45 </td> 57 </td>
46 <td class="fttjmj"> 58 <td class="fttjmj">
47 <el-input v-model="item.fttdmj" oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}"></el-input> 59 <el-input v-model="item.fttdmj" placeholder="请输入数字" oninput="if(isNaN(value)) { value = value.substr(0, value.length - 1) } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}"></el-input>
48 </td> 60 </td>
49 </tr> 61 </tr>
50 <tr> 62 <tr>
...@@ -123,7 +135,8 @@ ...@@ -123,7 +135,8 @@
123 /* e.target.value = (e.target.value.match(/^(1|2|3|4|5|6|7|8|9|0)*(\.?\d{0,2})/g)[0]) || null*/ 135 /* e.target.value = (e.target.value.match(/^(1|2|3|4|5|6|7|8|9|0)*(\.?\d{0,2})/g)[0]) || null*/
124 let value = e.target.value 136 let value = e.target.value
125 if (isNaN(value)) { 137 if (isNaN(value)) {
126 value = null 138 console.log(value,'value');
139 value = value.slice()
127 } 140 }
128 if (value.indexOf('.') > 0) { 141 if (value.indexOf('.') > 0) {
129 value = value.slice(0, value.indexOf('.') + 4) 142 value = value.slice(0, value.indexOf('.') + 4)
......
...@@ -113,10 +113,10 @@ ...@@ -113,10 +113,10 @@
113 <td colspan="4" class="psr"> 113 <td colspan="4" class="psr">
114 <input :disabled="formData.qszt!='0'" 114 <input :disabled="formData.qszt!='0'"
115 type="text" placeholder="请输入" 115 type="text" placeholder="请输入"
116 class="formInput percent78" 116 class="formInput percent80"
117 v-model="formData.zddm" 117 v-model="formData.zddm"
118 /> 118 />
119 <el-button type="primary" class="createBtn" @click="generatorCode" 119 <el-button type="warning" class="createBtn" @click="generatorCode"
120 >生成 120 >生成
121 </el-button> 121 </el-button>
122 </td> 122 </td>
...@@ -131,10 +131,10 @@ ...@@ -131,10 +131,10 @@
131 <td colspan="4" class="psr"> 131 <td colspan="4" class="psr">
132 <input 132 <input
133 type="text" :disabled="formData.qszt!='0'" 133 type="text" :disabled="formData.qszt!='0'"
134 class="formInput percent78" 134 class="formInput percent80"
135 v-model="formData.bdcdyh" 135 v-model="formData.bdcdyh"
136 /> 136 />
137 <el-button type="primary" class="createBtn">生成</el-button> 137 <el-button type="warning" class="createBtn">生成</el-button>
138 </td> 138 </td>
139 </tr> 139 </tr>
140 <tr> 140 <tr>
...@@ -708,10 +708,6 @@ export default { ...@@ -708,10 +708,6 @@ export default {
708 overflow: visible; 708 overflow: visible;
709 text-align: center; 709 text-align: center;
710 } 710 }
711 .percent78 {
712 width: 78%;
713 float: left;
714 }
715 .percent68 { 711 .percent68 {
716 width: 68% !important; 712 width: 68% !important;
717 float: left; 713 float: left;
...@@ -732,13 +728,6 @@ export default { ...@@ -732,13 +728,6 @@ export default {
732 width: 30% !important; 728 width: 30% !important;
733 float: left; 729 float: left;
734 } 730 }
735 .createBtn {
736 position: absolute;
737 width: 50px;
738 padding: 6px 4px;
739 right: 4px;
740 top: 4px;
741 }
742 .el-input__icon { 731 .el-input__icon {
743 line-height: 37px; 732 line-height: 37px;
744 } 733 }
......
...@@ -20,9 +20,9 @@ ...@@ -20,9 +20,9 @@
20 <tr height="30"> 20 <tr height="30">
21 <td colspan="2" align="center" >不动产单元号<i class="requisite">*</i></td> 21 <td colspan="2" align="center" >不动产单元号<i class="requisite">*</i></td>
22 <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号--> 22 <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号-->
23 <td colspan="4" > 23 <td colspan="4" class="psr">
24 <el-input v-model="form.bdcdyh" style="width: 82%" disabled></el-input> 24 <el-input v-model="form.bdcdyh" class="percent80" disabled></el-input>
25 <el-button @click.prevent="generatorCode" size="mini" type="primary" style="width:17%;margin-left:1%">生成</el-button> 25 <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button>
26 </td> 26 </td>
27 <td colspan="2" align="center" >原不动产单元</td> 27 <td colspan="2" align="center" >原不动产单元</td>
28 <td colspan="4" > 28 <td colspan="4" >
......
...@@ -30,13 +30,13 @@ ...@@ -30,13 +30,13 @@
30 <el-input v-model="form.ljzmc"></el-input> 30 <el-input v-model="form.ljzmc"></el-input>
31 </td> 31 </td>
32 <td colspan="2" align="center">不动产单元号</td> 32 <td colspan="2" align="center">不动产单元号</td>
33 <td colspan="4"> 33 <td colspan="4" class="psr">
34 <el-input v-model="form.bdcdyh" style="width: 70%"></el-input> 34 <el-input v-model="form.bdcdyh" class="percent80"></el-input>
35 <el-button 35 <el-button
36 @click.prevent="" 36 @click.prevent=""
37 size="mini" 37 size="mini"
38 type="primary" 38 type="warning"
39 style="width:25%;margin-left:3%" 39 class="createBtn"
40 >生成</el-button 40 >生成</el-button
41 > 41 >
42 </td> 42 </td>
......
...@@ -13,7 +13,14 @@ ...@@ -13,7 +13,14 @@
13 </table> 13 </table>
14 <table border="1"> 14 <table border="1">
15 <tr> 15 <tr>
16 <td @click="addRow">+</td> 16 <td>
17 <el-button
18 type="primary"
19 class="changeBtn outAdd addMinus"
20 @click="addRow"
21 >+</el-button
22 >
23 </td>
17 <td>建(构)筑物编号</td> 24 <td>建(构)筑物编号</td>
18 <td>建(构)筑物数量</td> 25 <td>建(构)筑物数量</td>
19 <td>建(构)筑物面积(㎡)</td> 26 <td>建(构)筑物面积(㎡)</td>
...@@ -22,7 +29,14 @@ ...@@ -22,7 +29,14 @@
22 <td>附记</td> 29 <td>附记</td>
23 </tr> 30 </tr>
24 <tr v-for="(item,i) in Data.list" :key="i"> 31 <tr v-for="(item,i) in Data.list" :key="i">
25 <td @click="delRow(i)">-</td> 32 <td>
33 <el-button
34 type="primary"
35 class="changeBtn outMinus addMinus"
36 @click="delRow(i)"
37 >-</el-button
38 >
39 </td>
26 <td><input type="text" class="formInput" v-model="item.jgzwbh"/></td> 40 <td><input type="text" class="formInput" v-model="item.jgzwbh"/></td>
27 <td><input type="number" class="formInput" v-model="item.jgzsl" @keydown="oninput"/></td> 41 <td><input type="number" class="formInput" v-model="item.jgzsl" @keydown="oninput"/></td>
28 <td><input type="number" class="formInput" v-model.number="item.jgzmj" @keydown="oninput"/></td> 42 <td><input type="number" class="formInput" v-model.number="item.jgzmj" @keydown="oninput"/></td>
......
...@@ -23,9 +23,9 @@ ...@@ -23,9 +23,9 @@
23 <input class="formInput" :disabled="form.qszt!='0'" v-model="form.xmmc"> 23 <input class="formInput" :disabled="form.qszt!='0'" v-model="form.xmmc">
24 </td> 24 </td>
25 <td colspan="2" >不动产单元号<i class="requisite">*</i></td> 25 <td colspan="2" >不动产单元号<i class="requisite">*</i></td>
26 <td colspan="4" > 26 <td colspan="4" class="psr">
27 <input class="formInput percent78" :disabled="form.qszt!='0'" v-model="form.bdcdyh" style="width: 70%"> 27 <input class="formInput percent80" :disabled="form.qszt!='0'" v-model="form.bdcdyh">
28 <el-button @click.prevent="generatorCode" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> 28 <el-button @click.prevent="generatorCode" type="warning" class="createBtn" size="mini">生成</el-button>
29 </td> 29 </td>
30 </tr> 30 </tr>
31 31
...@@ -145,12 +145,12 @@ ...@@ -145,12 +145,12 @@
145 145
146 <tr v-for="(item1,index) in form.fwytList" :key="index"> 146 <tr v-for="(item1,index) in form.fwytList" :key="index">
147 <td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" id="ytTitle"> 147 <td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" id="ytTitle">
148 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button> 148 <el-button type="primary" class="outAdd addMinus" size="mini" style="margin-right: 10px" @click="addYtInfo">+</el-button>
149 <span>用途<i class="requisite">*</i></span> 149 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用途<i class="requisite">*</i></span>
150 </td> 150 </td>
151 151
152 <td colspan="1" style="min-width:120px"> 152 <td colspan="1" style="min-width:120px">
153 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button> 153 <el-button type="info" class="outMinus addMinus" size="mini" style="" @click="deleteYtInfo(index)" circle>-</el-button>
154 规划用途 154 规划用途
155 </td> 155 </td>
156 <td colspan="3" > 156 <td colspan="3" >
...@@ -186,11 +186,12 @@ ...@@ -186,11 +186,12 @@
186 186
187 <tr v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> 187 <tr v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
188 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" > 188 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" >
189 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button> 189 <el-button type="primary" class="outAdd addMinus" size="mini" style="margin-right: 10px" @click="addFwjgInfo">+</el-button>
190 <span>房屋结构<i class="requisite">*</i></span> 190 <span>房屋结构<i class="requisite">*</i></span>
191 </td> 191 </td>
192 <td colspan="1" > 192 <td colspan="1" >
193 <span @click="deleteFwjgInfo(index)">删除</span> 193 <el-button type="primary" class="outMinus addMinus" size="mini" style="margin-right: 10px" @click="deleteFwjgInfo(index)">-</el-button>
194 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;删除</span>
194 </td> 195 </td>
195 <td colspan="9" > 196 <td colspan="9" >
196 <el-select class="persent78" :disabled="form.qszt!='0'" v-model="item1.fwjgzdbsm" placeholder="请选择" > 197 <el-select class="persent78" :disabled="form.qszt!='0'" v-model="item1.fwjgzdbsm" placeholder="请选择" >
...@@ -205,13 +206,10 @@ ...@@ -205,13 +206,10 @@
205 </tr> 206 </tr>
206 207
207 <tr> 208 <tr>
208 <td colspan="12" rowspan="4" align="center"> 209 <td colspan="12" align="center">
209 <Qlxz ref="qlxzModule" :formData="form"></Qlxz> 210 <Qlxz ref="qlxzModule" :formData="form"></Qlxz>
210 </td> 211 </td>
211 </tr> 212 </tr>
212 <tr></tr>
213 <tr></tr>
214 <tr></tr>
215 213
216 <tr> 214 <tr>
217 <td colspan="2" > 215 <td colspan="2" >
...@@ -605,10 +603,6 @@ ...@@ -605,10 +603,6 @@
605 text-align: center; 603 text-align: center;
606 cursor: text; 604 cursor: text;
607 } 605 }
608 .percent78 {
609 width: 78%;
610 float: left;
611 }
612 .percent68 { 606 .percent68 {
613 width: 68% !important; 607 width: 68% !important;
614 float: left; 608 float: left;
...@@ -629,13 +623,6 @@ ...@@ -629,13 +623,6 @@
629 width: 30% !important; 623 width: 30% !important;
630 float: left; 624 float: left;
631 } 625 }
632 .createBtn {
633 position: absolute;
634 width: 50px;
635 padding: 6px 4px;
636 right: 4px;
637 top: 4px;
638 }
639 .el-input__icon { 626 .el-input__icon {
640 line-height: 37px; 627 line-height: 37px;
641 } 628 }
......