center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

fix(嵌入式): div嵌入式时，仪表板或大屏的分享弹窗显示超出边界，且无法通过点击空白处关闭分享弹窗

Browse Source
This commit is contained in:
dataeaseShu 2024-06-27 17:43:56 +08:00
parent c2641f1a44
commit 8c3e482de2
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
core/core-frontend/src/views/share/share/ShareVisualHead.vue
View File

@ -3,7 +3,7 @@
:visible="popoverVisible" :visible="popoverVisible"
title="" title=""
width="480" width="480"
placement="bottom-start" placement="bottom-end"
:show-arrow="false" :show-arrow="false"
:popper-class="`share-popover ${showTicket ? 'share-ticket-popover' : ''}`" :popper-class="`share-popover ${showTicket ? 'share-ticket-popover' : ''}`"
@show="share" @show="share"
@ -31,11 +31,12 @@
<el-input <el-input
ref="linkUuidRef" ref="linkUuidRef"
placeholder="" placeholder=""
:class="!linkCustom && 'maxW380'"
v-model="state.detailInfo.uuid" v-model="state.detailInfo.uuid"
:disabled="!linkCustom" :disabled="!linkCustom"
@blur="finishEditUuid" @blur="finishEditUuid"
> >
<template #prefix> <template v-if="!linkCustom" #prefix>
{{ formatLinkBase() }} {{ formatLinkBase() }}
</template> </template>
</el-input> </el-input>
@ -190,6 +191,7 @@ const hideShare = async () => {
} }
} }
const clickOutPopover = e => { const clickOutPopover = e => {
console.log(e, 'e', popoverVisible.value, e.target.closest('[class*="share-popover"]'))
if (!popoverVisible.value || e.target.closest('[class*="share-popover"]')) { if (!popoverVisible.value || e.target.closest('[class*="share-popover"]')) {
return return
} }
@ -545,6 +547,12 @@ defineExpose({
display: flex; display: flex;
margin-bottom: 16px; margin-bottom: 16px;
align-items: center; align-items: center;
.maxW380 {
:deep(.ed-input__prefix) {
overflow: hidden;
max-width: 380px;
}
}
button { button {
width: 40px; width: 40px;
min-width: 40px; min-width: 40px;