fix(数据大屏): 联动设置/跳转设置-icon 应该蓝色高亮

This commit is contained in:
dataeaseShu 2024-09-27 14:03:08 +08:00
parent 608c2e2434
commit 336ef99b0c
3 changed files with 31 additions and 14 deletions

View File

@ -32,6 +32,7 @@ import { cloneDeep, defaultsDeep } from 'lodash-es'
import BubbleAnimateCfg from '@/views/chart/components/editor/editor-senior/components/BubbleAnimateCfg.vue'
import { XpackComponent } from '@/components/plugin'
import CarouselSetting from '@/custom-component/common/CarouselSetting.vue'
import { Icon } from 'vant'
const dvMainStore = dvMainStoreWithOut()
const { nowPanelTrackInfo, nowPanelJumpInfo, dvInfo, componentData, curComponent } =
@ -338,28 +339,34 @@ const removeJumpSenior = () => {
已设置
</span>
<button
:class="'label-' + props.themes"
class="circle-button_icon"
:title="t('chart.delete')"
:class="'label-' + props.themes"
:style="{ margin: '0 8px' }"
@click="removeLinkageSenior"
>
<el-icon>
<Icon name="icon_delete-trash_outlined"
><icon_deleteTrash_outlined class="svg-icon"
<Icon
><icon_deleteTrash_outlined
:class="chart.linkageActive && 'primary-color'"
class="svg-icon"
/></Icon>
</el-icon>
</button>
</template>
<button
:class="'label-' + props.themes"
class="circle-button_icon"
:title="t('chart.edit')"
:class="'label-' + props.themes"
@click="linkageSetOpen"
:disabled="!chart.linkageActive"
>
<el-icon>
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
<Icon
><icon_edit_outlined
:class="chart.linkageActive && 'primary-color'"
class="svg-icon"
/></Icon>
</el-icon>
</button>
</span>
@ -381,28 +388,34 @@ const removeJumpSenior = () => {
已设置
</span>
<button
:class="'label-' + props.themes"
class="circle-button_icon"
:title="t('chart.delete')"
:class="'label-' + props.themes"
:style="{ margin: '0 8px' }"
@click="removeJumpSenior"
>
<el-icon>
<Icon name="icon_delete-trash_outlined"
><icon_deleteTrash_outlined class="svg-icon"
<Icon
><icon_deleteTrash_outlined
:class="chart.jumpActive && 'primary-color'"
class="svg-icon"
/></Icon>
</el-icon>
</button>
</template>
<button
:class="'label-' + props.themes"
class="circle-button_icon"
:title="t('chart.edit')"
:class="'label-' + props.themes"
@click="linkJumpSetOpen"
:disabled="!chart.jumpActive"
>
<el-icon>
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
<Icon
><icon_edit_outlined
:class="chart.jumpActive && 'primary-color'"
class="svg-icon"
/></Icon>
</el-icon>
</button>
</span>
@ -492,7 +505,7 @@ span {
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #a6a6a6 !important;
color: #a6a6a6;
}
.inner-container {

View File

@ -166,7 +166,11 @@ onMounted(() => {
@click="editLine"
>
<el-icon>
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
<Icon
><icon_edit_outlined
:class="state.assistLineCfg.enable && 'primary-color'"
class="svg-icon"
/></Icon>
</el-icon>
</button>
</span>
@ -363,7 +367,7 @@ span {
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #a6a6a6 !important;
color: #a6a6a6;
&.ed-button {
color: var(--ed-color-primary) !important;
}

View File

@ -433,7 +433,7 @@ watch(
/>
</el-collapse-item>
<el-collapse-item
:themes="themes"
:effect="themes"
v-if="showProperties('label-selector')"
:title="t('chart.label')"
name="label"