fix(仪表板): 设置时间筛选范围展开时间单位时关闭设置弹窗导致下拉框偏移

This commit is contained in:
dataeaseShu 2024-11-22 10:31:23 +08:00
parent d3b55e4d72
commit 8beb6f0688
2 changed files with 16 additions and 16 deletions

View File

@ -283,7 +283,7 @@ const relativeToCurrentListRange = computed(() => {
<div class="setting" v-if="timeRange.intervalType !== 'timeInterval'">
<div class="setting-label">{{ t('dynamic_time.relative') }}</div>
<div class="setting-value select">
<el-select v-model="timeRange.relativeToCurrent">
<el-select :teleported="false" v-model="timeRange.relativeToCurrent">
<el-option
v-for="item in relativeToCurrentList"
:key="item.value"
@ -296,7 +296,7 @@ const relativeToCurrentListRange = computed(() => {
<div class="setting" v-if="timeRange.relativeToCurrent === 'custom'">
<div class="setting-input">
<el-input-number v-model="timeRange.timeNum" :min="0" controls-position="right" />
<el-select v-model="timeRange.relativeToCurrentType">
<el-select :teleported="false" v-model="timeRange.relativeToCurrentType">
<el-option
v-for="item in relativeToCurrentTypeList"
:key="item.value"
@ -304,7 +304,7 @@ const relativeToCurrentListRange = computed(() => {
:value="item.value"
/>
</el-select>
<el-select v-model="timeRange.around">
<el-select :teleported="false" v-model="timeRange.around">
<el-option
v-for="item in aroundList"
:key="item.value"
@ -319,7 +319,7 @@ const relativeToCurrentListRange = computed(() => {
<div class="setting">
<div class="setting-label">{{ t('dynamic_time.relative') }}</div>
<div class="setting-value select">
<el-select v-model="timeRange.relativeToCurrentRange">
<el-select :teleported="false" v-model="timeRange.relativeToCurrentRange">
<el-option
v-for="item in relativeToCurrentListRange"
:key="item.value"
@ -342,7 +342,7 @@ const relativeToCurrentListRange = computed(() => {
:min="0"
controls-position="right"
/>
<el-select v-model="timeRange.relativeToCurrentType">
<el-select :teleported="false" v-model="timeRange.relativeToCurrentType">
<el-option
v-for="item in relativeToCurrentTypeList"
:key="item.value"
@ -350,7 +350,7 @@ const relativeToCurrentListRange = computed(() => {
:value="item.value"
/>
</el-select>
<el-select v-model="timeRange.around">
<el-select :teleported="false" v-model="timeRange.around">
<el-option
v-for="item in aroundList"
:key="item.value"
@ -372,7 +372,7 @@ const relativeToCurrentListRange = computed(() => {
step-strictly
controls-position="right"
/>
<el-select v-model="timeRange.relativeToCurrentTypeRange">
<el-select :teleported="false" v-model="timeRange.relativeToCurrentTypeRange">
<el-option
v-for="item in relativeToCurrentTypeList"
:key="item.value"
@ -380,7 +380,7 @@ const relativeToCurrentListRange = computed(() => {
:value="item.value"
/>
</el-select>
<el-select v-model="timeRange.aroundRange">
<el-select :teleported="false" v-model="timeRange.aroundRange">
<el-option
v-for="item in aroundList"
:key="item.value"

View File

@ -294,7 +294,7 @@ const relativeToCurrentListRange = computed(() => {
<div class="setting" v-if="timeRange.intervalType !== 'timeInterval'">
<div class="setting-label">{{ t('dynamic_time.relative') }}</div>
<div class="setting-value select">
<el-select v-model="timeRange.relativeToCurrent">
<el-select :teleported="false" v-model="timeRange.relativeToCurrent">
<el-option
v-for="item in relativeToCurrentList"
:key="item.value"
@ -307,7 +307,7 @@ const relativeToCurrentListRange = computed(() => {
<div class="setting" v-if="timeRange.relativeToCurrent === 'custom'">
<div class="setting-input">
<el-input-number v-model="timeRange.timeNum" :min="0" controls-position="right" />
<el-select v-model="timeRange.relativeToCurrentType">
<el-select :teleported="false" v-model="timeRange.relativeToCurrentType">
<el-option
v-for="item in relativeToCurrentTypeList"
:key="item.value"
@ -315,7 +315,7 @@ const relativeToCurrentListRange = computed(() => {
:value="item.value"
/>
</el-select>
<el-select v-model="timeRange.around">
<el-select :teleported="false" v-model="timeRange.around">
<el-option
v-for="item in aroundList"
:key="item.value"
@ -330,7 +330,7 @@ const relativeToCurrentListRange = computed(() => {
<div class="setting">
<div class="setting-label">{{ t('dynamic_time.relative') }}</div>
<div class="setting-value select">
<el-select v-model="timeRange.relativeToCurrentRange">
<el-select :teleported="false" v-model="timeRange.relativeToCurrentRange">
<el-option
v-for="item in relativeToCurrentListRange"
:key="item.value"
@ -356,7 +356,7 @@ const relativeToCurrentListRange = computed(() => {
:min="0"
controls-position="right"
/>
<el-select v-model="timeRange.relativeToCurrentType">
<el-select :teleported="false" v-model="timeRange.relativeToCurrentType">
<el-option
v-for="item in relativeToCurrentTypeList"
:key="item.value"
@ -364,7 +364,7 @@ const relativeToCurrentListRange = computed(() => {
:value="item.value"
/>
</el-select>
<el-select v-model="timeRange.around">
<el-select :teleported="false" v-model="timeRange.around">
<el-option
v-for="item in aroundList"
:key="item.value"
@ -389,7 +389,7 @@ const relativeToCurrentListRange = computed(() => {
step-strictly
controls-position="right"
/>
<el-select v-model="timeRange.relativeToCurrentTypeRange">
<el-select :teleported="false" v-model="timeRange.relativeToCurrentTypeRange">
<el-option
v-for="item in relativeToCurrentTypeList"
:key="item.value"
@ -397,7 +397,7 @@ const relativeToCurrentListRange = computed(() => {
:value="item.value"
/>
</el-select>
<el-select v-model="timeRange.aroundRange">
<el-select :teleported="false" v-model="timeRange.aroundRange">
<el-option
v-for="item in aroundList"
:key="item.value"