ContiNew/continew-admin-ui
1
1
Fork 0
mirror of https://github.com/continew-org/continew-admin-ui.git synced 2025-10-31 00:57:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复表格全屏显示问题

Browse Source
This commit is contained in:
秋帆
2025-02-21 12:33:14 +08:00
parent 21d0b1e3fb
commit 5ab7cdd1e0
1 changed files with 17 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/SplitPanel/index.vue
View File

@@ -1,13 +1,11 @@
<template> <template>
<div <div ref="rootRef" class="ca-split-panel" :class="{
ref="rootRef" class="ca-split-panel" :class="{ 'is-vertical': vertical,
'is-vertical': vertical, 'is-resizing': resizing,
'is-resizing': resizing, 'is-collapse': isCollapse,
'is-collapse': isCollapse, 'is-responsive': isResponsive,
'is-responsive': isResponsive, 'is-mobile': isMobile,
'is-mobile': isMobile, }" :style="customStyle">
}" :style="customStyle"
>
<div class="container" :style="sideStyle"> <div class="container" :style="sideStyle">
<div ref="sideRef" class="ca-split-panel__side"> <div ref="sideRef" class="ca-split-panel__side">
<div class="ca-split-panel__content"> <div class="ca-split-panel__content">
@@ -17,12 +15,10 @@
<!-- 竖线和按钮 --> <!-- 竖线和按钮 -->
<div class="divider-container"> <div class="divider-container">
<div v-show="!isCollapse" class="divider"></div> <div v-show="!isCollapse" class="divider"></div>
<div <div v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{
v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{ 'is-collapse': isCollapse,
'is-collapse': isCollapse, 'is-mobile': isMobile,
'is-mobile': isMobile, }" @click="toggleCollapse">
}" @click="toggleCollapse"
>
<div class="ca-split-panel__collapse-trigger-icon"> <div class="ca-split-panel__collapse-trigger-icon">
<IconRight v-if="isCollapse" size="20" /> <IconRight v-if="isCollapse" size="20" />
<IconLeft v-else size="20" /> <IconLeft v-else size="20" />
@@ -167,7 +163,9 @@ onUnmounted(() => {
.clead_padding { .clead_padding {
padding: 0 !important; padding: 0 !important;
} }
.ca-split-panel:has(.gi-table--fullscreen) .container{
display: none;
}
.ca-split-panel { .ca-split-panel {
overflow: hidden; overflow: hidden;
display: flex; display: flex;
@@ -175,10 +173,12 @@ onUnmounted(() => {
height: 100%; height: 100%;
position: relative; position: relative;
background: var(--color-bg-2); background: var(--color-bg-2);
z-index: 1000;
.container { .container {
display: flex; display: flex;
height: 100%; height: 100%;
z-index: 1;
} }
.divider-container { .divider-container {
@@ -310,6 +310,7 @@ onUnmounted(() => {
} }
&.is-mobile { &.is-mobile {
:deep(.arco-table-col-fixed-left), :deep(.arco-table-col-fixed-left),
:deep(.arco-table-col-fixed-right) { :deep(.arco-table-col-fixed-right) {
position: static; position: static;