Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
4fd3a224 by 任超
Options

style:家庭房产查询

1 parent 07fef6d8
Inline Side-by-side
Showing 2 changed files with 65 additions and 42 deletions
...@@ -92,7 +92,9 @@ export default { ...@@ -92,7 +92,9 @@ export default {
92 } 92 }
93 }, 93 },
94 submitForm () { 94 submitForm () {
95 this.$emit('submitForm'); 95 if (this.isButton) {
96 this.$emit('submitForm');
97 }
96 }, 98 },
97 closeDialog () { 99 closeDialog () {
98 this.key++ 100 this.key++
......
1 <template> 1 <template>
2 <dialogBox title="家庭房产查询" @closeDialog="closeDialog" @submitForm="submitForm" width="80%" :isButton="false" 2 <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="80%" :isButton="false" v-model="value">
3 v-model="value"> 3 <div class="jtfccx-edit">
4 <b class="title">申请信息</b> 4 <div class="jtfccx-edit-con">
5 <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false"> 5 <b class="title">申请信息</b>
6 </lb-table> 6 <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting
7 <el-form :model="ruleForm" label-width="100px"> 7 :pagination="false">
8 <el-row> 8 </lb-table>
9 <el-col :span="12"> 9 <el-form :model="ruleForm" label-width="100px">
10 <el-form-item label="活动名称" prop="name"> 10 <el-row>
11 <el-input v-model="ruleForm.name"></el-input> 11 <el-col :span="12">
12 </el-form-item> 12 <el-form-item label="活动名称" prop="name">
13 </el-col> 13 <el-input v-model="ruleForm.name"></el-input>
14 <el-col :span="12"> 14 </el-form-item>
15 <el-form-item label="活动名称" prop="name"> 15 </el-col>
16 <el-radio-group v-model="ruleForm.radio"> 16 <el-col :span="12">
17 <el-radio :label="1">房屋权利人</el-radio> 17 <el-form-item label="活动名称" prop="name">
18 <el-radio :label="2">委托人</el-radio> 18 <el-radio-group v-model="ruleForm.radio">
19 <el-radio :label="3">产权利害关系人</el-radio> 19 <el-radio :label="1">房屋权利人</el-radio>
20 </el-radio-group> 20 <el-radio :label="2">委托人</el-radio>
21 </el-form-item> 21 <el-radio :label="3">产权利害关系人</el-radio>
22 </el-col> 22 </el-radio-group>
23 </el-row> 23 </el-form-item>
24 </el-form> 24 </el-col>
25 <b class="title">权利人</b> 25 </el-row>
26 <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false"> 26 </el-form>
27 </lb-table> 27 <b class="title">权利人</b>
28 <div class="submit-button"> 28 <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting
29 <el-button type="primary" @click="onSubmit">查询</el-button> 29 :pagination="false">
30 <el-button>重置</el-button> 30 </lb-table>
31 </div> 31 <div class="submit-button">
32 <b class="title">查询结果</b> 32 <el-button type="primary">查询</el-button>
33 <p>查询编号：202200409</p> 33 <el-button>重置</el-button>
34 <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting 34 </div>
35 :pagination="false"> 35 <b class="title">查询结果</b>
36 </lb-table> 36 <p>查询编号：202200409</p>
37 <div class="submit-button" style="padding-bottom:20px"> 37 <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting
38 <el-button type="primary" @click="onSubmit">打印（1）</el-button> 38 :pagination="false">
39 <el-button @click="closeDialog">关闭</el-button> 39 </lb-table>
40 </div>
41
42 <div class="submit-button" style="padding-bottom:20px">
43 <el-button type="primary">打印（1）</el-button>
44 <el-button @click="closeDialog">关闭</el-button>
45 </div>
40 </div> 46 </div>
41 </dialogBox> 47 </dialogBox>
42 </template> 48 </template>
...@@ -205,7 +211,6 @@ export default { ...@@ -205,7 +211,6 @@ export default {
205 closeDialog () { 211 closeDialog () {
206 this.$emit('input', false) 212 this.$emit('input', false)
207 }, 213 },
208 submitForm () { this.$emit('input', false) },
209 handleAdd () { 214 handleAdd () {
210 this.tableData.data.push({}) 215 this.tableData.data.push({})
211 }, 216 },
...@@ -226,7 +231,23 @@ export default { ...@@ -226,7 +231,23 @@ export default {
226 border-bottom: 1px solid $borderColor; 231 border-bottom: 1px solid $borderColor;
227 } 232 }
228 233
229 .submit-button { 234 .jtfccx-edit {
230 text-align: center; 235 @include flex;
236 flex-direction: column;
237 overflow-y: hidden;
238 max-height: 87vh;
239
240 .jtfccx-edit-con {
241 flex: 1;
242 height: 100%;
243 overflow-y: scroll;
244 }
245
246 .submit-button {
247 text-align: center;
248 height: 52px;
249 padding-top: 10px;
250 background-color: #fff;
251 }
231 } 252 }
232 </style> 253 </style>
......