实训设计盘高度调整

This commit is contained in:
fan 2022-11-22 16:24:35 +08:00
parent d0d77bd350
commit 00e2b3231a
2 changed files with 17 additions and 6 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="editContent" :class="{'active': dialogVisible}"> <div class="editContent" :class="{'active': dialogVisible}" :style="{height: paneHeight + 'px'}">
<div class="editContentTab"> <div class="editContentTab">
<div class="editContentTabLable" @click="minisize"> <div class="editContentTabLable" @click="minisize">
<span class="titleStyle">实训设计</span> <span class="titleStyle">实训设计</span>
@ -144,9 +144,10 @@ export default {
}, },
computed: { computed: {
tableHeight() { tableHeight() {
const s = 330; return this.$store.state.app.height - 385;
const h = this.$store.state.app.height; },
return h - s; paneHeight() {
return this.$store.state.app.height - 55;
}, },
group() { group() {
return this.$route.query.group; return this.$route.query.group;

View File

@ -6,7 +6,15 @@
<div style="text-align: right;padding: 10px;margin-bottom: 10px;"> <div style="text-align: right;padding: 10px;margin-bottom: 10px;">
<el-button size="small" type="text" class="createScript" @click="handleCreate">新建</el-button> <el-button size="small" type="text" class="createScript" @click="handleCreate">新建</el-button>
</div> </div>
<QueryListPage ref="queryListPage" :card-padding="10" :pager-config="pagerConfig" :query-form="queryForm" :query-list="queryList" /> <QueryListPage
ref="queryListPage"
:style="{maxHeight: tableHeight + 'px'}"
style="overflow-y: scroll;"
:card-padding="10"
:pager-config="pagerConfig"
:query-form="queryForm"
:query-list="queryList"
/>
</div> </div>
</template> </template>
@ -46,7 +54,6 @@ export default {
RAIL_CTC: '10' RAIL_CTC: '10'
}, },
queryList: { queryList: {
height: 800,
query: this.queryFunction, query: this.queryFunction,
selectCheckShow: false, selectCheckShow: false,
columns: [ columns: [
@ -139,6 +146,9 @@ export default {
}, },
trainingSwitch() { trainingSwitch() {
return this.$store.state.trainingNew.trainingSwitch; return this.$store.state.trainingNew.trainingSwitch;
},
tableHeight() {
return this.$store.state.app.height - 180;
} }
}, },
methods: { methods: {