fix: 页面抖动

This commit is contained in:
dataeaseShu 2022-11-29 14:59:25 +08:00
parent f8a6b33329
commit 077222f141
3 changed files with 5 additions and 14 deletions

View File

@ -148,12 +148,11 @@
:disabled="!hasDataPermission('manage', param.privileges)" :disabled="!hasDataPermission('manage', param.privileges)"
class="select-type" class="select-type"
:options="getFields(scope.row)" :options="getFields(scope.row)"
@visible-change="getPopPosition"
@change="saveEdit(scope.row)" @change="saveEdit(scope.row)"
> >
<template slot-scope="{ node, data }"> <template slot-scope="{ node, data }">
<span <span
v-if="node.level === 2" v-if="node.level === 2 && data.label === 'yyyy-MM-dd'"
class="format-title" class="format-title"
:style="popPosition" :style="popPosition"
>{{ $t('chart.date_format') }}</span> >{{ $t('chart.date_format') }}</span>
@ -488,12 +487,11 @@
:disabled="!hasDataPermission('manage', param.privileges)" :disabled="!hasDataPermission('manage', param.privileges)"
class="select-type" class="select-type"
:options="getFields(scope.row)" :options="getFields(scope.row)"
@visible-change="getPopPosition"
@change="saveEdit(scope.row)" @change="saveEdit(scope.row)"
> >
<template slot-scope="{ node, data }"> <template slot-scope="{ node, data }">
<span <span
v-if="node.level === 2" v-if="node.level === 2 && data.label === 'yyyy-MM-dd'"
class="format-title" class="format-title"
:style="popPosition" :style="popPosition"
>{{ $t('chart.date_format') }}</span> >{{ $t('chart.date_format') }}</span>
@ -807,15 +805,6 @@ export default {
that.maxHeight = currentHeight - 56 - 30 - 35 - 26 - 10 - 10 + 'px' that.maxHeight = currentHeight - 56 - 30 - 35 - 26 - 10 - 10 + 'px'
}, 10) }, 10)
}, },
getPopPosition(val) {
if (!val) return
this.$nextTick(() => {
const list = document.querySelectorAll('body > .select-date-resolution-format')
const ele = list[list.length - 1]
const { top, left } = ele?.style
this.popPosition = { top: parseInt(top) - 18 + 'px', left: parseInt(left) + 181 + 'px', position: 'fixed' }
})
},
initField() { initField() {
fieldListDQ(this.param.id).then((response) => { fieldListDQ(this.param.id).then((response) => {
this.tableFields = response.data this.tableFields = response.data
@ -1198,6 +1187,7 @@ span {
position: fixed; position: fixed;
display: inline-block; display: inline-block;
height: 30px; height: 30px;
transform: translate(-30px, -37px);
background: #dfe6ec; background: #dfe6ec;
width: 180px; width: 180px;
padding-left: 30px; padding-left: 30px;

View File

@ -109,7 +109,7 @@
icon="el-icon-delete" icon="el-icon-delete"
:command="beforeClickMore('delete', data, node)" :command="beforeClickMore('delete', data, node)"
> >
{{ $t('emailtask.default') + $t('commons.cancel') }} {{ $t('commons.cancel') + $t('emailtask.default') }}
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>

View File

@ -708,6 +708,7 @@ export default {
if (this.form.type === 'oracle') { if (this.form.type === 'oracle') {
this.$set(this.form.configuration, 'charset', 'Default') this.$set(this.form.configuration, 'charset', 'Default')
this.$set(this.form.configuration, 'targetCharset', 'Default') this.$set(this.form.configuration, 'targetCharset', 'Default')
this.$set(this.form.configuration, 'connectionType', 'sid')
} }
}, },
changeEdit() { changeEdit() {