diff --git a/src/views/pages/autoexec/detail/jobDetail/phase/node-list.vue b/src/views/pages/autoexec/detail/jobDetail/phase/node-list.vue index 415087ba8402837469f3cf4514202adeec7a1265..33cc8819c2238ac93c2a832e54d3ddd874fb6bb3 100644 --- a/src/views/pages/autoexec/detail/jobDetail/phase/node-list.vue +++ b/src/views/pages/autoexec/detail/jobDetail/phase/node-list.vue @@ -80,120 +80,122 @@ - - - - {{ row.sqlFile }} - - - - {{ row.host }}{{ row.port ? ':' + row.port : '' }} - {{ row.host }}{{ row.port ? ':' + row.port : '' }} - {{ row.warnCount }} - - - {{ row.extraInfo.version }} - - - - - - {{ row.isModified == 1?$t('page.yes'):$t('page.no') }} - - - - {{ row.extraInfo.blueGreenName }}({{ row.extraInfo.blueGreenSort }}) - - - - - {{ row.nodeName }} - - - {{ row.costTime }} - - - - - {{ row.startTime | formatDate }} - {{ $t('page.begin') }} - - - {{ row.endTime | formatDate }} - {{ $t('page.finish') }} - - - - - {{ row.statusName }} - - - - - + + + + {{ row.sqlFile }} + + + + {{ row.host }}{{ row.port ? ':' + row.port : '' }} + {{ row.host }}{{ row.port ? ':' + row.port : '' }} + {{ row.warnCount }} + + + {{ row.extraInfo.version }} + - + + + + {{ row.isModified == 1?$t('page.yes'):$t('page.no') }} + + + + {{ row.extraInfo.blueGreenName }}({{ row.extraInfo.blueGreenSort }}) + - + + + {{ row.nodeName }} + + + {{ row.costTime }} + + + + + {{ row.startTime | formatDate }} + {{ $t('page.begin') }} + + + {{ row.endTime | formatDate }} + {{ $t('page.finish') }} + + + + + {{ row.statusName }} + + + + - {{ row.statusName }} - {{ row.errorMsg }} - - {{ row.statusName }} - - - - - - - - {{ $t('term.autoexec.actuatorinformation') }} - {{ row.runnerHost }}{{ row.runnerPort ? ':' + row.runnerPort : '' }} - - - - {{ actionMap[action].text }} - - - - - + + {{ row.statusName }} + {{ row.errorMsg }} + + {{ row.statusName }} + + + + + + + + {{ $t('term.autoexec.actuatorinformation') }} + {{ row.runnerHost }}{{ row.runnerPort ? ':' + row.runnerPort : '' }} + + + + {{ actionMap[action].text }} + + + + + + { this.nodeData = res.Return; + if (this.isFirst) { + this.getTableHeight(); + } const nodeList = res.Return.tbodyList; if (nodeList && nodeList.length > 0) { const nodeIdList = []; @@ -596,6 +603,19 @@ export default { this.nodeTitle = title || row.host + (row.port ? ':' + row.port : ''); this.currentNodeId = row.id; this.isNodeDetailDialogShow = true; + }, + getTableHeight() { + this.isFirst = false; + const windowHeight = document.documentElement.clientHeight - 36; + this.$nextTick(() => { + if (this.$refs.tableBox) { + let top = this.$refs.tableBox.getBoundingClientRect().top; + const tableHeight = windowHeight - top; + if (this.tableHeight < tableHeight) { + this.tableHeight = tableHeight; + } + } + }); } }, computed: { diff --git a/src/views/pages/autoexec/detail/jobDetail/phase/sqlfile-list.vue b/src/views/pages/autoexec/detail/jobDetail/phase/sqlfile-list.vue index 520b5a19b9f0500bd46d89189375f515bdcd8fde..9d6e99646b7f44b636ec99da98c73aaf6e3f5301 100644 --- a/src/views/pages/autoexec/detail/jobDetail/phase/sqlfile-list.vue +++ b/src/views/pages/autoexec/detail/jobDetail/phase/sqlfile-list.vue @@ -107,6 +107,9 @@ export default { } this.$api.autoexec.job.getSqlListByPhase(this.searchParam).then(res => { this.nodeData = res.Return; + if (this.isFirst) { + this.getTableHeight(); + } const nodeList = res.Return.tbodyList; if (nodeList && nodeList.length > 0) { const nodeIdList = [];