feat(图表): 字段显示名称提示优化

This commit is contained in:
ulleo 2024-12-05 17:00:56 +08:00
parent d95cff41bf
commit e8991dafc2
3 changed files with 45 additions and 15 deletions

View File

@ -255,11 +255,21 @@ onMounted(() => {
></Icon> ></Icon>
</el-icon> </el-icon>
</span> </span>
<el-tooltip <el-tooltip :effect="toolTip" placement="top">
:effect="toolTip" <template #content>
placement="top" <table>
:content="item.chartShowName ? item.chartShowName : item.name" <tr>
> <td>{{ t('dataset.field_name') }}</td>
<td>:</td>
<td>{{ item.name }}</td>
</tr>
<tr>
<td>{{ t('chart.show_name') }}</td>
<td>:</td>
<td>{{ item.chartShowName ? item.chartShowName : item.name }}</td>
</tr>
</table>
</template>
<span class="item-span-style"> <span class="item-span-style">
<span class="item-name">{{ item.chartShowName ? item.chartShowName : item.name }}</span> <span class="item-name">{{ item.chartShowName ? item.chartShowName : item.name }}</span>
</span> </span>

View File

@ -160,11 +160,21 @@ onMounted(() => {
></Icon> ></Icon>
</el-icon> </el-icon>
</span> </span>
<el-tooltip <el-tooltip :effect="themes === 'dark' ? 'ndark' : 'dark'" placement="top">
:effect="themes === 'dark' ? 'ndark' : 'dark'" <template #content>
placement="top" <table>
:content="item.chartShowName ? item.chartShowName : item.name" <tr>
> <td>{{ t('dataset.field_name') }}</td>
<td>:</td>
<td>{{ item.name }}</td>
</tr>
<tr>
<td>{{ t('chart.show_name') }}</td>
<td>:</td>
<td>{{ item.chartShowName ? item.chartShowName : item.name }}</td>
</tr>
</table>
</template>
<span class="item-span-style"> <span class="item-span-style">
<span class="item-name">{{ item.chartShowName ? item.chartShowName : item.name }}</span> <span class="item-name">{{ item.chartShowName ? item.chartShowName : item.name }}</span>
</span> </span>

View File

@ -336,11 +336,21 @@ onMounted(() => {
></Icon> ></Icon>
</el-icon> </el-icon>
</span> </span>
<el-tooltip <el-tooltip :effect="toolTip" placement="top">
:effect="toolTip" <template #content>
placement="top" <table>
:content="item.chartShowName ? item.chartShowName : item.name" <tr>
> <td>{{ t('dataset.field_name') }}</td>
<td>:</td>
<td>{{ item.name }}</td>
</tr>
<tr>
<td>{{ t('chart.show_name') }}</td>
<td>:</td>
<td>{{ item.chartShowName ? item.chartShowName : item.name }}</td>
</tr>
</table>
</template>
<span class="item-span-style"> <span class="item-span-style">
<span class="item-name">{{ item.chartShowName ? item.chartShowName : item.name }}</span> <span class="item-name">{{ item.chartShowName ? item.chartShowName : item.name }}</span>
<span v-if="item.summary !== ''" class="item-right-summary"> <span v-if="item.summary !== ''" class="item-right-summary">