forked from github/dataease
fix: 删除无效svg
This commit is contained in:
parent
0c699f9164
commit
005635ddce
@ -67,9 +67,11 @@
|
|||||||
<span class="tree-select-field">
|
<span class="tree-select-field">
|
||||||
<el-icon style="margin-right: 4px">
|
<el-icon style="margin-right: 4px">
|
||||||
<Icon
|
<Icon
|
||||||
:name="`field_${fieldType[data.sourceDeType]}`"
|
><component
|
||||||
:className="`field-icon-${fieldType[data.sourceDeType]}`"
|
class="svg-icon"
|
||||||
><component :is="iconFieldMap[fieldType[data.sourceDeType]]"></component
|
:class="`field-icon-${fieldType[data.sourceDeType]}`"
|
||||||
|
:is="iconFieldMap[fieldType[data.sourceDeType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
{{ data.sourceFieldName }}
|
{{ data.sourceFieldName }}
|
||||||
@ -245,9 +247,11 @@
|
|||||||
>
|
>
|
||||||
<span class="custom-option">
|
<span class="custom-option">
|
||||||
<Icon
|
<Icon
|
||||||
class-name="view-type-icon"
|
><component
|
||||||
style="width: 14px; height: 14px"
|
class="svg-icon view-type-icon"
|
||||||
><component :is="iconChartMap[item.type]"></component
|
style="width: 14px; height: 14px"
|
||||||
|
:is="iconChartMap[item.type]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
<span style="float: left; margin-left: 4px; font-size: 14px">{{
|
<span style="float: left; margin-left: 4px; font-size: 14px">{{
|
||||||
item.title
|
item.title
|
||||||
|
@ -134,11 +134,12 @@
|
|||||||
</span>
|
</span>
|
||||||
<span>
|
<span>
|
||||||
<span class="tree-select-field">
|
<span class="tree-select-field">
|
||||||
<Icon
|
<Icon :name="data.targetViewType"
|
||||||
class-name="view-type-icon"
|
><component
|
||||||
style="margin-right: 4px"
|
class="svg-icon view-type-icon"
|
||||||
:name="data.targetViewType"
|
style="margin-right: 4px"
|
||||||
><component :is="iconChartMap[data.targetViewType]"></component
|
:is="iconChartMap[data.targetViewType]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
{{ data.targetViewName }}
|
{{ data.targetViewName }}
|
||||||
</span>
|
</span>
|
||||||
@ -180,9 +181,12 @@
|
|||||||
>
|
>
|
||||||
<span class="custom-option">
|
<span class="custom-option">
|
||||||
<Icon
|
<Icon
|
||||||
style="width: 14px; height: 14px"
|
><component
|
||||||
:className="`field-icon-${fieldType[item.deType]}`"
|
style="width: 14px; height: 14px"
|
||||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
:class="`field-icon-${fieldType[item.deType]}`"
|
||||||
|
class="svg-icon"
|
||||||
|
:is="iconFieldMap[fieldType[item.deType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
<span style="float: left; margin-left: 4px; font-size: 14px">{{
|
<span style="float: left; margin-left: 4px; font-size: 14px">{{
|
||||||
item.name
|
item.name
|
||||||
@ -212,10 +216,12 @@
|
|||||||
>
|
>
|
||||||
<span class="custom-option">
|
<span class="custom-option">
|
||||||
<Icon
|
<Icon
|
||||||
style="width: 14px; height: 14px"
|
><component
|
||||||
:name="`field_${fieldType[item.deType]}`"
|
style="width: 14px; height: 14px"
|
||||||
:className="`field-icon-${fieldType[item.deType]}`"
|
class="svg-icon"
|
||||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
:class="`field-icon-${fieldType[item.deType]}`"
|
||||||
|
:is="iconFieldMap[fieldType[item.deType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
<span style="float: left; margin-left: 4px; font-size: 14px">{{
|
<span style="float: left; margin-left: 4px; font-size: 14px">{{
|
||||||
item.name
|
item.name
|
||||||
|
@ -187,9 +187,12 @@
|
|||||||
:value="item.attachId"
|
:value="item.attachId"
|
||||||
>
|
>
|
||||||
<Icon
|
<Icon
|
||||||
style="width: 14px; height: 14px"
|
><component
|
||||||
:className="`field-icon-${fieldType[item.deType]}`"
|
class="svg-icon"
|
||||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
style="width: 14px; height: 14px"
|
||||||
|
:class="`field-icon-${fieldType[item.deType]}`"
|
||||||
|
:is="iconFieldMap[fieldType[item.deType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
<span style="font-size: 12px">{{ item.name }}</span>
|
<span style="font-size: 12px">{{ item.name }}</span>
|
||||||
</el-option>
|
</el-option>
|
||||||
@ -227,10 +230,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Icon
|
<Icon
|
||||||
class-name="view-type-icon"
|
><component
|
||||||
style="margin: 0 4px"
|
class="svg-icon view-type-icon"
|
||||||
:name="viewInfo.chartType"
|
style="margin: 0 4px"
|
||||||
><component :is="iconChartMap[viewInfo.chartType]"></component
|
:is="iconChartMap[viewInfo.chartType]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</div>
|
</div>
|
||||||
<span style="font-size: 12px"> {{ viewInfo.chartName }}</span>
|
<span style="font-size: 12px"> {{ viewInfo.chartName }}</span>
|
||||||
|
@ -11,9 +11,11 @@
|
|||||||
@click.stop="setBoard"
|
@click.stop="setBoard"
|
||||||
>
|
>
|
||||||
<Icon
|
<Icon
|
||||||
:style="{ color: curComponent.commonBackground.innerImageColor }"
|
><component
|
||||||
class-name="svg-background"
|
class="svg-icon svg-background"
|
||||||
><component :is="iconBoardMap[mainIconClass]"></component
|
:style="{ color: curComponent.commonBackground.innerImageColor }"
|
||||||
|
:is="iconBoardMap[mainIconClass]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</div>
|
</div>
|
||||||
<span class="demonstration">{{ template.name }}</span>
|
<span class="demonstration">{{ template.name }}</span>
|
||||||
|
@ -88,7 +88,7 @@ const groupActiveChange = category => {
|
|||||||
<Icon
|
<Icon
|
||||||
v-if="['outer_svg', 'graphical'].includes(chartInfo.type)"
|
v-if="['outer_svg', 'graphical'].includes(chartInfo.type)"
|
||||||
class-name="item-top-icon"
|
class-name="item-top-icon"
|
||||||
><component :is="chartInfo.icon"></component
|
><component class="svg-icon item-top-icon" :is="chartInfo.icon"></component
|
||||||
></Icon>
|
></Icon>
|
||||||
<component v-else style="color: #a6a6a6" :is="chartInfo.icon"></component>
|
<component v-else style="color: #a6a6a6" :is="chartInfo.icon"></component>
|
||||||
</div>
|
</div>
|
||||||
|
@ -277,10 +277,13 @@ init()
|
|||||||
>
|
>
|
||||||
<el-icon style="margin-right: 8px">
|
<el-icon style="margin-right: 8px">
|
||||||
<Icon
|
<Icon
|
||||||
:className="`field-icon-${
|
><component
|
||||||
fieldType[[2, 3].includes(fieldOption.deType) ? 2 : 0]
|
:class="`field-icon-${
|
||||||
}`"
|
fieldType[[2, 3].includes(fieldOption.deType) ? 2 : 0]
|
||||||
><component :is="iconFieldMap[fieldType[fieldOption.deType]]"></component
|
}`"
|
||||||
|
class="svg-icon"
|
||||||
|
:is="iconFieldMap[fieldType[fieldOption.deType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
{{ fieldOption.name }}
|
{{ fieldOption.name }}
|
||||||
|
@ -3216,10 +3216,13 @@ const deleteChartFieldItem = id => {
|
|||||||
>
|
>
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
:class-name="`field-icon-${
|
><component
|
||||||
fieldType[[2, 3].includes(ele.deType) ? 2 : 0]
|
class="svg-icon"
|
||||||
}`"
|
:class="`field-icon-${
|
||||||
><component :is="iconFieldMap[fieldType[ele.deType]]"></component
|
fieldType[[2, 3].includes(ele.deType) ? 2 : 0]
|
||||||
|
}`"
|
||||||
|
:is="iconFieldMap[fieldType[ele.deType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span class="field-name ellipsis" :class="{ dark: themes === 'dark' }">{{
|
<span class="field-name ellipsis" :class="{ dark: themes === 'dark' }">{{
|
||||||
|
@ -534,7 +534,7 @@ defineExpose({
|
|||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
<el-dropdown-item @click="addOperation('newLeaf', null, 'leaf', true)">
|
<el-dropdown-item @click="addOperation('newLeaf', null, 'leaf', true)">
|
||||||
<el-icon :class="`handle-icon color-${curCanvasType}`">
|
<el-icon :class="`handle-icon color-${curCanvasType}`">
|
||||||
<Icon><component :is="dvSvgType"></component></Icon>
|
<Icon><component class="svg-icon" :is="dvSvgType"></component></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
空白新建
|
空白新建
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
|
@ -266,7 +266,10 @@ const tips = computed(() => {
|
|||||||
>
|
>
|
||||||
<el-icon style="font-size: 32px" class="dialogue-chart_icon">
|
<el-icon style="font-size: 32px" class="dialogue-chart_icon">
|
||||||
<Icon
|
<Icon
|
||||||
><component :is="copilotInfo.msgType === 'api' ? copilot : default_avatar"></component
|
><component
|
||||||
|
class="svg-icon"
|
||||||
|
:is="copilotInfo.msgType === 'api' ? copilot : default_avatar"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<div ref="content" class="content">
|
<div ref="content" class="content">
|
||||||
@ -315,7 +318,10 @@ const tips = computed(() => {
|
|||||||
class="select-prefix"
|
class="select-prefix"
|
||||||
>
|
>
|
||||||
<Icon
|
<Icon
|
||||||
><component :is="curTypeList.find(ele => ele.value === activeCommand).icon"></component
|
><component
|
||||||
|
class="svg-icon"
|
||||||
|
:is="curTypeList.find(ele => ele.value === activeCommand).icon"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<el-tooltip effect="dark" content="切换图表类型" placement="top">
|
<el-tooltip effect="dark" content="切换图表类型" placement="top">
|
||||||
|
@ -233,7 +233,12 @@ const queryAnswer = (event?: KeyboardEvent) => {
|
|||||||
<Icon name="icon_loading_outlined"><icon_loading_outlined class="svg-icon" /></Icon>
|
<Icon name="icon_loading_outlined"><icon_loading_outlined class="svg-icon" /></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<el-icon v-else class="copilot-icon" @click="queryAnswer" :class="isActive && 'active'">
|
<el-icon v-else class="copilot-icon" @click="queryAnswer" :class="isActive && 'active'">
|
||||||
<Icon><component :is="isActive ? activeBtn_copilot : btn_copilot"></component></Icon>
|
<Icon
|
||||||
|
><component
|
||||||
|
class="svg-icon"
|
||||||
|
:is="isActive ? activeBtn_copilot : btn_copilot"
|
||||||
|
></component
|
||||||
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -298,10 +303,13 @@ const queryAnswer = (event?: KeyboardEvent) => {
|
|||||||
<span class="custom-tree-node father">
|
<span class="custom-tree-node father">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
:className="`field-icon-${
|
><component
|
||||||
fieldType[[2, 3].includes(data.deExtractType) ? 2 : 0]
|
class="svg-icon"
|
||||||
}`"
|
:class="`field-icon-${
|
||||||
><component :is="iconFieldMap[fieldType[data.deExtractType]]"></component
|
fieldType[[2, 3].includes(data.deExtractType) ? 2 : 0]
|
||||||
|
}`"
|
||||||
|
:is="iconFieldMap[fieldType[data.deExtractType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>
|
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>
|
||||||
@ -323,10 +331,13 @@ const queryAnswer = (event?: KeyboardEvent) => {
|
|||||||
<span class="custom-tree-node father">
|
<span class="custom-tree-node father">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
:className="`field-icon-${
|
><component
|
||||||
fieldType[[2, 3].includes(data.deExtractType) ? 2 : 0]
|
class="svg-icon"
|
||||||
}`"
|
:class="`field-icon-${
|
||||||
><component :is="iconFieldMap[fieldType[data.deExtractType]]"></component
|
fieldType[[2, 3].includes(data.deExtractType) ? 2 : 0]
|
||||||
|
}`"
|
||||||
|
:is="iconFieldMap[fieldType[data.deExtractType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>
|
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>
|
||||||
|
@ -113,7 +113,12 @@ const initOpenHandler = newWindow => {
|
|||||||
@click="executeStore"
|
@click="executeStore"
|
||||||
:style="{ color: favorited ? '#FFC60A' : '#646A73' }"
|
:style="{ color: favorited ? '#FFC60A' : '#646A73' }"
|
||||||
>
|
>
|
||||||
<icon><component :is="favorited ? visualStar : icon_collection_outlined"></component></icon>
|
<icon
|
||||||
|
><component
|
||||||
|
class="svg-icon"
|
||||||
|
:is="favorited ? visualStar : icon_collection_outlined"
|
||||||
|
></component
|
||||||
|
></icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-divider style="margin: 0 16px 0 7px" direction="vertical" />
|
<el-divider style="margin: 0 16px 0 7px" direction="vertical" />
|
||||||
|
@ -25,7 +25,7 @@ const handleClick = () => {
|
|||||||
<div class="dashboard-cell" @click="handleClick">
|
<div class="dashboard-cell" @click="handleClick">
|
||||||
<div class="label">
|
<div class="label">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon><component :is="prefixIcon"></component></Icon>
|
<Icon><component class="svg-icon" :is="prefixIcon"></component></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span class="text ellipsis">
|
<span class="text ellipsis">
|
||||||
{{ label }}
|
{{ label }}
|
||||||
|
@ -37,7 +37,7 @@ const handleRightClick = () => {
|
|||||||
<div class="org-cell">
|
<div class="org-cell">
|
||||||
<div class="label" :class="active && 'active'">
|
<div class="label" :class="active && 'active'">
|
||||||
<el-icon v-if="!!prefixIcon">
|
<el-icon v-if="!!prefixIcon">
|
||||||
<Icon><component :is="prefixIcon"></component></Icon>
|
<Icon><component class="svg-icon" :is="prefixIcon"></component></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span class="text ellipsis">
|
<span class="text ellipsis">
|
||||||
{{ label }}
|
{{ label }}
|
||||||
|
@ -203,7 +203,7 @@ watch(
|
|||||||
/></Icon>
|
/></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<el-icon v-else :class="`main-color color-${scope.row.type}`">
|
<el-icon v-else :class="`main-color color-${scope.row.type}`">
|
||||||
<Icon><component :is="iconMap[scope.row.type]"></component></Icon>
|
<Icon><component class="svg-icon" :is="iconMap[scope.row.type]"></component></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<el-tooltip placement="top">
|
<el-tooltip placement="top">
|
||||||
<template #content>{{ scope.row.name }}</template>
|
<template #content>{{ scope.row.name }}</template>
|
||||||
|
@ -54,7 +54,10 @@
|
|||||||
<el-button text @click="switchPwd(item.pkey)" class="setting-tip-btn">
|
<el-button text @click="switchPwd(item.pkey)" class="setting-tip-btn">
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<Icon
|
<Icon
|
||||||
><component :is="pwdItem[item.pkey]['hidden'] ? eye : eyeOpen"></component
|
><component
|
||||||
|
class="svg-icon"
|
||||||
|
:is="pwdItem[item.pkey]['hidden'] ? eye : eyeOpen"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</template>
|
</template>
|
||||||
</el-button>
|
</el-button>
|
||||||
|
@ -331,7 +331,10 @@ defineExpose({
|
|||||||
>{{ t('datasource.priority') }}
|
>{{ t('datasource.priority') }}
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
><component :is="showPriority ? icon_down_outlined : icon_down_outlined1"></component
|
><component
|
||||||
|
class="svg-icon"
|
||||||
|
:is="showPriority ? icon_down_outlined : icon_down_outlined1"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
</span>
|
</span>
|
||||||
|
@ -14,7 +14,10 @@
|
|||||||
{{ t('datasource.priority') }}
|
{{ t('datasource.priority') }}
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
><component :is="showPriority ? icon_down_outlined : icon_down_outlined1"></component
|
><component
|
||||||
|
class="svg-icon"
|
||||||
|
:is="showPriority ? icon_down_outlined : icon_down_outlined1"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
</span>
|
</span>
|
||||||
|
@ -1090,7 +1090,10 @@ const emits = defineEmits(['addComplete', 'joinEditor', 'updateAllfields', 'chan
|
|||||||
>
|
>
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
><component :is="ele.type !== 'sql' ? referenceTable : icon_sql_outlined"></component
|
><component
|
||||||
|
class="svg-icon"
|
||||||
|
:is="ele.type !== 'sql' ? referenceTable : icon_sql_outlined"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span class="tableName">{{ ele.tableName }}</span>
|
<span class="tableName">{{ ele.tableName }}</span>
|
||||||
@ -1119,7 +1122,7 @@ const emits = defineEmits(['addComplete', 'joinEditor', 'updateAllfields', 'chan
|
|||||||
:style="{ borderColor: ele.sqlChangeFlag ? '#F54A45' : '' }"
|
:style="{ borderColor: ele.sqlChangeFlag ? '#F54A45' : '' }"
|
||||||
>
|
>
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon><component :is="iconName[ele.to.unionType]"></component></Icon>
|
<Icon><component class="svg-icon" :is="iconName[ele.to.unionType]"></component></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
</div>
|
</div>
|
||||||
</foreignObject>
|
</foreignObject>
|
||||||
|
@ -166,11 +166,14 @@ const handleChange = () => {
|
|||||||
<div class="flex-align-center icon">
|
<div class="flex-align-center icon">
|
||||||
<el-icon v-if="data.icon">
|
<el-icon v-if="data.icon">
|
||||||
<Icon
|
<Icon
|
||||||
:className="
|
><component
|
||||||
['text', 'location', 'value', 'float', 'time', 'url'].includes(data.value) &&
|
class="svg-icon"
|
||||||
`field-icon-${fieldType[['float', 'value'].includes(data.value) ? 2 : 0]}`
|
:class="
|
||||||
"
|
['text', 'location', 'value', 'float', 'time', 'url'].includes(data.value) &&
|
||||||
><component :is="data.icon"></component
|
`field-icon-${fieldType[['float', 'value'].includes(data.value) ? 2 : 0]}`
|
||||||
|
"
|
||||||
|
:is="data.icon"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span>
|
<span>
|
||||||
|
@ -75,7 +75,12 @@ init()
|
|||||||
>
|
>
|
||||||
<template #prefix>
|
<template #prefix>
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon><component :is="iconName[unionTypeFromParent] || noJoin"></component></Icon>
|
<Icon
|
||||||
|
><component
|
||||||
|
class="svg-icon"
|
||||||
|
:is="iconName[unionTypeFromParent] || noJoin"
|
||||||
|
></component
|
||||||
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
</template>
|
</template>
|
||||||
<el-option
|
<el-option
|
||||||
|
@ -1598,10 +1598,11 @@ const getDsIconName = data => {
|
|||||||
<span class="custom-tree-node father">
|
<span class="custom-tree-node father">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
:className="`field-icon-${
|
><component
|
||||||
fieldType[[2, 3].includes(data.deType) ? 2 : 0]
|
class="svg-icon"
|
||||||
}`"
|
:class="`field-icon-${fieldType[[2, 3].includes(data.deType) ? 2 : 0]}`"
|
||||||
><component :is="iconFieldMap[fieldType[data.deType]]"></component
|
:is="iconFieldMap[fieldType[data.deType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>
|
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>
|
||||||
@ -1631,10 +1632,11 @@ const getDsIconName = data => {
|
|||||||
<span class="custom-tree-node father">
|
<span class="custom-tree-node father">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
:className="`field-icon-${
|
><component
|
||||||
fieldType[[2, 3].includes(data.deType) ? 2 : 0]
|
class="svg-icon"
|
||||||
}`"
|
:class="`field-icon-${fieldType[[2, 3].includes(data.deType) ? 2 : 0]}`"
|
||||||
><component :is="iconFieldMap[fieldType[data.deType]]"></component
|
:is="iconFieldMap[fieldType[data.deType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>
|
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>
|
||||||
@ -1672,10 +1674,13 @@ const getDsIconName = data => {
|
|||||||
<div class="flex-align-center">
|
<div class="flex-align-center">
|
||||||
<ElIcon style="margin-right: 6px">
|
<ElIcon style="margin-right: 6px">
|
||||||
<Icon
|
<Icon
|
||||||
:className="`field-icon-${
|
><component
|
||||||
fieldType[[2, 3].includes(column.deType) ? 2 : 0]
|
class="svg-icon"
|
||||||
}`"
|
:class="`field-icon-${
|
||||||
><component :is="iconFieldMap[fieldType[column.deType]]"></component
|
fieldType[[2, 3].includes(column.deType) ? 2 : 0]
|
||||||
|
}`"
|
||||||
|
:is="iconFieldMap[fieldType[column.deType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</ElIcon>
|
</ElIcon>
|
||||||
<span class="ellipsis" :title="column.title" style="width: 120px">
|
<span class="ellipsis" :title="column.title" style="width: 120px">
|
||||||
@ -1757,10 +1762,13 @@ const getDsIconName = data => {
|
|||||||
<template v-slot="{ data }">
|
<template v-slot="{ data }">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
:className="`field-icon-${
|
><component
|
||||||
fieldType[[2, 3].includes(data.value) ? 2 : 0]
|
class="svg-icon"
|
||||||
}`"
|
:class="`field-icon-${
|
||||||
><component :is="iconFieldMap[getIconName(data.value)]"></component
|
fieldType[[2, 3].includes(data.value) ? 2 : 0]
|
||||||
|
}`"
|
||||||
|
:is="iconFieldMap[getIconName(data.value)]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span>{{ data.label }}</span>
|
<span>{{ data.label }}</span>
|
||||||
@ -1933,10 +1941,13 @@ const getDsIconName = data => {
|
|||||||
<template v-slot="{ data }">
|
<template v-slot="{ data }">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
:className="`field-icon-${
|
><component
|
||||||
fieldType[[2, 3].includes(data.value) ? 2 : 0]
|
class="svg-icon"
|
||||||
}`"
|
:class="`field-icon-${
|
||||||
><component :is="iconFieldMap[getIconName(data.value)]"></component
|
fieldType[[2, 3].includes(data.value) ? 2 : 0]
|
||||||
|
}`"
|
||||||
|
:is="iconFieldMap[getIconName(data.value)]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span>{{ data.label }}</span>
|
<span>{{ data.label }}</span>
|
||||||
@ -2069,8 +2080,11 @@ const getDsIconName = data => {
|
|||||||
<template v-slot="{ data }">
|
<template v-slot="{ data }">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
:className="`field-icon-${fieldType[[2, 3].includes(data.value) ? 2 : 0]}`"
|
><component
|
||||||
><component :is="iconFieldMap[getIconName(data.value)]"></component
|
class="svg-icon"
|
||||||
|
:class="`field-icon-${fieldType[[2, 3].includes(data.value) ? 2 : 0]}`"
|
||||||
|
:is="iconFieldMap[getIconName(data.value)]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span>{{ data.label }}</span>
|
<span>{{ data.label }}</span>
|
||||||
|
@ -1099,7 +1099,10 @@ defineExpose({
|
|||||||
>SSH 设置
|
>SSH 设置
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
><component :is="showSSH ? icon_down_outlined : icon_down_outlined1"></component
|
><component
|
||||||
|
class="svg-icon"
|
||||||
|
:is="showSSH ? icon_down_outlined : icon_down_outlined1"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
</span>
|
</span>
|
||||||
|
@ -182,9 +182,11 @@ const handleTabClick = () => {
|
|||||||
<div class="filter-db-row">
|
<div class="filter-db-row">
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Icon
|
<Icon
|
||||||
:name="`field_${fieldType[element.deType]}`"
|
><component
|
||||||
:className="`field-icon-${fieldType[element.deType]}`"
|
class="svg-icon"
|
||||||
><component :is="iconFieldMap[fieldType[element.deType]]"></component
|
:class="`field-icon-${fieldType[element.deType]}`"
|
||||||
|
:is="iconFieldMap[fieldType[element.deType]]"
|
||||||
|
></component
|
||||||
></Icon>
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span :title="element.name">{{ element.name }}</span>
|
<span :title="element.name">{{ element.name }}</span>
|
||||||
|
@ -328,10 +328,12 @@ const getEmptyDesc = (): string => {
|
|||||||
<template v-slot:default="scope">
|
<template v-slot:default="scope">
|
||||||
<div class="name-content" :class="{ 'jump-active': jumpActiveCheck(scope.row) }">
|
<div class="name-content" :class="{ 'jump-active': jumpActiveCheck(scope.row) }">
|
||||||
<el-icon v-if="scope.row.extFlag" style="margin-right: 12px; font-size: 18px">
|
<el-icon v-if="scope.row.extFlag" style="margin-right: 12px; font-size: 18px">
|
||||||
<Icon><component :is="iconMap[scope.row.type + 'Mobile']"></component></Icon>
|
<Icon
|
||||||
|
><component class="svg-icon" :is="iconMap[scope.row.type + 'Mobile']"></component
|
||||||
|
></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<el-icon v-else :class="`main-color color-${scope.row.type}`">
|
<el-icon v-else :class="`main-color color-${scope.row.type}`">
|
||||||
<Icon><component :is="iconMap[scope.row.type]"></component></Icon>
|
<Icon><component class="svg-icon" :is="iconMap[scope.row.type]"></component></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<el-tooltip placement="top">
|
<el-tooltip placement="top">
|
||||||
<template #content>{{ scope.row.name }}</template>
|
<template #content>{{ scope.row.name }}</template>
|
||||||
|
@ -334,7 +334,7 @@ initMarketTemplate()
|
|||||||
<div class="empty-tooltip-container" />
|
<div class="empty-tooltip-container" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-icon class="main-color" :style="{ backgroundColor: ele.color }">
|
<el-icon class="main-color" :style="{ backgroundColor: ele.color }">
|
||||||
<Icon><component :is="ele.icon"></component></Icon>
|
<Icon><component class="svg-icon" :is="ele.icon"></component></Icon>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span class="name">
|
<span class="name">
|
||||||
{{ t(`auth.${ele.name}`) }}
|
{{ t(`auth.${ele.name}`) }}
|
||||||
|
Loading…
Reference in New Issue
Block a user