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

Merge pull request #1510 from dataease/pr@dev@style_panel_left

Browse Source 
style: 仪表板组件样式
This commit is contained in:
fit2cloud-chenyw 2021-12-24 13:30:36 +08:00 committed by GitHub
commit 60e1e7cea9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 21 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/canvas/components/Editor/Preview.vue
View File

@ -311,7 +311,7 @@ export default {
} }
}, },
handleMouseDown() { handleMouseDown() {
this.$store.commit('setClickComponentStatus', fals) this.$store.commit('setClickComponentStatus', false)
}, },
initMobileCanvas() { initMobileCanvas() {
this.$store.commit('openMobileLayout') this.$store.commit('openMobileLayout')

3
frontend/src/views/panel/AssistComponent/index.vue
View File

@ -339,7 +339,8 @@ export default {
white-space: pre; white-space: pre;
text-overflow: ellipsis; text-overflow: ellipsis;
position: absolute; position: absolute;
inset: 0px 0px 0px 40px; /* inset: 0px 0px 0px 40px; */
margin-left: 40px;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
overflow-x: hidden; overflow-x: hidden;

36
frontend/src/views/panel/edit/index.vue
View File

@ -37,35 +37,31 @@
</div> </div>
<!-- 视图图表 end --> <!-- 视图图表 end -->
<!-- 过滤组件 start --> <!-- 过滤组件 start -->
<div tabindex="-1" style="position: relative; margin: 16px auto">
<div style="height: 60px; position: relative"> <div class="button-div-class" style=" width: 24px;height: 24px;text-align: center;line-height: 1;position: relative;margin: 16px auto 0px; ">
<div class="button-div-class" style=" text-align: center;line-height: 1;position: absolute;inset: 0px 0px 45px; "> <el-button circle :class="show&&showIndex===1? 'button-show':'button-closed'" class="el-icon-s-tools" size="mini" @click="showPanel(1)" />
<el-button circle :class="show&&showIndex===1? 'button-show':'button-closed'" class="el-icon-s-tools" size="mini" @click="showPanel(1)" /> </div>
</div> <div class="button-text" style=" position: relative; margin: 18px auto 16px;">
<div class="button-text" style=" position: absolute;left: 0px;right: 0px;bottom: 10px; height: 16px;"> <div style=" max-width: 100%;text-align: center;white-space: nowrap;text-overflow: ellipsis;position: relative;flex-shrink: 0;">
<div style=" max-width: 100%;text-align: center;white-space: nowrap;text-overflow: ellipsis;position: relative;flex-shrink: 0;"> {{ $t('panel.module') }}
{{ $t('panel.module') }}
</div>
</div>
</div> </div>
</div> </div>
<div style="height: 1px; position: relative; margin: 0px auto;background-color:#E6E6E6;"> <div style="height: 1px; position: relative; margin: 0px auto;background-color:#E6E6E6;">
<div style="width: 60px;height: 1px;line-height: 1px;text-align: center;white-space: pre;text-overflow: ellipsis;position: relative;flex-shrink: 0;" /> <div style="width: 60px;height: 1px;line-height: 1px;text-align: center;white-space: pre;text-overflow: ellipsis;position: relative;flex-shrink: 0;" />
</div> </div>
<!-- 过滤组件 end --> <!-- 过滤组件 end -->
<!-- 其他组件 start --> <!-- 其他组件 start -->
<div tabindex="-1" style="position: relative; margin: 16px auto">
<div style="height: 60px; position: relative"> <div class="button-div-class" style=" width: 24px;height: 24px;text-align: center;line-height: 1;position: relative;margin: 16px auto 0px; ">
<div class="button-div-class" style=" text-align: center;line-height: 1;position: absolute;inset: 0px 0px 45px; "> <el-button circle :class="show&&showIndex===3? 'button-show':'button-closed'" class="el-icon-brush" size="mini" @click="showPanel(3)" />
<el-button circle :class="show&&showIndex===3? 'button-show':'button-closed'" class="el-icon-brush" size="mini" @click="showPanel(3)" /> </div>
</div> <div class="button-text" style=" position: relative; margin: 18px auto 16px;">
<div class="button-text" style=" position: absolute;left: 0px;right: 0px;bottom: 10px; height: 16px;"> <div style=" max-width: 100%;text-align: center;white-space: nowrap;text-overflow: ellipsis;position: relative;flex-shrink: 0;">
<div style=" max-width: 100%;text-align: center;white-space: nowrap;text-overflow: ellipsis;position: relative;flex-shrink: 0;"> {{ $t('panel.other_module') }}
{{ $t('panel.other_module') }}
</div>
</div>
</div> </div>
</div> </div>
<div style="height: 1px; position: relative; margin: 0px auto;background-color:#E6E6E6;"> <div style="height: 1px; position: relative; margin: 0px auto;background-color:#E6E6E6;">
<div style="width: 60px;height: 1px;line-height: 1px;text-align: center;white-space: pre;text-overflow: ellipsis;position: relative;flex-shrink: 0;" /> <div style="width: 60px;height: 1px;line-height: 1px;text-align: center;white-space: pre;text-overflow: ellipsis;position: relative;flex-shrink: 0;" />
</div> </div>

3
frontend/src/views/panel/filter/index.vue
View File

@ -272,7 +272,8 @@ export default {
white-space: pre; white-space: pre;
text-overflow: ellipsis; text-overflow: ellipsis;
position: absolute; position: absolute;
inset: 0px 0px 0px 40px; /* inset: 0px 0px 0px 40px; */
margin-left: 40px;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
overflow-x: hidden; overflow-x: hidden;