表单样式调整
Showing
4 changed files
with
29 additions
and
29 deletions
| ... | @@ -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> 用途<i class="requisite">*</i></span> | 151 | <span> <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"> | ... | ... |
-
Please register or sign in to post a comment