全局修改表单中生成按钮和表格的增删按钮样式
Showing
14 changed files
with
429 additions
and
361 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 | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="main"> |
3 | <div class="search"> | 3 | <div class="search"> |
4 | <el-row> | 4 | <el-form :inline="true" class="demo-form-inline"> |
5 | <el-col :span="24"> | 5 | <el-row> |
6 | <el-form :inline="true" class="demo-form-inline"> | 6 | <el-col :span="8"> |
7 | <el-form-item label="宗地编码"> | 7 | <el-form-item label="宗地编码"> |
8 | <el-input | 8 | <el-input |
9 | v-model="queryData.zddm" | 9 | v-model="queryData.zddm" |
10 | placeholder="输入宗地编码" | 10 | placeholder="输入宗地编码" |
11 | @change="query" | ||
12 | ></el-input> | 11 | ></el-input> |
13 | </el-form-item> | 12 | </el-form-item> |
13 | </el-col> | ||
14 | <el-col :span="8"> | ||
14 | <el-form-item label="不动产权证号"> | 15 | <el-form-item label="不动产权证号"> |
15 | <el-input | 16 | <el-input |
16 | v-model="queryData.bdcqzh" | 17 | v-model="queryData.bdcqzh" |
17 | placeholder="输入坐落地址" | 18 | placeholder="输入坐落地址" |
18 | @change="query" | ||
19 | ></el-input> | 19 | ></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | ||
22 | <el-col :span="8"> | ||
21 | <el-form-item label="不动产单元号"> | 23 | <el-form-item label="不动产单元号"> |
22 | <el-input | 24 | <el-input |
23 | v-model="queryData.bdcdyh" | 25 | v-model="queryData.bdcdyh" |
24 | placeholder="输入不动产单元号" | 26 | placeholder="输入不动产单元号" |
25 | @change="query" | ||
26 | ></el-input> | 27 | ></el-input> |
27 | </el-form-item> | 28 | </el-form-item> |
29 | </el-col> | ||
30 | </el-row> | ||
31 | <el-row> | ||
32 | <el-col :span="8"> | ||
28 | <el-form-item label="权利人"> | 33 | <el-form-item label="权利人"> |
29 | <el-input | 34 | <el-input |
30 | v-model="queryData.qlrmc" | 35 | v-model="queryData.qlrmc" |
31 | placeholder="输入权利人姓名" | 36 | placeholder="输入权利人姓名" |
32 | @change="query" | ||
33 | ></el-input> | 37 | ></el-input> |
34 | </el-form-item> | 38 | </el-form-item> |
39 | </el-col> | ||
40 | <el-col :span="8"> | ||
35 | <el-form-item label="坐落"> | 41 | <el-form-item label="坐落"> |
36 | <el-input | 42 | <el-input |
37 | v-model="queryData.zl" | 43 | v-model="queryData.zl" |
38 | placeholder="输入坐落地址" | 44 | placeholder="输入坐落地址" |
39 | @change="query" | ||
40 | ></el-input> | 45 | ></el-input> |
41 | </el-form-item> | 46 | </el-form-item> |
47 | </el-col> | ||
48 | <el-col :span="8"> | ||
49 | <el-button type="primary" @click="search">查询</el-button> | ||
50 | <el-button type="warning" style="margin-left:10px" @click="result">重置</el-button> | ||
51 | </el-col> | ||
52 | </el-row> | ||
53 | </el-form> | ||
42 | 54 | ||
43 | </el-form> | 55 | <el-table :data="Data" :height="tableHeight"> |
44 | </el-col> | 56 | <td class="xh">序号</td> |
45 | </el-row> | 57 | <td class="cz">操作</td> |
46 | <el-row> | 58 | <td class="zddm">宗地代码</td> |
47 | <el-col :span="24"> | 59 | <td class="bdcdyh">不动产单元号</td> |
48 | <el-form :inline="true" :model="queryData" class="demo-form-inline"> | 60 | <td class="xmmc">项目名称</td> |
49 | <el-form-item class="demo-form-inline" label="查询范围"> | 61 | <td class="bdcqzh">不动产权证号</td> |
50 | <el-checkbox-group v-model="queryData.dylxs" @change="query"> | 62 | <td class="qlr">权利人</td> |
51 | <el-checkbox label="zd" name="type">宗地</el-checkbox> | 63 | <td class="zl">坐落</td> |
52 | <el-checkbox label="dz" name="type">多幢</el-checkbox> | 64 | <el-table-column type="index" width="80" align="center" label="序号"> |
53 | <el-checkbox label="zrz" name="type">自然幢</el-checkbox> | 65 | </el-table-column> |
54 | <el-checkbox label="h" name="type">户</el-checkbox> | 66 | <el-table-column label="操作" width="100"> |
55 | <el-checkbox label="gzw" name="type">构筑物</el-checkbox> | 67 | <template slot-scope="scope"> |
56 | <el-checkbox label="lq" name="type">林权</el-checkbox> | 68 | <el-button @click="xzzrz(scope.row)" type="text" size="small" |
57 | <el-checkbox label="zh" name="type">宗海</el-checkbox> | 69 | >选择 |
58 | </el-checkbox-group> | 70 | </el-button> |
59 | </el-form-item> | 71 | </template> |
60 | 72 | </el-table-column> | |
61 | <el-button type="primary" @click="query">查询</el-button> | 73 | <el-table-column prop="zddm" align="left" label="宗地代码"> |
62 | <el-button type="warning" @click="reset">重置</el-button> | 74 | </el-table-column> |
63 | </el-form> | 75 | <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> |
64 | </el-col> | 76 | </el-table-column> |
65 | <el-col :span="2"> | 77 | <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> |
66 | </el-col> | 78 | </el-table-column> |
67 | </el-row> | 79 | <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> |
68 | 80 | </el-table-column> | |
69 | <el-table | 81 | <el-table-column prop="qlrmc" align="left" width="120" label="权利人"> |
70 | :data="Data" | 82 | </el-table-column> |
71 | :height="tableHeight" | 83 | <el-table-column prop="zl" align="left" label="坐落"></el-table-column> |
72 | :row-class-name="tableRowClassName" | 84 | </el-table> |
73 | > | 85 | </div> |
74 | <td class="xh">序号</td> | 86 | <span slot="footer" class="dialog-footer"> </span> |
75 | <td class="cz">操作</td> | 87 | <cxlz-query-data |
76 | <td class="zddm">宗地代码</td> | 88 | :centerDialogVisible="centerDialogVisible" |
77 | <td class="bdcdyh">不动产单元号</td> | 89 | :dylxs="dylxs" |
78 | <td class="xmmc">项目名称</td> | 90 | @close="close" |
79 | <td class="bdcqzh">不动产权证号</td> | 91 | :zrzbsm="zrzbsm" |
80 | <td class="qlr">权利人</td> | 92 | ></cxlz-query-data> |
81 | <td class="zl">坐落</td> | 93 | <div class="page"> |
82 | <el-table-column type="index" width="80" align="center" label="序号"> | 94 | <el-pagination |
83 | </el-table-column> | 95 | background |
84 | <el-table-column label="操作" width="100"> | 96 | layout="prev, pager, next,total" |
85 | <template slot-scope="scope"> | 97 | :page-size="queryData.pageSize" |
86 | <el-button @click="xzzrz(scope.row)" type="text" size="small" | 98 | :total="total" |
87 | >选择 | 99 | @current-change="currentChange" |
88 | </el-button> | 100 | > |
89 | </template> | 101 | </el-pagination> |
90 | </el-table-column> | 102 | </div> |
91 | <el-table-column prop="zddm" align="left" label="宗地代码"> | 103 | </div> |
92 | </el-table-column> | ||
93 | <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> | ||
94 | </el-table-column> | ||
95 | <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> | ||
96 | </el-table-column> | ||
97 | <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> | ||
98 | </el-table-column> | ||
99 | <el-table-column prop="qlrmc" align="left" width="120" label="权利人"> | ||
100 | </el-table-column> | ||
101 | <el-table-column prop="zl" align="left" label="坐落"></el-table-column> | ||
102 | </el-table> | ||
103 | </div> | ||
104 | <span slot="footer" class="dialog-footer"> </span> | ||
105 | <cxlz-query-data | ||
106 | :centerDialogVisible="centerDialogVisible" | ||
107 | :dylxs="dylxs" | ||
108 | @close="close" | ||
109 | :zrzbsm="zrzbsm" | ||
110 | ></cxlz-query-data> | ||
111 | <div class="page"> | ||
112 | <el-pagination | ||
113 | background | ||
114 | layout="prev, pager, next,total" | ||
115 | :page-size="queryData.pageSize" | ||
116 | :total="total" | ||
117 | @current-change="currentChange" | ||
118 | > | ||
119 | </el-pagination> | ||
120 | </div> | ||
121 | </div> | ||
122 | </template> | 104 | </template> |
123 | 105 | ||
124 | <script> | 106 | <script> |
125 | import {getSearchList} from "./../../../../api/search"; | 107 | import { getSearchList } from "./../../../../api/search"; |
126 | import cxlzQueryData from "../../../../components/cxlxQueryData/cxlzQueryData"; | 108 | import cxlzQueryData from "../../../../components/cxlxQueryData/cxlzQueryData"; |
127 | 109 | ||
128 | export default { | 110 | export default { |
129 | name: "", | 111 | name: "", |
130 | components: {cxlzQueryData}, | 112 | components: { cxlzQueryData }, |
131 | props: {}, | 113 | props: {}, |
132 | data() { | 114 | data() { |
133 | return { | 115 | return { |
134 | total: 1, | 116 | total: 1, |
135 | centerDialogVisible: false, | 117 | centerDialogVisible: false, |
136 | zrzbsm: "", | 118 | zrzbsm: "", |
137 | queryData: { | 119 | queryData: { |
138 | bdcdyh: "", | 120 | bdcdyh: "", |
139 | bdcqzh: "", | 121 | bdcqzh: "", |
140 | dylxs: ["zrz"], | 122 | dylxs: ["zrz"], |
141 | qlrmc: "", | 123 | qlrmc: "", |
142 | qszt: "2", | 124 | qszt: "2", |
143 | xmmc: "", | 125 | xmmc: "", |
144 | zddm: "", | 126 | zddm: "", |
145 | zl: "", | 127 | zl: "", |
146 | pageNo: 1, | 128 | pageNo: 1, |
147 | pageSize: 12, | 129 | pageSize: 12, |
148 | }, | 130 | }, |
149 | Data: [], | 131 | Data: [], |
150 | dylxs: ["zd"], | 132 | dylxs: ["zd"], |
151 | tableHeight:0 | 133 | tableHeight: 0, |
152 | }; | 134 | }; |
153 | }, | 135 | }, |
154 | created() { | 136 | created() {}, |
155 | }, | 137 | mounted() { |
156 | mounted() { | 138 | this.getData(this.queryData); |
157 | this.getData(this.queryData); | 139 | if ( |
158 | if ((document.documentElement.clientWidth || document.body.clientWidth) < 1890) { | 140 | (document.documentElement.clientWidth || document.body.clientWidth) < 1890 |
159 | this.$nextTick(()=>{ | 141 | ) { |
160 | this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 355; | 142 | this.$nextTick(() => { |
161 | }) | 143 | this.tableHeight = |
162 | }else{ | 144 | (document.documentElement.clientHeight || |
163 | this.$nextTick(()=>{ | 145 | document.body.clientHeight) - 355; |
164 | this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 304; | 146 | }); |
165 | }) | 147 | } else { |
166 | } | 148 | this.$nextTick(() => { |
167 | }, | 149 | this.tableHeight = |
168 | methods: { | 150 | (document.documentElement.clientHeight || |
169 | currentChange: function (val) { | 151 | document.body.clientHeight) - 304; |
170 | console.log(`当前页: ${val}`); | 152 | }); |
171 | this.queryData.pageNo = val; | 153 | } |
172 | this.getData(this.queryData); | 154 | }, |
173 | }, | 155 | methods: { |
174 | xzzrz: function (item) { | 156 | currentChange: function(val) { |
175 | this.centerDialogVisible = true; | 157 | console.log(`当前页: ${val}`); |
176 | this.zrzbsm = item.glbsm; | 158 | this.queryData.pageNo = val; |
177 | }, | 159 | this.getData(this.queryData); |
178 | close: function () { | 160 | }, |
179 | this.centerDialogVisible = false; | 161 | xzzrz: function(item) { |
180 | }, | 162 | this.centerDialogVisible = true; |
181 | result: function () { | 163 | this.zrzbsm = item.glbsm; |
182 | this.queryData = { | 164 | }, |
183 | bdcdyh: "", | 165 | close: function() { |
184 | bdcqzh: "", | 166 | this.centerDialogVisible = false; |
185 | dylxs: ["zrz"], | 167 | }, |
186 | qlrmc: "", | 168 | result: function() { |
187 | qszt: "2", | 169 | this.queryData = { |
188 | xmmc: "", | 170 | bdcdyh: "", |
189 | zddm: "", | 171 | bdcqzh: "", |
190 | zl: "", | 172 | dylxs: ["zrz"], |
191 | pageNo: 1, | 173 | qlrmc: "", |
192 | pageSize: 12, | 174 | qszt: "2", |
193 | }; | 175 | xmmc: "", |
194 | this.getData(this.queryData); | 176 | zddm: "", |
195 | }, | 177 | zl: "", |
196 | getData: function (data) { | 178 | pageNo: 1, |
197 | getSearchList(data).then((res) => { | 179 | pageSize: 12, |
198 | this.Data = res.result.records; | 180 | }; |
199 | this.total = res.result.total; | 181 | this.getData(this.queryData); |
200 | }); | 182 | }, |
201 | }, | 183 | getData: function(data) { |
202 | search: function () { | 184 | getSearchList(data).then((res) => { |
203 | this.getData(this.queryData); | 185 | this.Data = res.result.records; |
204 | }, | 186 | this.total = res.result.total; |
205 | }, | 187 | }); |
206 | computed: {}, | 188 | }, |
207 | watch: {}, | 189 | search: function() { |
208 | }; | 190 | this.getData(this.queryData); |
191 | }, | ||
192 | }, | ||
193 | computed: {}, | ||
194 | watch: {}, | ||
195 | }; | ||
209 | </script> | 196 | </script> |
210 | <style scoped lang="less"> | 197 | <style scoped lang="less"> |
211 | .main { | 198 | .main { |
212 | box-sizing: border-box; | 199 | box-sizing: border-box; |
213 | padding: 18px; | 200 | padding: 18px; |
214 | height: auto; | 201 | height: auto; |
215 | } | 202 | } |
216 | 203 | ||
217 | table { | 204 | table { |
218 | margin-top: 10px; | 205 | margin-top: 10px; |
219 | background-color: #fff; | 206 | background-color: #fff; |
220 | font-size: 14px; | 207 | font-size: 14px; |
221 | width: 100%; | 208 | width: 100%; |
222 | table-layout: fixed; | 209 | table-layout: fixed; |
223 | tr:hover{ | 210 | tr:hover { |
224 | background-color: #F5F7FA; | 211 | background-color: #f5f7fa; |
225 | } | 212 | } |
226 | td, th { | 213 | td, |
227 | text-align: center; | 214 | th { |
228 | height: 36px; | 215 | text-align: center; |
229 | min-width: 50px; | 216 | height: 36px; |
230 | overflow: hidden; | 217 | min-width: 50px; |
231 | white-space: nowrap; | 218 | overflow: hidden; |
232 | -ms-text-overflow: ellipsis; | 219 | white-space: nowrap; |
233 | text-overflow: ellipsis; | 220 | -ms-text-overflow: ellipsis; |
234 | } | 221 | text-overflow: ellipsis; |
235 | } | 222 | } |
223 | } | ||
236 | 224 | ||
237 | table:hover { | 225 | table:hover { |
238 | cursor: pointer; | 226 | cursor: pointer; |
239 | } | 227 | } |
240 | 228 | ||
241 | .inputtitle { | 229 | .inputtitle { |
242 | line-height: 40px; | 230 | line-height: 40px; |
243 | span{ | 231 | span { |
244 | display: inline-block; | 232 | display: inline-block; |
245 | width: 120px; | 233 | width: 120px; |
246 | text-align: left; | 234 | text-align: left; |
247 | } | 235 | } |
248 | /deep/ .el-input{ | 236 | /deep/ .el-input { |
249 | width: calc(100% - 120px); | 237 | width: calc(100% - 120px); |
250 | } | 238 | } |
251 | } | 239 | } |
252 | 240 | ||
253 | .shop { | 241 | .shop { |
254 | margin-top: 20px; | 242 | margin-top: 20px; |
255 | } | 243 | } |
256 | 244 | ||
257 | .xh { | 245 | .xh { |
258 | width: 50px; | 246 | width: 50px; |
259 | } | 247 | } |
260 | 248 | ||
261 | .zddm { | 249 | .zddm { |
262 | width: 120px; | 250 | width: 120px; |
263 | } | 251 | } |
264 | 252 | ||
265 | .bdcdyh { | 253 | .bdcdyh { |
266 | width: 180px; | 254 | width: 180px; |
267 | } | 255 | } |
268 | 256 | ||
269 | .xmmc { | 257 | .xmmc { |
270 | width: 100px; | 258 | width: 100px; |
271 | } | 259 | } |
272 | 260 | ||
273 | .bdcqzh { | 261 | .bdcqzh { |
274 | width: 100px; | 262 | width: 100px; |
275 | } | 263 | } |
276 | 264 | ||
277 | .qlr { | 265 | .qlr { |
278 | width: 100px; | 266 | width: 100px; |
279 | } | 267 | } |
280 | 268 | ||
281 | .zl { | 269 | .zl { |
282 | width: 100px; | 270 | width: 100px; |
283 | } | 271 | } |
284 | 272 | ||
285 | .cz { | 273 | .cz { |
286 | width: 50px; | 274 | width: 50px; |
287 | span { | 275 | span { |
288 | color: blue; | 276 | color: blue; |
289 | } | 277 | } |
290 | } | 278 | } |
291 | 279 | ||
292 | .noData { | 280 | .noData { |
293 | color: #b2b2b2; | 281 | color: #b2b2b2; |
294 | } | 282 | } |
295 | 283 | ||
296 | .page { | 284 | .page { |
297 | position: fixed; | 285 | position: fixed; |
298 | bottom: 20px; | 286 | bottom: 20px; |
299 | width: auto; | 287 | width: auto; |
300 | height: auto; | 288 | height: auto; |
301 | } | 289 | } |
302 | /deep/ .el-form-item__label{ | 290 | /deep/ .el-form-item__label { |
303 | width: 96px; | 291 | width: 96px; |
292 | } | ||
293 | /deep/ .el-form { | ||
294 | margin-left: -28px; | ||
295 | .el-button{ | ||
296 | margin: 0 22px; | ||
304 | } | 297 | } |
305 | /deep/ .el-form{ | 298 | } |
306 | margin-left: -28px; | 299 | .el-form-item{ |
300 | width: 100%; | ||
301 | box-sizing: border-box; | ||
302 | padding: 0 20px; | ||
303 | /deep/.el-form-item__content{ | ||
304 | width: calc(100% - 96px); | ||
307 | } | 305 | } |
306 | } | ||
308 | </style> | 307 | </style> | ... | ... |
... | @@ -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