style:家庭房产查询
Showing
2 changed files
with
31 additions
and
8 deletions
| ... | @@ -92,7 +92,9 @@ export default { | ... | @@ -92,7 +92,9 @@ export default { |
| 92 | } | 92 | } |
| 93 | }, | 93 | }, |
| 94 | submitForm () { | 94 | submitForm () { |
| 95 | if (this.isButton) { | ||
| 95 | this.$emit('submitForm'); | 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 | <div class="jtfccx-edit-con"> | ||
| 4 | <b class="title">申请信息</b> | 5 | <b class="title">申请信息</b> |
| 5 | <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false"> | 6 | <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting |
| 7 | :pagination="false"> | ||
| 6 | </lb-table> | 8 | </lb-table> |
| 7 | <el-form :model="ruleForm" label-width="100px"> | 9 | <el-form :model="ruleForm" label-width="100px"> |
| 8 | <el-row> | 10 | <el-row> |
| ... | @@ -23,10 +25,11 @@ | ... | @@ -23,10 +25,11 @@ |
| 23 | </el-row> | 25 | </el-row> |
| 24 | </el-form> | 26 | </el-form> |
| 25 | <b class="title">权利人</b> | 27 | <b class="title">权利人</b> |
| 26 | <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting :pagination="false"> | 28 | <lb-table :column="tableData.columns" :data="tableData.data" :maxHeight="200" heightNumSetting |
| 29 | :pagination="false"> | ||
| 27 | </lb-table> | 30 | </lb-table> |
| 28 | <div class="submit-button"> | 31 | <div class="submit-button"> |
| 29 | <el-button type="primary" @click="onSubmit">查询</el-button> | 32 | <el-button type="primary">查询</el-button> |
| 30 | <el-button>重置</el-button> | 33 | <el-button>重置</el-button> |
| 31 | </div> | 34 | </div> |
| 32 | <b class="title">查询结果</b> | 35 | <b class="title">查询结果</b> |
| ... | @@ -34,10 +37,13 @@ | ... | @@ -34,10 +37,13 @@ |
| 34 | <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting | 37 | <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting |
| 35 | :pagination="false"> | 38 | :pagination="false"> |
| 36 | </lb-table> | 39 | </lb-table> |
| 40 | </div> | ||
| 41 | |||
| 37 | <div class="submit-button" style="padding-bottom:20px"> | 42 | <div class="submit-button" style="padding-bottom:20px"> |
| 38 | <el-button type="primary" @click="onSubmit">打印(1)</el-button> | 43 | <el-button type="primary">打印(1)</el-button> |
| 39 | <el-button @click="closeDialog">关闭</el-button> | 44 | <el-button @click="closeDialog">关闭</el-button> |
| 40 | </div> | 45 | </div> |
| 46 | </div> | ||
| 41 | </dialogBox> | 47 | </dialogBox> |
| 42 | </template> | 48 | </template> |
| 43 | 49 | ||
| ... | @@ -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 { |
| 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 { | ||
| 230 | text-align: center; | 247 | text-align: center; |
| 248 | height: 52px; | ||
| 249 | padding-top: 10px; | ||
| 250 | background-color: #fff; | ||
| 251 | } | ||
| 231 | } | 252 | } |
| 232 | </style> | 253 | </style> | ... | ... |
-
Please register or sign in to post a comment