Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d7100f93 by 任超
Options

style:弹框

1 parent dbc993f4
Inline Side-by-side
Showing 5 changed files with 26 additions and 18 deletions
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 </div> 12 </div>
13 </div> 13 </div>
14 </div> 14 </div>
15 <div class="dialogBox-content" :style="{ height: scrollerHeight ? scrollerHeight : 'auto' }"> 15 <div class="dialogBox-content" :style="{ height: scrollerHeight }">
16 <slot></slot> 16 <slot></slot>
17 </div> 17 </div>
18 <div slot="footer" class="dialog_footer" v-if="isButton"> 18 <div slot="footer" class="dialog_footer" v-if="isButton">
...@@ -69,6 +69,10 @@ export default { ...@@ -69,6 +69,10 @@ export default {
69 btnDisabled: { 69 btnDisabled: {
70 type: Boolean, 70 type: Boolean,
71 default: false 71 default: false
72 },
73 height: {
74 type: String,
75 default: ''
72 } 76 }
73 }, 77 },
74 data () { 78 data () {
...@@ -76,22 +80,22 @@ export default { ...@@ -76,22 +80,22 @@ export default {
76 key: 0, 80 key: 0,
77 dialogVisible: false, 81 dialogVisible: false,
78 fullscreen: false, 82 fullscreen: false,
79 scrollerHeight: false, 83 scrollerHeight: ''
80 } 84 }
81 }, 85 },
82 watch: { 86 watch: {
83 value (val) { 87 value (val) {
84 this.dialogVisible = val 88 this.dialogVisible = val
89 this.height && (this.scrollerHeight = this.height + 'px')
85 } 90 }
86 }, 91 },
87 methods: { 92 methods: {
88 handleFullscreen (val) { 93 handleFullscreen () {
89 this.fullscreen = !this.fullscreen 94 this.fullscreen = !this.fullscreen
90 let height = document.getElementById('dialogBox').clientHeight
91 if (!this.fullscreen) { 95 if (!this.fullscreen) {
92 this.scrollerHeight = false 96 this.scrollerHeight = ''
93 } else { 97 } else {
94 this.scrollerHeight = (window.innerHeight - 180) + 'px' 98 this.scrollerHeight = (window.innerHeight - 120) + 'px'
95 } 99 }
96 }, 100 },
97 submitForm () { 101 submitForm () {
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 </div> 12 </div>
13 </div> 13 </div>
14 </div> 14 </div>
15 <div class="dialogBox-content" :style="{ height: scrollerHeight ? scrollerHeight : 'auto' }"> 15 <div class="dialogBox-content" :style="{ height: scrollerHeight }">
16 <slot></slot> 16 <slot></slot>
17 </div> 17 </div>
18 <div slot="footer" class="dialog_footer" v-if="isButton"> 18 <div slot="footer" class="dialog_footer" v-if="isButton">
...@@ -69,6 +69,10 @@ export default { ...@@ -69,6 +69,10 @@ export default {
69 btnDisabled: { 69 btnDisabled: {
70 type: Boolean, 70 type: Boolean,
71 default: false 71 default: false
72 },
73 height: {
74 type: String,
75 default: ''
72 } 76 }
73 }, 77 },
74 data () { 78 data () {
...@@ -76,22 +80,22 @@ export default { ...@@ -76,22 +80,22 @@ export default {
76 key: 0, 80 key: 0,
77 dialogVisible: false, 81 dialogVisible: false,
78 fullscreen: false, 82 fullscreen: false,
79 scrollerHeight: false, 83 scrollerHeight: ''
80 } 84 }
81 }, 85 },
82 watch: { 86 watch: {
83 value (val) { 87 value (val) {
84 this.dialogVisible = val 88 this.dialogVisible = val
89 this.height && (this.scrollerHeight = this.height + 'px')
85 } 90 }
86 }, 91 },
87 methods: { 92 methods: {
88 handleFullscreen (val) { 93 handleFullscreen () {
89 this.fullscreen = !this.fullscreen 94 this.fullscreen = !this.fullscreen
90 let height = document.getElementById('dialogBox').clientHeight
91 if (!this.fullscreen) { 95 if (!this.fullscreen) {
92 this.scrollerHeight = false 96 this.scrollerHeight = ''
93 } else { 97 } else {
94 this.scrollerHeight = (window.innerHeight - 180) + 'px' 98 this.scrollerHeight = (window.innerHeight - 120) + 'px'
95 } 99 }
96 }, 100 },
97 submitForm () { 101 submitForm () {
......
...@@ -33,7 +33,9 @@ ...@@ -33,7 +33,9 @@
33 @include flex-center; 33 @include flex-center;
34 } 34 }
35 35
36 36 .dialogBox-content {
37 height: auto
38 }
37 } 39 }
38 40
39 .dialog_title { 41 .dialog_title {
......
1 <template> 1 <template>
2 <dialogBox title="家庭房产查询" @closeDialog="closeDialog" isMain width="70%" :isButton="false" v-model="myValue"> 2 <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="70%" height="700" :isButton="false" v-model="myValue">
3 <div class="jtfccx-edit"> 3 <div class="jtfccx-edit">
4 <div class="jtfccx-edit-con"> 4 <div class="jtfccx-edit-con">
5 <b class="title">申请信息</b> 5 <b class="title">申请信息</b>
...@@ -29,13 +29,13 @@ ...@@ -29,13 +29,13 @@
29 <el-button type="primary" @click="queryChick">查询</el-button> 29 <el-button type="primary" @click="queryChick">查询</el-button>
30 <el-button @click="resetClick">重置</el-button> 30 <el-button @click="resetClick">重置</el-button>
31 </div> 31 </div>
32 <b class="title" v-if="isSearch">查询结果</b> 32 <b class="title" v-show="isSearch">查询结果</b>
33 <lb-table :column="searchData.columns" v-if="isSearch" :data="searchData.data" :maxHeight="200" heightNumSetting 33 <lb-table :column="searchData.columns" v-if="isSearch" :data="searchData.data" :maxHeight="200" heightNumSetting
34 :pagination="false"> 34 :pagination="false">
35 </lb-table> 35 </lb-table>
36 </div> 36 </div>
37 37
38 <div class="submit-button" v-if="isSearch" style="padding-bottom:20px"> 38 <div class="submit-button" v-show="isSearch" style="padding-bottom:20px">
39 <el-button type="primary" v-if="searchData.data.length > 0">房产结果打印（1）</el-button> 39 <el-button type="primary" v-if="searchData.data.length > 0">房产结果打印（1）</el-button>
40 <el-button type="primary" v-else>无房证明打印（1）</el-button> 40 <el-button type="primary" v-else>无房证明打印（1）</el-button>
41 <el-button @click="closeDialog">关闭</el-button> 41 <el-button @click="closeDialog">关闭</el-button>
......
...@@ -72,7 +72,6 @@ ...@@ -72,7 +72,6 @@
72 @import "./workFrame.scss"; 72 @import "./workFrame.scss";
73 </style> 73 </style>
74 <script> 74 <script>
75 import { mapGetters } from "vuex"
76 import WorkFlow from "./mixin/index" 75 import WorkFlow from "./mixin/index"
77 import publicFlow from "./mixin/public.js" 76 import publicFlow from "./mixin/public.js"
78 import { getStepFormInfo } from "@/api/fqsq.js"; 77 import { getStepFormInfo } from "@/api/fqsq.js";
...@@ -91,7 +90,6 @@ export default { ...@@ -91,7 +90,6 @@ export default {
91 data () { 90 data () {
92 return { 91 return {
93 isDialog: false, 92 isDialog: false,
94 // 流程图
95 // 折叠 93 // 折叠
96 isShowdrawer: true, 94 isShowdrawer: true,
97 // 默认选中 95 // 默认选中
......