Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
4ee33b40 by 杨威
Options

层编辑表单和添加逻辑幢表单样式调整，必填项标识

1 parent 668d312b
Inline Side-by-side
Showing 2 changed files with 32 additions and 30 deletions
......@@ -7,21 +7,21 @@
<td colspan="12" align="center" ><font size="4">层基本信息</font></td>
</tr>
<tr height="30">
<td colspan="2" align="center" >层号</td>
<td colspan="2" align="center" class="tdright">层号</td>
<td colspan="4" >
<el-input v-model="form.ch"></el-input>
</td>
<td colspan="2" align="center" >自然幢号</td>
<td colspan="2" align="center" class="tdright">自然幢号</td>
<td colspan="4" >
<el-input v-model="form.zrzh"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >实际层</td>
<td colspan="2" align="center" class="tdright">实际层</td>
<td colspan="4" >
<el-input v-model="form.sjc"></el-input>
</td>
<td colspan="2" align="center" >名义层</td>
<td colspan="2" align="center" class="tdright">名义层</td>
<td colspan="4" >
<el-input v-model="form.myc"></el-input>
</td>
......@@ -29,44 +29,44 @@
<tr height="30">
<td colspan="2" align="center" >层建筑面积(㎡)</td>
<td colspan="2" align="center" class="tdright">层建筑面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.cjzmj"></el-input>
</td>
<td colspan="2" align="center" >层套内建筑面积(㎡)</td>
<td colspan="2" align="center" class="tdright">层套内建筑面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.ctnjzmj"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >层阳台面积(㎡)</td>
<td colspan="2" align="center" class="tdright">层阳台面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.cytmj"></el-input>
</td>
<td colspan="2" align="center" >层半墙面积(㎡)</td>
<td colspan="2" align="center" class="tdright">层半墙面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.cbqmj"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >层共有建筑面积(㎡)</td>
<td colspan="2" align="center" class="tdright">层共有建筑面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.cgyjzmj"></el-input>
</td>
<td colspan="2" align="center" >层分摊建筑面积(㎡)</td>
<td colspan="2" align="center" class="tdright">层分摊建筑面积(㎡)</td>
<td colspan="4" >
<el-input v-model="form.cftjzmj"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >层高</td>
<td colspan="2" align="center" class="tdright">层高</td>
<td colspan="4" >
<el-input v-model="form.cg"></el-input>
</td>
<td colspan="2" align="center" >水平投影面积</td>
<td colspan="2" align="center" class="tdright">水平投影面积</td>
<td colspan="4" >
<el-input v-model="form.sptymj"></el-input>
</td>
......
......@@ -15,32 +15,32 @@
</td>
</tr>
<tr height="30">
<td colspan="2" align="center">逻辑幢号</td>
<td colspan="2" align="center" class="tdright"><i class="requisite">*</i>逻辑幢号</td>
<td colspan="4">
<input class="formInput" ref="ljzh" @blur="inputBlur($event)" v-model="form.ljzh" />
</td>
<td colspan="2" align="center">自然幢号</td>
<td colspan="2" align="center" class="tdright">自然幢号</td>
<td colspan="4">
<el-input v-model="form.zrzh" maxlength="24" disabled></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center">逻辑幢名称</td>
<td colspan="2" align="center" class="tdright"><i class="requisite">*</i>逻辑幢名称</td>
<td colspan="4">
<input class="formInput" ref="ljzmc" @blur="inputBlur($event)" v-model="form.ljzmc" />
</td>
<td colspan="2" align="center">建筑物状态</td>
<td colspan="2" align="center" class="tdright">建筑物状态</td>
<td colspan="4">
<el-input v-model="form.jzwzt"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center">门牌号</td>
<td colspan="2" align="center" class="tdright">门牌号</td>
<td colspan="4">
<el-input v-model="form.mph"></el-input>
</td>
<td colspan="2" align="center">竣工日期</td>
<td colspan="2" align="center" class="tdright">竣工日期</td>
<td colspan="4">
<el-date-picker
v-model="form.jgrq"
......@@ -53,33 +53,33 @@
</tr>
<tr height="30">
<td colspan="2" align="center">预测建筑面积(㎡)</td>
<td colspan="2" align="center" class="tdright">预测建筑面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.ycjzmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
<td colspan="2" align="center">实测建筑面积(㎡)</td>
<td colspan="2" align="center" class="tdright">实测建筑面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.scjzmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center">预测地下面积(㎡)</td>
<td colspan="2" align="center" class="tdright">预测地下面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.ycdxmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
<td colspan="2" align="center">实测地下面积(㎡)</td>
<td colspan="2" align="center" class="tdright">实测地下面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.scdxmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center">预测其他面积(㎡)</td>
<td colspan="2" align="center" class="tdright">预测其他面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.ycqtmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
<td colspan="2" align="center">实测其他面积(㎡)</td>
<td colspan="2" align="center" class="tdright">实测其他面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.scqymj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
......@@ -95,9 +95,10 @@
v-if="index === 0"
:rowspan="ytTitleRowspan"
align="center"
class="tdright"
>
<i class="iconfont iconicon-test1" style="margin-right: 8px;color:#66b1ff;font-size:30px" @click="addYtInfo"></i>
<span>房屋用途</span>
<span style="position:relative;top:-6px"><i class="requisite">*</i>房屋用途</span>
</td>
<td colspan="1" align="center">
<i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteYtInfo(index)"></i>
......@@ -128,9 +129,10 @@
v-if="index === 0"
:rowspan="fwjgTitleRowspan"
align="center"
class="tdright"
>
<i class="iconfont iconicon-test1" style="margin-right: 8px;color:#66b1ff;font-size:30px" @click="addFwjgInfo"></i>
<span>房屋结构</span>
<span style="position:relative;top:-6px"><i class="requisite">*</i>房屋结构</span>
</td>
<td colspan="1" align="center">
<i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteFwjgInfo(index)"></i>
......@@ -152,25 +154,25 @@
</tr>
<tr height="30">
<td colspan="2" align="center">地下层数</td>
<td colspan="2" align="center" class="tdright">地下层数</td>
<td colspan="4">
<el-input v-model="form.dxcs"></el-input>
</td>
<td colspan="2" align="center">地上层数</td>
<td colspan="2" align="center" class="tdright">地上层数</td>
<td colspan="4">
<el-input v-model="form.dscs"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center">总层数</td>
<td colspan="2" align="center" class="tdright">总层数</td>
<td colspan="10">
<el-input v-model="form.zcs"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" rowspan="2" align="center">
<td colspan="2" rowspan="2" class="tdright">
<span>备注</span>
</td>
<td colspan="10" rowspan="2">
......