Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
c1c6ef2d by weimo934
Options

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

1 parent fe8a08e8
Inline Side-by-side
Showing 1 changed file with 68 additions and 39 deletions
......@@ -8,45 +8,58 @@
:modal-append-to-body="false"
>
<div class="content">
<el-form :label-position="right">
<el-form-item label="宗地:">
<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-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择" @change="zrzChange">
<el-option
v-for="item in zrzList"
:key="item.xmmc"
:label="item.label"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="逻辑幢:">
<el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择" @change="ljzChange">
<el-option
v-for="item in ljzList"
:key="item.bsm"
:label="item.ljzmc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="幢单元:">
<el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择">
<el-option
v-for="item in zdyList"
:key="item.bsm"
:label="item.zdymc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
</el-form>
<table>
<tr>
<td class="label">宗地:</td>
<td class="input">
<el-input
placeholder="请选择宗地" v-model="zdxx" :disabled="true"
></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"
:key="item.xmmc"
:label="item.label"
:value="item.bsm">
</el-option>
</el-select>
</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"
:key="item.bsm"
:label="item.ljzmc"
:value="item.bsm">
</el-option>
</el-select>
</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"
:key="item.bsm"
:label="item.zdymc"
:value="item.bsm">
</el-option>
</el-select>
</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;
......