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"