表单居右显示
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