d7100f93 by 任超

style:弹框

1 parent dbc993f4
......@@ -12,7 +12,7 @@
</div>
</div>
</div>
<div class="dialogBox-content" :style="{ height: scrollerHeight ? scrollerHeight : 'auto' }">
<div class="dialogBox-content" :style="{ height: scrollerHeight }">
<slot></slot>
</div>
<div slot="footer" class="dialog_footer" v-if="isButton">
......@@ -69,6 +69,10 @@ export default {
btnDisabled: {
type: Boolean,
default: false
},
height: {
type: String,
default: ''
}
},
data () {
......@@ -76,22 +80,22 @@ export default {
key: 0,
dialogVisible: false,
fullscreen: false,
scrollerHeight: false,
scrollerHeight: ''
}
},
watch: {
value (val) {
this.dialogVisible = val
this.height && (this.scrollerHeight = this.height + 'px')
}
},
methods: {
handleFullscreen (val) {
handleFullscreen () {
this.fullscreen = !this.fullscreen
let height = document.getElementById('dialogBox').clientHeight
if (!this.fullscreen) {
this.scrollerHeight = false
this.scrollerHeight = ''
} else {
this.scrollerHeight = (window.innerHeight - 180) + 'px'
this.scrollerHeight = (window.innerHeight - 120) + 'px'
}
},
submitForm () {
......
......@@ -12,7 +12,7 @@
</div>
</div>
</div>
<div class="dialogBox-content" :style="{ height: scrollerHeight ? scrollerHeight : 'auto' }">
<div class="dialogBox-content" :style="{ height: scrollerHeight }">
<slot></slot>
</div>
<div slot="footer" class="dialog_footer" v-if="isButton">
......@@ -69,6 +69,10 @@ export default {
btnDisabled: {
type: Boolean,
default: false
},
height: {
type: String,
default: ''
}
},
data () {
......@@ -76,22 +80,22 @@ export default {
key: 0,
dialogVisible: false,
fullscreen: false,
scrollerHeight: false,
scrollerHeight: ''
}
},
watch: {
value (val) {
this.dialogVisible = val
this.height && (this.scrollerHeight = this.height + 'px')
}
},
methods: {
handleFullscreen (val) {
handleFullscreen () {
this.fullscreen = !this.fullscreen
let height = document.getElementById('dialogBox').clientHeight
if (!this.fullscreen) {
this.scrollerHeight = false
this.scrollerHeight = ''
} else {
this.scrollerHeight = (window.innerHeight - 180) + 'px'
this.scrollerHeight = (window.innerHeight - 120) + 'px'
}
},
submitForm () {
......
......@@ -33,7 +33,9 @@
@include flex-center;
}
.dialogBox-content {
height: auto
}
}
.dialog_title {
......
<template>
<dialogBox title="家庭房产查询" @closeDialog="closeDialog" isMain width="70%" :isButton="false" v-model="myValue">
<dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="70%" height="700" :isButton="false" v-model="myValue">
<div class="jtfccx-edit">
<div class="jtfccx-edit-con">
<b class="title">申请信息</b>
......@@ -29,13 +29,13 @@
<el-button type="primary" @click="queryChick">查询</el-button>
<el-button @click="resetClick">重置</el-button>
</div>
<b class="title" v-if="isSearch">查询结果</b>
<b class="title" v-show="isSearch">查询结果</b>
<lb-table :column="searchData.columns" v-if="isSearch" :data="searchData.data" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
</div>
<div class="submit-button" v-if="isSearch" style="padding-bottom:20px">
<div class="submit-button" v-show="isSearch" style="padding-bottom:20px">
<el-button type="primary" v-if="searchData.data.length > 0">房产结果打印(1)</el-button>
<el-button type="primary" v-else>无房证明打印(1)</el-button>
<el-button @click="closeDialog">关闭</el-button>
......
......@@ -72,7 +72,6 @@
@import "./workFrame.scss";
</style>
<script>
import { mapGetters } from "vuex"
import WorkFlow from "./mixin/index"
import publicFlow from "./mixin/public.js"
import { getStepFormInfo } from "@/api/fqsq.js";
......@@ -91,7 +90,6 @@ export default {
data () {
return {
isDialog: false,
// 流程图
// 折叠
isShowdrawer: true,
// 默认选中
......