f1f69f24 by zhaoqian

表单居右显示

1 parent d1130ceb
...@@ -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>
......