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

feat(图表): 调整柱线组合图查看数据页面样式

Browse Source
This commit is contained in:
ulleo 2024-06-14 14:00:30 +08:00
parent 1f89574c42
commit dfa66bad48
1 changed files with 28 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -54,7 +54,14 @@
class="enlarge-outer" class="enlarge-outer"
v-if="dialogShow" v-if="dialogShow"
> >
<div class="enlarge-inner" ref="viewContainer" :style="customExport"> <div
class="enlarge-inner"
:class="{
'enlarge-inner-with-header': optType === 'details' && sourceViewType.includes('chart-mix')
}"
ref="viewContainer"
:style="customExport"
>
<component-wrapper <component-wrapper
v-if="optType === 'enlarge'" v-if="optType === 'enlarge'"
class="enlarge-wrapper" class="enlarge-wrapper"
@ -74,18 +81,20 @@
<el-tab-pane :label="t('chart.drag_block_value_axis_left')" name="left"></el-tab-pane> <el-tab-pane :label="t('chart.drag_block_value_axis_left')" name="left"></el-tab-pane>
<el-tab-pane :label="t('chart.drag_block_value_axis_right')" name="right"></el-tab-pane> <el-tab-pane :label="t('chart.drag_block_value_axis_right')" name="right"></el-tab-pane>
</el-tabs> </el-tabs>
<chart-component-s2 <div style="flex: 1">
v-if="activeName === 'left'" <chart-component-s2
:view="viewInfo" v-if="activeName === 'left'"
show-position="viewDialog" :view="viewInfo"
ref="chartComponentDetails" show-position="viewDialog"
/> ref="chartComponentDetails"
<chart-component-s2 />
v-else-if="activeName === 'right'" <chart-component-s2
:view="viewInfo" v-else-if="activeName === 'right'"
show-position="viewDialog" :view="viewInfo"
ref="chartComponentDetails2" show-position="viewDialog"
/> ref="chartComponentDetails2"
/>
</div>
</template> </template>
</div> </div>
</div> </div>
@ -360,12 +369,18 @@ defineExpose({
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.enlarge-inner-with-header {
display: flex;
flex-direction: column;
}
.enlarge-wrapper { .enlarge-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.tab-header { .tab-header {
margin-top: -10px;
margin-bottom: 10px;
--ed-tabs-header-height: 34px; --ed-tabs-header-height: 34px;
--custom-tab-color: #646a73; --custom-tab-color: #646a73;