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:
junjun 2022-05-26 18:24:17 +08:00
parent db215743e8
commit 57330d34df
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/views/chart/components/shape-attr/ColorSelector.vue
View File

@ -64,13 +64,13 @@
:key="index" :key="index"
style="display: flex;align-items: center;margin: 2px 0;" style="display: flex;align-items: center;margin: 2px 0;"
> >
<span class="span-label" :title="item.name">{{ item.name }}</span>
<el-color-picker <el-color-picker
v-model="item.color" v-model="item.color"
class="color-picker-style" class="color-picker-style"
:predefine="predefineColors" :predefine="predefineColors"
@change="switchCustomColor(index)" @change="switchCustomColor(index)"
/> />
<span class="span-label" :title="item.name">{{ item.name }}</span>
</div> </div>
</div> </div>
@ -394,17 +394,18 @@ export default {
} }
.span-label { .span-label {
width: 100px; width: 300px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: inline-block; display: inline-block;
padding: 0 8px;
} }
.custom-color-style { .custom-color-style {
height: 300px; height: 300px;
overflow-y: auto; overflow-y: auto;
padding: 4px; padding: 4px 12px;
border: 1px solid #e6e6e6; border: 1px solid #e6e6e6;
} }
</style> </style>

1
frontend/src/views/chart/components/shape-attr/ColorSelectorExt.vue
View File

@ -1,3 +1,4 @@
<!--暂时没用，但保留-->
<template> <template>
<div style="width: 100%"> <div style="width: 100%">
<el-col> <el-col>