全局修改表单中生成按钮和表格的增删按钮样式
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