全局修改表单中生成按钮和表格的增删按钮样式
Showing
14 changed files
with
177 additions
and
108 deletions
... | @@ -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 | ... | ... |
This diff is collapsed.
Click to expand it.
... | @@ -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> 用途<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> 删除</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 | } | ... | ... |
-
Please register or sign in to post a comment