ThbTech/gis-bi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

条件样式

Browse Source
This commit is contained in:
jingna 2025-04-18 17:06:37 +08:00
parent a98985b456
commit 2e82187e3d
2 changed files with 39 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
core/core-frontend/src/views/chart/components/editor/editor-senior/components/Threshold.vue
View File

@ -1143,7 +1143,7 @@ init()
/> />
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button @click="closeLineThreshold">{{ t('chart.cancel') }}</el-button> <el-button @click="closeLineThreshold">{{ t('chart.cancel') }}</el-button>
<el-button type="primary" @click="changeLineThreshold">{{ <el-button type="primary" @click="changeLineThreshold">{{
t('chart.confirm') t('chart.confirm')
}}</el-button> }}</el-button>
@ -1347,4 +1347,12 @@ span {
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
} }
.dialog-footer .ed-button{
color: #F2F4F5;
background-color: #212121;
border: 1px solid #434343;
}
.dialog-footer.ed-button--primary{
background-color:#0089FF;
}
</style> </style>

35
core/core-frontend/src/views/chart/components/editor/editor-senior/components/dialog/LineThresholdEdit.vue
View File

@ -300,7 +300,7 @@ init()
:style="{ float: 'right' }" :style="{ float: 'right' }"
@click="removeThreshold(fieldIndex)" @click="removeThreshold(fieldIndex)"
> >
<el-icon size="20px" style="color: #646a73"> <el-icon size="20px" style="color: #fff">
<Icon name="icon_delete-trash_outlined" <Icon name="icon_delete-trash_outlined"
><icon_deleteTrash_outlined class="svg-icon" ><icon_deleteTrash_outlined class="svg-icon"
/></Icon> /></Icon>
@ -308,7 +308,7 @@ init()
</el-button> </el-button>
</el-row> </el-row>
<el-row :style="{ marginTop: '16px', borderTop: '1px solid #d5d6d8' }"> <el-row :style="{ marginTop: '16px', borderTop: '1px solid #5f5f5f' }">
<el-row <el-row
v-for="(item, index) in fieldItem.conditions" v-for="(item, index) in fieldItem.conditions"
:key="index" :key="index"
@ -440,7 +440,7 @@ init()
text text
@click="removeCondition(fieldItem, index)" @click="removeCondition(fieldItem, index)"
> >
<el-icon size="20px" style="color: #646a73"> <el-icon size="20px" style="color: #fff">
<Icon name="icon_delete-trash_outlined" <Icon name="icon_delete-trash_outlined"
><icon_deleteTrash_outlined class="svg-icon" ><icon_deleteTrash_outlined class="svg-icon"
/></Icon> /></Icon>
@ -487,7 +487,7 @@ init()
border-radius: 4px; border-radius: 4px;
padding: 10px 16px; padding: 10px 16px;
margin-top: 10px; margin-top: 10px;
background: #f5f6f7; background:#333333;
} }
.line-item { .line-item {
@ -555,7 +555,7 @@ span {
.tip { .tip {
font-size: 12px; font-size: 12px;
background: #d6e2ff; background: #333333;
border-radius: 4px; border-radius: 4px;
padding: 10px 20px; padding: 10px 20px;
display: flex; display: flex;
@ -590,4 +590,29 @@ span {
justify-content: flex-start; justify-content: flex-start;
padding: 0 11px; padding: 0 11px;
} }
:deep(.ed-input__wrapper){
background-color: #252424 ;
box-shadow: 0 0 0 1px #5f5f5f inset;
}
:deep(.ed-input__inner){
color: #fff;
}
:deep(.ed-select-dropdown__item){
color: #ffffff !important;
}
:deep(.ed-select-dropdown__item.hover, .ed-select-dropdown__item:hover){
background: rgb(61,61,61) !important;
}
.ed-select-dropdown__item{
color: #ffffff;
}
.ed-select-dropdown__item.hover, .ed-select-dropdown__item:hover{
background: rgb(61,61,61);
}
.ed-select-dropdown__item.selected{
color: #0089ff;
}
:deep(.ed-color-picker__trigger){
border: 1px solid #5f5f5f ;
}
</style> </style>