fix: 大屏样式优化

spring

2 天以前 bc5cf4a258aba4774829ce421af83f9b4aedf4cc

 src/views/reportAnalysis/dataDashboard/components/basic/left-bottom.vue

@@ -9,6 +9,8 @@
          placeholder="请选择客户"
          clearable
          filterable
          popper-class="customer-select-dropdown"
          :teleported="false"
          @change="handleFilterChange"
        >
          <el-option
@@ -106,7 +108,7 @@
  formatter: function (params) {
    let result = params[0].axisValueLabel + '<br/>'
    params.forEach((item) => {
      result += `<div style="color: #B8C8E0">${item.marker} ${item.seriesName}: ${item.value}</div>`
      result += `<div>${item.marker} ${item.seriesName}: ${item.value}</div>`
    })
    return result
  },
@@ -242,3 +244,17 @@
  height: 478px;
}
</style>

<style>
/* 全屏模式下下拉框层级修复 */
.customer-select-dropdown {
  z-index: 10001 !important;
}

/* 确保在全屏容器内的下拉框也能正常显示 */
.scale-container:fullscreen .customer-select-dropdown,
.scale-container:-webkit-full-screen .customer-select-dropdown,
.scale-container:-ms-fullscreen .customer-select-dropdown {
  z-index: 10001 !important;
}
</style>