提交
This commit is contained in:
parent
48d0a2301f
commit
f1f65c2d47
51
src/assets/icons/event_simulation.svg
Normal file
51
src/assets/icons/event_simulation.svg
Normal file
|
@ -0,0 +1,51 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve"> <image id="image0" width="36" height="36" x="0" y="0"
|
||||||
|
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAIGNIUk0AAHomAACAhAAA+gAAAIDo
|
||||||
|
AAB1MAAA6mAAADqYAAAXcJy6UTwAAAJqUExURQzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
|
||||||
|
ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
|
||||||
|
ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
|
||||||
|
ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
|
||||||
|
ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
|
||||||
|
ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
|
||||||
|
ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
|
||||||
|
ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
|
||||||
|
ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
|
||||||
|
ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
|
||||||
|
ygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzsygzs
|
||||||
|
ygzsygzsygzsygzsygzsyv///7R4D+kAAADMdFJOUwAHFEWHuNfl6t3Ck1QaCjiY5Prx5uDu+KpK
|
||||||
|
EDGbmWREHwsJPV+My/yxRwEEaevAbBEeO0glXLKBEo/pejV1ptL9/vLZr38CYyCgyjwFfuHsnim9
|
||||||
|
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
|
||||||
|
RK5CYII=" />
|
||||||
|
</svg>
|
After Width: | Height: | Size: 3.9 KiB |
|
@ -106,8 +106,8 @@ function goHome() {
|
||||||
|
|
||||||
.jeecg-layout-header-logo {
|
.jeecg-layout-header-logo {
|
||||||
height: 74px !important;
|
height: 74px !important;
|
||||||
min-width: 192px;
|
width: 342px !important;
|
||||||
padding: 0 10px;
|
padding: 0 0 0 8px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,13 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<a-input
|
<a-input :class="prefixCls" :value="currentSelect" readOnly :disabled="disabled"
|
||||||
:class="prefixCls"
|
:placeholder="t('component.icon.placeholder')" :style="{ width }" @click="currentSelectClick">
|
||||||
:value="currentSelect"
|
|
||||||
readOnly
|
|
||||||
:disabled="disabled"
|
|
||||||
:placeholder="t('component.icon.placeholder')"
|
|
||||||
:style="{ width }"
|
|
||||||
@click="currentSelectClick"
|
|
||||||
>
|
|
||||||
<template #addonAfter>
|
<template #addonAfter>
|
||||||
<span class="cursor-pointer px-2 py-1 flex items-center" v-if="isSvgMode && currentSelect">
|
<span class="cursor-pointer px-2 py-1 flex items-center" v-if="isSvgMode && currentSelect">
|
||||||
<SvgIcon :name="currentSelect" @click="currentSelectClick" />
|
<SvgIcon :name="currentSelect" @click="currentSelectClick" />
|
||||||
|
@ -15,53 +8,61 @@
|
||||||
<Icon v-else :icon="currentSelect || 'ion:apps-outline'" :class="['px-2 py-1', {
|
<Icon v-else :icon="currentSelect || 'ion:apps-outline'" :class="['px-2 py-1', {
|
||||||
'cursor-pointer': !disabled,
|
'cursor-pointer': !disabled,
|
||||||
'cursor-not-allowed': disabled,
|
'cursor-not-allowed': disabled,
|
||||||
}]"
|
}]" @click="currentSelectClick" />
|
||||||
@click="currentSelectClick"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
</a-input>
|
</a-input>
|
||||||
<a-modal :bodyStyle="{ padding: '24px', paddingTop: mode === 'svg' ? '48px' : '24px'}" v-bind="$attrs" v-model:open="iconOpen" :keyboard="false" :width="800" @ok="handleOk" :ok-text="t('common.okText')" :cancel-text="t('common.cancelText')">
|
<a-modal :bodyStyle="{ padding: '24px', paddingTop: mode === 'svg' ? '48px' : '24px' }" v-bind="$attrs"
|
||||||
|
v-model:open="iconOpen" :keyboard="false" :width="800" @ok="handleOk" :ok-text="t('common.okText')"
|
||||||
|
:cancel-text="t('common.cancelText')">
|
||||||
<template v-if="mode === 'iconify'">
|
<template v-if="mode === 'iconify'">
|
||||||
<a-tabs style="padding-left: 15px;padding-right: 15px">
|
<a-tabs style="padding-left: 15px;padding-right: 15px">
|
||||||
<a-tab-pane tab="方向性图标" key="1">
|
<a-tab-pane tab="方向性图标" key="1">
|
||||||
<a-form-item-rest>
|
<a-form-item-rest>
|
||||||
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="directionIcons" v-model:value="selectIcon" />
|
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
|
||||||
|
:current-list="directionIcons" v-model:value="selectIcon" />
|
||||||
</a-form-item-rest>
|
</a-form-item-rest>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane tab="指示性图标" key="2">
|
<a-tab-pane tab="指示性图标" key="2">
|
||||||
<a-form-item-rest>
|
<a-form-item-rest>
|
||||||
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="suggestionIcons" v-model:value="selectIcon" />
|
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
|
||||||
|
:current-list="suggestionIcons" v-model:value="selectIcon" />
|
||||||
</a-form-item-rest>
|
</a-form-item-rest>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane tab="编辑类图标" key="3">
|
<a-tab-pane tab="编辑类图标" key="3">
|
||||||
<a-form-item-rest>
|
<a-form-item-rest>
|
||||||
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="editIcons" v-model:value="selectIcon" />
|
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
|
||||||
|
:current-list="editIcons" v-model:value="selectIcon" />
|
||||||
</a-form-item-rest>
|
</a-form-item-rest>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane tab="数据类图标" key="4">
|
<a-tab-pane tab="数据类图标" key="4">
|
||||||
<a-form-item-rest>
|
<a-form-item-rest>
|
||||||
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="dataIcons" v-model:value="selectIcon" />
|
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
|
||||||
|
:current-list="dataIcons" v-model:value="selectIcon" />
|
||||||
</a-form-item-rest>
|
</a-form-item-rest>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane tab="网站通用图标" key="5">
|
<a-tab-pane tab="网站通用图标" key="5">
|
||||||
<a-form-item-rest>
|
<a-form-item-rest>
|
||||||
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="webIcons" v-model:value="selectIcon" />
|
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
|
||||||
|
:current-list="webIcons" v-model:value="selectIcon" />
|
||||||
</a-form-item-rest>
|
</a-form-item-rest>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane tab="品牌和标识" key="6">
|
<a-tab-pane tab="品牌和标识" key="6">
|
||||||
<a-form-item-rest>
|
<a-form-item-rest>
|
||||||
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode" :current-list="logoIcons" v-model:value="selectIcon" />
|
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-svg-mode="isSvgMode"
|
||||||
|
:current-list="logoIcons" v-model:value="selectIcon" />
|
||||||
</a-form-item-rest>
|
</a-form-item-rest>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane tab="其他" key="7">
|
<a-tab-pane tab="其他" key="7">
|
||||||
<a-form-item-rest>
|
<a-form-item-rest>
|
||||||
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-page="true" :is-search="true" :is-svg-mode="isSvgMode" :current-list="otherIcons" v-model:value="selectIcon" />
|
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-page="true" :is-search="true"
|
||||||
|
:is-svg-mode="isSvgMode" :current-list="otherIcons" v-model:value="selectIcon" />
|
||||||
</a-form-item-rest>
|
</a-form-item-rest>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
</a-tabs>
|
</a-tabs>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-page="true" :is-search="true" :is-svg-mode="isSvgMode" :current-list="otherIcons" v-model:value="selectIcon" />
|
<icon-list ref="iconListRef" :clear-select="clearSelect" :copy="copy" :is-page="true" :is-search="true"
|
||||||
|
:is-svg-mode="isSvgMode" :current-list="otherIcons" v-model:value="selectIcon" />
|
||||||
</template>
|
</template>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
</template>
|
</template>
|
||||||
|
@ -108,7 +109,7 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
const emit = defineEmits(['change', 'update:value']);
|
const emit = defineEmits(['change', 'update:value']);
|
||||||
|
console.log('props.mode', props.mode)
|
||||||
const isSvgMode = props.mode === 'svg';
|
const isSvgMode = props.mode === 'svg';
|
||||||
const icons = isSvgMode ? getSvgIcons() : getIcons();
|
const icons = isSvgMode ? getSvgIcons() : getIcons();
|
||||||
|
|
||||||
|
@ -192,6 +193,8 @@
|
||||||
* 图标弹窗确定事件
|
* 图标弹窗确定事件
|
||||||
*/
|
*/
|
||||||
function handleOk() {
|
function handleOk() {
|
||||||
|
let selectedIcon = selectIcon.value
|
||||||
|
if (isSvgMode) { selectedIcon += '|svg'; }
|
||||||
currentSelect.value = selectIcon.value;
|
currentSelect.value = selectIcon.value;
|
||||||
iconOpen.value = false;
|
iconOpen.value = false;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,13 +1,14 @@
|
||||||
<template>
|
<template>
|
||||||
<div :class="`${prefixCls}- flex items-center `">
|
<div :class="`${prefixCls}- flex items-center `">
|
||||||
<Icon v-if="getIcon" :icon="getIcon" :size="36" :class="`${prefixCls}-wrapper__icon`" />
|
<Icon v-if="getIcon" :icon="getIcon" :size="36" :class="`${prefixCls}-wrapper__icon`" />
|
||||||
{{ getI18nName }}
|
<!-- <SvgIcon v-if="getIcon" :name="getIcon" :size="36" :class="`${prefixCls}-wrapper__icon`" /> -->
|
||||||
|
<div class="items-title">{{ getI18nName }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { computed, defineComponent } from 'vue';
|
import { computed, defineComponent } from 'vue';
|
||||||
|
// import SvgIcon from '/@/components/Icon/src/SvgIcon.vue';
|
||||||
import Icon from '/@/components/Icon/index';
|
import Icon from '/@/components/Icon/index';
|
||||||
import { useI18n } from '/@/hooks/web/useI18n';
|
import { useI18n } from '/@/hooks/web/useI18n';
|
||||||
import { useDesign } from '/@/hooks/web/useDesign';
|
import { useDesign } from '/@/hooks/web/useDesign';
|
||||||
|
@ -18,6 +19,7 @@ export default defineComponent({
|
||||||
name: 'MenuItemContent',
|
name: 'MenuItemContent',
|
||||||
components: {
|
components: {
|
||||||
Icon,
|
Icon,
|
||||||
|
// SvgIcon
|
||||||
},
|
},
|
||||||
props: contentProps,
|
props: contentProps,
|
||||||
setup(props) {
|
setup(props) {
|
||||||
|
@ -33,3 +35,15 @@ export default defineComponent({
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
<style lang="less">
|
||||||
|
.items-center {
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
height: 74px;
|
||||||
|
}
|
||||||
|
.items-title {
|
||||||
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -32,7 +32,7 @@
|
||||||
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
|
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
|
||||||
.ant-menu-submenu-active,
|
.ant-menu-submenu-active,
|
||||||
.ant-menu-submenu-title:hover {
|
.ant-menu-submenu-title:hover {
|
||||||
color: #fff;
|
color: #00e9fe;
|
||||||
background-color: @top-menu-active-bg-color !important;
|
background-color: @top-menu-active-bg-color !important;
|
||||||
border: solid 1px rgba(5, 255, 184, 0.46);
|
border: solid 1px rgba(5, 255, 184, 0.46);
|
||||||
}
|
}
|
||||||
|
@ -51,7 +51,7 @@
|
||||||
|
|
||||||
&.ant-menu-item-selected,
|
&.ant-menu-item-selected,
|
||||||
&.ant-menu-submenu-selected {
|
&.ant-menu-submenu-selected {
|
||||||
color: #fff;
|
color: #00e9fe;
|
||||||
background-color: @top-menu-active-bg-color !important;
|
background-color: @top-menu-active-bg-color !important;
|
||||||
border: solid 1px rgba(5, 255, 184, 0.46);
|
border: solid 1px rgba(5, 255, 184, 0.46);
|
||||||
}
|
}
|
||||||
|
@ -59,11 +59,20 @@
|
||||||
|
|
||||||
.ant-menu-item,
|
.ant-menu-item,
|
||||||
.ant-menu-submenu {
|
.ant-menu-submenu {
|
||||||
|
font-family: MicrosoftYaHei;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: normal;
|
||||||
|
font-stretch: normal;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
color: #0cecca;
|
||||||
|
height: 74px;
|
||||||
|
padding-inline: 30px ;
|
||||||
|
|
||||||
|
|
||||||
&.@{basic-menu-prefix-cls}-item__level1,
|
&.@{basic-menu-prefix-cls}-item__level1,
|
||||||
.ant-menu-submenu-title {
|
.ant-menu-submenu-title {
|
||||||
height: 74px; //@header-height;
|
height: @header-height;
|
||||||
line-height: 74px; //@header-height;
|
line-height: @header-height;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -51,13 +51,13 @@ export default defineComponent({
|
||||||
position: relative;
|
position: relative;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
margin-top: -56px;
|
// margin-top: -56px;
|
||||||
padding-top: 103px;
|
// padding-top: 103px;
|
||||||
margin-left: -1px;
|
margin-left: -1px;
|
||||||
|
|
||||||
background-image: url(../../../assets/images/main-bg.jpg);
|
// background-image: url(../../../assets/images/main-bg.jpg);
|
||||||
background-size: 100% 100%;
|
// background-size: 100% 100%;
|
||||||
background-repeat: no-repeat;
|
// background-repeat: no-repeat;
|
||||||
|
|
||||||
&.fixed {
|
&.fixed {
|
||||||
width: 1200px;
|
width: 1200px;
|
||||||
|
|
|
@ -262,7 +262,8 @@ export default defineComponent({
|
||||||
|
|
||||||
.anticon,
|
.anticon,
|
||||||
.truncate {
|
.truncate {
|
||||||
color: rgba(255, 255, 255, 1);
|
// color: rgba(255, 255, 255, 1);
|
||||||
|
color: #0cecca;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -77,16 +77,22 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
background-color: @content-bg;
|
background-color: transparent; // @content-bg;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
background-image: url(./../../assets/images/main-bg.jpg);
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
|
||||||
>.ant-layout {
|
>.ant-layout {
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
|
background: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-main {
|
&-main {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: 1px;
|
margin-left: 1px;
|
||||||
|
background: transparent !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -20,7 +20,7 @@ const setting: ProjectConfig = {
|
||||||
showDarkModeToggle: true,
|
showDarkModeToggle: true,
|
||||||
settingButtonPosition: SettingButtonPositionEnum.AUTO,
|
settingButtonPosition: SettingButtonPositionEnum.AUTO,
|
||||||
permissionMode: PermissionModeEnum.BACK,
|
permissionMode: PermissionModeEnum.BACK,
|
||||||
permissionCacheType: CacheTypeEnum.LOCAL,
|
permissionCacheType: 1,
|
||||||
sessionTimeoutProcessing: SessionTimeoutProcessingEnum.ROUTE_JUMP,
|
sessionTimeoutProcessing: SessionTimeoutProcessingEnum.ROUTE_JUMP,
|
||||||
themeColor: primaryColor,
|
themeColor: primaryColor,
|
||||||
themeMode: darkMode,
|
themeMode: darkMode,
|
||||||
|
@ -34,7 +34,7 @@ const setting: ProjectConfig = {
|
||||||
bgColor: HEADER_PRESET_BG_COLOR_LIST[4],
|
bgColor: HEADER_PRESET_BG_COLOR_LIST[4],
|
||||||
fixed: true,
|
fixed: true,
|
||||||
show: true,
|
show: true,
|
||||||
theme: ThemeEnum.LIGHT,
|
theme: ThemeEnum.DARK,
|
||||||
useLockPage: false,
|
useLockPage: false,
|
||||||
showFullScreen: false,
|
showFullScreen: false,
|
||||||
showDoc: false,
|
showDoc: false,
|
||||||
|
@ -49,18 +49,18 @@ const setting: ProjectConfig = {
|
||||||
canDrag: false,
|
canDrag: false,
|
||||||
show: true,
|
show: true,
|
||||||
hidden: false,
|
hidden: false,
|
||||||
menuWidth: 210,
|
menuWidth: 290,
|
||||||
mode: MenuModeEnum.HORIZONTAL,
|
mode: MenuModeEnum.INLINE,
|
||||||
type: MenuTypeEnum.TOP_MENU,
|
type: MenuTypeEnum.MIX,
|
||||||
theme: ThemeEnum.LIGHT,
|
theme: ThemeEnum.DARK,
|
||||||
isThemeBright: false,
|
isThemeBright: true,
|
||||||
topMenuAlign: "center",
|
topMenuAlign: "center",
|
||||||
trigger: TriggerEnum.NONE,
|
trigger: TriggerEnum.NONE,
|
||||||
accordion: true,
|
accordion: true,
|
||||||
closeMixSidebarOnChange: false,
|
closeMixSidebarOnChange: false,
|
||||||
mixSideTrigger: MixSidebarTriggerEnum.CLICK,
|
mixSideTrigger: MixSidebarTriggerEnum.CLICK,
|
||||||
mixSideFixed: false,
|
mixSideFixed: false,
|
||||||
split: false
|
split: true
|
||||||
},
|
},
|
||||||
multiTabsSetting: {
|
multiTabsSetting: {
|
||||||
cache: false,
|
cache: false,
|
||||||
|
@ -69,7 +69,7 @@ const setting: ProjectConfig = {
|
||||||
showQuick: true,
|
showQuick: true,
|
||||||
showRedo: true,
|
showRedo: true,
|
||||||
showFold: true,
|
showFold: true,
|
||||||
theme: TabsThemeEnum.CARD,
|
theme: TabsThemeEnum.SMOOTH
|
||||||
},
|
},
|
||||||
transitionSetting: {
|
transitionSetting: {
|
||||||
enable: true,
|
enable: true,
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<IndexChart v-if="indexStyle === 0"></IndexChart>
|
<!-- <IndexChart v-if="indexStyle === 0"></IndexChart>
|
||||||
<IndexDef v-if="indexStyle === 1"></IndexDef>
|
<IndexDef v-if="indexStyle === 1"></IndexDef>
|
||||||
<IndexBdc v-if="indexStyle == 2"></IndexBdc>
|
<IndexBdc v-if="indexStyle == 2"></IndexBdc>
|
||||||
<IndexTask v-if="indexStyle == 3"></IndexTask>
|
<IndexTask v-if="indexStyle == 3"></IndexTask>
|
||||||
|
@ -11,7 +11,7 @@
|
||||||
<a-radio :value="2">业务统计</a-radio>
|
<a-radio :value="2">业务统计</a-radio>
|
||||||
<a-radio :value="3">我的任务</a-radio>
|
<a-radio :value="3">我的任务</a-radio>
|
||||||
</a-radio-group>
|
</a-radio-group>
|
||||||
</div>
|
</div> -->
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref } from 'vue';
|
import { ref } from 'vue';
|
||||||
|
|
|
@ -255,6 +255,9 @@ export const formSchema: FormSchema[] = [
|
||||||
label: '菜单图标',
|
label: '菜单图标',
|
||||||
component: 'IconPicker',
|
component: 'IconPicker',
|
||||||
ifShow: ({ values }) => !isButton(values.menuType),
|
ifShow: ({ values }) => !isButton(values.menuType),
|
||||||
|
// componentProps: {
|
||||||
|
// mode: 'svg',
|
||||||
|
// }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
field: 'sortNo',
|
field: 'sortNo',
|
||||||
|
|
Loading…
Reference in New Issue
Block a user