fix(系统设置): 同步管理-任务管理- hover 显示全量内容的文字提示

This commit is contained in:
dataeaseShu 2024-05-10 10:46:39 +08:00
parent 5d1bcb8486
commit 0b492dcdc5
8 changed files with 37 additions and 5 deletions

View File

@ -54,7 +54,9 @@ watch(
</el-icon> </el-icon>
<div class="filter-texts-container" ref="container"> <div class="filter-texts-container" ref="container">
<p v-for="(ele, index) in filterTexts" :key="ele" class="text"> <p v-for="(ele, index) in filterTexts" :key="ele" class="text">
{{ ele }} <el-tooltip effect="dark" :content="ele" placement="top-start">
{{ ele }}
</el-tooltip>
<el-icon @click="clearFilter(index)"> <el-icon @click="clearFilter(index)">
<Icon name="icon_close_outlined"></Icon> <Icon name="icon_close_outlined"></Icon>
</el-icon> </el-icon>

View File

@ -852,11 +852,16 @@ defineExpose({
} }
.head-filter { .head-filter {
flex: 1; flex: 1;
text-align: right; display: flex;
align-items: center;
justify-content: end;
margin-right: 16px; margin-right: 16px;
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
color: #646a73; color: #646a73;
.ed-switch {
margin-left: 8px;
}
} }
} }

View File

@ -534,11 +534,16 @@ defineExpose({
} }
.head-filter { .head-filter {
flex: 1; flex: 1;
text-align: right; display: flex;
align-items: center;
justify-content: end;
margin-right: 16px; margin-right: 16px;
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
color: #646a73; color: #646a73;
.ed-switch {
margin-left: 8px;
}
} }
} }

View File

@ -51,6 +51,7 @@ onMounted(() => {
.ai-main { .ai-main {
position: fixed; position: fixed;
border-radius: 5px; border-radius: 5px;
border-top-right-radius: 0;
overflow: hidden; overflow: hidden;
height: 0; height: 0;
bottom: 48px; bottom: 48px;

View File

@ -10,7 +10,7 @@ const setCollapse = () => {
<template> <template>
<div class="de-collapse-bar" @click="setCollapse"> <div class="de-collapse-bar" @click="setCollapse">
<el-icon> <el-icon style="color: #646a73">
<Icon :name="!isCollapse ? 'icon_side-fold_outlined' : 'icon_side-expand_outlined'"></Icon> <Icon :name="!isCollapse ? 'icon_side-fold_outlined' : 'icon_side-expand_outlined'"></Icon>
</el-icon> </el-icon>
{{ !isCollapse ? '收起导航' : '' }} {{ !isCollapse ? '收起导航' : '' }}
@ -29,7 +29,6 @@ const setCollapse = () => {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
line-height: 22px; line-height: 22px;
color: #646a73;
display: flex; display: flex;
align-items: center; align-items: center;

View File

@ -402,3 +402,10 @@ strong {
.ed-picker__popper { .ed-picker__popper {
--ed-datepicker-border-color: #DEE0E3 !important; --ed-datepicker-border-color: #DEE0E3 !important;
} }
.ed-dialog__headerbtn {
top: 21px !important;
display: flex;
align-items: center;
justify-content: center
}

View File

@ -226,6 +226,7 @@ onMounted(() => {
<el-dropdown-item @click.prevent> <el-dropdown-item @click.prevent>
<el-dropdown <el-dropdown
:effect="themes" :effect="themes"
popper-class="data-dropdown_popper_mr9"
placement="right-start" placement="right-start"
style="width: 100%; height: 100%" style="width: 100%; height: 100%"
@command="sort" @command="sort"
@ -305,6 +306,7 @@ onMounted(() => {
<el-dropdown <el-dropdown
:effect="themes" :effect="themes"
placement="right-start" placement="right-start"
popper-class="data-dropdown_popper_mr9"
style="width: 100%; height: 100%" style="width: 100%; height: 100%"
@command="dateStyle" @command="dateStyle"
> >
@ -438,6 +440,7 @@ onMounted(() => {
<el-dropdown <el-dropdown
:effect="themes" :effect="themes"
placement="right-start" placement="right-start"
popper-class="data-dropdown_popper_mr9"
style="width: 100%; height: 100%" style="width: 100%; height: 100%"
@command="datePattern" @command="datePattern"
> >
@ -695,6 +698,9 @@ span {
} }
</style> </style>
<style lang="less"> <style lang="less">
.data-dropdown_popper_mr9 {
margin-left: -9px !important;
}
.menu-item-padding { .menu-item-padding {
span { span {
font-size: 14px; font-size: 14px;

View File

@ -349,6 +349,7 @@ onMounted(() => {
<el-dropdown <el-dropdown
:effect="themes" :effect="themes"
placement="right-start" placement="right-start"
popper-class="data-dropdown_popper_mr9"
style="width: 100%" style="width: 100%"
@command="switchChartType" @command="switchChartType"
> >
@ -403,6 +404,7 @@ onMounted(() => {
<el-dropdown <el-dropdown
:effect="themes" :effect="themes"
placement="right-start" placement="right-start"
popper-class="data-dropdown_popper_mr9"
style="width: 100%; height: 100%" style="width: 100%; height: 100%"
@command="summary" @command="summary"
> >
@ -583,6 +585,7 @@ onMounted(() => {
<el-dropdown <el-dropdown
placement="right-start" placement="right-start"
:effect="themes" :effect="themes"
popper-class="data-dropdown_popper_mr9"
style="width: 100%; height: 100%" style="width: 100%; height: 100%"
@command="quickCalc" @command="quickCalc"
> >
@ -670,6 +673,7 @@ onMounted(() => {
<el-dropdown <el-dropdown
:effect="themes" :effect="themes"
placement="right-start" placement="right-start"
popper-class="data-dropdown_popper_mr9"
style="width: 100%; height: 100%" style="width: 100%; height: 100%"
@command="sort" @command="sort"
> >
@ -958,6 +962,9 @@ span {
} }
</style> </style>
<style lang="less"> <style lang="less">
.data-dropdown_popper_mr9 {
margin-left: -9px !important;
}
.menu-item-padding { .menu-item-padding {
span { span {
font-size: 14px; font-size: 14px;