c1c6ef2d by weimo934

style(hcxlz):户重新落宗表单样式修改

1 parent fe8a08e8
......@@ -8,15 +8,21 @@
:modal-append-to-body="false"
>
<div class="content">
<el-form :label-position="right">
<el-form-item label="宗地:">
<table>
<tr>
<td class="label">宗地:</td>
<td class="input">
<el-input
placeholder="请选择宗地" v-model="zdxx" :disabled="true"
/>
<div @click="xzzdVisible = true">选择宗地</div>
<!-- <el-button type="primary" @click="xzzdVisible = true">选择宗地</el-button>-->
</el-form-item>
<el-form-item label="自然幢:">
></el-input>
</td>
<td>
<el-button type="primary" @click="xzzdVisible = true">选择宗地</el-button>
</td>
</tr>
<tr>
<td class="label">自然幢:</td>
<td class="input">
<el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择" @change="zrzChange">
<el-option
v-for="item in zrzList"
......@@ -25,8 +31,11 @@
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="逻辑幢:">
</td>
</tr>
<tr>
<td class="label">逻辑幢:</td>
<td class="input">
<el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择" @change="ljzChange">
<el-option
v-for="item in ljzList"
......@@ -35,8 +44,11 @@
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="幢单元:">
</td>
</tr>
<tr>
<td class="lable">幢单元:</td>
<td class="input">
<el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择">
<el-option
v-for="item in zdyList"
......@@ -45,8 +57,9 @@
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
</el-form>
</td>
</tr>
</table>
</div>
<div class="footer">
<el-button type="primary" @click="save">保存</el-button>
......@@ -195,6 +208,22 @@
text-align: center;
}
table {
border-collapse:separate;
border-spacing:10px;
display: inline-block;
text-align: center;
.label {
width: 80px;
}
.input {
width: 300px;
.el-select{
width: 300px;
}
}
}
.footer {
margin-top: 20px;
text-align: center;
......