表单居右显示
Showing
2 changed files
with
32 additions
and
32 deletions
| ... | @@ -10,11 +10,11 @@ | ... | @@ -10,11 +10,11 @@ |
| 10 | <div> | 10 | <div> |
| 11 | <table border="1"> | 11 | <table border="1"> |
| 12 | <tr> | 12 | <tr> |
| 13 | <td>层建筑面积(㎡)</td> | 13 | <td class="tdright">层建筑面积(㎡)</td> |
| 14 | <td> | 14 | <td> |
| 15 | <el-input v-model="qlcData.cjzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input> | 15 | <el-input v-model="qlcData.cjzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input> |
| 16 | </td> | 16 | </td> |
| 17 | <td> | 17 | <td class="tdright"> |
| 18 | 层套内建筑面积(㎡) | 18 | 层套内建筑面积(㎡) |
| 19 | </td> | 19 | </td> |
| 20 | <td> | 20 | <td> |
| ... | @@ -22,11 +22,11 @@ | ... | @@ -22,11 +22,11 @@ |
| 22 | </td> | 22 | </td> |
| 23 | </tr> | 23 | </tr> |
| 24 | <tr> | 24 | <tr> |
| 25 | <td>层阳台面积(㎡)</td> | 25 | <td class="tdright">层阳台面积(㎡)</td> |
| 26 | <td> | 26 | <td> |
| 27 | <el-input v-model="qlcData.cytmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input> | 27 | <el-input v-model="qlcData.cytmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input> |
| 28 | </td> | 28 | </td> |
| 29 | <td> | 29 | <td class="tdright"> |
| 30 | 层半墙面积(㎡) | 30 | 层半墙面积(㎡) |
| 31 | </td> | 31 | </td> |
| 32 | <td> | 32 | <td> |
| ... | @@ -34,11 +34,11 @@ | ... | @@ -34,11 +34,11 @@ |
| 34 | </td> | 34 | </td> |
| 35 | </tr> | 35 | </tr> |
| 36 | <tr> | 36 | <tr> |
| 37 | <td>层共有建筑面积(㎡)</td> | 37 | <td class="tdright">层共有建筑面积(㎡)</td> |
| 38 | <td> | 38 | <td> |
| 39 | <el-input v-model="qlcData.cgyjzmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input> | 39 | <el-input v-model="qlcData.cgyjzmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input> |
| 40 | </td> | 40 | </td> |
| 41 | <td> | 41 | <td class="tdright"> |
| 42 | 层分摊建筑面积(㎡) | 42 | 层分摊建筑面积(㎡) |
| 43 | </td> | 43 | </td> |
| 44 | <td> | 44 | <td> |
| ... | @@ -46,11 +46,11 @@ | ... | @@ -46,11 +46,11 @@ |
| 46 | </td> | 46 | </td> |
| 47 | </tr> | 47 | </tr> |
| 48 | <tr> | 48 | <tr> |
| 49 | <td>层高(m)</td> | 49 | <td class="tdright">层高(m)</td> |
| 50 | <td> | 50 | <td> |
| 51 | <el-input v-model="qlcData.cg" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层高(m)"></el-input> | 51 | <el-input v-model="qlcData.cg" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层高(m)"></el-input> |
| 52 | </td> | 52 | </td> |
| 53 | <td> | 53 | <td class="tdright"> |
| 54 | 水平投影面积(㎡) | 54 | 水平投影面积(㎡) |
| 55 | </td> | 55 | </td> |
| 56 | <td> | 56 | <td> | ... | ... |
| ... | @@ -10,25 +10,25 @@ | ... | @@ -10,25 +10,25 @@ |
| 10 | <div> | 10 | <div> |
| 11 | <table border="1"> | 11 | <table border="1"> |
| 12 | <tr> | 12 | <tr> |
| 13 | <td colspan="2">建筑面积(㎡)</td> | 13 | <td colspan="2" class="tdright">建筑面积(㎡)</td> |
| 14 | <td colspan="4"><input type="text" v-model="form.jzmj" class="inputtitle"/></td> | 14 | <td colspan="4"><input type="text" v-model="form.jzmj" class="inputtitle"/></td> |
| 15 | <td colspan="2">套内建筑面积(㎡)</td> | 15 | <td colspan="2" class="tdright">套内建筑面积(㎡)</td> |
| 16 | <td colspan="4"><input type="text" v-model="form.tnjzmj" class="inputtitle"/></td> | 16 | <td colspan="4"><input type="text" v-model="form.tnjzmj" class="inputtitle"/></td> |
| 17 | </tr> | 17 | </tr> |
| 18 | <tr> | 18 | <tr> |
| 19 | <td colspan="2">分摊建筑面积(㎡)</td> | 19 | <td colspan="2" class="tdright">分摊建筑面积(㎡)</td> |
| 20 | <td colspan="4"><input type="text" v-model="form.ftjzmj" class="inputtitle"/></td> | 20 | <td colspan="4"><input type="text" v-model="form.ftjzmj" class="inputtitle"/></td> |
| 21 | <td colspan="2">地下部分建筑面积(㎡)</td> | 21 | <td colspan="2" class="tdright">地下部分建筑面积(㎡)</td> |
| 22 | <td colspan="4"><input type="text" v-model="form.dxbfjzmj" class="inputtitle"/></td> | 22 | <td colspan="4"><input type="text" v-model="form.dxbfjzmj" class="inputtitle"/></td> |
| 23 | </tr> | 23 | </tr> |
| 24 | <tr> | 24 | <tr> |
| 25 | <td colspan="2">其他建筑面积(㎡)</td> | 25 | <td colspan="2" class="tdright">其他建筑面积(㎡)</td> |
| 26 | <td colspan="4"><input type="text" v-model="form.qtjzmj" class="inputtitle"/></td> | 26 | <td colspan="4"><input type="text" v-model="form.qtjzmj" class="inputtitle"/></td> |
| 27 | <td colspan="2">分摊系数</td> | 27 | <td colspan="2" class="tdright">分摊系数</td> |
| 28 | <td colspan="4"><input type="number" @blur="inputBlur($event)" ref="ftxs" v-model="form.ftxs" class="inputtitle"/></td> | 28 | <td colspan="4"><input type="number" @blur="inputBlur($event)" ref="ftxs" v-model="form.ftxs" class="inputtitle"/></td> |
| 29 | </tr> | 29 | </tr> |
| 30 | <tr> | 30 | <tr> |
| 31 | <td colspan="2">户型</td> | 31 | <td colspan="2" class="tdright">户型</td> |
| 32 | <td colspan="4"> | 32 | <td colspan="4"> |
| 33 | <el-select class="selectTitle" v-model="form.hxbsm"> | 33 | <el-select class="selectTitle" v-model="form.hxbsm"> |
| 34 | <el-option | 34 | <el-option |
| ... | @@ -39,7 +39,7 @@ | ... | @@ -39,7 +39,7 @@ |
| 39 | ></el-option> | 39 | ></el-option> |
| 40 | </el-select> | 40 | </el-select> |
| 41 | </td> | 41 | </td> |
| 42 | <td colspan="2">户型结构</td> | 42 | <td colspan="2" class="tdright">户型结构</td> |
| 43 | <td colspan="4"> | 43 | <td colspan="4"> |
| 44 | <el-select class="selectTitle" v-model="form.hxjgbsm"> | 44 | <el-select class="selectTitle" v-model="form.hxjgbsm"> |
| 45 | <el-option | 45 | <el-option |
| ... | @@ -52,15 +52,15 @@ | ... | @@ -52,15 +52,15 @@ |
| 52 | </td> | 52 | </td> |
| 53 | </tr> | 53 | </tr> |
| 54 | <tr> | 54 | <tr> |
| 55 | <td colspan="2">共有土地面积(㎡)</td> | 55 | <td colspan="2" class="tdright">共有土地面积(㎡)</td> |
| 56 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.gytdmj"/></td> | 56 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.gytdmj"/></td> |
| 57 | <td colspan="2">分摊土地面积(㎡)</td> | 57 | <td colspan="2" class="tdright">分摊土地面积(㎡)</td> |
| 58 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.fttdmj"/></td> | 58 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.fttdmj"/></td> |
| 59 | </tr> | 59 | </tr> |
| 60 | <tr> | 60 | <tr> |
| 61 | <td colspan="2">独有土地面积(㎡)</td> | 61 | <td colspan="2" class="tdright">独有土地面积(㎡)</td> |
| 62 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.dytdmj"/></td> | 62 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.dytdmj"/></td> |
| 63 | <td colspan="2">房屋类型</td> | 63 | <td colspan="2" class="tdright">房屋类型</td> |
| 64 | <td colspan="4"> | 64 | <td colspan="4"> |
| 65 | <el-select class="selectTitle" v-model="form.fwlxbsm"> | 65 | <el-select class="selectTitle" v-model="form.fwlxbsm"> |
| 66 | <el-option | 66 | <el-option |
| ... | @@ -73,7 +73,7 @@ | ... | @@ -73,7 +73,7 @@ |
| 73 | </td> | 73 | </td> |
| 74 | </tr> | 74 | </tr> |
| 75 | <tr> | 75 | <tr> |
| 76 | <td colspan="2">产别</td> | 76 | <td colspan="2" class="tdright">产别</td> |
| 77 | <td colspan="4"> | 77 | <td colspan="4"> |
| 78 | <el-select class="selectTitle" v-model="form.fwcbbsm"> | 78 | <el-select class="selectTitle" v-model="form.fwcbbsm"> |
| 79 | <el-option | 79 | <el-option |
| ... | @@ -84,7 +84,7 @@ | ... | @@ -84,7 +84,7 @@ |
| 84 | ></el-option> | 84 | ></el-option> |
| 85 | </el-select> | 85 | </el-select> |
| 86 | </td> | 86 | </td> |
| 87 | <td colspan="2">产权来源</td> | 87 | <td colspan="2" class="tdright">产权来源</td> |
| 88 | <td colspan="4"> | 88 | <td colspan="4"> |
| 89 | <el-select class="selectTitle" v-model="form.fwcqlybsm"> | 89 | <el-select class="selectTitle" v-model="form.fwcqlybsm"> |
| 90 | <el-option | 90 | <el-option |
| ... | @@ -97,7 +97,7 @@ | ... | @@ -97,7 +97,7 @@ |
| 97 | </td> | 97 | </td> |
| 98 | </tr> | 98 | </tr> |
| 99 | <tr> | 99 | <tr> |
| 100 | <td colspan="2">房屋性质</td> | 100 | <td colspan="2" class="tdright">房屋性质</td> |
| 101 | <td colspan="4"> | 101 | <td colspan="4"> |
| 102 | <el-select class="selectTitle" v-model="form.fwxzbsm"> | 102 | <el-select class="selectTitle" v-model="form.fwxzbsm"> |
| 103 | <el-option | 103 | <el-option |
| ... | @@ -112,7 +112,7 @@ | ... | @@ -112,7 +112,7 @@ |
| 112 | <td colspan="4"></td> | 112 | <td colspan="4"></td> |
| 113 | </tr> | 113 | </tr> |
| 114 | <tr> | 114 | <tr> |
| 115 | <td colspan="2">房屋结构</td> | 115 | <td colspan="2" class="tdright">房屋结构</td> |
| 116 | <td colspan="5"> | 116 | <td colspan="5"> |
| 117 | <el-select class="selectTitle" v-model="form.fwjgbsm"> | 117 | <el-select class="selectTitle" v-model="form.fwjgbsm"> |
| 118 | <el-option | 118 | <el-option |
| ... | @@ -125,12 +125,12 @@ | ... | @@ -125,12 +125,12 @@ |
| 125 | </td> | 125 | </td> |
| 126 | </tr> | 126 | </tr> |
| 127 | <tr height="30" v-for="(item1,index) in form.fwytList" :key="index"> | 127 | <tr height="30" v-for="(item1,index) in form.fwytList" :key="index"> |
| 128 | <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle"> | 128 | <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle" class="tdright"> |
| 129 | <i class="iconfont iconicon-test2" style="margin-right: 10px;color:#66b1ff;font-size:30px" @click="addYtInfo"></i> | 129 | <i class="iconfont iconicon-test2" style="margin-right: 10px;color:#66b1ff;font-size:30px" @click="addYtInfo"></i> |
| 130 | <span>用途</span> | 130 | <span>用途</span> |
| 131 | </td> | 131 | </td> |
| 132 | 132 | ||
| 133 | <td width="30" colspan="1" align="center" > | 133 | <td width="30" colspan="1" align="center" class="tdright"> |
| 134 | <i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteYtInfo(index)"></i> | 134 | <i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteYtInfo(index)"></i> |
| 135 | 规划用途 | 135 | 规划用途 |
| 136 | </td> | 136 | </td> |
| ... | @@ -148,7 +148,7 @@ | ... | @@ -148,7 +148,7 @@ |
| 148 | v-model="item1.fwytzdbsm" | 148 | v-model="item1.fwytzdbsm" |
| 149 | ></el-select-tree> | 149 | ></el-select-tree> |
| 150 | </td> | 150 | </td> |
| 151 | <td width="30" colspan="1" align="center" >用途</td> | 151 | <td width="30" colspan="1" align="center" class="tdright">用途</td> |
| 152 | <td width="30" colspan="4" align="center" > | 152 | <td width="30" colspan="4" align="center" > |
| 153 | <el-select-tree | 153 | <el-select-tree |
| 154 | v-if="show" | 154 | v-if="show" |
| ... | @@ -166,7 +166,7 @@ | ... | @@ -166,7 +166,7 @@ |
| 166 | </tr> | 166 | </tr> |
| 167 | 167 | ||
| 168 | <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> | 168 | <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> |
| 169 | <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" > | 169 | <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" class="tdright"> |
| 170 | <i class="iconfont iconicon-test2" style="margin-right: 10px;color:#66b1ff;font-size:30px" @click="addFwjgInfo"></i> | 170 | <i class="iconfont iconicon-test2" style="margin-right: 10px;color:#66b1ff;font-size:30px" @click="addFwjgInfo"></i> |
| 171 | <span>房屋结构</span> | 171 | <span>房屋结构</span> |
| 172 | </td> | 172 | </td> |
| ... | @@ -193,15 +193,15 @@ | ... | @@ -193,15 +193,15 @@ |
| 193 | </tr> | 193 | </tr> |
| 194 | 194 | ||
| 195 | <tr> | 195 | <tr> |
| 196 | <td colspan="2">东墙体归属</td> | 196 | <td colspan="2" class="tdright">东墙体归属</td> |
| 197 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.dqtgs"/></td> | 197 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.dqtgs"/></td> |
| 198 | <td colspan="2">南墙体归属</td> | 198 | <td colspan="2" class="tdright">南墙体归属</td> |
| 199 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.nqtgs"/></td> | 199 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.nqtgs"/></td> |
| 200 | </tr> | 200 | </tr> |
| 201 | <tr> | 201 | <tr> |
| 202 | <td colspan="2">西墙体归属</td> | 202 | <td colspan="2" class="tdright">西墙体归属</td> |
| 203 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.xqtgs"/></td> | 203 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.xqtgs"/></td> |
| 204 | <td colspan="2">北墙体归属</td> | 204 | <td colspan="2" class="tdright">北墙体归属</td> |
| 205 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.bqtgs"/></td> | 205 | <td colspan="4"><input type="text" class="inputtitle" v-model="form.bqtgs"/></td> |
| 206 | </tr> | 206 | </tr> |
| 207 | </table> | 207 | </table> | ... | ... |
-
Please register or sign in to post a comment