4fd3a224 by 任超

style:家庭房产查询

1 parent 07fef6d8
......@@ -92,7 +92,9 @@ export default {
}
},
submitForm () {
this.$emit('submitForm');
if (this.isButton) {
this.$emit('submitForm');
}
},
closeDialog () {
this.key++
......
<template>
<dialogBox title="家庭房产查询" @closeDialog="closeDialog" @submitForm="submitForm" width="80%" :isButton="false"
v-model="value">
<b class="title">申请信息</b>
<lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false">
</lb-table>
<el-form :model="ruleForm" label-width="100px">
<el-row>
<el-col :span="12">
<el-form-item label="活动名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="活动名称" prop="name">
<el-radio-group v-model="ruleForm.radio">
<el-radio :label="1">房屋权利人</el-radio>
<el-radio :label="2">委托人</el-radio>
<el-radio :label="3">产权利害关系人</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<b class="title">权利人</b>
<lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false">
</lb-table>
<div class="submit-button">
<el-button type="primary" @click="onSubmit">查询</el-button>
<el-button>重置</el-button>
</div>
<b class="title">查询结果</b>
<p>查询编号:202200409</p>
<lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<div class="submit-button" style="padding-bottom:20px">
<el-button type="primary" @click="onSubmit">打印(1)</el-button>
<el-button @click="closeDialog">关闭</el-button>
<dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="80%" :isButton="false" v-model="value">
<div class="jtfccx-edit">
<div class="jtfccx-edit-con">
<b class="title">申请信息</b>
<lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<el-form :model="ruleForm" label-width="100px">
<el-row>
<el-col :span="12">
<el-form-item label="活动名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="活动名称" prop="name">
<el-radio-group v-model="ruleForm.radio">
<el-radio :label="1">房屋权利人</el-radio>
<el-radio :label="2">委托人</el-radio>
<el-radio :label="3">产权利害关系人</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<b class="title">权利人</b>
<lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<div class="submit-button">
<el-button type="primary">查询</el-button>
<el-button>重置</el-button>
</div>
<b class="title">查询结果</b>
<p>查询编号:202200409</p>
<lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
</div>
<div class="submit-button" style="padding-bottom:20px">
<el-button type="primary">打印(1)</el-button>
<el-button @click="closeDialog">关闭</el-button>
</div>
</div>
</dialogBox>
</template>
......@@ -205,7 +211,6 @@ export default {
closeDialog () {
this.$emit('input', false)
},
submitForm () { this.$emit('input', false) },
handleAdd () {
this.tableData.data.push({})
},
......@@ -226,7 +231,23 @@ export default {
border-bottom: 1px solid $borderColor;
}
.submit-button {
text-align: center;
.jtfccx-edit {
@include flex;
flex-direction: column;
overflow-y: hidden;
max-height: 87vh;
.jtfccx-edit-con {
flex: 1;
height: 100%;
overflow-y: scroll;
}
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
}
</style>
......