public/dataease
1
0
Fork 0
mirror of https://github.com/dataease/dataease.git synced 2026-05-15 13:32:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 样式调整

Browse Source
This commit is contained in:
wangjiahao
2025-04-08 17:02:35 +08:00
committed by 王嘉豪
parent 4057bb756d
commit fe70ace7ec
3 changed files with 83 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
core/core-frontend/src/components/data-visualization/DvToolbar.vue
View File

@@ -696,3 +696,19 @@ const fullScreenPreview = () => {
margin-left: 10px;
}
</style>
<style lang="less">
.menu-outer-dv_popper {
border: 1px solid rgba(67, 67, 67, 1) !important;
background-color: rgba(41, 41, 41, 1) !important;
.ed-dropdown-menu {
background-color: rgba(41, 41, 41, 1) !important;
}
.ed-dropdown-menu__item {
color: rgba(235, 235, 235, 1) !important;
}
.handle-icon {
color: rgba(166, 166, 166, 1) !important;
}
}
</style>

122
core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue
View File

@@ -298,65 +298,73 @@ const editQueryCriteria = () => {
<el-divider class="custom-divider" />
<li @click="deleteComponent">{{ t('visualization.delete') }}</li>
</template>
<li
v-show="!(!curComponent || curComponent['isLock'] || curComponent['component'] != 'Group')"
@click="decompose()"
>
{{ t('visualization.cancel_group') }}
</li>
<el-divider class="custom-divider" v-show="composeDivider" />
<template v-if="curComponent">
<template v-if="!curComponent['isLock'] && curComponent.category === 'hidden'">
<li @click="categoryChange('base')">{{ t('visualization.move_to_screen_show') }}</li>
<li @click="editQueryCriteria">{{ t('visualization.edit') }}</li>
<li v-if="activePosition === 'aside'" @click="rename">{{ t('visualization.rename') }}</li>
<li @click="copy">{{ t('visualization.copy') }}</li>
<li @click="paste">{{ t('visualization.paste') }}</li>
<el-divider class="custom-divider" />
<li @click="deleteComponent">{{ t('visualization.delete') }}</li>
<template v-else>
<li
v-show="
!(!curComponent || curComponent['isLock'] || curComponent['component'] != 'Group')
"
@click="decompose()"
>
{{ t('visualization.cancel_group') }}
</li>
<el-divider class="custom-divider" v-show="composeDivider" />
<template v-if="curComponent">
<template v-if="!curComponent['isLock'] && curComponent.category === 'hidden'">
<li @click="categoryChange('base')">{{ t('visualization.move_to_screen_show') }}</li>
<li @click="editQueryCriteria">{{ t('visualization.edit') }}</li>
<li v-if="activePosition === 'aside'" @click="rename">
{{ t('visualization.rename') }}
</li>
<li @click="copy">{{ t('visualization.copy') }}</li>
<li @click="paste">{{ t('visualization.paste') }}</li>
<el-divider class="custom-divider" />
<li @click="deleteComponent">{{ t('visualization.delete') }}</li>
</template>
<template v-if="!curComponent['isLock'] && curComponent.category !== 'hidden'">
<li v-if="curComponent.component === 'VQuery'" @click="editQueryCriteria">
{{ t('visualization.edit') }}
</li>
<li @click="upComponent">{{ t('visualization.up_component') }}</li>
<li @click="downComponent">{{ t('visualization.down_component') }}</li>
<li @click="topComponent">{{ t('visualization.top_component') }}</li>
<li @click="bottomComponent">{{ t('visualization.bottom_component') }}</li>
<li @click="customSort" v-if="curComponent.component === 'DeTabs'">
{{ t('visualization.sort') }}
</li>
<xpack-component
:chart="curComponent"
is-screen
resource-table="snapshot"
jsname="L2NvbXBvbmVudC90aHJlc2hvbGQtd2FybmluZy9FZGl0QmFySGFuZGxlcg=="
/>
<li @click="categoryChange('hidden')" v-show="showMoveMenu">
{{ t('visualization.move_to_pop_area') }}
</li>
<el-divider class="custom-divider" />
<li @click="hide" v-show="curComponent['isShow']">{{ t('visualization.hidden') }}</li>
<li @click="show" v-show="!curComponent['isShow'] || isGroupArea">
{{ t('visualization.cancel_hidden') }}
</li>
<li @click="lock">{{ t('visualization.lock') }}</li>
<li v-if="curComponent['isLock'] || isGroupArea" @click="unlock">
{{ t('visualization.unlock') }}
</li>
<el-divider class="custom-divider" />
<li v-if="activePosition === 'aside'" @click="rename">
{{ t('visualization.rename') }}
</li>
<li @click="copy">{{ t('visualization.copy') }}</li>
<li @click="paste">{{ t('visualization.paste') }}</li>
<li @click="cut">{{ t('visualization.cut') }}</li>
<el-divider class="custom-divider" />
<li @click="deleteComponent">{{ t('visualization.delete') }}</li>
</template>
<li v-if="curComponent['isLock']" @click="unlock">{{ t('visualization.unlock') }}</li>
</template>
<template v-if="!curComponent['isLock'] && curComponent.category !== 'hidden'">
<li v-if="curComponent.component === 'VQuery'" @click="editQueryCriteria">
{{ t('visualization.edit') }}
</li>
<li @click="upComponent">{{ t('visualization.up_component') }}</li>
<li @click="downComponent">{{ t('visualization.down_component') }}</li>
<li @click="topComponent">{{ t('visualization.top_component') }}</li>
<li @click="bottomComponent">{{ t('visualization.bottom_component') }}</li>
<li @click="customSort" v-if="curComponent.component === 'DeTabs'">
{{ t('visualization.sort') }}
</li>
<xpack-component
:chart="curComponent"
is-screen
resource-table="snapshot"
jsname="L2NvbXBvbmVudC90aHJlc2hvbGQtd2FybmluZy9FZGl0QmFySGFuZGxlcg=="
/>
<li @click="categoryChange('hidden')" v-show="showMoveMenu">
{{ t('visualization.move_to_pop_area') }}
</li>
<el-divider class="custom-divider" />
<li @click="hide" v-show="curComponent['isShow']">{{ t('visualization.hidden') }}</li>
<li @click="show" v-show="!curComponent['isShow'] || isGroupArea">
{{ t('visualization.cancel_hidden') }}
</li>
<li @click="lock">{{ t('visualization.lock') }}</li>
<li v-if="curComponent['isLock'] || isGroupArea" @click="unlock">
{{ t('visualization.unlock') }}
</li>
<el-divider class="custom-divider" />
<li v-if="activePosition === 'aside'" @click="rename">{{ t('visualization.rename') }}</li>
<li @click="copy">{{ t('visualization.copy') }}</li>
<li @click="paste">{{ t('visualization.paste') }}</li>
<li @click="cut">{{ t('visualization.cut') }}</li>
<el-divider class="custom-divider" />
<li @click="deleteComponent">{{ t('visualization.delete') }}</li>
</template>
<li v-if="curComponent['isLock']" @click="unlock">{{ t('visualization.unlock') }}</li>
<li v-else-if="!curComponent && !areaData.components.length" @click="paste">
{{ t('visualization.paste') }}
</li>
</template>
<li v-else-if="!curComponent && !areaData.components.length" @click="paste">
{{ t('visualization.paste') }}
</li>
</ul>
</div>
</template>

4
core/core-frontend/src/locales/en.ts
View File

@@ -2900,14 +2900,14 @@ export default {
query_position: 'Query Component Position',
default: 'Default',
to_top: 'Pin to Top',
publish_recover: 'Revert to the published version',
publish_recover: 'Revert Publish',
publish_tips1: 'Visible after publication',
publish_tips2: 'Available after publication {0}',
cancel_publish_tips: 'Successfully unpublished',
resource_not_published: 'Resource not published',
re_publish: 'Republish',
published_success: 'Published successfully',
cancel_publish: 'Cancel publication',
cancel_publish: 'Cancel Publish',
publish: 'Publish',
freeze_top: 'Position frozen at the top',
indicator_linkage: 'Indicator card linkage only carries chart filtering parameters',