f1f69f24 by zhaoqian

表单居右显示

1 parent d1130ceb
......@@ -10,11 +10,11 @@
<div>
<table border="1">
<tr>
<td>层建筑面积(㎡)</td>
<td class="tdright">层建筑面积(㎡)</td>
<td>
<el-input v-model="qlcData.cjzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input>
</td>
<td>
<td class="tdright">
层套内建筑面积(㎡)
</td>
<td>
......@@ -22,11 +22,11 @@
</td>
</tr>
<tr>
<td>层阳台面积(㎡)</td>
<td class="tdright">层阳台面积(㎡)</td>
<td>
<el-input v-model="qlcData.cytmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input>
</td>
<td>
<td class="tdright">
层半墙面积(㎡)
</td>
<td>
......@@ -34,11 +34,11 @@
</td>
</tr>
<tr>
<td>层共有建筑面积(㎡)</td>
<td class="tdright">层共有建筑面积(㎡)</td>
<td>
<el-input v-model="qlcData.cgyjzmj" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" ></el-input>
</td>
<td>
<td class="tdright">
层分摊建筑面积(㎡)
</td>
<td>
......@@ -46,11 +46,11 @@
</td>
</tr>
<tr>
<td>层高(m)</td>
<td class="tdright">层高(m)</td>
<td>
<el-input v-model="qlcData.cg" class="" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="层高(m)"></el-input>
</td>
<td>
<td class="tdright">
水平投影面积(㎡)
</td>
<td>
......
......@@ -10,25 +10,25 @@
<div>
<table border="1">
<tr>
<td colspan="2">建筑面积(㎡)</td>
<td colspan="2" class="tdright">建筑面积(㎡)</td>
<td colspan="4"><input type="text" v-model="form.jzmj" class="inputtitle"/></td>
<td colspan="2">套内建筑面积(㎡)</td>
<td colspan="2" class="tdright">套内建筑面积(㎡)</td>
<td colspan="4"><input type="text" v-model="form.tnjzmj" class="inputtitle"/></td>
</tr>
<tr>
<td colspan="2">分摊建筑面积(㎡)</td>
<td colspan="2" class="tdright">分摊建筑面积(㎡)</td>
<td colspan="4"><input type="text" v-model="form.ftjzmj" class="inputtitle"/></td>
<td colspan="2">地下部分建筑面积(㎡)</td>
<td colspan="2" class="tdright">地下部分建筑面积(㎡)</td>
<td colspan="4"><input type="text" v-model="form.dxbfjzmj" class="inputtitle"/></td>
</tr>
<tr>
<td colspan="2">其他建筑面积(㎡)</td>
<td colspan="2" class="tdright">其他建筑面积(㎡)</td>
<td colspan="4"><input type="text" v-model="form.qtjzmj" class="inputtitle"/></td>
<td colspan="2">分摊系数</td>
<td colspan="2" class="tdright">分摊系数</td>
<td colspan="4"><input type="number" @blur="inputBlur($event)" ref="ftxs" v-model="form.ftxs" class="inputtitle"/></td>
</tr>
<tr>
<td colspan="2">户型</td>
<td colspan="2" class="tdright">户型</td>
<td colspan="4">
<el-select class="selectTitle" v-model="form.hxbsm">
<el-option
......@@ -39,7 +39,7 @@
></el-option>
</el-select>
</td>
<td colspan="2">户型结构</td>
<td colspan="2" class="tdright">户型结构</td>
<td colspan="4">
<el-select class="selectTitle" v-model="form.hxjgbsm">
<el-option
......@@ -52,15 +52,15 @@
</td>
</tr>
<tr>
<td colspan="2">共有土地面积(㎡)</td>
<td colspan="2" class="tdright">共有土地面积(㎡)</td>
<td colspan="4"><input type="text" class="inputtitle" v-model="form.gytdmj"/></td>
<td colspan="2">分摊土地面积(㎡)</td>
<td colspan="2" class="tdright">分摊土地面积(㎡)</td>
<td colspan="4"><input type="text" class="inputtitle" v-model="form.fttdmj"/></td>
</tr>
<tr>
<td colspan="2">独有土地面积(㎡)</td>
<td colspan="2" class="tdright">独有土地面积(㎡)</td>
<td colspan="4"><input type="text" class="inputtitle" v-model="form.dytdmj"/></td>
<td colspan="2">房屋类型</td>
<td colspan="2" class="tdright">房屋类型</td>
<td colspan="4">
<el-select class="selectTitle" v-model="form.fwlxbsm">
<el-option
......@@ -73,7 +73,7 @@
</td>
</tr>
<tr>
<td colspan="2">产别</td>
<td colspan="2" class="tdright">产别</td>
<td colspan="4">
<el-select class="selectTitle" v-model="form.fwcbbsm">
<el-option
......@@ -84,7 +84,7 @@
></el-option>
</el-select>
</td>
<td colspan="2">产权来源</td>
<td colspan="2" class="tdright">产权来源</td>
<td colspan="4">
<el-select class="selectTitle" v-model="form.fwcqlybsm">
<el-option
......@@ -97,7 +97,7 @@
</td>
</tr>
<tr>
<td colspan="2">房屋性质</td>
<td colspan="2" class="tdright">房屋性质</td>
<td colspan="4">
<el-select class="selectTitle" v-model="form.fwxzbsm">
<el-option
......@@ -112,7 +112,7 @@
<td colspan="4"></td>
</tr>
<tr>
<td colspan="2">房屋结构</td>
<td colspan="2" class="tdright">房屋结构</td>
<td colspan="5">
<el-select class="selectTitle" v-model="form.fwjgbsm">
<el-option
......@@ -125,12 +125,12 @@
</td>
</tr>
<tr height="30" v-for="(item1,index) in form.fwytList" :key="index">
<td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
<td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle" class="tdright">
<i class="iconfont iconicon-test2" style="margin-right: 10px;color:#66b1ff;font-size:30px" @click="addYtInfo"></i>
<span>用途</span>
</td>
<td width="30" colspan="1" align="center" >
<td width="30" colspan="1" align="center" class="tdright">
<i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteYtInfo(index)"></i>
规划用途
</td>
......@@ -148,7 +148,7 @@
v-model="item1.fwytzdbsm"
></el-select-tree>
</td>
<td width="30" colspan="1" align="center" >用途</td>
<td width="30" colspan="1" align="center" class="tdright">用途</td>
<td width="30" colspan="4" align="center" >
<el-select-tree
v-if="show"
......@@ -166,7 +166,7 @@
</tr>
<tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
<td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" >
<td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" class="tdright">
<i class="iconfont iconicon-test2" style="margin-right: 10px;color:#66b1ff;font-size:30px" @click="addFwjgInfo"></i>
<span>房屋结构</span>
</td>
......@@ -193,15 +193,15 @@
</tr>
<tr>
<td colspan="2">东墙体归属</td>
<td colspan="2" class="tdright">东墙体归属</td>
<td colspan="4"><input type="text" class="inputtitle" v-model="form.dqtgs"/></td>
<td colspan="2">南墙体归属</td>
<td colspan="2" class="tdright">南墙体归属</td>
<td colspan="4"><input type="text" class="inputtitle" v-model="form.nqtgs"/></td>
</tr>
<tr>
<td colspan="2">西墙体归属</td>
<td colspan="2" class="tdright">西墙体归属</td>
<td colspan="4"><input type="text" class="inputtitle" v-model="form.xqtgs"/></td>
<td colspan="2">北墙体归属</td>
<td colspan="2" class="tdright">北墙体归属</td>
<td colspan="4"><input type="text" class="inputtitle" v-model="form.bqtgs"/></td>
</tr>
</table>
......