ef2a5113 by 焦泽平

表单样式调整

1 parent b47fca91
...@@ -59,11 +59,11 @@ ...@@ -59,11 +59,11 @@
59 <el-form :model="formData" class="qlrForm"> 59 <el-form :model="formData" class="qlrForm">
60 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> 60 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
61 <tr> 61 <tr>
62 <td colspan="2" class="tdright">权利人名称<i class="requisite">*</i></td> 62 <td colspan="2" class="tdright"><i class="requisite">*</i>权利人名称</td>
63 <td colspan="3"> 63 <td colspan="3">
64 <input type="text" class="formInput" v-model="formData.qlrmc" /> 64 <input type="text" class="formInput" v-model="formData.qlrmc" />
65 </td> 65 </td>
66 <td colspan="2" class="tdright">权利人类型<i class="requisite">*</i></td> 66 <td colspan="2" class="tdright"><i class="requisite">*</i>权利人类型</td>
67 <td colspan="3"> 67 <td colspan="3">
68 <el-select class="formSelect" v-model="formData.qlrlxbsm"> 68 <el-select class="formSelect" v-model="formData.qlrlxbsm">
69 <el-option 69 <el-option
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 </td> 77 </td>
78 </tr> 78 </tr>
79 <tr> 79 <tr>
80 <td colspan="2" class="tdright">证件类型<i class="requisite">*</i></td> 80 <td colspan="2" class="tdright"><i class="requisite">*</i>证件类型</td>
81 <td colspan="3"> 81 <td colspan="3">
82 <el-select class="formSelect" v-model="formData.zjzlbsm"> 82 <el-select class="formSelect" v-model="formData.zjzlbsm">
83 <el-option 83 <el-option
...@@ -89,17 +89,17 @@ ...@@ -89,17 +89,17 @@
89 </el-option> 89 </el-option>
90 </el-select> 90 </el-select>
91 </td> 91 </td>
92 <td colspan="2" class="tdright">证件号<i class="requisite">*</i></td> 92 <td colspan="2" class="tdright"><i class="requisite">*</i>证件号</td>
93 <td colspan="3"> 93 <td colspan="3">
94 <input type="text" class="formInput" maxlength="18" v-model="formData.zjh" /> 94 <input type="text" class="formInput" maxlength="18" v-model="formData.zjh" />
95 </td> 95 </td>
96 </tr> 96 </tr>
97 <tr> 97 <tr>
98 <td colspan="2" class="tdright">电话<i class="requisite">*</i></td> 98 <td colspan="2" class="tdright"><i class="requisite">*</i>电话</td>
99 <td colspan="3"> 99 <td colspan="3">
100 <input type="text" class="formInput" v-model="formData.dh" /> 100 <input type="text" class="formInput" v-model="formData.dh" />
101 </td> 101 </td>
102 <td colspan="2" class="tdright">地址<i class="requisite">*</i></td> 102 <td colspan="2" class="tdright"><i class="requisite">*</i>地址</td>
103 <td colspan="3"> 103 <td colspan="3">
104 <input type="text" class="formInput" v-model="formData.dz" /> 104 <input type="text" class="formInput" v-model="formData.dz" />
105 </td> 105 </td>
...@@ -209,13 +209,13 @@ ...@@ -209,13 +209,13 @@
209 <td rowspan="2" class="btnCol"> 209 <td rowspan="2" class="btnCol">
210 <el-button 210 <el-button
211 type="primary" 211 type="primary"
212 class="changeBtn outAdd addMinus" 212 class="changeBtn inAdd addMinus"
213 @click="handleClick(item, index, 'add')" 213 @click="handleClick(item, index, 'add')"
214 >+</el-button 214 >+</el-button
215 > 215 >
216 <el-button 216 <el-button
217 type="primary" 217 type="primary"
218 class="changeBtn outMinus addMinus" 218 class="changeBtn inMinus addMinus"
219 @click="handleClick(item, index, 'minus')" 219 @click="handleClick(item, index, 'minus')"
220 >-</el-button 220 >-</el-button
221 > 221 >
......
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
62 <ul> 62 <ul>
63 <li>批准用途</li> 63 <li>批准用途</li>
64 <li>实际用途</li> 64 <li>实际用途</li>
65 <li>土地使用起始时间<i class="requisite">*</i></li> 65 <li><i class="requisite">*</i>土地使用起始时间</li>
66 </ul> 66 </ul>
67 </el-col> 67 </el-col>
68 <el-col 68 <el-col
...@@ -126,7 +126,7 @@ ...@@ -126,7 +126,7 @@
126 <ul> 126 <ul>
127 <li>地类编码</li> 127 <li>地类编码</li>
128 <li>地类编码</li> 128 <li>地类编码</li>
129 <li>年限<i class="requisite">*</i></li> 129 <li><i class="requisite">*</i>年限</li>
130 </ul> 130 </ul>
131 </el-col> 131 </el-col>
132 <el-col 132 <el-col
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
176 <ul> 176 <ul>
177 <li>等级</li> 177 <li>等级</li>
178 <li>等级</li> 178 <li>等级</li>
179 <li>土地使用结束时间<i class="requisite">*</i></li> 179 <li><i class="requisite">*</i>土地使用结束时间</li>
180 </ul> 180 </ul>
181 </el-col> 181 </el-col>
182 <el-col 182 <el-col
...@@ -243,7 +243,7 @@ ...@@ -243,7 +243,7 @@
243 <ul> 243 <ul>
244 <li>批准用途</li> 244 <li>批准用途</li>
245 <li>实际用途</li> 245 <li>实际用途</li>
246 <li>土地使用起始时间<i class="requisite">*</i></li> 246 <li><i class="requisite">*</i>土地使用起始时间</li>
247 </ul> 247 </ul>
248 </el-col> 248 </el-col>
249 <el-col 249 <el-col
...@@ -304,7 +304,7 @@ ...@@ -304,7 +304,7 @@
304 <ul> 304 <ul>
305 <li>地类编码</li> 305 <li>地类编码</li>
306 <li>地类编码</li> 306 <li>地类编码</li>
307 <li>土地使用结束时间<i class="requisite">*</i></li> 307 <li><i class="requisite">*</i>土地使用结束时间</li>
308 </ul> 308 </ul>
309 </el-col> 309 </el-col>
310 <el-col 310 <el-col
......
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
79 </el-option> 79 </el-option>
80 </el-select> 80 </el-select>
81 </td> 81 </td>
82 <td colspan="2" class="tdright">宗地特征码<i class="requisite">*</i></td> 82 <td colspan="2" class="tdright"><i class="requisite">*</i>宗地特征码</td>
83 <td colspan="4"> 83 <td colspan="4">
84 <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'" 84 <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'"
85 v-model="formData.zdtzmbsm"> 85 v-model="formData.zdtzmbsm">
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
106 </el-option> 106 </el-option>
107 </el-select> 107 </el-select>
108 </td> 108 </td>
109 <td colspan="2" class="tdright">宗地代码<i class="requisite">*</i></td> 109 <td colspan="2" class="tdright"><i class="requisite">*</i>宗地代码</td>
110 <td colspan="4" class="psr"> 110 <td colspan="4" class="psr">
111 <input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19" 111 <input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19"
112 type="text" 112 type="text"
...@@ -125,7 +125,7 @@ ...@@ -125,7 +125,7 @@
125 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh"/> 125 <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh"/>
126 </td> 126 </td>
127 127
128 <td colspan="2" class="tdright">不动产单元号<i class="requisite">*</i></td> 128 <td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td>
129 <td colspan="4" class="psr"> 129 <td colspan="4" class="psr">
130 <input 130 <input
131 type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh" 131 type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh"
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
137 </td> 137 </td>
138 </tr> 138 </tr>
139 <tr> 139 <tr>
140 <td colspan="2" class="tdright">坐落<i class="requisite">*</i></td> 140 <td colspan="2" class="tdright"><i class="requisite">*</i>坐落</td>
141 <td colspan="4"> 141 <td colspan="4">
142 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl" 142 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl"
143 class="formInput" v-model="formData.zl"/> 143 class="formInput" v-model="formData.zl"/>
...@@ -294,28 +294,28 @@ ...@@ -294,28 +294,28 @@
294 294
295 <tr> 295 <tr>
296 <td colspan="2" rowspan="4" class="tdright">宗地四至</td> 296 <td colspan="2" rowspan="4" class="tdright">宗地四至</td>
297 <td colspan="2" class="tdright">北至<i class="requisite">*</i></td> 297 <td colspan="2" class="tdright"><i class="requisite">*</i>北至</td>
298 <td colspan="8" class="psr"> 298 <td colspan="8" class="psr">
299 <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'" 299 <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'"
300 class="formInput" v-model="formData.zdszb"/> 300 class="formInput" v-model="formData.zdszb"/>
301 </td> 301 </td>
302 </tr> 302 </tr>
303 <tr> 303 <tr>
304 <td colspan="2" class="tdright">东至<i class="requisite">*</i></td> 304 <td colspan="2" class="tdright"><i class="requisite">*</i>东至</td>
305 <td colspan="8" class="psr"> 305 <td colspan="8" class="psr">
306 <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'" 306 <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'"
307 class="formInput" v-model="formData.zdszd"/> 307 class="formInput" v-model="formData.zdszd"/>
308 </td> 308 </td>
309 </tr> 309 </tr>
310 <tr> 310 <tr>
311 <td colspan="2" class="tdright">南至<i class="requisite">*</i></td> 311 <td colspan="2" class="tdright"><i class="requisite">*</i>南至</td>
312 <td colspan="8" class="psr"> 312 <td colspan="8" class="psr">
313 <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'" 313 <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'"
314 class="formInput" v-model="formData.zdszn"/> 314 class="formInput" v-model="formData.zdszn"/>
315 </td> 315 </td>
316 </tr> 316 </tr>
317 <tr> 317 <tr>
318 <td colspan="2" class="tdright">西至<i class="requisite">*</i></td> 318 <td colspan="2" class="tdright"><i class="requisite">*</i>西至</td>
319 <td colspan="8" class="psr"> 319 <td colspan="8" class="psr">
320 <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'" 320 <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'"
321 class="formInput" v-model="formData.zdszx"/> 321 class="formInput" v-model="formData.zdszx"/>
...@@ -332,7 +332,7 @@ ...@@ -332,7 +332,7 @@
332 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" 332 <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
333 class="formInput" v-model="formData.pzmj"/> 333 class="formInput" v-model="formData.pzmj"/>
334 </td> 334 </td>
335 <td colspan="2" class="tdright">宗地面积(㎡)<i class="requisite">*</i></td> 335 <td colspan="2" class="tdright"><i class="requisite">*</i>宗地面积(㎡)</td>
336 <td colspan="4" > 336 <td colspan="4" >
337 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj" 337 <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj"
338 onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/> 338 onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/>
......
...@@ -12,18 +12,18 @@ ...@@ -12,18 +12,18 @@
12 <input v-model="form.zddm" class="formInput" disabled> 12 <input v-model="form.zddm" class="formInput" disabled>
13 <input v-show="false" :disabled="form.qszt!='0'" maxlength="19" class="formInput" v-model="form.zdbsm"> 13 <input v-show="false" :disabled="form.qszt!='0'" maxlength="19" class="formInput" v-model="form.zdbsm">
14 </td> 14 </td>
15 <td colspan="2" class="tdright">自然幢号<i class="requisite">*</i></td> 15 <td colspan="2" class="tdright"><i class="requisite">*</i>自然幢号</td>
16 <td colspan="4" class="psr"> 16 <td colspan="4" class="psr">
17 <input class="formInput percent80" ref="zrzh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="24" v-model="form.zrzh"> 17 <input class="formInput percent80" ref="zrzh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="24" v-model="form.zrzh">
18 <el-button @click.prevent="generatorCode" type="warning" class="createBtn" size="mini">生成</el-button> 18 <el-button @click.prevent="generatorCode" type="warning" class="createBtn" size="mini">生成</el-button>
19 </td> 19 </td>
20 </tr> 20 </tr>
21 <tr> 21 <tr>
22 <td colspan="2" class="tdright">项目名称<i class="requisite">*</i></td> 22 <td colspan="2" class="tdright"><i class="requisite">*</i>项目名称</td>
23 <td colspan="4" > 23 <td colspan="4" >
24 <input class="formInput " ref="xmmc" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.xmmc"> 24 <input class="formInput " ref="xmmc" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.xmmc">
25 </td> 25 </td>
26 <td colspan="2" class="tdright">不动产单元号<i class="requisite">*</i></td> 26 <td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td>
27 <td colspan="4"> 27 <td colspan="4">
28 <input class="formInput " ref="bdcdyh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="28" v-model="form.bdcdyh"> 28 <input class="formInput " ref="bdcdyh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="28" v-model="form.bdcdyh">
29 </td> 29 </td>
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
41 </tr> 41 </tr>
42 42
43 <tr> 43 <tr>
44 <td colspan="2" class="tdright">房屋性质<i class="requisite">*</i></td> 44 <td colspan="2" class="tdright"><i class="requisite">*</i>房屋性质</td>
45 <td colspan="4" > 45 <td colspan="4" >
46 <el-select class="formSelect" ref="fwxz" :disabled="form.qszt!='0'" v-model="form.fwxzbsm" placeholder="请选择" > 46 <el-select class="formSelect" ref="fwxz" :disabled="form.qszt!='0'" v-model="form.fwxzbsm" placeholder="请选择" >
47 <el-option 47 <el-option
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
148 <tr v-for="(item1,index) in form.fwytList" :key="index"> 148 <tr v-for="(item1,index) in form.fwytList" :key="index">
149 <td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" class="tdright" id="ytTitle"> 149 <td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" class="tdright" id="ytTitle">
150 <el-button type="primary" class="inAdd addMinus" size="mini" style="margin-right: 8px" @click="addYtInfo">+</el-button> 150 <el-button type="primary" class="inAdd addMinus" size="mini" style="margin-right: 8px" @click="addYtInfo">+</el-button>
151 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用途<i class="requisite">*</i></span> 151 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="requisite">*</i>用途</span>
152 </td> 152 </td>
153 153
154 <td colspan="1" style="min-width:120px" class="tdright"> 154 <td colspan="1" style="min-width:120px" class="tdright">
...@@ -192,7 +192,7 @@ ...@@ -192,7 +192,7 @@
192 <tr v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> 192 <tr v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
193 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" class="tdright"> 193 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" class="tdright">
194 <el-button type="primary" class="inAdd addMinus" size="mini" style="margin-right: 10px" @click="addFwjgInfo">+</el-button> 194 <el-button type="primary" class="inAdd addMinus" size="mini" style="margin-right: 10px" @click="addFwjgInfo">+</el-button>
195 <span>房屋结构<i class="requisite">*</i></span> 195 <span><i class="requisite">*</i>房屋结构</span>
196 </td> 196 </td>
197 <td colspan="1" class="tdright"> 197 <td colspan="1" class="tdright">
198 <el-button type="primary" class="inMinus addMinus" size="mini" style="margin-right: 8px" @click="deleteFwjgInfo(index)">-</el-button> 198 <el-button type="primary" class="inMinus addMinus" size="mini" style="margin-right: 8px" @click="deleteFwjgInfo(index)">-</el-button>
...@@ -218,7 +218,7 @@ ...@@ -218,7 +218,7 @@
218 218
219 <tr> 219 <tr>
220 <td colspan="2" class="tdright"> 220 <td colspan="2" class="tdright">
221 <span>坐落<i class="requisite">*</i></span> 221 <span><i class="requisite">*</i>坐落</span>
222 </td> 222 </td>
223 <td colspan="10" > 223 <td colspan="10" >
224 <input class="formInput" ref="zl" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.zl"> 224 <input class="formInput" ref="zl" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.zl">
......