mirror of
https://github.com/dataease/dataease.git
synced 2025-02-25 03:52:59 +08:00
fix: 删除无效svg
This commit is contained in:
dataeaseShu
parent
db6aee66f1
commit
0cadf8496a
@ -100,7 +100,7 @@ const resetCustomColor = () => {
|
||||
</div>
|
||||
<el-button @click="changeShowCustom" style="margin-left: 8px" size="default" plain>
|
||||
<template #icon>
|
||||
<icon name="icon_admin_outlined"><icon_admin_outlined /></icon>
|
||||
<icon name="icon_admin_outlined"><icon_admin_outlined class="svg-icon" /></icon>
|
||||
</template>
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@ -57,7 +57,7 @@ const handleCheckAllChange = (val: CheckboxValueType) => {
|
||||
<el-button secondary>
|
||||
<template #icon>
|
||||
<el-icon>
|
||||
<Icon name="icon-setting"><iconSetting /></Icon>
|
||||
<Icon name="icon-setting"><iconSetting class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
{{ $t('component.columnList') }}
|
||||
|
||||
@ -459,7 +459,9 @@ const initOpenHandler = newWindow => {
|
||||
</template>
|
||||
<template v-else>
|
||||
<el-icon v-if="!batchOptStatus" class="custom-el-icon back-icon" @click="backToMain()">
|
||||
<Icon class="toolbar-icon" name="icon_left_outlined"><icon_left_outlined /></Icon>
|
||||
<Icon name="icon_left_outlined"
|
||||
><icon_left_outlined class="svg-icon toolbar-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<div class="left-area" v-if="editMode === 'edit' && !batchOptStatus">
|
||||
<span id="canvas-name" class="name-area" @dblclick="editCanvasName">
|
||||
@ -473,7 +475,7 @@ const initOpenHandler = newWindow => {
|
||||
:disabled="snapshotIndex < 1"
|
||||
@click="undo()"
|
||||
>
|
||||
<Icon name="icon_undo_outlined"><icon_undo_outlined /></Icon>
|
||||
<Icon name="icon_undo_outlined"><icon_undo_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
|
||||
@ -485,7 +487,7 @@ const initOpenHandler = newWindow => {
|
||||
}"
|
||||
@click="redo()"
|
||||
>
|
||||
<Icon name="icon_redo_outlined"><icon_redo_outlined /></Icon>
|
||||
<Icon name="icon_redo_outlined"><icon_redo_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -599,13 +601,13 @@ const initOpenHandler = newWindow => {
|
||||
<el-dropdown-menu class="drop-style">
|
||||
<el-dropdown-item @click="previewInner">
|
||||
<el-icon style="margin-right: 8px; font-size: 16px">
|
||||
<Icon name="icon_pc_fullscreen"><icon_pc_fullscreen /></Icon>
|
||||
<Icon name="icon_pc_fullscreen"><icon_pc_fullscreen class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
全屏预览
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item @click="previewOuter()">
|
||||
<el-icon style="margin-right: 8px; font-size: 16px">
|
||||
<Icon name="dv-preview-outer"><dvPreviewOuter /></Icon>
|
||||
<Icon name="dv-preview-outer"><dvPreviewOuter class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
新页面预览
|
||||
</el-dropdown-item>
|
||||
|
||||
@ -14,7 +14,9 @@
|
||||
@click="handleHorizontalChange('left')"
|
||||
class="hover-icon"
|
||||
>
|
||||
<Icon name="icon_left-align_outlined" ><icon_leftAlign_outlined /></Icon>
|
||||
<Icon name="icon_left-align_outlined"
|
||||
><icon_leftAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip effect="dark" placement="top">
|
||||
@ -26,7 +28,9 @@
|
||||
@click="handleHorizontalChange('center')"
|
||||
class="hover-icon"
|
||||
>
|
||||
<Icon name="icon_horizontal-align_outlined" ><icon_horizontalAlign_outlined /></Icon>
|
||||
<Icon name="icon_horizontal-align_outlined"
|
||||
><icon_horizontalAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip effect="dark" placement="top">
|
||||
@ -38,7 +42,9 @@
|
||||
@click="handleHorizontalChange('right')"
|
||||
class="hover-icon"
|
||||
>
|
||||
<Icon name="icon_right-align_outlined" ><icon_rightAlign_outlined /></Icon>
|
||||
<Icon name="icon_right-align_outlined"
|
||||
><icon_rightAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</el-form-item>
|
||||
@ -54,7 +60,9 @@
|
||||
@click="handleHorizontalChange('vertical', 'layout')"
|
||||
class="hover-icon"
|
||||
>
|
||||
<Icon name="icon_title-top-align_outlined" ><icon_titleTopAlign_outlined /></Icon>
|
||||
<Icon name="icon_title-top-align_outlined"
|
||||
><icon_titleTopAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip effect="dark" placement="top">
|
||||
@ -66,7 +74,9 @@
|
||||
@click="handleHorizontalChange('horizontal', 'layout')"
|
||||
class="hover-icon"
|
||||
>
|
||||
<Icon name="icon_title-left-align_outlined" ><icon_titleLeftAlign_outlined /></Icon>
|
||||
<Icon name="icon_title-left-align_outlined"
|
||||
><icon_titleLeftAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</el-form-item>
|
||||
|
||||
@ -90,7 +90,7 @@
|
||||
style="margin-left: 4px"
|
||||
:class="{ 'hint-icon--dark': themes === 'dark' }"
|
||||
>
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</el-form-item>
|
||||
@ -145,7 +145,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
|
||||
@ -42,7 +42,7 @@
|
||||
@click="checkBold"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bold_outlined" ><icon_bold_outlined /></Icon>
|
||||
<Icon name="icon_bold_outlined"><icon_bold_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -57,7 +57,7 @@
|
||||
@click="checkItalic"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_italic_outlined" ><icon_italic_outlined /></Icon>
|
||||
<Icon name="icon_italic_outlined"><icon_italic_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -74,7 +74,9 @@
|
||||
@click="setPosition('left')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_left-alignment_outlined" ><icon_leftAlignment_outlined /></Icon>
|
||||
<Icon name="icon_left-alignment_outlined"
|
||||
><icon_leftAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -88,7 +90,9 @@
|
||||
@click="setPosition('center')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_center-alignment_outlined" ><icon_centerAlignment_outlined /></Icon>
|
||||
<Icon name="icon_center-alignment_outlined"
|
||||
><icon_centerAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -102,7 +106,9 @@
|
||||
@click="setPosition('right')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_right-alignment_outlined" ><icon_rightAlignment_outlined /></Icon>
|
||||
<Icon name="icon_right-alignment_outlined"
|
||||
><icon_rightAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
|
||||
@ -16,7 +16,9 @@
|
||||
width="172"
|
||||
height="79"
|
||||
/>
|
||||
<Icon v-else name="dv-no-img" style="width: 172px; height: 79px" ><dvNoImg /></Icon>
|
||||
<Icon v-else name="dv-no-img"
|
||||
><dvNoImg class="svg-icon" style="width: 172px; height: 79px"
|
||||
/></Icon>
|
||||
</div>
|
||||
<div class="title-main">
|
||||
<div class="title-area">
|
||||
|
||||
@ -126,7 +126,7 @@ onMounted(() => {
|
||||
<div>预览时生效</div>
|
||||
</template>
|
||||
<el-icon class="hint-icon--dark">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-select
|
||||
|
||||
@ -1,4 +1,7 @@
|
||||
<script setup lang="ts">
|
||||
import dvReposition from '@/assets/svg/dv-reposition.svg'
|
||||
import dvMax from '@/assets/svg/dv-max.svg'
|
||||
import dvMin from '@/assets/svg/dv-min.svg'
|
||||
import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
|
||||
import { storeToRefs } from 'pinia'
|
||||
import { ref, onMounted, onUnmounted, nextTick } from 'vue'
|
||||
@ -124,7 +127,7 @@ onUnmounted(() => {
|
||||
/>
|
||||
|
||||
<el-icon @click="scaleDecrease(1)" class="hover-icon-custom" style="margin-right: 12px">
|
||||
<Icon name="dv-min"></Icon
|
||||
<Icon name="dv-min"><dvMin class="svg-icon"></dvMin></Icon
|
||||
></el-icon>
|
||||
<el-slider
|
||||
style="width: 100px; margin-right: 12px"
|
||||
@ -136,12 +139,12 @@ onUnmounted(() => {
|
||||
size="small"
|
||||
/>
|
||||
<el-icon @click="scaleIncrease(1)" class="hover-icon-custom">
|
||||
<Icon name="dv-max"></Icon
|
||||
<Icon name="dv-max"><dvMax class="svg-icon"></dvMax></Icon
|
||||
></el-icon>
|
||||
<el-divider direction="vertical" class="custom-divider_scale" />
|
||||
<el-tooltip effect="ndark" content="定位到中心点" placement="top">
|
||||
<el-icon @click="reposition" class="hover-icon-custom" style="margin-right: 12px">
|
||||
<Icon name="dv-reposition"></Icon
|
||||
<Icon name="dv-reposition"><dvReposition class="svg-icon"></dvReposition></Icon
|
||||
></el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
||||
@ -288,7 +288,9 @@ const fullScreenPreview = () => {
|
||||
</template>
|
||||
<template v-else>
|
||||
<el-icon class="custom-el-icon back-icon" @click="backToMain()">
|
||||
<Icon class="toolbar-icon" name="icon_left_outlined"><icon_left_outlined /></Icon>
|
||||
<Icon name="icon_left_outlined"
|
||||
><icon_left_outlined class="svg-icon toolbar-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<div class="left-area">
|
||||
<span id="dv-canvas-name" class="name-area" @dblclick="editCanvasName">
|
||||
@ -301,7 +303,7 @@ const fullScreenPreview = () => {
|
||||
:class="{ 'toolbar-icon-disabled': snapshotIndex < 1 }"
|
||||
@click="undo()"
|
||||
>
|
||||
<Icon name="icon_undo_outlined"><icon_undo_outlined /></Icon>
|
||||
<Icon name="icon_undo_outlined"><icon_undo_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip effect="ndark" :content="$t('commons.reduction')" placement="bottom">
|
||||
@ -312,7 +314,7 @@ const fullScreenPreview = () => {
|
||||
}"
|
||||
@click="redo()"
|
||||
>
|
||||
<Icon name="icon_redo_outlined"><icon_redo_outlined /></Icon>
|
||||
<Icon name="icon_redo_outlined"><icon_redo_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
||||
@ -322,24 +322,24 @@ const handleContextMenu = e => {
|
||||
v-show="!getComponent(index).isShow"
|
||||
@click="showComponent"
|
||||
>
|
||||
<Icon name="dv-eye-close" class="opt-icon"><dvEyeClose /></Icon>
|
||||
<Icon name="dv-eye-close"><dvEyeClose class="svg-icon opt-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-icon
|
||||
class="component-base"
|
||||
v-show="getComponent(index)?.isShow"
|
||||
@click="hideComponent"
|
||||
>
|
||||
<Icon name="dv-show" class="opt-icon"><dvShow /></Icon>
|
||||
<Icon name="dv-show"><dvShow class="svg-icon opt-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-icon v-show="!getComponent(index)?.isLock" class="component-base" @click="lock">
|
||||
<Icon class="opt-icon" name="dv-unlock"><dvUnlock /></Icon>
|
||||
<Icon name="dv-unlock"><dvUnlock class="svg-icon opt-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-icon
|
||||
class="component-base component-icon-display"
|
||||
v-show="getComponent(index)?.isLock"
|
||||
@click="unlock"
|
||||
>
|
||||
<Icon name="dv-lock" class="opt-icon"><dvLock /></Icon>
|
||||
<Icon name="dv-lock"><dvLock class="svg-icon opt-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-dropdown
|
||||
ref="dropdownMore"
|
||||
@ -350,7 +350,7 @@ const handleContextMenu = e => {
|
||||
>
|
||||
<span :class="'dropdownMore-' + index" @click="onClick(transformIndex(index))">
|
||||
<el-icon class="component-base">
|
||||
<Icon name="dv-more" class="opt-icon"><dvMore /></Icon>
|
||||
<Icon name="dv-more"><dvMore class="svg-icon opt-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
|
||||
@ -446,7 +446,7 @@ const canvasChange = () => {
|
||||
@click="hiddenAreaOnClick($event, element)"
|
||||
>
|
||||
<el-icon class="component-base">
|
||||
<Icon name="dv-more" class="opt-icon"><dvMore /></Icon>
|
||||
<Icon name="dv-more"><dvMore class="svg-icon opt-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
@ -506,13 +506,13 @@ const canvasChange = () => {
|
||||
v-show="getComponent(index)?.expand"
|
||||
name="dv-expand-down"
|
||||
class="expand-icon"
|
||||
><dvExpandDown
|
||||
><dvExpandDown class="svg-icon expand-icon"
|
||||
/></Icon>
|
||||
<Icon
|
||||
v-show="!getComponent(index)?.expand"
|
||||
name="dv-expand-right"
|
||||
class="expand-icon"
|
||||
><dvExpandRight
|
||||
><dvExpandRight class="svg-icon expand-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
@ -540,28 +540,28 @@ const canvasChange = () => {
|
||||
v-show="!getComponent(index).isShow"
|
||||
@click="showComponent"
|
||||
>
|
||||
<Icon name="dv-eye-close" class="opt-icon"><dvEyeClose /></Icon>
|
||||
<Icon name="dv-eye-close"><dvEyeClose class="svg-icon opt-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-icon
|
||||
class="component-base"
|
||||
v-show="getComponent(index)?.isShow"
|
||||
@click="hideComponent"
|
||||
>
|
||||
<Icon name="dv-show" class="opt-icon"><dvShow /></Icon>
|
||||
<Icon name="dv-show"><dvShow class="svg-icon opt-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-icon
|
||||
v-show="!getComponent(index)?.isLock"
|
||||
class="component-base"
|
||||
@click="lock"
|
||||
>
|
||||
<Icon class="opt-icon" name="dv-unlock"><dvUnlock /></Icon>
|
||||
<Icon name="dv-unlock"><dvUnlock class="svg-icon opt-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-icon
|
||||
class="component-base component-icon-display"
|
||||
v-show="getComponent(index)?.isLock"
|
||||
@click="unlock"
|
||||
>
|
||||
<Icon name="dv-lock" class="opt-icon"><dvLock /></Icon>
|
||||
<Icon name="dv-lock"><dvLock class="svg-icon opt-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-dropdown
|
||||
ref="dropdownMore"
|
||||
@ -572,7 +572,7 @@ const canvasChange = () => {
|
||||
>
|
||||
<span :class="'dropdownMore-' + index" @click="onClick(transformIndex(index))">
|
||||
<el-icon class="component-base">
|
||||
<Icon name="dv-more" class="opt-icon"><dvMore /></Icon>
|
||||
<Icon name="dv-more"><dvMore class="svg-icon opt-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
|
||||
@ -1,5 +1,7 @@
|
||||
<script setup lang="ts"></script>
|
||||
|
||||
<template></template>
|
||||
<template>
|
||||
<div>ts</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="less"></style>
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
>
|
||||
<div v-if="showCheck" class="del-from-mobile" @click="delFromMobile">
|
||||
<el-icon>
|
||||
<Icon name="mobile-checkbox"><mobileCheckbox /></Icon>
|
||||
<Icon name="mobile-checkbox"><mobileCheckbox class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
<div
|
||||
@ -46,7 +46,7 @@
|
||||
@click="selectCurComponent"
|
||||
@mousedown="handleInnerMouseDownOnShape"
|
||||
>
|
||||
<Icon v-show="shapeLock" class="iconfont icon-suo" name="dv-lock"><dvLock /></Icon>
|
||||
<Icon v-if="shapeLock" name="dv-lock"><dvLock class="svg-icon iconfont icon-suo" /></Icon>
|
||||
<!--边框背景-->
|
||||
<Board
|
||||
v-if="svgInnerEnable"
|
||||
|
||||
@ -54,7 +54,7 @@ watch(
|
||||
<span class="title">个结果</span>
|
||||
<el-divider direction="vertical" />
|
||||
<el-icon @click="scrollPre" class="arrow-left arrow-filter" v-if="showScroll">
|
||||
<Icon name="icon_left_outlined"><icon_left_outlined /></Icon>
|
||||
<Icon name="icon_left_outlined"><icon_left_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<div class="filter-texts-container" ref="container">
|
||||
<p v-for="(ele, index) in filterTexts" :key="ele" class="text">
|
||||
@ -62,7 +62,7 @@ watch(
|
||||
{{ ele }}
|
||||
</el-tooltip>
|
||||
<el-icon @click="clearFilter(index)">
|
||||
<Icon name="icon_close_outlined"><icon_close_outlined /></Icon>
|
||||
<Icon name="icon_close_outlined"><icon_close_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</p>
|
||||
<el-button
|
||||
@ -72,13 +72,15 @@ watch(
|
||||
@click="clearFilterAll"
|
||||
>
|
||||
<template #icon>
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</template>
|
||||
清空条件</el-button
|
||||
>
|
||||
</div>
|
||||
<el-icon @click="scrollNext" class="arrow-right arrow-filter" v-if="showScroll">
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined /></Icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-button
|
||||
type="text"
|
||||
@ -88,7 +90,9 @@ watch(
|
||||
@click="clearFilterAll"
|
||||
>
|
||||
<template #icon>
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</template>
|
||||
清空条件</el-button
|
||||
>
|
||||
|
||||
@ -3,9 +3,8 @@ import { Icon } from '@/components/icon-custom'
|
||||
import icon_more_outlined from '@/assets/svg/icon_more_outlined.svg'
|
||||
import { propTypes } from '@/utils/propTypes'
|
||||
import type { Placement } from 'element-plus-secondary'
|
||||
import { ref, PropType, type Component } from 'vue'
|
||||
import { ref, PropType } from 'vue'
|
||||
import ShareHandler from '@/views/share/share/ShareHandler.vue'
|
||||
import { object } from 'vue-types'
|
||||
export interface Menu {
|
||||
svgName?: string
|
||||
label?: string
|
||||
@ -23,10 +22,7 @@ const props = defineProps({
|
||||
type: String as () => Placement,
|
||||
default: 'bottom-end'
|
||||
},
|
||||
iconName: {
|
||||
type: object<Component>,
|
||||
default: icon_more_outlined
|
||||
},
|
||||
iconName: propTypes.string.def(''),
|
||||
inTable: propTypes.bool.def(false),
|
||||
resourceType: propTypes.string.def('dashboard'),
|
||||
node: {
|
||||
@ -72,7 +68,7 @@ const emit = defineEmits(['handleCommand'])
|
||||
@command="handleCommand"
|
||||
>
|
||||
<el-icon class="hover-icon" :class="inTable && 'hover-icon-in-table'" @click.stop>
|
||||
<Icon><component :is="iconName"></component></Icon>
|
||||
<Icon><component class="svg-icon" :is="iconName || icon_more_outlined"></component></Icon>
|
||||
</el-icon>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
@ -85,7 +81,7 @@ const emit = defineEmits(['handleCommand'])
|
||||
:class="{ 'de-hidden-drop-item': ele.hidden }"
|
||||
>
|
||||
<el-icon class="handle-icon" v-if="ele.svgName">
|
||||
<Icon><component :is="ele.svgName"></component></Icon>
|
||||
<Icon><component class="svg-icon" :is="ele.svgName"></component></Icon>
|
||||
</el-icon>
|
||||
{{ ele.label }}
|
||||
</el-dropdown-item>
|
||||
|
||||
@ -3,8 +3,7 @@ import { Icon } from '@/components/icon-custom'
|
||||
import icon_more_outlined from '@/assets/svg/icon_more_outlined.svg'
|
||||
import { propTypes } from '@/utils/propTypes'
|
||||
import type { Placement } from 'element-plus-secondary'
|
||||
import { PropType, type Component } from 'vue'
|
||||
import { object } from 'vue-types'
|
||||
import { PropType } from 'vue'
|
||||
|
||||
export interface Menu {
|
||||
svgName?: string
|
||||
@ -22,10 +21,7 @@ defineProps({
|
||||
type: String as () => Placement,
|
||||
default: 'bottom-end'
|
||||
},
|
||||
iconName: {
|
||||
type: object<Component>,
|
||||
default: icon_more_outlined
|
||||
},
|
||||
iconName: propTypes.string.def(''),
|
||||
iconSize: propTypes.string.def('16px'),
|
||||
inTable: propTypes.bool.def(false)
|
||||
})
|
||||
@ -45,7 +41,7 @@ const emit = defineEmits(['handleCommand'])
|
||||
@command="handleCommand"
|
||||
>
|
||||
<el-icon class="hover-icon" :class="inTable && 'hover-icon-in-table'" @click.stop>
|
||||
<Icon><component :is="iconName"></component></Icon>
|
||||
<Icon><component class="svg-icon" :is="iconName || icon_more_outlined"></component></Icon>
|
||||
</el-icon>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu :persistent="false">
|
||||
@ -57,7 +53,7 @@ const emit = defineEmits(['handleCommand'])
|
||||
:disabled="ele.disabled"
|
||||
>
|
||||
<el-icon class="handle-icon" :style="{ fontSize: iconSize }" v-if="ele.svgName">
|
||||
<Icon><component :is="ele.svgName"></component></Icon>
|
||||
<Icon><component class="svg-icon" :is="ele.svgName"></component></Icon>
|
||||
</el-icon>
|
||||
{{ ele.label }}
|
||||
</el-dropdown-item>
|
||||
|
||||
@ -23,7 +23,7 @@ const svgClass = computed(() => {
|
||||
:class="svgClass"
|
||||
aria-hidden="true"
|
||||
></div>
|
||||
<slot v-else :class="svgClass" />
|
||||
<slot v-else />
|
||||
</template>
|
||||
<style lang="less" scope>
|
||||
.svg-icon {
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<div>预览时启用</div>
|
||||
</template>
|
||||
<el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
||||
@ -9,7 +9,9 @@
|
||||
>
|
||||
<el-row style="height: 20px">
|
||||
<el-col :span="3">
|
||||
<Icon name="warn-tree" style="width: 20px; height: 20px; float: right" ><warnTree /></Icon>
|
||||
<Icon name="warn-tree"
|
||||
><warnTree style="width: 20px; height: 20px; float: right" class="svg-icon"
|
||||
/></Icon>
|
||||
</el-col>
|
||||
<el-col :span="21">
|
||||
<span style="font-size: 13px; margin-left: 10px; font-weight: bold; line-height: 20px">
|
||||
|
||||
@ -6,7 +6,8 @@
|
||||
@mousedown="handOptBarMousedown"
|
||||
>
|
||||
<el-button size="mini" type="warning" @click="clearAllLinkage"
|
||||
><el-icon class="bar-base-icon"> <Icon name="dv-bar-unLinkage"><dvBarUnLinkage /></Icon></el-icon
|
||||
><el-icon class="bar-base-icon">
|
||||
<Icon name="dv-bar-unLinkage"><dvBarUnLinkage class="svg-icon" /></Icon></el-icon
|
||||
>{{ $t('visualization.remove_all_linkage') }}</el-button
|
||||
>
|
||||
</div>
|
||||
|
||||
@ -20,7 +20,7 @@ const emits = defineEmits(['customClick'])
|
||||
<div class="flex-align-center">
|
||||
<el-row class="group_icon" :title="tips" @click="emits('customClick')">
|
||||
<el-col :span="24" class="group_inner" :class="{ 'inner-active': active }">
|
||||
<Icon class="toolbar-icon"><component :is="iconName"></component></Icon>
|
||||
<Icon><component class="svg-icon toolbar-icon" :is="iconName"></component></Icon>
|
||||
<span>{{ title }}</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
@ -23,12 +23,12 @@
|
||||
<template v-if="element.component === 'VQuery' && showPosition === 'canvas'">
|
||||
<span title="添加查询条件">
|
||||
<el-icon class="bar-base-icon" @click="addQueryCriteria">
|
||||
<Icon name="icon_add_outlined"></Icon
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon
|
||||
></el-icon>
|
||||
</span>
|
||||
<span title="编辑查询条件">
|
||||
<el-icon class="bar-base-icon" @click="editQueryCriteria">
|
||||
<Icon name="icon_edit_outlined"></Icon
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon
|
||||
></el-icon>
|
||||
</span>
|
||||
</template>
|
||||
@ -40,7 +40,7 @@
|
||||
>
|
||||
<span>
|
||||
<el-icon class="bar-base-icon" @click="userViewEnlargeOpen($event, 'enlarge')">
|
||||
<Icon name="dv-bar-enlarge" ><dvBarEnlarge /></Icon>
|
||||
<Icon name="dv-bar-enlarge"><dvBarEnlarge class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
@ -52,7 +52,7 @@
|
||||
>
|
||||
<span>
|
||||
<el-icon class="bar-base-icon" @click="userViewEnlargeOpen($event, 'details')">
|
||||
<Icon name="dv-details" ><dvDetails /></Icon>
|
||||
<Icon name="dv-details"><dvDetails class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
@ -64,7 +64,7 @@
|
||||
>
|
||||
<span>
|
||||
<el-icon class="bar-base-icon" @click="datasetParamsInit">
|
||||
<Icon name="icon_params_setting"><icon_params_setting /></Icon>
|
||||
<Icon name="icon_params_setting"><icon_params_setting class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
@ -82,7 +82,7 @@
|
||||
v-if="barShowCheck('unLinkage') && existLinkage"
|
||||
>
|
||||
<el-icon class="bar-base-icon" @click="clearLinkage">
|
||||
<Icon name="dv-bar-unLinkage" ><dvBarUnLinkage /></Icon>
|
||||
<Icon name="dv-bar-unLinkage"><dvBarUnLinkage class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<div v-if="barShowCheck('batchOpt')" class="bar-checkbox-area">
|
||||
@ -97,7 +97,7 @@
|
||||
>
|
||||
<el-icon class="bar-base-icon">
|
||||
<el-tooltip :content="t('visualization.more')" effect="dark" placement="bottom">
|
||||
<icon name="icon_more_outlined" ><icon_more_outlined /></icon>
|
||||
<icon name="icon_more_outlined"><icon_more_outlined class="svg-icon" /></icon>
|
||||
</el-tooltip>
|
||||
</el-icon>
|
||||
<template #dropdown>
|
||||
@ -165,7 +165,7 @@
|
||||
>
|
||||
<el-icon @click="downloadClick" class="bar-base-icon">
|
||||
<el-tooltip :content="t('chart.export')" effect="dark" placement="bottom">
|
||||
<icon name="dv-preview-download" ><dvPreviewDownload /></icon>
|
||||
<icon name="dv-preview-download"><dvPreviewDownload class="svg-icon" /></icon>
|
||||
</el-tooltip>
|
||||
</el-icon>
|
||||
<template #dropdown>
|
||||
@ -184,7 +184,9 @@
|
||||
</el-dropdown>
|
||||
<el-popover v-if="selectFieldShow" width="200" trigger="click" @mousedown="fieldsAreaDown">
|
||||
<template #reference>
|
||||
<el-icon class="bar-base-icon"> <Icon name="database"><database /></Icon></el-icon>
|
||||
<el-icon class="bar-base-icon">
|
||||
<Icon name="database"><database class="svg-icon" /></Icon
|
||||
></el-icon>
|
||||
</template>
|
||||
<fields-list :fields="state.curFields" :element="element" />
|
||||
</el-popover>
|
||||
@ -193,6 +195,8 @@
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import icon_edit_outlined from '@/assets/svg/icon_edit_outlined.svg'
|
||||
import icon_add_outlined from '@/assets/svg/icon_add_outlined.svg'
|
||||
import dvBarEnlarge from '@/assets/svg/dv-bar-enlarge.svg'
|
||||
import dvDetails from '@/assets/svg/dv-details.svg'
|
||||
import icon_params_setting from '@/assets/svg/icon_params_setting.svg'
|
||||
|
||||
@ -18,7 +18,7 @@ onMounted(() => {
|
||||
@command="handleSetLanguage"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="language" ><language /></Icon>
|
||||
<Icon name="language"><language class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
|
||||
@ -15,14 +15,17 @@
|
||||
<span class="top-area-text">已选图表：</span>
|
||||
<span class="top-area-value">
|
||||
<Icon class-name="view-type-icon"
|
||||
><component :is="iconChartMap[state.curJumpViewInfo.type]"></component
|
||||
><component
|
||||
class="svg-icon view-type-icon"
|
||||
:is="iconChartMap[state.curJumpViewInfo.type]"
|
||||
></component
|
||||
></Icon>
|
||||
{{ state.curJumpViewInfo.title }}</span
|
||||
>
|
||||
<span class="top-area-text margin-left">所用数据集：</span>
|
||||
<span class="top-area-value">
|
||||
<Icon style="vertical-align: -0.2em" class-name="view-type-icon" name="dataset-outline"
|
||||
><datasetOutline
|
||||
<Icon name="dataset-outline"
|
||||
><datasetOutline style="vertical-align: -0.2em" class="svg-icon view-type-icon"
|
||||
/></Icon>
|
||||
{{ state.curDatasetInfo.name }}</span
|
||||
>
|
||||
@ -136,8 +139,8 @@
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="icon-center">
|
||||
<Icon style="width: 20px; height: 20px" name="dv-link-target"
|
||||
><dvLinkTarget
|
||||
<Icon name="dv-link-target"
|
||||
><dvLinkTarget style="width: 20px; height: 20px" class="svg-icon"
|
||||
/></Icon>
|
||||
</div>
|
||||
<div style="flex: 1">
|
||||
@ -159,10 +162,12 @@
|
||||
style="display: inline-block"
|
||||
v-if="data.leaf"
|
||||
>
|
||||
<Icon name="dv-dashboard-spine"><dvDashboardSpine /></Icon>
|
||||
<Icon name="dv-dashboard-spine"
|
||||
><dvDashboardSpine class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-icon size="18px" style="display: inline-block" v-else>
|
||||
<Icon name="dv-folder"><dvFolder /></Icon>
|
||||
<Icon name="dv-folder"><dvFolder class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span
|
||||
style="margin-left: 8px; font-size: 14px"
|
||||
@ -220,8 +225,8 @@
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="icon-center">
|
||||
<Icon style="width: 20px; height: 20px" name="dv-link-target"
|
||||
><dvLinkTarget
|
||||
<Icon name="dv-link-target"
|
||||
><dvLinkTarget style="width: 20px; height: 20px" class="svg-icon"
|
||||
/></Icon>
|
||||
</div>
|
||||
<div style="flex: 1">
|
||||
@ -289,7 +294,7 @@
|
||||
>
|
||||
<el-icon size="20px">
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
@ -319,7 +324,9 @@
|
||||
{{ $t('visualization.target_url_tips') }}
|
||||
</template>
|
||||
<el-icon size="16px" class="hint-icon">
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"
|
||||
><icon_info_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -339,7 +346,9 @@
|
||||
<span v-html="$t('chart.reference_field_tip')"></span>
|
||||
</template>
|
||||
<el-icon size="16px" class="hint-icon">
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"
|
||||
><icon_info_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -363,8 +372,10 @@
|
||||
@click="insertFieldToCodeMirror('[' + item.sourceFieldName + ']')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[item.sourceDeType]}`"
|
||||
<Icon
|
||||
><component
|
||||
class="svg-icon"
|
||||
:className="`field-icon-${fieldType[item.sourceDeType]}`"
|
||||
:is="iconFieldMap[fieldType[item.sourceDeType]]"
|
||||
></component
|
||||
></Icon>
|
||||
|
||||
@ -1,247 +0,0 @@
|
||||
<template>
|
||||
<el-popover width="400" trigger="click" style="max-height: 400px; overflow-y: auto">
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<div class="ellipsis-area">{{ sourceLinkageInfo.targetViewName }}</div>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<div class="ellipsis-area">{{ linkageInfo.targetViewName }}</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row class="match-area">
|
||||
<el-row v-for="(itemLinkage, index) in linkageInfo.linkageFields" :key="index">
|
||||
<el-col :span="11">
|
||||
<div class="select-filed">
|
||||
<el-select v-model="itemLinkage.sourceField" size="small" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in sourceLinkageInfo.targetViewFields"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
>
|
||||
<span style="float: left">
|
||||
<svg-icon
|
||||
v-if="item.deType === 0"
|
||||
icon-class="field_text"
|
||||
class="field-icon-text"
|
||||
/>
|
||||
<svg-icon
|
||||
v-if="item.deType === 1"
|
||||
icon-class="field_time"
|
||||
class="field-icon-time"
|
||||
/>
|
||||
<svg-icon
|
||||
v-if="item.deType === 2 || item.deType === 3"
|
||||
icon-class="field_value"
|
||||
class="field-icon-value"
|
||||
/>
|
||||
<svg-icon
|
||||
v-if="item.deType === 5"
|
||||
icon-class="field_location"
|
||||
class="field-icon-location"
|
||||
/>
|
||||
</span>
|
||||
<span class="name-area">{{ item.name }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<div class="select-filed">
|
||||
<el-select v-model="itemLinkage.targetField" size="small" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in linkageInfo.targetViewFields"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
>
|
||||
<span style="float: left">
|
||||
<svg-icon
|
||||
v-if="item.deType === 0"
|
||||
icon-class="field_text"
|
||||
class="field-icon-text"
|
||||
/>
|
||||
<svg-icon
|
||||
v-if="item.deType === 1"
|
||||
icon-class="field_time"
|
||||
class="field-icon-time"
|
||||
/>
|
||||
<svg-icon
|
||||
v-if="item.deType === 2 || item.deType === 3"
|
||||
icon-class="field_value"
|
||||
class="field-icon-value"
|
||||
/>
|
||||
<svg-icon
|
||||
v-if="item.deType === 5"
|
||||
icon-class="field_location"
|
||||
class="field-icon-location"
|
||||
/>
|
||||
</span>
|
||||
<span class="name-area">{{ item.name }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<div>
|
||||
<el-button
|
||||
:icon="Delete"
|
||||
text
|
||||
size="small"
|
||||
class="delete-area"
|
||||
@click="deleteLinkageField(index)"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-row>
|
||||
|
||||
<el-row class="bottom">
|
||||
<el-button size="small" type="success" :icon="Plus" round @click="addLinkageField(null, null)"
|
||||
>追加联动依赖字段</el-button
|
||||
>
|
||||
</el-row>
|
||||
|
||||
<template #reference>
|
||||
<el-icon class="bar-base-icon"><Edit /></el-icon>
|
||||
</template>
|
||||
</el-popover>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { checkSameDataSet } from '@/api/chart'
|
||||
import { storeToRefs } from 'pinia'
|
||||
import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
|
||||
import { computed, onMounted, toRefs } from 'vue'
|
||||
import { Plus, Delete } from '@element-plus/icons-vue'
|
||||
const dvMainStore = dvMainStoreWithOut()
|
||||
const { targetLinkageInfo, curLinkageView } = storeToRefs(dvMainStore)
|
||||
|
||||
const props = defineProps({
|
||||
element: {
|
||||
type: Object,
|
||||
required: true
|
||||
},
|
||||
active: {
|
||||
type: Boolean,
|
||||
required: false,
|
||||
default: false
|
||||
},
|
||||
// 当前模式 preview 预览 edit 编辑，
|
||||
activeModel: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: 'preview'
|
||||
}
|
||||
})
|
||||
|
||||
const { element } = toRefs(props)
|
||||
const linkageInfo = computed(() => {
|
||||
return targetLinkageInfo.value[element.value.id]
|
||||
})
|
||||
|
||||
const sourceLinkageInfo = computed(() => {
|
||||
return targetLinkageInfo.value[curLinkageView.value.id]
|
||||
})
|
||||
|
||||
const deleteLinkageField = index => {
|
||||
linkageInfo.value.linkageFields.splice(index, 1)
|
||||
}
|
||||
|
||||
const addLinkageField = (sourceFieldId, targetFieldId) => {
|
||||
const linkageFieldItem = {
|
||||
sourceField: sourceFieldId,
|
||||
targetField: targetFieldId
|
||||
}
|
||||
linkageInfo.value.linkageFields.push(linkageFieldItem)
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
// 初始化映射关系 如果当前是相同的数据集且没有关联关系，则自动补充映射关系
|
||||
checkSameDataSet(curLinkageView.value.id, element.value.id).then(res => {
|
||||
if (res.data === 'YES' && linkageInfo.value.linkageFields.length === 0) {
|
||||
sourceLinkageInfo.value.targetViewFields.forEach(item => {
|
||||
addLinkageField(item.id, item.id)
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.custom-icon {
|
||||
color: white;
|
||||
}
|
||||
.name-area {
|
||||
float: left;
|
||||
color: #8492a6;
|
||||
font-size: 12px;
|
||||
}
|
||||
.slot-class {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.ellipsis-area {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
overflow: hidden; /*超出部分隐藏*/
|
||||
white-space: nowrap; /*不换行*/
|
||||
text-overflow: ellipsis; /*超出部分文字以...显示*/
|
||||
background-color: #f7f8fa;
|
||||
color: #3d4d66;
|
||||
font-size: 12px;
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.select-filed {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
overflow: hidden; /*超出部分隐藏*/
|
||||
white-space: nowrap; /*不换行*/
|
||||
text-overflow: ellipsis; /*超出部分文字以...显示*/
|
||||
color: #3d4d66;
|
||||
font-size: 12px;
|
||||
line-height: 35px;
|
||||
height: 35px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.ed-popover {
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.bar-base-icon {
|
||||
height: 22px;
|
||||
width: 22px;
|
||||
color: #ffffff;
|
||||
&:hover {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
&:active {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
margin-top: 20px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.delete-area {
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.match-area {
|
||||
display: inline-block;
|
||||
height: 120px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
</style>
|
||||
@ -18,14 +18,17 @@
|
||||
<span class="top-area-text" style="margin-left: 0">已选图表：</span>
|
||||
<span class="top-area-value">
|
||||
<Icon class-name="view-type-icon"
|
||||
><component :is="iconChartMap[state.curLinkageViewInfo.type]"></component
|
||||
><component
|
||||
class="svg-icon view-type-icon"
|
||||
:is="iconChartMap[state.curLinkageViewInfo.type]"
|
||||
></component
|
||||
></Icon>
|
||||
{{ state.curLinkageViewInfo.title }}</span
|
||||
>
|
||||
<span class="top-area-text">所用数据集：</span>
|
||||
<span class="top-area-value">
|
||||
<Icon style="vertical-align: -0.2em" class-name="view-type-icon" name="dataset-outline"
|
||||
><datasetOutline
|
||||
<Icon class-name="view-type-icon" name="dataset-outline"
|
||||
><datasetOutline style="vertical-align: -0.2em" class="svg-icon view-type-icon"
|
||||
/></Icon>
|
||||
{{ state.curDatasetInfo.name }}</span
|
||||
>
|
||||
@ -82,8 +85,12 @@
|
||||
</span>
|
||||
<span>
|
||||
<span class="tree-select-field">
|
||||
<Icon class-name="view-type-icon" style="margin-right: 4px"
|
||||
><component :is="iconChartMap[data.targetViewType]"></component
|
||||
<Icon class-name="view-type-icon"
|
||||
><component
|
||||
:is="iconChartMap[data.targetViewType]"
|
||||
style="margin-right: 4px"
|
||||
class="svg-icon view-type-icon"
|
||||
></component
|
||||
></Icon>
|
||||
{{ data.targetViewName }}
|
||||
</span>
|
||||
@ -187,7 +194,7 @@
|
||||
</div>
|
||||
<el-icon class="link-icon-join">
|
||||
<Icon style="width: 20px; height: 20px" name="dv-link-target"
|
||||
><dvLinkTarget
|
||||
><dvLinkTarget style="width: 20px; height: 20px" class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<div style="flex: 1">
|
||||
@ -221,7 +228,9 @@
|
||||
|
||||
<el-button class="m-del-icon-btn" text @click="deleteLinkageField(index)">
|
||||
<el-icon size="20px">
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</div>
|
||||
@ -234,7 +243,9 @@
|
||||
</el-row>
|
||||
</el-row>
|
||||
<el-row v-else style="height: 100%" class="custom-position">
|
||||
<Icon style="width: 125px; height: 125px" name="dv-empty"><dvEmpty /></Icon>
|
||||
<Icon name="dv-empty"
|
||||
><dvEmpty style="width: 125px; height: 125px" class="svg-icon"
|
||||
/></Icon>
|
||||
<span style="margin-top: 8px; font-size: 14px">请先勾选需要联动的图表</span>
|
||||
</el-row>
|
||||
</el-col>
|
||||
|
||||
@ -59,7 +59,7 @@
|
||||
style="margin-right: 16px"
|
||||
@handle-command="cmd => outerParamsOperation(cmd, node, data)"
|
||||
:menu-list="state.optMenu"
|
||||
icon-name="icon_more_outlined"
|
||||
:icon-name="icon_more_outlined"
|
||||
placement="bottom-start"
|
||||
></handle-more>
|
||||
</span>
|
||||
@ -94,8 +94,8 @@
|
||||
>
|
||||
<div style="width: 16px"></div>
|
||||
<div style="flex: 1; line-height: 32px">
|
||||
<Icon style="margin-top: 4px" class-name="view-type-icon" name="filter-params"
|
||||
><filterParams
|
||||
<Icon name="filter-params"
|
||||
><filterParams style="margin-top: 4px" class="svg-icon view-type-icon"
|
||||
/></Icon>
|
||||
<span>{{ findFilterName(baseFilter.id) }}</span>
|
||||
</div>
|
||||
@ -155,7 +155,7 @@
|
||||
<div style="flex: 1; display: flex; line-height: 32px">
|
||||
<div style="width: 16px; margin-top: 2px; margin-right: 4px">
|
||||
<el-icon>
|
||||
<Icon name="icon_dataset"><icon_dataset /></Icon>
|
||||
<Icon name="icon_dataset"><icon_dataset class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
<span>{{ baseDatasetInfo.name }}</span>
|
||||
@ -283,6 +283,9 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import _delete from '@/assets/svg/delete.svg'
|
||||
import edit from '@/assets/svg/edit.svg'
|
||||
import icon_more_outlined from '@/assets/svg/icon_more_outlined.svg'
|
||||
import filterParams from '@/assets/svg/filter-params.svg'
|
||||
import icon_dataset from '@/assets/svg/icon_dataset.svg'
|
||||
import { ref, reactive, computed, nextTick } from 'vue'
|
||||
@ -315,12 +318,12 @@ const state = reactive({
|
||||
optMenu: [
|
||||
{
|
||||
label: '重命名',
|
||||
svgName: 'edit',
|
||||
svgName: edit,
|
||||
command: 'rename'
|
||||
},
|
||||
{
|
||||
label: '删除',
|
||||
svgName: 'delete',
|
||||
svgName: _delete,
|
||||
command: 'delete'
|
||||
}
|
||||
],
|
||||
|
||||
@ -59,7 +59,7 @@
|
||||
style="margin-right: 10px"
|
||||
@handle-command="cmd => outerParamsOperation(cmd, node, data)"
|
||||
:menu-list="state.optMenu"
|
||||
icon-name="icon_more_outlined"
|
||||
:icon-name="icon_more_outlined"
|
||||
placement="bottom-start"
|
||||
></handle-more>
|
||||
</span>
|
||||
@ -103,8 +103,12 @@
|
||||
:label="item.title"
|
||||
:value="item.id"
|
||||
>
|
||||
<Icon class-name="view-type-icon" style="margin-right: 4px"
|
||||
><component :is="iconChartMap[item.type]"></component
|
||||
<Icon class-name="view-type-icon"
|
||||
><component
|
||||
class="svg-icon view-type-icon"
|
||||
style="margin-right: 4px"
|
||||
:is="iconChartMap[item.type]"
|
||||
></component
|
||||
></Icon>
|
||||
<span style="font-size: 12px"> {{ item.title }}</span>
|
||||
</el-option>
|
||||
@ -112,8 +116,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<el-icon class="link-icon-join">
|
||||
<Icon style="width: 20px; height: 20px" name="dv-link-target"
|
||||
><dvLinkTarget
|
||||
<Icon name="dv-link-target"
|
||||
><dvLinkTarget style="width: 20px; height: 20px" class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<div style="flex: 1">
|
||||
@ -146,7 +150,9 @@
|
||||
</div>
|
||||
<el-button class="m-del-icon-btn" text @click="deleteOuterParamsField(index)">
|
||||
<el-icon size="20px">
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</div>
|
||||
@ -176,6 +182,9 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import _delete from '@/assets/svg/delete.svg'
|
||||
import edit from '@/assets/svg/edit.svg'
|
||||
import icon_more_outlined from '@/assets/svg/icon_more_outlined.svg'
|
||||
import dvLinkTarget from '@/assets/svg/dv-link-target.svg'
|
||||
import icon_deleteTrash_outlined from '@/assets/svg/icon_delete-trash_outlined.svg'
|
||||
import { ref, reactive, computed, nextTick } from 'vue'
|
||||
@ -207,12 +216,12 @@ const state = reactive({
|
||||
optMenu: [
|
||||
{
|
||||
label: '重命名',
|
||||
svgName: 'edit',
|
||||
svgName: edit,
|
||||
command: 'rename'
|
||||
},
|
||||
{
|
||||
label: '删除',
|
||||
svgName: 'delete',
|
||||
svgName: _delete,
|
||||
command: 'delete'
|
||||
}
|
||||
],
|
||||
|
||||
@ -2,7 +2,9 @@
|
||||
<div class="drag-info-main">
|
||||
<template v-if="!mobileInPc">
|
||||
<el-row style="justify-content: center">
|
||||
<Icon style="width: 125px; height: 125px" name="dv-drag-tips"><dvDragTips /></Icon>
|
||||
<Icon name="dv-drag-tips"
|
||||
><dvDragTips class="svg-icon" style="width: 125px; height: 125px"
|
||||
/></Icon>
|
||||
</el-row>
|
||||
<el-row class="tips-info"> {{ tips }} </el-row>
|
||||
</template>
|
||||
|
||||
@ -10,8 +10,12 @@
|
||||
:style="itemStyle"
|
||||
@click.stop="setBoard"
|
||||
>
|
||||
<Icon :style="{ color: commonBackground.innerImageColor }" class-name="svg-background"
|
||||
><component :is="iconBoardMap[mainIconClass]"></component
|
||||
<Icon class-name="svg-background"
|
||||
><component
|
||||
:style="{ color: commonBackground.innerImageColor }"
|
||||
class="svg-icon svg-background"
|
||||
:is="iconBoardMap[mainIconClass]"
|
||||
></component
|
||||
></Icon>
|
||||
</div>
|
||||
<span class="demonstration">{{ template.name }}</span>
|
||||
|
||||
@ -4,8 +4,12 @@
|
||||
class="icon-area"
|
||||
:class="{ 'selected-active': active, 'icon-area-dark': themes === 'dark' }"
|
||||
>
|
||||
<Icon :style="{ color: innerImageColor }" class-name="svg-background"
|
||||
><component :is="iconBoardMap[mainIconClass(item)]"></component
|
||||
<Icon
|
||||
><component
|
||||
:style="{ color: innerImageColor }"
|
||||
class="svg-icon svg-background"
|
||||
:is="iconBoardMap[mainIconClass(item)]"
|
||||
></component
|
||||
></Icon>
|
||||
</div>
|
||||
<span>{{ item.name }}</span>
|
||||
|
||||
@ -102,7 +102,9 @@ defineExpose({
|
||||
<span class="label">已选择图表:</span>
|
||||
<span class="name">
|
||||
<el-icon class="main-color">
|
||||
<Icon class="toolbar-icon" name="icon_left_outlined" ><icon_left_outlined /></Icon>
|
||||
<Icon name="icon_left_outlined"
|
||||
><icon_left_outlined class="svg-icon toolbar-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
折线图1
|
||||
</span>
|
||||
@ -111,7 +113,9 @@ defineExpose({
|
||||
<span class="label">所用数据集:</span>
|
||||
<span class="name">
|
||||
<el-icon class="main-color">
|
||||
<Icon class="toolbar-icon" name="icon_left_outlined" ><icon_left_outlined /></Icon>
|
||||
<Icon name="icon_left_outlined"
|
||||
><icon_left_outlined class="svg-icon toolbar-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
佩尔数据集
|
||||
</span>
|
||||
@ -176,7 +180,7 @@ defineExpose({
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-icon class="join">
|
||||
<Icon name="join-join"><joinJoin /></Icon>
|
||||
<Icon name="join-join"><joinJoin class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-form-item label="目标仪表板">
|
||||
<el-select v-model="formInline.region" placeholder="Activity zone" clearable>
|
||||
@ -210,7 +214,7 @@ defineExpose({
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-icon class="join">
|
||||
<Icon name="join-join"><joinJoin /></Icon>
|
||||
<Icon name="join-join"><joinJoin class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-form-item
|
||||
label="目标字段"
|
||||
@ -242,7 +246,9 @@ defineExpose({
|
||||
</el-form-item>
|
||||
<el-button v-if="formFields.fields.length > 1" text @click="removeField(field)">
|
||||
<template #icon>
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</template>
|
||||
</el-button>
|
||||
</template>
|
||||
@ -250,7 +256,7 @@ defineExpose({
|
||||
</div>
|
||||
<el-button class="add-field" text @click="addField">
|
||||
<template #icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
|
||||
</template>
|
||||
添加联动图表字段
|
||||
</el-button>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<Icon v-if="element.innerType.includes('board')" class-name="de-svg-main"
|
||||
><component :is="iconBoardMap[element.innerType]"></component
|
||||
><component class="svg-icon de-svg-main" :is="iconBoardMap[element.innerType]"></component
|
||||
></Icon>
|
||||
<component v-else :is="element.innerType"></component>
|
||||
</template>
|
||||
|
||||
@ -53,7 +53,7 @@ const onJumpValueChange = () => {
|
||||
<div>事件绑定需退出编辑模式后生效,富文本开启绑定事件则内部点击事件失效</div>
|
||||
</template>
|
||||
<el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</el-form-item>
|
||||
|
||||
@ -146,7 +146,7 @@
|
||||
@click="checkBold"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bold_outlined"><icon_bold_outlined /></Icon>
|
||||
<Icon name="icon_bold_outlined"><icon_bold_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -161,7 +161,7 @@
|
||||
@click="checkItalic"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_italic_outlined"><icon_italic_outlined /></Icon>
|
||||
<Icon name="icon_italic_outlined"><icon_italic_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -178,7 +178,9 @@
|
||||
@click="setPosition('textAlign', 'left')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_left-alignment_outlined"><icon_leftAlignment_outlined /></Icon>
|
||||
<Icon name="icon_left-alignment_outlined"
|
||||
><icon_leftAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -193,7 +195,7 @@
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_center-alignment_outlined"
|
||||
><icon_centerAlignment_outlined
|
||||
><icon_centerAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
@ -208,7 +210,9 @@
|
||||
@click="setPosition('textAlign', 'right')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_right-alignment_outlined"><icon_rightAlignment_outlined /></Icon>
|
||||
<Icon name="icon_right-alignment_outlined"
|
||||
><icon_rightAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -229,7 +233,9 @@
|
||||
@click="setPosition('headHorizontalPosition', 'left')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_left-alignment_outlined"><icon_leftAlignment_outlined /></Icon>
|
||||
<Icon name="icon_left-alignment_outlined"
|
||||
><icon_leftAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -246,7 +252,9 @@
|
||||
@click="setPosition('headHorizontalPosition', 'center')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_center-alignment_outlined"><icon_centerAlignment_outlined /></Icon>
|
||||
<Icon name="icon_center-alignment_outlined"
|
||||
><icon_centerAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -263,7 +271,9 @@
|
||||
@click="setPosition('headHorizontalPosition', 'right')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_right-alignment_outlined"><icon_rightAlignment_outlined /></Icon>
|
||||
<Icon name="icon_right-alignment_outlined"
|
||||
><icon_rightAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
|
||||
@ -64,7 +64,7 @@ const handleInput = value => {
|
||||
<div>Tab轮播退出编辑模式才开生效</div>
|
||||
</template>
|
||||
<el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
|
||||
|
||||
@ -34,7 +34,9 @@ const { icon, name, label, dragInfo, themes } = toRefs(props)
|
||||
<div class="drag-component" :class="'drag-' + themes">
|
||||
<div draggable="true" :data-id="dragInfo" class="icon-content">
|
||||
<span v-if="name" class="label-content">{{ name }}</span>
|
||||
<Icon v-if="icon" class="drag-icon"><component :is="icon"></component></Icon>
|
||||
<Icon v-if="icon" class="drag-icon"
|
||||
><component class="svg-icon drag-icon" :is="icon"></component
|
||||
></Icon>
|
||||
</div>
|
||||
<div class="label-content">
|
||||
<span>{{ label }}</span>
|
||||
|
||||
@ -146,6 +146,7 @@ const loadPluginCategory = data => {
|
||||
/>
|
||||
<Icon v-else class-name="item-top-icon"
|
||||
><component
|
||||
class="svg-icon item-top-icon"
|
||||
:is="
|
||||
props.themes === 'dark'
|
||||
? iconChartDarkMap[`${chartInfo.icon}-dark`]
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
<template #item="{ element }">
|
||||
<span :key="element.name" class="item-dimension" :title="element.title">
|
||||
<el-icon size="20px">
|
||||
<Icon name="drag" ><drag /></Icon>
|
||||
<Icon name="drag"><drag class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span class="item-span">
|
||||
{{ element.title }}
|
||||
|
||||
@ -597,12 +597,14 @@ const autoStyle = computed(() => {
|
||||
>
|
||||
<el-tooltip effect="dark" content="设置过滤条件" placement="top">
|
||||
<el-icon @click="editeQueryConfig(ele.id)">
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined /></Icon>
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip effect="dark" content="删除条件" placement="top">
|
||||
<el-icon style="margin-left: 8px" @click="delQueryConfig(index)">
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
||||
@ -389,7 +389,7 @@ defineExpose({
|
||||
style="margin-left: -4px"
|
||||
>
|
||||
<template #icon>
|
||||
<Icon name="icon_admin_outlined"><icon_admin_outlined /></Icon>
|
||||
<Icon name="icon_admin_outlined"><icon_admin_outlined class="svg-icon" /></Icon>
|
||||
</template>
|
||||
设置
|
||||
</el-button>
|
||||
|
||||
@ -206,14 +206,14 @@ defineExpose({
|
||||
</template>
|
||||
<div class="content">
|
||||
<el-icon style="font-size: 16px">
|
||||
<Icon name="icon_info_colorful"><icon_info_colorful /></Icon>
|
||||
<Icon name="icon_info_colorful"><icon_info_colorful class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
基于当前查询组件的查询条件，如果需要进行级联配置，需要满足以下条件：<br />
|
||||
1. 展示类型：文本下拉组件和数字下拉组件；2. 选项值来源：选择数据集<br />
|
||||
</div>
|
||||
<el-button text @click="addCascadeBlock">
|
||||
<template #icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
|
||||
</template>
|
||||
添加级联配置
|
||||
</el-button>
|
||||
@ -221,13 +221,15 @@ defineExpose({
|
||||
<div style="display: flex; align-items: center; justify-content: space-between">
|
||||
<el-button :disabled="item.length === 2" text @click="addCascadeItem(item)">
|
||||
<template #icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
|
||||
</template>
|
||||
添加级联条件
|
||||
</el-button>
|
||||
<el-button @click="deleteCascadeBlock(index)" class="cascade-delete-block" text>
|
||||
<template #icon>
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</template>
|
||||
</el-button>
|
||||
</div>
|
||||
@ -261,7 +263,7 @@ defineExpose({
|
||||
</div>
|
||||
<div class="cascade-icon">
|
||||
<el-icon>
|
||||
<Icon name="join-join"><joinJoin /></Icon>
|
||||
<Icon name="join-join"><joinJoin class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
<div class="item-field">
|
||||
@ -281,7 +283,9 @@ defineExpose({
|
||||
</div>
|
||||
<el-button v-show="idx !== 0" @click="deleteCascade(idx, item)" class="cascade-delete" text>
|
||||
<template #icon>
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</template>
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
getLastStart
|
||||
<script lang="ts" setup>
|
||||
import more_v from '@/assets/svg/more_v.svg'
|
||||
import icon_add_outlined from '@/assets/svg/icon_add_outlined.svg'
|
||||
import icon_drag_outlined from '@/assets/svg/icon_drag_outlined.svg'
|
||||
import icon_visible_outlined from '@/assets/svg/icon_visible_outlined.svg'
|
||||
import de_pwd_invisible from '@/assets/svg/de_pwd_invisible.svg'
|
||||
import dvFolder from '@/assets/svg/dv-folder.svg'
|
||||
import icon_dataset from '@/assets/svg/icon_dataset.svg'
|
||||
import icon_edit_outlined from '@/assets/svg/icon_edit_outlined.svg'
|
||||
import icon_deleteTrash_outlined from '@/assets/svg/icon_delete-trash_outlined.svg'
|
||||
import icon_warning_filled from '@/assets/svg/icon_warning_filled.svg'
|
||||
import icon_info_outlined from '@/assets/svg/icon_info_outlined.svg'
|
||||
@ -1468,7 +1468,7 @@ defineExpose({
|
||||
<div class="title">
|
||||
查询条件
|
||||
<el-icon @click="addQueryCriteria">
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
<draggable tag="div" :list="conditions" handle=".handle">
|
||||
@ -1481,14 +1481,14 @@ defineExpose({
|
||||
:class="element.id === activeCondition && 'active'"
|
||||
>
|
||||
<el-icon class="handle">
|
||||
<Icon name="icon_drag_outlined"><icon_drag_outlined /></Icon>
|
||||
<Icon name="icon_drag_outlined"><icon_drag_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<div class="label flex-align-center icon" :title="element.name">
|
||||
<el-icon
|
||||
v-if="!element.auto && element.showError"
|
||||
style="font-size: 16px; color: #f54a45"
|
||||
>
|
||||
<icon name="icon_warning_filled"><icon_warning_filled /></icon>
|
||||
<icon name="icon_warning_filled"><icon_warning_filled class="svg-icon" /></icon>
|
||||
</el-icon>
|
||||
{{ element.name }}
|
||||
</div>
|
||||
@ -1496,7 +1496,7 @@ defineExpose({
|
||||
<handle-more
|
||||
@handle-command="cmd => addOperation(cmd, element, index)"
|
||||
:menu-list="typeList"
|
||||
icon-name="more_v"
|
||||
:icon-name="more_v"
|
||||
placement="bottom-end"
|
||||
></handle-more>
|
||||
<el-icon
|
||||
@ -1504,10 +1504,12 @@ defineExpose({
|
||||
@click.stop="element.visible = !element.visible"
|
||||
v-if="element.visible"
|
||||
>
|
||||
<Icon name="icon_visible_outlined"><icon_visible_outlined /></Icon>
|
||||
<Icon name="icon_visible_outlined"
|
||||
><icon_visible_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-icon class="hover-icon" @click.stop="element.visible = !element.visible" v-else>
|
||||
<Icon name="de_pwd_invisible"><de_pwd_invisible /></Icon>
|
||||
<Icon name="de_pwd_invisible"><de_pwd_invisible class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
<div @click.stop v-if="activeConditionForRename.id === element.id" class="rename">
|
||||
@ -1538,7 +1540,7 @@ defineExpose({
|
||||
</div>
|
||||
</template>
|
||||
<el-icon style="margin-left: 4px; color: #646a73">
|
||||
<icon name="icon_info_outlined"><icon_info_outlined /></icon>
|
||||
<icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -1640,7 +1642,11 @@ defineExpose({
|
||||
>
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[ele.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[ele.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[ele.deType]}`"
|
||||
:is="iconFieldMap[fieldType[ele.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
<span :title="ele.name || ele.variableName" class="ellipsis">
|
||||
@ -1737,7 +1743,7 @@ defineExpose({
|
||||
@click="startTreeDesign"
|
||||
>
|
||||
<template #icon>
|
||||
<icon name="icon_edit_outlined"><icon_edit_outlined /></icon>
|
||||
<icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></icon>
|
||||
</template>
|
||||
</el-button>
|
||||
</div>
|
||||
@ -1752,7 +1758,11 @@ defineExpose({
|
||||
<span class="field-type"
|
||||
><el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[ele.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[ele.deType]]"></component
|
||||
><component
|
||||
:class="`field-icon-${fieldType[ele.deType]}`"
|
||||
class="svg-icon"
|
||||
:is="iconFieldMap[fieldType[ele.deType]]"
|
||||
></component
|
||||
></Icon> </el-icon
|
||||
></span>
|
||||
<span class="field-tree_name">{{ ele.name }}</span>
|
||||
@ -1760,7 +1770,7 @@ defineExpose({
|
||||
</template>
|
||||
<el-button @click="startTreeDesign" v-else text>
|
||||
<template #icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
|
||||
</template>
|
||||
点击进行树结构设计
|
||||
</el-button>
|
||||
@ -1835,10 +1845,10 @@ defineExpose({
|
||||
<template #default="{ node, data }">
|
||||
<div class="content">
|
||||
<el-icon size="18px" v-if="!data.leaf">
|
||||
<Icon name="dv-folder"><dvFolder /></Icon>
|
||||
<Icon name="dv-folder"><dvFolder class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-icon size="18px" v-if="data.leaf">
|
||||
<Icon name="icon_dataset"><icon_dataset /></Icon>
|
||||
<Icon name="icon_dataset"><icon_dataset class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span class="label ellipsis" style="margin-left: 8px" :title="node.label">{{
|
||||
node.label
|
||||
@ -1891,7 +1901,11 @@ defineExpose({
|
||||
>
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[ele.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[ele.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[ele.deType]}`"
|
||||
:is="iconFieldMap[fieldType[ele.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
<span>
|
||||
@ -1946,7 +1960,11 @@ defineExpose({
|
||||
>
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[ele.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[ele.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[ele.deType]}`"
|
||||
:is="iconFieldMap[fieldType[ele.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
<span>
|
||||
@ -1996,7 +2014,11 @@ defineExpose({
|
||||
>
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[ele.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[ele.deType]]"></component
|
||||
><component
|
||||
:class="`field-icon-${fieldType[ele.deType]}`"
|
||||
class="svg-icon"
|
||||
:is="iconFieldMap[fieldType[ele.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
<span>
|
||||
@ -2026,7 +2048,9 @@ defineExpose({
|
||||
<template #reference>
|
||||
<el-button text>
|
||||
<template #icon>
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined /></Icon>
|
||||
<Icon name="icon_edit_outlined"
|
||||
><icon_edit_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</template>
|
||||
{{ t('common.edit') }}
|
||||
</el-button>
|
||||
@ -2056,7 +2080,7 @@ defineExpose({
|
||||
>
|
||||
<template #icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</template>
|
||||
</el-button>
|
||||
@ -2065,7 +2089,9 @@ defineExpose({
|
||||
<div class="add-btn">
|
||||
<el-button @click="valueSource.push('')" text>
|
||||
<template #icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"
|
||||
><icon_add_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</template>
|
||||
添加选项值
|
||||
</el-button>
|
||||
|
||||
@ -81,7 +81,7 @@ defineExpose({
|
||||
<div style="display: flex; align-items: center; justify-content: space-between">
|
||||
<el-button :disabled="treeList.length === 5" text @click="addCascadeItem">
|
||||
<template #icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
|
||||
</template>
|
||||
添加层级
|
||||
</el-button>
|
||||
@ -110,7 +110,9 @@ defineExpose({
|
||||
</div>
|
||||
<el-button v-show="idx !== 0" @click="deleteCascade(idx)" class="cascade-delete" text>
|
||||
<template #icon>
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</template>
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@ -113,11 +113,11 @@ if (uid.value === '1') {
|
||||
v-click-outside="openPopover"
|
||||
>
|
||||
<el-icon class="main-color">
|
||||
<Icon name="user-img" ><userImg /></Icon>
|
||||
<Icon name="user-img"><userImg class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span class="uname-span">{{ name }}</span>
|
||||
<el-icon class="el-icon-animate">
|
||||
<Icon name="icon_expand-down_filled" ><icon_expandDown_filled /></Icon>
|
||||
<Icon name="icon_expand-down_filled"><icon_expandDown_filled class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
<el-popover
|
||||
|
||||
@ -1,4 +1,6 @@
|
||||
<script lang="ts" setup>
|
||||
import dvAiWindowMax from '@/assets/svg/dv-ai-window-max.svg'
|
||||
import dvAiWindowMin from '@/assets/svg/dv-ai-window-min.svg'
|
||||
import { onMounted, ref } from 'vue'
|
||||
import { useEmitt } from '@/hooks/web/useEmitt'
|
||||
const aiDialogShow = ref(false)
|
||||
@ -39,7 +41,11 @@ onMounted(() => {
|
||||
<div class="ai-content">
|
||||
<el-icon class="close" @click="closeAi"><Close /></el-icon>
|
||||
<el-icon class="size-class" @click="sizeChange"
|
||||
><Icon :name="'dv-ai-window-' + sizeState"></Icon
|
||||
><Icon
|
||||
><component
|
||||
:is="sizeState === 'min' ? dvAiWindowMin : dvAiWindowMax"
|
||||
class="svg-icon"
|
||||
></component></Icon
|
||||
></el-icon>
|
||||
<iframe :src="baseUrl" style="width: 100%; height: 100%" frameborder="0" allow="microphone">
|
||||
</iframe>
|
||||
|
||||
@ -32,7 +32,7 @@ onMounted(() => {
|
||||
<template #reference>
|
||||
<div class="ai-popper-tips-icon">
|
||||
<el-icon style="margin: 2px" class="ai-icon">
|
||||
<Icon name="dv-ai" ><dvAi /></Icon>
|
||||
<Icon name="dv-ai"><dvAi class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -33,7 +33,7 @@ onMounted(() => {
|
||||
<template #reference>
|
||||
<div class="copilot-popper-tips-icon">
|
||||
<el-icon style="margin: 2px" class="ai-icon">
|
||||
<Icon name="copilot" ><copilot /></Icon>
|
||||
<Icon name="copilot"><copilot class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -22,7 +22,7 @@ import { useAppearanceStoreWithOut } from '@/store/modules/appearance'
|
||||
import AiComponent from '@/layout/components/AiComponent.vue'
|
||||
import { findBaseParams } from '@/api/aiComponent'
|
||||
import AiTips from '@/layout/components/AiTips.vue'
|
||||
import Copilot from '@/layout/components/Copilot.vue'
|
||||
import CopilotCom from '@/layout/components/Copilot.vue'
|
||||
|
||||
const appearanceStore = useAppearanceStoreWithOut()
|
||||
const { push } = useRouter()
|
||||
@ -124,13 +124,9 @@ onMounted(() => {
|
||||
<template>
|
||||
<el-header class="header-flex" :class="{ 'header-light': navigateBg && navigateBg === 'light' }">
|
||||
<img class="logo" v-if="navigate" :src="navigate" alt="" />
|
||||
<Icon
|
||||
style="cursor: pointer"
|
||||
v-else
|
||||
@click="handleIconClick"
|
||||
className="logo"
|
||||
name="logo"
|
||||
><logo /></Icon>
|
||||
<Icon v-else @click="handleIconClick" className="logo" name="logo"
|
||||
><logo class="svg-icon logo" style="cursor: pointer"
|
||||
/></Icon>
|
||||
<el-menu
|
||||
:default-active="activeIndex"
|
||||
class="el-menu-demo"
|
||||
@ -147,9 +143,9 @@ onMounted(() => {
|
||||
class="ai-icon copilot-icon"
|
||||
v-if="!showOverlayCopilot && appearanceStore.getShowCopilot"
|
||||
>
|
||||
<Icon name="copilot" @click="handleCopilotClick" ><copilot /></Icon>
|
||||
<Icon name="copilot" @click="handleCopilotClick"><copilot class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<Copilot
|
||||
<CopilotCom
|
||||
@confirm="copilotConfirm"
|
||||
v-if="showOverlayCopilot && appearanceStore.getShowCopilot"
|
||||
class="copilot-icon-tips"
|
||||
@ -160,14 +156,16 @@ onMounted(() => {
|
||||
class="ai-icon"
|
||||
v-if="aiBaseUrl && !showOverlay && appearanceStore.getShowAi"
|
||||
>
|
||||
<Icon name="dv-ai" @click="handleAiClick" ><dvAi /></Icon>
|
||||
<Icon name="dv-ai" @click="handleAiClick"><dvAi class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-tooltip effect="dark" content="数据导出中心" placement="bottom">
|
||||
<el-icon
|
||||
class="preview-download_icon"
|
||||
:class="navigateBg === 'light' && 'is-light-setting'"
|
||||
>
|
||||
<Icon name="dv-preview-download" @click="downloadClick" ><dvPreviewDownload /></Icon>
|
||||
<Icon name="dv-preview-download" @click="downloadClick"
|
||||
><dvPreviewDownload class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
|
||||
|
||||
@ -25,13 +25,13 @@ const navigate = computed(() => appearanceStore.getNavigate)
|
||||
:class="{ 'header-light': navigateBg && navigateBg === 'light' }"
|
||||
>
|
||||
<img class="logo" v-if="navigate" :src="navigate" alt="" />
|
||||
<Icon class="de-logo" v-else className="logo" name="logo"><logo /></Icon>
|
||||
<Icon class="de-logo" v-else className="logo" name="logo"><logo class="svg-icon logo" /></Icon>
|
||||
<el-divider direction="vertical" />
|
||||
<span class="system">{{ props.title || '系统设置' }}</span>
|
||||
<div class="operate-setting">
|
||||
<span @click="backToMain" class="work-bar flex-align-center">
|
||||
<el-icon>
|
||||
<Icon name="icon_left_outlined"><icon_left_outlined /></Icon>
|
||||
<Icon name="icon_left_outlined"><icon_left_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span class="work">返回工作台</span>
|
||||
</span>
|
||||
|
||||
@ -39,7 +39,7 @@ onMounted(() => {
|
||||
>
|
||||
<span>{{ item.name }}</span>
|
||||
<el-icon v-if="language === item.value">
|
||||
<Icon name="icon_done_outlined"><icon_done_outlined /></Icon>
|
||||
<Icon name="icon_done_outlined"><icon_done_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -25,7 +25,9 @@ const redirectUser = () => {
|
||||
}"
|
||||
>
|
||||
<el-icon @click="redirectUser">
|
||||
<Icon class="icon-setting" name="icon-setting" ><iconSetting /></Icon>
|
||||
<Icon class="icon-setting" name="icon-setting"
|
||||
><iconSetting class="svg-icon icon-setting"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
|
||||
@ -74,7 +74,7 @@ onMounted(() => {
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="sys-tools"><sysTools /></Icon>
|
||||
<Icon name="sys-tools"><sysTools class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -46,7 +46,7 @@ const cardInfoList = [
|
||||
:class="{ 'is-light-setting': navigateBg && navigateBg === 'light' }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="docs"><docs /></Icon>
|
||||
<Icon name="docs"><docs class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -25,7 +25,9 @@ const openBlank = () => {
|
||||
<template>
|
||||
<div class="doc-card" @click="openBlank">
|
||||
<el-row class="base-show">
|
||||
<Icon class-name="item-top-icon"><component :is="cardInfo.icon"></component></Icon>
|
||||
<Icon class-name="item-top-icon"
|
||||
><component class="svg-icon item-top-icon" :is="cardInfo.icon"></component
|
||||
></Icon>
|
||||
</el-row>
|
||||
<el-row class="base-show show-content"> {{ cardInfo.name }}</el-row>
|
||||
</div>
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<template>
|
||||
<div class="page-not-found">
|
||||
<Icon className="login-logo-icon" name="401"><_401 /></Icon>
|
||||
<Icon className="login-logo-icon" name="401"><Four class="svg-icon login-logo-icon" /></Icon>
|
||||
<span class="span-403">{{ t('common.no_menu_tips') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import _401 from '@/assets/svg/401.svg'
|
||||
import Four from '@/assets/svg/401.svg'
|
||||
import { Icon } from '@/components/icon-custom'
|
||||
import { useI18n } from '@/hooks/web/useI18n'
|
||||
const { t } = useI18n()
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<template>
|
||||
<div class="page-not-found">
|
||||
<Icon className="login-logo-icon" name="403"><_403 /></Icon>
|
||||
<Icon className="login-logo-icon" name="403"><Four class="svg-icon login-logo-icon" /></Icon>
|
||||
<span class="span-403">{{ t('common.no_auth_tips') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import _403 from '@/assets/svg/403.svg'
|
||||
import Four from '@/assets/svg/403.svg'
|
||||
import { Icon } from '@/components/icon-custom'
|
||||
import { useI18n } from '@/hooks/web/useI18n'
|
||||
const { t } = useI18n()
|
||||
|
||||
@ -197,7 +197,7 @@ const syncFree = () => {
|
||||
<img width="792" height="180" :src="aboutBg" />
|
||||
<div class="color-overlay"></div>
|
||||
<el-icon class="logo">
|
||||
<icon name="logo"><logo /></icon>
|
||||
<icon name="logo"><logo class="svg-icon" /></icon>
|
||||
</el-icon>
|
||||
<div class="content">
|
||||
<div class="item">
|
||||
|
||||
@ -103,6 +103,7 @@ const groupActiveChange = category => {
|
||||
/>
|
||||
<Icon v-else class-name="item-top-icon"
|
||||
><component
|
||||
class="svg-icon item-top-icon"
|
||||
:is="
|
||||
props.themes === 'dark'
|
||||
? iconChartDarkMap[`${chartInfo.icon}-dark`]
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
<script lang="tsx" setup>
|
||||
import dvUpArrow from '@/assets/svg/dv-up-arrow.svg'</script>
|
||||
import dvUpArrow from '@/assets/svg/dv-up-arrow.svg'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="view-panel-Mask">
|
||||
<Icon class-name="item-icon" name="dv-up-arrow" ><dvUpArrow /></Icon>
|
||||
<Icon class-name="item-icon" name="dv-up-arrow"><dvUpArrow class="svg-icon item-icon" /></Icon>
|
||||
<div>
|
||||
<el-button style="opacity: 1 !important" type="warning" size="mini" round>
|
||||
<span style="font-weight: bold; opacity: 1"> 当前为模板图表，请更换数据集...</span>
|
||||
|
||||
@ -327,16 +327,16 @@ onMounted(() => {
|
||||
>
|
||||
<div class="m-icon">
|
||||
<el-icon v-if="!data.leaf">
|
||||
<Icon name="dv-folder" ><dvFolder /></Icon>
|
||||
<Icon name="dv-folder"><dvFolder class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-icon v-if="data.leaf">
|
||||
<Icon name="icon_dataset" ><icon_dataset /></Icon>
|
||||
<Icon name="icon_dataset"><icon_dataset class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
{{ node.label }}
|
||||
|
||||
<el-icon class="checked-item" v-if="_modelValue === data.id">
|
||||
<Icon name="icon_done_outlined" ><icon_done_outlined /></Icon>
|
||||
<Icon name="icon_done_outlined"><icon_done_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -7,7 +7,6 @@ import icon_down_outlined1 from '@/assets/svg/icon_down_outlined-1.svg'
|
||||
import icon_right_outlined from '@/assets/svg/icon_right_outlined.svg'
|
||||
import icon_done_outlined from '@/assets/svg/icon_done_outlined.svg'
|
||||
import icon_edit_outlined from '@/assets/svg/icon_edit_outlined.svg'
|
||||
import icon_deleteTrash_outlined from '@/assets/svg/icon_delete-trash_outlined.svg'
|
||||
import { useI18n } from '@/hooks/web/useI18n'
|
||||
import { computed, onMounted, ref, toRefs, watch } from 'vue'
|
||||
import { getItemType } from '@/views/chart/components/editor/drag-item/utils'
|
||||
@ -208,17 +207,25 @@ onMounted(() => {
|
||||
>
|
||||
<span v-if="type !== 'extColor'" style="display: flex; color: #646a73">
|
||||
<el-icon v-if="'asc' === item.sort">
|
||||
<Icon name="icon_sort-a-to-z_outlined"><icon_sortAToZ_outlined /></Icon>
|
||||
<Icon name="icon_sort-a-to-z_outlined"
|
||||
><icon_sortAToZ_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-icon v-if="'desc' === item.sort">
|
||||
<Icon name="icon_sort-z-to-a_outlined"><icon_sortZToA_outlined /></Icon>
|
||||
<Icon name="icon_sort-z-to-a_outlined"
|
||||
><icon_sortZToA_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-icon v-if="'custom_sort' === item.sort">
|
||||
<Icon name="icon_sort_outlined"><icon_sort_outlined /></Icon>
|
||||
<Icon name="icon_sort_outlined"><icon_sort_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[[2, 3].includes(item.deType) ? 2 : 0]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[[2, 3].includes(item.deType) ? 2 : 0]}`"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -227,7 +234,11 @@ onMounted(() => {
|
||||
<Icon
|
||||
:className="`field-icon-${fieldType[[2, 3].includes(item.deType) ? 2 : 0]}`"
|
||||
:name="`field_${fieldType[item.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[[2, 3].includes(item.deType) ? 2 : 0]}`"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -247,12 +258,12 @@ onMounted(() => {
|
||||
</template>
|
||||
<el-icon class="child remove-icon">
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" @click="removeItem"
|
||||
><icon_deleteTrash_outlined
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-clas"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-icon class="child" style="position: absolute; top: 7px; right: 10px; cursor: pointer">
|
||||
<Icon name="icon_down_outlined-1"><icon_down_outlined1 /></Icon>
|
||||
<Icon name="icon_down_outlined-1"><icon_down_outlined1 class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tag>
|
||||
<template #dropdown>
|
||||
@ -272,13 +283,13 @@ onMounted(() => {
|
||||
<span class="inner-dropdown-menu menu-item-padding">
|
||||
<span class="menu-item-content">
|
||||
<el-icon>
|
||||
<Icon name="icon_sort_outlined"><icon_sort_outlined /></Icon>
|
||||
<Icon name="icon_sort_outlined"><icon_sort_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span>{{ t('chart.sort') }}</span>
|
||||
<span class="summary-span-item">({{ t('chart.' + props.item.sort) }})</span>
|
||||
</span>
|
||||
<el-icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined /></Icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
@ -295,7 +306,7 @@ onMounted(() => {
|
||||
{{ t('chart.none') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'none' === item.sort"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -308,7 +319,7 @@ onMounted(() => {
|
||||
{{ t('chart.asc') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'asc' === item.sort"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -321,7 +332,7 @@ onMounted(() => {
|
||||
{{ t('chart.desc') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'desc' === item.sort"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -338,7 +349,7 @@ onMounted(() => {
|
||||
{{ t('chart.custom_sort') }}{{ t('chart.sort') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'custom_sort' === item.sort"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -371,7 +382,7 @@ onMounted(() => {
|
||||
<span class="summary-span-item">({{ t('chart.' + item.dateStyle) }})</span>
|
||||
</span>
|
||||
<el-icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined /></Icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
@ -388,7 +399,7 @@ onMounted(() => {
|
||||
{{ t('chart.y') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'y' === item.dateStyle"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -405,7 +416,7 @@ onMounted(() => {
|
||||
{{ t('chart.y_Q') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'y_Q' === item.dateStyle"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -418,7 +429,7 @@ onMounted(() => {
|
||||
{{ t('chart.y_M') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'y_M' === item.dateStyle"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -435,7 +446,7 @@ onMounted(() => {
|
||||
{{ t('chart.y_W') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'y_W' === item.dateStyle"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -448,7 +459,7 @@ onMounted(() => {
|
||||
{{ t('chart.y_M_d') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'y_M_d' === item.dateStyle"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -466,7 +477,7 @@ onMounted(() => {
|
||||
{{ t('chart.H_m_s') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'H_m_s' === item.dateStyle"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -483,7 +494,7 @@ onMounted(() => {
|
||||
{{ t('chart.y_M_d_H_m') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'y_M_d_H_m' === item.dateStyle"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -499,7 +510,7 @@ onMounted(() => {
|
||||
{{ t('chart.y_M_d_H_m_s') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'y_M_d_H_m_s' === item.dateStyle"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -523,7 +534,7 @@ onMounted(() => {
|
||||
<span class="summary-span-item">({{ t('chart.' + item.datePattern) }})</span>
|
||||
</span>
|
||||
<el-icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined /></Icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
@ -543,7 +554,7 @@ onMounted(() => {
|
||||
{{ t('chart.date_sub') }}(1990-01-01)
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'date_sub' === item.datePattern"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -559,7 +570,7 @@ onMounted(() => {
|
||||
{{ t('chart.date_split') }}(1990/01/01)
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'date_split' === item.datePattern"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -578,7 +589,7 @@ onMounted(() => {
|
||||
:command="beforeClickItem('rename')"
|
||||
>
|
||||
<el-icon>
|
||||
<icon name="icon_edit_outlined"><icon_edit_outlined /></icon>
|
||||
<icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></icon>
|
||||
</el-icon>
|
||||
<span>{{ t('chart.show_name_set') }}</span>
|
||||
</el-dropdown-item>
|
||||
@ -593,7 +604,9 @@ onMounted(() => {
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item class="menu-item-padding" divided :command="beforeClickItem('remove')">
|
||||
<el-icon>
|
||||
<icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></icon>
|
||||
<icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></icon>
|
||||
</el-icon>
|
||||
<span>{{ t('chart.delete') }}</span>
|
||||
</el-dropdown-item>
|
||||
|
||||
@ -95,21 +95,25 @@ onMounted(() => {
|
||||
<span style="display: flex">
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[item.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[item.deType]}`"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<span class="item-span-style" :title="item.name">{{ item.name }}</span>
|
||||
<el-icon class="child remove-icon" size="14px">
|
||||
<Icon name="icon_delete-trash_outlined" class-name="inner-class" @click="removeItem"
|
||||
><icon_deleteTrash_outlined
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-icon
|
||||
class="child"
|
||||
style="position: absolute; top: 7px; right: 10px; color: #a6a6a6; cursor: pointer"
|
||||
>
|
||||
<Icon name="icon_down_outlined-1"><icon_down_outlined1 /></Icon>
|
||||
<Icon name="icon_down_outlined-1"><icon_down_outlined1 class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tag>
|
||||
<template #dropdown>
|
||||
|
||||
@ -104,14 +104,18 @@ onMounted(() => {
|
||||
<span style="display: flex">
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[item.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[item.deType]}`"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<span class="item-span-style" :title="item.name">{{ item.name }}</span>
|
||||
<el-icon class="child remove-icon" size="14px">
|
||||
<Icon name="icon_delete-trash_outlined" class-name="inner-class" @click="removeItem"
|
||||
><icon_deleteTrash_outlined
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-icon
|
||||
@ -119,7 +123,7 @@ onMounted(() => {
|
||||
style="position: absolute; top: 7px; right: 10px; color: #a6a6a6; cursor: pointer"
|
||||
>
|
||||
<Icon name="icon_down_outlined-1" class="el-icon-arrow-down el-icon-delete"
|
||||
><icon_down_outlined1
|
||||
><icon_down_outlined1 class="svg-icon el-icon-arrow-down el-icon-delete"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tag>
|
||||
|
||||
@ -10,7 +10,6 @@ import icon_done_outlined from '@/assets/svg/icon_done_outlined.svg'
|
||||
import icon_functions_outlined from '@/assets/svg/icon_functions_outlined.svg'
|
||||
import icon_describe_outlined from '@/assets/svg/icon_describe_outlined.svg'
|
||||
import icon_edit_outlined from '@/assets/svg/icon_edit_outlined.svg'
|
||||
import icon_deleteTrash_outlined from '@/assets/svg/icon_delete-trash_outlined.svg'
|
||||
import { useI18n } from '@/hooks/web/useI18n'
|
||||
import { computed, onMounted, reactive, ref, toRefs, watch } from 'vue'
|
||||
import { formatterItem } from '@/views/chart/components/js/formatter'
|
||||
@ -300,17 +299,25 @@ onMounted(() => {
|
||||
>
|
||||
<span style="display: flex; color: #646a73">
|
||||
<el-icon v-if="'asc' === item.sort">
|
||||
<Icon name="icon_sort-a-to-z_outlined"><icon_sortAToZ_outlined /></Icon>
|
||||
<Icon name="icon_sort-a-to-z_outlined"
|
||||
><icon_sortAToZ_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-icon v-if="'desc' === item.sort">
|
||||
<Icon name="icon_sort-z-to-a_outlined"><icon_sortZToA_outlined /></Icon>
|
||||
<Icon name="icon_sort-z-to-a_outlined"
|
||||
><icon_sortZToA_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-icon v-if="'custom_sort' === item.sort">
|
||||
<Icon name="icon_sort_outlined"><icon_sort_outlined /></Icon>
|
||||
<Icon name="icon_sort_outlined"><icon_sort_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[[2, 3].includes(item.deType) ? 2 : 0]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
||||
><component
|
||||
:class="`field-icon-${fieldType[[2, 3].includes(item.deType) ? 2 : 0]}`"
|
||||
class="svg-icon"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -348,13 +355,13 @@ onMounted(() => {
|
||||
</template>
|
||||
<el-icon class="child remove-icon">
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" @click="removeItem"
|
||||
><icon_deleteTrash_outlined
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
|
||||
<el-icon class="child" style="position: absolute; top: 7px; right: 10px; cursor: pointer">
|
||||
<Icon name="icon_down_outlined-1"><icon_down_outlined1 /></Icon>
|
||||
<Icon name="icon_down_outlined-1"><icon_down_outlined1 class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tag>
|
||||
<template #dropdown>
|
||||
@ -374,12 +381,12 @@ onMounted(() => {
|
||||
<span class="el-dropdown-link inner-dropdown-menu menu-item-padding">
|
||||
<span class="menu-item-content">
|
||||
<el-icon>
|
||||
<Icon name="icon_dashboard_outlined" ><icon_dashboard_outlined /></Icon>
|
||||
<Icon name="icon_dashboard_outlined" ><icon_dashboard_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span>{{ t('chart.chart_type') }}</span>
|
||||
</span>
|
||||
<el-icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined /></Icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
@ -395,7 +402,7 @@ onMounted(() => {
|
||||
>
|
||||
{{ t('chart.chart_bar') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'bar' === item.chartType" ><icon_done_outlined /></Icon>
|
||||
<Icon name="icon_done_outlined" v-if="'bar' === item.chartType" ><icon_done_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-dropdown-item>
|
||||
@ -406,7 +413,7 @@ onMounted(() => {
|
||||
>
|
||||
{{ t('chart.chart_line') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'line' === item.chartType" ><icon_done_outlined /></Icon>
|
||||
<Icon name="icon_done_outlined" v-if="'line' === item.chartType" ><icon_done_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-dropdown-item>
|
||||
@ -428,13 +435,15 @@ onMounted(() => {
|
||||
<span class="el-dropdown-link inner-dropdown-menu menu-item-padding">
|
||||
<span class="menu-item-content">
|
||||
<el-icon>
|
||||
<Icon name="icon_functions_outlined"><icon_functions_outlined /></Icon>
|
||||
<Icon name="icon_functions_outlined"
|
||||
><icon_functions_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<span>{{ t('chart.summary') }}</span>
|
||||
<span class="summary-span-item">({{ t('chart.' + item.summary) }})</span>
|
||||
</span>
|
||||
<el-icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined /></Icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
@ -455,7 +464,7 @@ onMounted(() => {
|
||||
{{ t('chart.sum') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'sum' === item.summary"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -472,7 +481,7 @@ onMounted(() => {
|
||||
{{ t('chart.avg') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'avg' === item.summary"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -489,7 +498,7 @@ onMounted(() => {
|
||||
{{ t('chart.max') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'max' === item.summary"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -506,7 +515,7 @@ onMounted(() => {
|
||||
{{ t('chart.min') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'min' === item.summary"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -523,7 +532,7 @@ onMounted(() => {
|
||||
{{ t('chart.stddev_pop') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'stddev_pop' === item.summary"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -540,7 +549,7 @@ onMounted(() => {
|
||||
{{ t('chart.var_pop') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'var_pop' === item.summary"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -553,7 +562,7 @@ onMounted(() => {
|
||||
{{ t('chart.count') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'count' === item.summary"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -570,7 +579,7 @@ onMounted(() => {
|
||||
{{ t('chart.count_distinct') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'count_distinct' === item.summary"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -595,7 +604,7 @@ onMounted(() => {
|
||||
<span class="el-dropdown-link inner-dropdown-menu menu-item-padding">
|
||||
<span class="menu-item-content">
|
||||
<el-icon>
|
||||
<!-- <Icon name="icon_describe_outlined" ><icon_describe_outlined /></Icon>-->
|
||||
<!-- <Icon name="icon_describe_outlined" ><icon_describe_outlined class="svg-icon" /></Icon>-->
|
||||
</el-icon>
|
||||
<span>{{ t('chart.quick_calc') }}</span>
|
||||
<span class="summary-span-item">
|
||||
@ -605,7 +614,7 @@ onMounted(() => {
|
||||
</span>
|
||||
</span>
|
||||
<el-icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined /></Icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
@ -622,7 +631,7 @@ onMounted(() => {
|
||||
{{ t('chart.none') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'none' === item.compareCalc.type"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -639,7 +648,7 @@ onMounted(() => {
|
||||
{{ t('chart.yoy_label') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'yoy_label' === item.compareCalc.type"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -656,7 +665,7 @@ onMounted(() => {
|
||||
{{ t('chart.percent') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'percent' === item.compareCalc.type"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -686,13 +695,13 @@ onMounted(() => {
|
||||
<span class="el-dropdown-link inner-dropdown-menu menu-item-padding">
|
||||
<span class="menu-item-content">
|
||||
<el-icon>
|
||||
<Icon name="icon_sort_outlined"><icon_sort_outlined /></Icon>
|
||||
<Icon name="icon_sort_outlined"><icon_sort_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span>{{ t('chart.sort') }}</span>
|
||||
<span class="summary-span-item">({{ t('chart.' + item.sort) }})</span>
|
||||
</span>
|
||||
<el-icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined /></Icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
@ -709,7 +718,7 @@ onMounted(() => {
|
||||
{{ t('chart.none') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'none' === item.sort"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -722,7 +731,7 @@ onMounted(() => {
|
||||
{{ t('chart.asc') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'asc' === item.sort"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -735,7 +744,7 @@ onMounted(() => {
|
||||
{{ t('chart.desc') }}
|
||||
<el-icon class="sub-menu-content--icon">
|
||||
<Icon name="icon_done_outlined" v-if="'desc' === item.sort"
|
||||
><icon_done_outlined
|
||||
><icon_done_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -769,13 +778,15 @@ onMounted(() => {
|
||||
|
||||
<el-dropdown-item class="menu-item-padding" :command="beforeClickItem('rename')">
|
||||
<el-icon>
|
||||
<icon name="icon_edit_outlined"><icon_edit_outlined /></icon>
|
||||
<icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></icon>
|
||||
</el-icon>
|
||||
<span>{{ t('chart.show_name_set') }}</span>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item class="menu-item-padding" :command="beforeClickItem('remove')">
|
||||
<el-icon>
|
||||
<icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></icon>
|
||||
<icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></icon>
|
||||
</el-icon>
|
||||
<span>{{ t('chart.delete') }}</span>
|
||||
</el-dropdown-item>
|
||||
|
||||
@ -89,7 +89,7 @@ init()
|
||||
<template #item="{ element }">
|
||||
<span :key="element.value" class="item-dimension" :title="element.value">
|
||||
<el-icon class="item-icon">
|
||||
<Icon name="icon_drag_outlined" ><icon_drag_outlined /></Icon>
|
||||
<Icon name="icon_drag_outlined"><icon_drag_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span class="item-span">
|
||||
{{ element.value }}
|
||||
|
||||
@ -343,7 +343,9 @@ const removeJumpSenior = () => {
|
||||
@click="removeLinkageSenior"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</button>
|
||||
</template>
|
||||
@ -355,7 +357,7 @@ const removeJumpSenior = () => {
|
||||
:disabled="!chart.linkageActive"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_edit_outlined" ><icon_edit_outlined /></Icon>
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</button>
|
||||
</span>
|
||||
@ -384,7 +386,9 @@ const removeJumpSenior = () => {
|
||||
@click="removeJumpSenior"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</button>
|
||||
</template>
|
||||
@ -396,7 +400,7 @@ const removeJumpSenior = () => {
|
||||
:disabled="!chart.jumpActive"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_edit_outlined" ><icon_edit_outlined /></Icon>
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</button>
|
||||
</span>
|
||||
|
||||
@ -166,7 +166,7 @@ onMounted(() => {
|
||||
@click="editLine"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_edit_outlined" ><icon_edit_outlined /></Icon>
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</button>
|
||||
</span>
|
||||
@ -222,7 +222,7 @@ onMounted(() => {
|
||||
<span> {{ t('chart.assist_line_tip') }}</span>
|
||||
</template>
|
||||
<el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
||||
@ -322,7 +322,7 @@ init()
|
||||
>
|
||||
<template #icon>
|
||||
<el-icon size="14px">
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined /></Icon>
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-button>
|
||||
@ -398,7 +398,7 @@ init()
|
||||
>
|
||||
<template #icon>
|
||||
<el-icon size="14px">
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined /></Icon>
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-button>
|
||||
@ -496,7 +496,7 @@ init()
|
||||
>
|
||||
<template #icon>
|
||||
<el-icon size="14px">
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined /></Icon>
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-button>
|
||||
@ -517,7 +517,11 @@ init()
|
||||
<span>
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[fieldItem.field.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[fieldItem.field.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[fieldItem.field.deType]}`"
|
||||
:is="iconFieldMap[fieldType[fieldItem.field.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
|
||||
@ -234,7 +234,11 @@ onMounted(() => {
|
||||
<span style="float: left">
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldType[item.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[item.deType]}`"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
@ -300,7 +304,9 @@ onMounted(() => {
|
||||
class="hover-icon"
|
||||
@click="removeLine(index)"
|
||||
>
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-col>
|
||||
@ -308,7 +314,7 @@ onMounted(() => {
|
||||
</div>
|
||||
<el-button class="circle-button" text style="margin-left: 5px" @click="addLine">
|
||||
<template #icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
|
||||
</template>
|
||||
{{ t('chart.add_assist_line') }}
|
||||
</el-button>
|
||||
|
||||
@ -252,7 +252,9 @@ init()
|
||||
<template>
|
||||
<el-col>
|
||||
<div class="tip">
|
||||
<Icon name="icon_info_filled" class="icon-style"><icon_info_filled /></Icon>
|
||||
<Icon name="icon_info_filled" class="icon-style"
|
||||
><icon_info_filled class="svg-icon icon-style"
|
||||
/></Icon>
|
||||
<span style="padding-left: 10px">{{ t('chart.table_threshold_tip') }}</span>
|
||||
</div>
|
||||
|
||||
@ -293,7 +295,9 @@ init()
|
||||
@click="removeThreshold(fieldIndex)"
|
||||
>
|
||||
<el-icon size="20px" style="color: #646a73">
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-row>
|
||||
@ -426,7 +430,9 @@ init()
|
||||
@click="removeCondition(fieldItem, index)"
|
||||
>
|
||||
<el-icon size="20px" style="color: #646a73">
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</div>
|
||||
@ -441,7 +447,7 @@ init()
|
||||
@click="addConditions(fieldItem)"
|
||||
>
|
||||
<template #icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
|
||||
</template>
|
||||
{{ t('chart.add_style') }}
|
||||
</el-button>
|
||||
@ -456,7 +462,7 @@ init()
|
||||
@click="addThreshold"
|
||||
>
|
||||
<template #icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
|
||||
</template>
|
||||
{{ t('chart.add_condition') }}
|
||||
</el-button>
|
||||
|
||||
@ -92,7 +92,7 @@ init()
|
||||
<el-col>
|
||||
<el-button class="circle-button" circle style="margin-bottom: 10px" @click="addThreshold">
|
||||
<template #icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
|
||||
</template>
|
||||
</el-button>
|
||||
<div @keydown.stop @keyup.stop style="max-height: 50vh; overflow-y: auto">
|
||||
@ -138,7 +138,9 @@ init()
|
||||
@click="removeThreshold(index)"
|
||||
>
|
||||
<template #icon>
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</template>
|
||||
</el-button>
|
||||
</el-col>
|
||||
|
||||
@ -105,7 +105,7 @@ init()
|
||||
<el-col>
|
||||
<el-button class="circle-button" circle style="margin-bottom: 10px" @click="addThreshold">
|
||||
<template #icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"><icon_add_outlined class="svg-icon" /></Icon>
|
||||
</template>
|
||||
</el-button>
|
||||
<div @keydown.stop @keyup.stop style="max-height: 50vh; overflow-y: auto">
|
||||
@ -199,7 +199,9 @@ init()
|
||||
@click="removeThreshold(index)"
|
||||
>
|
||||
<template #icon>
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</template>
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@ -298,7 +298,7 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
|
||||
@click="checkBold('fontWeight')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bold_outlined" ><icon_bold_outlined /></Icon>
|
||||
<Icon name="icon_bold_outlined"><icon_bold_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -316,7 +316,9 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
|
||||
@click="checkItalic('fontStyle')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_italic_outlined" ><icon_italic_outlined /></Icon>
|
||||
<Icon name="icon_italic_outlined"
|
||||
><icon_italic_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -354,7 +356,7 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
|
||||
placement="top"
|
||||
>
|
||||
<el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</el-checkbox>
|
||||
@ -416,7 +418,7 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
|
||||
@click="checkBold('fontWeightBtn')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bold_outlined" ><icon_bold_outlined /></Icon>
|
||||
<Icon name="icon_bold_outlined"><icon_bold_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -434,7 +436,9 @@ if (!chart.value.customStyle.component.hasOwnProperty('labelShow')) {
|
||||
@click="checkItalic('fontStyleBtn')"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_italic_outlined" ><icon_italic_outlined /></Icon>
|
||||
<Icon name="icon_italic_outlined"
|
||||
><icon_italic_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
|
||||
@ -390,7 +390,7 @@ const colorItemBorderColor = (index, state) => {
|
||||
@click="customColorExtendSettingOpened = !customColorExtendSettingOpened"
|
||||
>
|
||||
<el-icon style="font-size: 12px">
|
||||
<Icon name="icon_admin_outlined" ><icon_admin_outlined /></Icon>
|
||||
<Icon name="icon_admin_outlined"><icon_admin_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -198,7 +198,7 @@ onMounted(() => {
|
||||
<template #content><span v-html="t('chart.axis_tip')"></span></template>
|
||||
<span style="vertical-align: middle">
|
||||
<el-icon style="cursor: pointer">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
@ -254,7 +254,7 @@ onMounted(() => {
|
||||
<template #content>期望的坐标轴刻度数量，非最终结果。</template>
|
||||
<span style="vertical-align: middle">
|
||||
<el-icon style="cursor: pointer">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
|
||||
@ -182,7 +182,9 @@ defineExpose({ getFormData })
|
||||
>
|
||||
<template #prefix>
|
||||
<el-icon>
|
||||
<Icon name="icon_letter-spacing_outlined" ><icon_letterSpacing_outlined /></Icon>
|
||||
<Icon name="icon_letter-spacing_outlined"
|
||||
><icon_letterSpacing_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
<el-option
|
||||
@ -212,7 +214,7 @@ defineExpose({ getFormData })
|
||||
:class="{ dark: themes === 'dark', active: state.indicatorNameForm.isBolder }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bold_outlined" ><icon_bold_outlined /></Icon>
|
||||
<Icon name="icon_bold_outlined"><icon_bold_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -235,7 +237,7 @@ defineExpose({ getFormData })
|
||||
:class="{ dark: themes === 'dark', active: state.indicatorNameForm.isItalic }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_italic_outlined" ><icon_italic_outlined /></Icon>
|
||||
<Icon name="icon_italic_outlined"><icon_italic_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
|
||||
@ -192,7 +192,9 @@ defineExpose({ getFormData })
|
||||
>
|
||||
<template #prefix>
|
||||
<el-icon>
|
||||
<Icon name="icon_letter-spacing_outlined" ><icon_letterSpacing_outlined /></Icon>
|
||||
<Icon name="icon_letter-spacing_outlined"
|
||||
><icon_letterSpacing_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
<el-option
|
||||
@ -222,7 +224,7 @@ defineExpose({ getFormData })
|
||||
:class="{ dark: themes === 'dark', active: state.indicatorValueForm.isBolder }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bold_outlined" ><icon_bold_outlined /></Icon>
|
||||
<Icon name="icon_bold_outlined"><icon_bold_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -245,7 +247,7 @@ defineExpose({ getFormData })
|
||||
:class="{ dark: themes === 'dark', active: state.indicatorValueForm.isItalic }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_italic_outlined" ><icon_italic_outlined /></Icon>
|
||||
<Icon name="icon_italic_outlined"><icon_italic_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -274,7 +276,9 @@ defineExpose({ getFormData })
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_left-alignment_outlined" ><icon_leftAlignment_outlined /></Icon>
|
||||
<Icon name="icon_left-alignment_outlined"
|
||||
><icon_leftAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -292,7 +296,9 @@ defineExpose({ getFormData })
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_center-alignment_outlined" ><icon_centerAlignment_outlined /></Icon>
|
||||
<Icon name="icon_center-alignment_outlined"
|
||||
><icon_centerAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -310,7 +316,9 @@ defineExpose({ getFormData })
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_right-alignment_outlined" ><icon_rightAlignment_outlined /></Icon>
|
||||
<Icon name="icon_right-alignment_outlined"
|
||||
><icon_rightAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -339,7 +347,9 @@ defineExpose({ getFormData })
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_top-align_outlined" ><icon_topAlign_outlined /></Icon>
|
||||
<Icon name="icon_top-align_outlined"
|
||||
><icon_topAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -357,7 +367,9 @@ defineExpose({ getFormData })
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_vertical-align_outlined" ><icon_verticalAlign_outlined /></Icon>
|
||||
<Icon name="icon_vertical-align_outlined"
|
||||
><icon_verticalAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -375,7 +387,9 @@ defineExpose({ getFormData })
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bottom-align_outlined" ><icon_bottomAlign_outlined /></Icon>
|
||||
<Icon name="icon_bottom-align_outlined"
|
||||
><icon_bottomAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -481,7 +495,9 @@ defineExpose({ getFormData })
|
||||
>
|
||||
<template #prefix>
|
||||
<el-icon>
|
||||
<Icon name="icon_letter-spacing_outlined" ><icon_letterSpacing_outlined /></Icon>
|
||||
<Icon name="icon_letter-spacing_outlined"
|
||||
><icon_letterSpacing_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
<el-option
|
||||
@ -515,7 +531,7 @@ defineExpose({ getFormData })
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bold_outlined" ><icon_bold_outlined /></Icon>
|
||||
<Icon name="icon_bold_outlined"><icon_bold_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -542,7 +558,9 @@ defineExpose({ getFormData })
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_italic_outlined" ><icon_italic_outlined /></Icon>
|
||||
<Icon name="icon_italic_outlined"
|
||||
><icon_italic_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
|
||||
@ -478,7 +478,7 @@ const conversionPrecision = [
|
||||
<div>可以${fieldName}的形式读取字段值（不支持换行）</div>
|
||||
</template>
|
||||
<el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
@ -550,7 +550,7 @@ const conversionPrecision = [
|
||||
</template>
|
||||
<span style="vertical-align: middle">
|
||||
<el-icon style="cursor: pointer">
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
@ -1010,7 +1010,11 @@ const conversionPrecision = [
|
||||
<template #prefix>
|
||||
<el-icon v-if="curSeriesFormatter[computedIdKey]" style="font-size: 14px">
|
||||
<Icon :className="`field-icon-${fieldType[curSeriesFormatter.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[curSeriesFormatter.deType]]"></component
|
||||
><component
|
||||
:class="`field-icon-${fieldType[curSeriesFormatter.deType]}`"
|
||||
class="svg-icon"
|
||||
:is="iconFieldMap[fieldType[curSeriesFormatter.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
@ -1018,7 +1022,11 @@ const conversionPrecision = [
|
||||
<el-option class="series-select-option" :value="item" :label="item.optionLabel">
|
||||
<el-icon style="margin-right: 8px">
|
||||
<Icon :className="`field-icon-${fieldType[item.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
||||
><component
|
||||
:class="`field-icon-${fieldType[item.deType]}`"
|
||||
class="svg-icon"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
{{ item.optionShowName }}
|
||||
@ -1272,7 +1280,7 @@ const conversionPrecision = [
|
||||
</template>
|
||||
<span style="vertical-align: middle">
|
||||
<el-icon style="cursor: pointer">
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
|
||||
@ -302,7 +302,9 @@ onMounted(() => {
|
||||
:class="{ dark: themes === 'dark', active: state.legendForm.hPosition === 'left' }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_left-align_outlined" ><icon_leftAlign_outlined /></Icon>
|
||||
<Icon name="icon_left-align_outlined"
|
||||
><icon_leftAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -320,7 +322,9 @@ onMounted(() => {
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_horizontal-align_outlined" ><icon_horizontalAlign_outlined /></Icon>
|
||||
<Icon name="icon_horizontal-align_outlined"
|
||||
><icon_horizontalAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -335,7 +339,9 @@ onMounted(() => {
|
||||
:class="{ dark: themes === 'dark', active: state.legendForm.hPosition === 'right' }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_right-align_outlined" ><icon_rightAlign_outlined /></Icon>
|
||||
<Icon name="icon_right-align_outlined"
|
||||
><icon_rightAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -370,7 +376,9 @@ onMounted(() => {
|
||||
:class="{ dark: themes === 'dark', active: state.legendForm.vPosition === 'top' }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_top-align_outlined" ><icon_topAlign_outlined /></Icon>
|
||||
<Icon name="icon_top-align_outlined"
|
||||
><icon_topAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -388,7 +396,9 @@ onMounted(() => {
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_vertical-align_outlined" ><icon_verticalAlign_outlined /></Icon>
|
||||
<Icon name="icon_vertical-align_outlined"
|
||||
><icon_verticalAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -406,7 +416,9 @@ onMounted(() => {
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bottom-align_outlined" ><icon_bottomAlign_outlined /></Icon>
|
||||
<Icon name="icon_bottom-align_outlined"
|
||||
><icon_bottomAlign_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
|
||||
@ -284,7 +284,11 @@ onMounted(() => {
|
||||
>
|
||||
<el-icon style="margin-right: 8px">
|
||||
<Icon :className="`field-icon-${fieldType[item.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[item.deType]}`"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
{{ item.name }}
|
||||
@ -378,7 +382,11 @@ onMounted(() => {
|
||||
>
|
||||
<el-icon style="margin-right: 8px">
|
||||
<Icon :className="`field-icon-${fieldType[item.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
||||
><component
|
||||
:class="`field-icon-${fieldType[item.deType]}`"
|
||||
class="svg-icon"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
{{ item.name }}
|
||||
@ -522,9 +530,13 @@ onMounted(() => {
|
||||
:value="item.id"
|
||||
>
|
||||
<el-icon style="margin-right: 8px">
|
||||
<Icon
|
||||
:className="`field-icon-${fieldType[item.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component></Icon>
|
||||
<Icon :className="`field-icon-${fieldType[item.deType]}`"
|
||||
><component
|
||||
:class="`field-icon-${fieldType[item.deType]}`"
|
||||
class="svg-icon"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
{{ item.name }}
|
||||
</el-option>
|
||||
@ -577,7 +589,7 @@ onMounted(() => {
|
||||
<template #content><span v-html="t('chart.axis_tip')"></span></template>
|
||||
<span style="vertical-align: middle">
|
||||
<el-icon style="cursor: pointer">
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
|
||||
@ -205,7 +205,9 @@ watch(
|
||||
>
|
||||
<template #prefix>
|
||||
<el-icon>
|
||||
<Icon name="icon_letter-spacing_outlined" ><icon_letterSpacing_outlined /></Icon>
|
||||
<Icon name="icon_letter-spacing_outlined"
|
||||
><icon_letterSpacing_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
<el-option
|
||||
@ -235,7 +237,7 @@ watch(
|
||||
:class="{ dark: themes === 'dark', active: state.titleForm.isBolder }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bold_outlined" ><icon_bold_outlined /></Icon>
|
||||
<Icon name="icon_bold_outlined"><icon_bold_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -258,7 +260,7 @@ watch(
|
||||
:class="{ dark: themes === 'dark', active: state.titleForm.isItalic }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_italic_outlined" ><icon_italic_outlined /></Icon>
|
||||
<Icon name="icon_italic_outlined"><icon_italic_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -284,7 +286,9 @@ watch(
|
||||
:class="{ dark: themes === 'dark', active: state.titleForm.hPosition === 'left' }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_left-alignment_outlined" ><icon_leftAlignment_outlined /></Icon>
|
||||
<Icon name="icon_left-alignment_outlined"
|
||||
><icon_leftAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -302,7 +306,9 @@ watch(
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_center-alignment_outlined" ><icon_centerAlignment_outlined /></Icon>
|
||||
<Icon name="icon_center-alignment_outlined"
|
||||
><icon_centerAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -320,7 +326,9 @@ watch(
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_right-alignment_outlined" ><icon_rightAlignment_outlined /></Icon>
|
||||
<Icon name="icon_right-alignment_outlined"
|
||||
><icon_rightAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -356,7 +364,7 @@ watch(
|
||||
</label>
|
||||
<el-button text @click="openEditRemark" :effect="themes">
|
||||
<el-icon size="14px">
|
||||
<Icon name="icon_edit_outlined" ><icon_edit_outlined /></Icon>
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
|
||||
@ -519,7 +519,7 @@ onMounted(() => {
|
||||
<div>可以${fieldName}的形式读取字段值（支持HTML）</div>
|
||||
</template>
|
||||
<el-icon class="hint-icon" :class="{ 'hint-icon--dark': themes === 'dark' }">
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
@ -642,7 +642,11 @@ onMounted(() => {
|
||||
<template #prefix>
|
||||
<el-icon v-if="curSeriesFormatter.seriesId" style="font-size: 14px">
|
||||
<Icon :className="`field-icon-${fieldType[curSeriesFormatter.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[curSeriesFormatter.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[curSeriesFormatter.deType]}`"
|
||||
:is="iconFieldMap[fieldType[curSeriesFormatter.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
@ -657,7 +661,11 @@ onMounted(() => {
|
||||
>
|
||||
<el-icon style="margin-right: 8px">
|
||||
<Icon :className="`field-icon-${fieldType[item.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[item.deType]}`"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
{{ item.name }}
|
||||
|
||||
@ -215,7 +215,7 @@ onMounted(() => {
|
||||
<template #content><span v-html="t('chart.axis_tip')"></span></template>
|
||||
<span style="vertical-align: middle">
|
||||
<el-icon style="cursor: pointer">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
@ -271,7 +271,7 @@ onMounted(() => {
|
||||
<template #content>期望的坐标轴刻度数量，非最终结果。</template>
|
||||
<span style="vertical-align: middle">
|
||||
<el-icon style="cursor: pointer">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
|
||||
@ -183,7 +183,7 @@ onMounted(() => {
|
||||
<template #content><span v-html="t('chart.axis_tip')"></span></template>
|
||||
<span style="vertical-align: middle">
|
||||
<el-icon style="cursor: pointer">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
@ -239,7 +239,7 @@ onMounted(() => {
|
||||
<template #content>期望的坐标轴刻度数量，非最终结果。</template>
|
||||
<span style="vertical-align: middle">
|
||||
<el-icon style="cursor: pointer">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</el-tooltip>
|
||||
|
||||
@ -232,7 +232,7 @@ initFunction()
|
||||
<div>{{ t('dataset.calc_tips.tip2') }}</div>
|
||||
</template>
|
||||
<el-icon size="16px">
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -257,7 +257,7 @@ initFunction()
|
||||
{{ t('dataset.calc_tips.tip5') }}
|
||||
</template>
|
||||
<el-icon size="16px">
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
@ -265,7 +265,9 @@ initFunction()
|
||||
<el-input v-model="searchField" :placeholder="t('dataset.edit_search')" clearable>
|
||||
<template #prefix>
|
||||
<el-icon>
|
||||
<Icon name="icon_search-outline_outlined"><icon_searchOutline_outlined /></Icon>
|
||||
<Icon name="icon_search-outline_outlined"
|
||||
><icon_searchOutline_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
@ -282,20 +284,28 @@ initFunction()
|
||||
@click="insertFieldToCodeMirror('[' + item.name + ']')"
|
||||
>
|
||||
<el-icon v-if="!item.groupType">
|
||||
<Icon name="icon_adjustment_outlined"><icon_adjustment_outlined /></Icon>
|
||||
<Icon name="icon_adjustment_outlined"
|
||||
><icon_adjustment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-icon v-else>
|
||||
<Icon :className="`field-icon-${fieldType[item.deType]}`"
|
||||
><component :is="iconFieldMap[fieldType[item.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[item.deType]}`"
|
||||
:is="iconFieldMap[fieldType[item.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
{{ item.name }}
|
||||
<div v-if="!item.groupType" class="icon-right">
|
||||
<el-icon @click.stop="updateParmasToQuota" class="hover-icon">
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined /></Icon>
|
||||
<Icon name="icon_edit_outlined"><icon_edit_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<el-icon @click.stop="delParmasToQuota" class="hover-icon">
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</span>
|
||||
@ -319,7 +329,7 @@ initFunction()
|
||||
<div v-else>{{ t('dataset.calc_tips.tip7') }}</div>
|
||||
</template>
|
||||
<el-icon size="16px">
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
@ -332,7 +342,9 @@ initFunction()
|
||||
>
|
||||
<template #prefix>
|
||||
<el-icon>
|
||||
<Icon name="icon_search-outline_outlined"><icon_searchOutline_outlined /></Icon>
|
||||
<Icon name="icon_search-outline_outlined"
|
||||
><icon_searchOutline_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
|
||||
@ -184,7 +184,7 @@ onMounted(() => {
|
||||
:class="{ dark: themes === 'dark', active: state.tableCellForm.isBolder }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bold_outlined" ><icon_bold_outlined /></Icon>
|
||||
<Icon name="icon_bold_outlined"><icon_bold_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -207,7 +207,7 @@ onMounted(() => {
|
||||
:class="{ dark: themes === 'dark', active: state.tableCellForm.isItalic }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_italic_outlined" ><icon_italic_outlined /></Icon>
|
||||
<Icon name="icon_italic_outlined"><icon_italic_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -238,7 +238,9 @@ onMounted(() => {
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_left-alignment_outlined" ><icon_leftAlignment_outlined /></Icon>
|
||||
<Icon name="icon_left-alignment_outlined"
|
||||
><icon_leftAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -256,7 +258,9 @@ onMounted(() => {
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_center-alignment_outlined" ><icon_centerAlignment_outlined /></Icon>
|
||||
<Icon name="icon_center-alignment_outlined"
|
||||
><icon_centerAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -274,7 +278,9 @@ onMounted(() => {
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_right-alignment_outlined" ><icon_rightAlignment_outlined /></Icon>
|
||||
<Icon name="icon_right-alignment_outlined"
|
||||
><icon_rightAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
|
||||
@ -155,7 +155,7 @@ onMounted(() => {
|
||||
:class="{ dark: themes === 'dark', active: state.tableHeaderForm.isBolder }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_bold_outlined" ><icon_bold_outlined /></Icon>
|
||||
<Icon name="icon_bold_outlined"><icon_bold_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -178,7 +178,7 @@ onMounted(() => {
|
||||
:class="{ dark: themes === 'dark', active: state.tableHeaderForm.isItalic }"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_italic_outlined" ><icon_italic_outlined /></Icon>
|
||||
<Icon name="icon_italic_outlined"><icon_italic_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -209,7 +209,9 @@ onMounted(() => {
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_left-alignment_outlined" ><icon_leftAlignment_outlined /></Icon>
|
||||
<Icon name="icon_left-alignment_outlined"
|
||||
><icon_leftAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -227,7 +229,9 @@ onMounted(() => {
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_center-alignment_outlined" ><icon_centerAlignment_outlined /></Icon>
|
||||
<Icon name="icon_center-alignment_outlined"
|
||||
><icon_centerAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
@ -245,7 +249,9 @@ onMounted(() => {
|
||||
}"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_right-alignment_outlined" ><icon_rightAlignment_outlined /></Icon>
|
||||
<Icon name="icon_right-alignment_outlined"
|
||||
><icon_rightAlignment_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
|
||||
@ -143,7 +143,9 @@ init()
|
||||
</div>
|
||||
<el-button class="m-del-icon-btn" text @click="removeFilter(index)">
|
||||
<el-icon size="20px">
|
||||
<Icon name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</div>
|
||||
@ -154,7 +156,9 @@ init()
|
||||
@click="addFilter"
|
||||
:style="{ marginTop: item.filter && item.filter.length > 0 ? '10px' : 0 }"
|
||||
>
|
||||
<Icon name="icon_add_outlined" style="width: 14px" ><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"
|
||||
><icon_add_outlined class="svg-icon" style="width: 14px"
|
||||
/></Icon>
|
||||
{{ t('chart.add_addition') }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@ -335,7 +335,9 @@ init()
|
||||
|
||||
<el-button class="m-del-icon-btn" text @click="removeFilter(index)">
|
||||
<el-icon size="20px">
|
||||
<Icon name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</div>
|
||||
@ -346,7 +348,9 @@ init()
|
||||
@click="addFilter"
|
||||
:style="{ marginTop: item.filter && item.filter.length > 0 ? '10px' : 0 }"
|
||||
>
|
||||
<Icon name="icon_add_outlined" style="width: 14px" ><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined"
|
||||
><icon_add_outlined style="width: 14px" class="svg-icon"
|
||||
/></Icon>
|
||||
{{ t('chart.add_addition') }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@ -94,7 +94,7 @@ const del = (index, child) => {
|
||||
<span style="color: rgba(0 0 0 / 65%)" class="mrg-title fir">
|
||||
{{ logic === 'or' ? 'OR' : 'AND' }}
|
||||
<el-icon>
|
||||
<Icon name="icon_down_outlined"><icon_down_outlined /></Icon>
|
||||
<Icon name="icon_down_outlined"><icon_down_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
@ -107,7 +107,9 @@ const del = (index, child) => {
|
||||
</div>
|
||||
<span class="operate-icon" v-if="x">
|
||||
<el-icon @click="emits('removeRelationList')">
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@ -375,7 +375,9 @@ const emits = defineEmits(['update:item', 'del'])
|
||||
>
|
||||
<template #prefix>
|
||||
<el-icon>
|
||||
<Icon name="icon_search-outline_outlined"><icon_searchOutline_outlined /></Icon>
|
||||
<Icon name="icon_search-outline_outlined"
|
||||
><icon_searchOutline_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
@ -390,7 +392,11 @@ const emits = defineEmits(['update:item', 'del'])
|
||||
>
|
||||
<el-icon>
|
||||
<Icon :className="`field-icon-${fieldEnums[ele.deType]}`"
|
||||
><component :is="iconFieldMap[fieldEnums[ele.deType]]"></component
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldEnums[ele.deType]}`"
|
||||
:is="iconFieldMap[fieldEnums[ele.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
<span>{{ ele.name }}</span>
|
||||
@ -575,7 +581,9 @@ const emits = defineEmits(['update:item', 'del'])
|
||||
<label>{{ i }}</label>
|
||||
</el-tooltip>
|
||||
<el-icon @click="delChecks(idx)" style="opacity: 1">
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</li>
|
||||
</ul>
|
||||
@ -586,7 +594,9 @@ const emits = defineEmits(['update:item', 'del'])
|
||||
</div>
|
||||
<div class="footer-right">
|
||||
<el-icon @click="clearAll">
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</div>
|
||||
@ -595,7 +605,9 @@ const emits = defineEmits(['update:item', 'del'])
|
||||
</el-popover>
|
||||
</div>
|
||||
<el-icon v-if="showDel" class="font12" @click="emits('del')">
|
||||
<Icon name="icon_delete-trash_outlined"><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
<el-dialog append-to-body v-model="dialogVisible" title="日期设置" width="500">
|
||||
|
||||
@ -67,7 +67,10 @@ import { XpackComponent } from '@/components/plugin'
|
||||
import { useEmbedded } from '@/store/modules/embedded'
|
||||
import { iconChartMap } from '@/components/icon-group/chart-list'
|
||||
import { iconFieldMap } from '@/components/icon-group/field-list'
|
||||
import { iconFieldCalculatedMap, iconFieldCalculatedQMap } from '@/components/icon-group/field-calculated-list'
|
||||
import {
|
||||
iconFieldCalculatedMap,
|
||||
iconFieldCalculatedQMap
|
||||
} from '@/components/icon-group/field-calculated-list'
|
||||
const embeddedStore = useEmbedded()
|
||||
const snapshotStore = snapshotStoreWithOut()
|
||||
const dvMainStore = dvMainStoreWithOut()
|
||||
@ -1811,10 +1814,12 @@ const deleteChartFieldItem = id => {
|
||||
v-if="state.chartTypeOptions[0]?.isPlugin"
|
||||
:static-content="state.chartTypeOptions[0]?.icon"
|
||||
/>
|
||||
<Icon
|
||||
v-else
|
||||
class-name="chart-type-select-icon"
|
||||
><component :is='iconChartMap[state.chartTypeOptions[0]['icon']]'></component></Icon>
|
||||
<Icon v-else class-name="chart-type-select-icon">
|
||||
<component
|
||||
class="svg-icon chart-type-select-icon"
|
||||
:is="iconChartMap[state.chartTypeOptions[0].icon]"
|
||||
></component>
|
||||
</Icon>
|
||||
</template>
|
||||
<template #default>
|
||||
<el-option
|
||||
@ -1887,7 +1892,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('xAxis')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -1945,7 +1952,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('xAxisExt')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2001,7 +2010,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('flowMapStartName')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2059,7 +2070,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('flowMapEndName')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2117,7 +2130,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('extStack')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2172,7 +2187,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('extColor')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2235,7 +2252,9 @@ const deleteChartFieldItem = id => {
|
||||
class="hint-icon"
|
||||
:class="{ 'hint-icon--dark': themes === 'dark' }"
|
||||
>
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"
|
||||
><icon_info_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
@ -2250,7 +2269,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('yAxis')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2311,7 +2332,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('extBubble')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2367,7 +2390,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('yAxisExt')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2427,7 +2452,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('yAxis')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2500,7 +2527,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('yAxisExt')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2577,7 +2606,9 @@ const deleteChartFieldItem = id => {
|
||||
class="hint-icon"
|
||||
:class="{ 'hint-icon--dark': themes === 'dark' }"
|
||||
>
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"
|
||||
><icon_info_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
@ -2592,7 +2623,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('extBubble')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2649,7 +2682,9 @@ const deleteChartFieldItem = id => {
|
||||
class="hint-icon"
|
||||
:class="{ 'hint-icon--dark': themes === 'dark' }"
|
||||
>
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"
|
||||
><icon_info_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</span>
|
||||
@ -2664,7 +2699,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('drillFields')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2718,7 +2755,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click="removeItems('customFilter')"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
@ -2728,7 +2767,9 @@ const deleteChartFieldItem = id => {
|
||||
@click="openTreeFilter"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon class="svg-background" name="icon-filter"><iconFilter /></Icon>
|
||||
<Icon class="svg-background" name="icon-filter"
|
||||
><iconFilter class="svg-icon svg-background"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
|
||||
<span>{{ $t('chart.filter') }}</span>
|
||||
@ -3008,7 +3049,9 @@ const deleteChartFieldItem = id => {
|
||||
style="margin-left: 8px"
|
||||
@click="editDs"
|
||||
>
|
||||
<Icon name="icon_edit_outlined" class="el-icon-arrow-down el-icon-delete" ><icon_edit_outlined /></Icon>
|
||||
<Icon name="icon_edit_outlined" class="el-icon-arrow-down el-icon-delete"
|
||||
><icon_edit_outlined class="svg-icon el-icon-arrow-down el-icon-delete"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</el-row>
|
||||
@ -3022,10 +3065,9 @@ const deleteChartFieldItem = id => {
|
||||
:class="{ dark: themes === 'dark' }"
|
||||
@click="getFields(view.tableId, view.id, view.type)"
|
||||
>
|
||||
<Icon
|
||||
name="icon_refresh_outlined"
|
||||
class="el-icon-arrow-down el-icon-delete"
|
||||
><icon_refresh_outlined /></Icon>
|
||||
<Icon name="icon_refresh_outlined" class="el-icon-arrow-down el-icon-delete"
|
||||
><icon_refresh_outlined class="svg-icon el-icon-arrow-down el-icon-delete"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-icon
|
||||
@ -3034,7 +3076,9 @@ const deleteChartFieldItem = id => {
|
||||
:class="{ dark: themes === 'dark' }"
|
||||
@click="addCalcField('d')"
|
||||
>
|
||||
<Icon name="icon_add_outlined" class="el-icon-arrow-down el-icon-delete"><icon_add_outlined /></Icon>
|
||||
<Icon name="icon_add_outlined" class="el-icon-arrow-down el-icon-delete"
|
||||
><icon_add_outlined class="svg-icon el-icon-arrow-down el-icon-delete"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</span>
|
||||
</div>
|
||||
@ -3049,7 +3093,9 @@ const deleteChartFieldItem = id => {
|
||||
>
|
||||
<template #prefix>
|
||||
<el-icon class="el-input__icon">
|
||||
<Icon name="icon_search-outline_outlined"><icon_searchOutline_outlined /></Icon>
|
||||
<Icon name="icon_search-outline_outlined"
|
||||
><icon_searchOutline_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
@ -3093,7 +3139,10 @@ const deleteChartFieldItem = id => {
|
||||
:class-name="`field-icon-${
|
||||
fieldType[[2, 3].includes(element.deType) ? 2 : 0]
|
||||
}`"
|
||||
><component :is='getIconName(element.deType, element.extField)'></component></Icon>
|
||||
><component
|
||||
:is="getIconName(element.deType, element.extField)"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
<span
|
||||
class="field-name ellipsis"
|
||||
@ -3108,7 +3157,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click.stop="copyChartFieldItem(element.id)"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_copy_outlined" ><icon_copy_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_copy_outlined"
|
||||
><icon_copy_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-icon
|
||||
v-if="element.id !== '-1' && element.chartId"
|
||||
@ -3117,7 +3168,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click.stop="deleteChartFieldItem(element.id)"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-dropdown
|
||||
v-if="element.id !== '-1' && false"
|
||||
@ -3167,7 +3220,8 @@ const deleteChartFieldItem = id => {
|
||||
:class-name="`field-icon-${
|
||||
fieldType[[2, 3].includes(ele.deType) ? 2 : 0]
|
||||
}`"
|
||||
><component :is='iconFieldMap[fieldType[ele.deType]]'></component></Icon>
|
||||
><component :is="iconFieldMap[fieldType[ele.deType]]"></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
<span class="field-name ellipsis" :class="{ dark: themes === 'dark' }">{{
|
||||
ele.name
|
||||
@ -3241,9 +3295,13 @@ const deleteChartFieldItem = id => {
|
||||
]"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon
|
||||
:class-name="`field-icon-${fieldType[element.deType]}`"
|
||||
><component :is='getIconName(element.deType, element.extField, true)'></component></Icon>
|
||||
<Icon :class-name="`field-icon-${fieldType[element.deType]}`"
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class="`field-icon-${fieldType[element.deType]}`"
|
||||
:is="getIconName(element.deType, element.extField, true)"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
<span
|
||||
class="field-name ellipsis"
|
||||
@ -3258,7 +3316,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click.stop="copyChartFieldItem(element.id)"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_copy_outlined" ><icon_copy_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_copy_outlined"
|
||||
><icon_copy_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-icon
|
||||
v-if="element.id !== '-1' && element.chartId"
|
||||
@ -3267,7 +3327,9 @@ const deleteChartFieldItem = id => {
|
||||
size="14px"
|
||||
@click.stop="deleteChartFieldItem(element.id)"
|
||||
>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined" ><icon_deleteTrash_outlined /></Icon>
|
||||
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
|
||||
><icon_deleteTrash_outlined class="svg-icon inner-class"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
<el-dropdown
|
||||
v-if="element.id !== '-1' && false"
|
||||
@ -3313,7 +3375,13 @@ const deleteChartFieldItem = id => {
|
||||
class="items flex-align-center"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon :class-name="`field-icon-${fieldType[ele.deType]}`"><component :is='iconFieldMap[fieldType[ele.deType]]'></component></Icon>
|
||||
<Icon :class-name="`field-icon-${fieldType[ele.deType]}`"
|
||||
><component
|
||||
class="svg-icon"
|
||||
:class-name="`field-icon-${fieldType[ele.deType]}`"
|
||||
:is="iconFieldMap[fieldType[ele.deType]]"
|
||||
></component
|
||||
></Icon>
|
||||
</el-icon>
|
||||
<span class="field-name ellipsis" :class="{ dark: themes === 'dark' }">{{
|
||||
ele.name
|
||||
|
||||
@ -22,6 +22,7 @@ const { viewIcon, themes } = toRefs(props)
|
||||
<div class="canvas-content error-info">
|
||||
<Icon class-name="item-icon"
|
||||
><component
|
||||
class="svg-icon item-icon"
|
||||
:is="themes === 'dark' ? iconChartDarkMap[`${viewIcon}-dark`] : iconChartMap[viewIcon]"
|
||||
></component
|
||||
></Icon>
|
||||
|
||||
@ -859,22 +859,26 @@ const loadPluginCategory = data => {
|
||||
<div style="white-space: pre-wrap" v-html="state.title_remark.remark"></div>
|
||||
</template>
|
||||
<el-icon :size="iconSize" class="inner-icon">
|
||||
<Icon name="icon_info_outlined" ><icon_info_outlined /></Icon>
|
||||
<Icon name="icon_info_outlined"><icon_info_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip :effect="toolTip" placement="top" content="已设置联动" v-if="hasLinkIcon">
|
||||
<el-icon :size="iconSize" class="inner-icon">
|
||||
<Icon name="icon_link-record_outlined" ><icon_linkRecord_outlined /></Icon>
|
||||
<Icon name="icon_link-record_outlined"
|
||||
><icon_linkRecord_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip :effect="toolTip" placement="top" content="已设置跳转" v-if="hasJumpIcon">
|
||||
<el-icon :size="iconSize" class="inner-icon">
|
||||
<Icon name="icon_viewinchat_outlined" ><icon_viewinchat_outlined /></Icon>
|
||||
<Icon name="icon_viewinchat_outlined"
|
||||
><icon_viewinchat_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip :effect="toolTip" placement="top" content="已设置下钻" v-if="hasDrillIcon">
|
||||
<el-icon :size="iconSize" class="inner-icon">
|
||||
<Icon name="icon_drilling_outlined" ><icon_drilling_outlined /></Icon>
|
||||
<Icon name="icon_drilling_outlined"><icon_drilling_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
||||
@ -40,7 +40,7 @@
|
||||
<template #default="{ data: { name } }">
|
||||
<span class="custom-tree-node">
|
||||
<el-icon>
|
||||
<Icon name="dv-folder"><dvFolder /></Icon>
|
||||
<Icon name="dv-folder"><dvFolder class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span :title="name">{{ name }}</span>
|
||||
</span>
|
||||
@ -70,7 +70,7 @@
|
||||
<template #default="{ data: { name } }">
|
||||
<span class="custom-tree-node">
|
||||
<el-icon>
|
||||
<Icon name="dv-folder"><dvFolder /></Icon>
|
||||
<Icon name="dv-folder"><dvFolder class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span :title="name">{{ name }}</span>
|
||||
</span>
|
||||
@ -100,7 +100,8 @@
|
||||
</el-option>
|
||||
</el-select> </el-col
|
||||
><el-col :span="2" class="icon-center">
|
||||
<Icon style="width: 20px; height: 20px" name="dv-link-target" ><dvLinkTarget /></Icon></el-col
|
||||
<Icon name="dv-link-target"
|
||||
><dvLinkTarget class="svg-icon" style="width: 20px; height: 20px" /></Icon></el-col
|
||||
><el-col :span="11">
|
||||
<dataset-select
|
||||
ref="datasetSelector"
|
||||
|
||||
@ -23,7 +23,7 @@ const handleClick = val => {
|
||||
class="arrow-side-tree arrow-side-tree-left"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_left_outlined" ><icon_left_outlined /></Icon>
|
||||
<Icon name="icon_left_outlined"><icon_left_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
<div
|
||||
@ -32,7 +32,7 @@ const handleClick = val => {
|
||||
class="arrow-side-tree arrow-side-tree-right"
|
||||
>
|
||||
<el-icon>
|
||||
<Icon name="icon_right_outlined" ><icon_right_outlined /></Icon>
|
||||
<Icon name="icon_right_outlined"><icon_right_outlined class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -345,7 +345,7 @@ const emits = defineEmits(['finish'])
|
||||
<template #default="{ data: { name } }">
|
||||
<span class="custom-tree-node">
|
||||
<el-icon>
|
||||
<Icon name="dv-folder"><dvFolder /></Icon>
|
||||
<Icon name="dv-folder"><dvFolder class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span :title="name">{{ name }}</span>
|
||||
</span>
|
||||
@ -356,7 +356,9 @@ const emits = defineEmits(['finish'])
|
||||
<el-input style="margin-bottom: 12px" v-model="filterText" clearable>
|
||||
<template #prefix>
|
||||
<el-icon>
|
||||
<Icon name="icon_search-outline_outlined"><icon_searchOutline_outlined /></Icon>
|
||||
<Icon name="icon_search-outline_outlined"
|
||||
><icon_searchOutline_outlined class="svg-icon"
|
||||
/></Icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
@ -375,7 +377,7 @@ const emits = defineEmits(['finish'])
|
||||
<template #default="{ data }">
|
||||
<span class="custom-tree-node">
|
||||
<el-icon style="font-size: 18px">
|
||||
<Icon name="dv-folder"><dvFolder /></Icon>
|
||||
<Icon name="dv-folder"><dvFolder class="svg-icon" /></Icon>
|
||||
</el-icon>
|
||||
<span :title="data.name">{{ data.name }}</span>
|
||||
</span>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user