JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-11-21 07:40:10 +08:00
Code Issues Projects Releases Wiki Activity

fix(form): table全屏后蒙层在最上一层

Browse Source
This commit is contained in:
roymondchen 2023-12-18 20:18:46 +08:00
parent 86bdb9f099
commit 4ec0b69a8d
2 changed files with 173 additions and 178 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/form/src/containers/Table.vue
View File

@ -1,4 +1,5 @@
<template> <template>
<teleport to="body" :disabled="!isFullscreen">
<div ref="mTable" class="m-fields-table" :class="{ 'm-fields-table-item-extra': config.itemExtra }"> <div ref="mTable" class="m-fields-table" :class="{ 'm-fields-table-item-extra': config.itemExtra }">
<span v-if="config.extra" style="color: rgba(0, 0, 0, 0.45)" v-html="config.extra"></span> <span v-if="config.extra" style="color: rgba(0, 0, 0, 0.45)" v-html="config.extra"></span>
<TMagicTooltip content="拖拽可排序" placement="left-start" :disabled="config.dropSort !== true"> <TMagicTooltip content="拖拽可排序" placement="left-start" :disabled="config.dropSort !== true">
@ -175,6 +176,7 @@
</TMagicPagination> </TMagicPagination>
</div> </div>
</div> </div>
</teleport>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">

13
packages/form/src/theme/table.scss
View File

@ -2,22 +2,15 @@
width: 100%; width: 100%;
&.fixed { &.fixed {
position: fixed; position: fixed;
height: 100%;
overflow: auto;
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
z-index: 100; z-index: 100;
&::before {
content: " ";
display: block;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 100;
}
& > .el-form-item__content { & > .el-form-item__content {
z-index: 101; z-index: 101;
position: relative; position: relative;