github/dataease
github/dataease
3
0
Fork 1
mirror of https://github.com/dataease/dataease.git synced 2025-02-24 19:42:56 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

refactor(仪表板): 调整图表放大弹出框的样式

Browse Source
This commit is contained in:
ulleo 2025-01-20 17:11:37 +08:00 committed by xuwei-fit2cloud
parent 4a09187e83
commit c843333fed
1 changed files with 105 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
core/core-frontend/src/components/visualization/UserViewEnlarge.vue
View File

@ -6,12 +6,17 @@
v-model="dialogShow"
width="70vw"
trigger="click"
class="userViewEnlarge-class"
>
<template #header>
<div class="header-title">
<div>{{ viewInfo?.title }}</div>
<div class="export-button">
<el-select
v-if="optType === 'enlarge' && exportPermissions[0]"
v-model="pixel"
class="pixel-select"
size="small"
>
<el-option-group v-for="group in pixelOptions" :key="group.label" :label="group.label">
<el-option
@ -41,7 +46,8 @@
size="middle"
:loading="exportLoading"
:disabled="
requestStore.loadingMap[permissionStore.currentPath] > 0 || state.dataFrom === 'template'
requestStore.loadingMap[permissionStore.currentPath] > 0 ||
state.dataFrom === 'template'
"
@click="downloadViewDetails('view')"
>
@ -56,7 +62,8 @@
:loading="exportLoading"
@click="downloadViewDetails('dataset')"
:disabled="
requestStore.loadingMap[permissionStore.currentPath] > 0 || state.dataFrom === 'template'
requestStore.loadingMap[permissionStore.currentPath] > 0 ||
state.dataFrom === 'template'
"
>
{{ t('chart.export_raw_details') }}
@ -78,6 +85,8 @@
v-if="exportPermissions[0] || exportPermissions[1] || exportPermissions[2]"
/>
</div>
</div>
</template>
<div
v-loading="downLoading"
:element-loading-text="t('visualization.export_loading')"
@ -423,17 +432,36 @@ defineExpose({
})
</script>
<style lang="less">
.userViewEnlarge-class {
.ed-dialog__header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-right: unset;
}
.ed-dialog__headerbtn {
position: unset;
}
.header-title {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
}
</style>
<style lang="less" scoped>
.export-button {
position: absolute;
right: 48px;
top: 26px;
z-index: 2;
.pixel-select {
width: 125px;
margin-right: 8px;
margin-top: -1px;
}
.m-button {
@ -444,7 +472,7 @@ defineExpose({
}
.ed-button.is-link {
font-size: 12px;
font-size: 14px;
font-weight: 400;
padding: 4px;