新增查看页面
This commit is contained in:
@@ -2,9 +2,6 @@ import { defineComponent, computed, unref } from 'vue';
|
|||||||
import { BasicDrawer } from '@jeesite/core/components/Drawer';
|
import { BasicDrawer } from '@jeesite/core/components/Drawer';
|
||||||
import { Divider } from 'ant-design-vue';
|
import { Divider } from 'ant-design-vue';
|
||||||
import { TypePicker, ThemeColorPicker, SettingFooter, SwitchItem, SelectItem, InputNumberItem } from './components';
|
import { TypePicker, ThemeColorPicker, SettingFooter, SwitchItem, SelectItem, InputNumberItem } from './components';
|
||||||
|
|
||||||
import { AppDarkModeToggle } from '@jeesite/core/components/Application';
|
|
||||||
|
|
||||||
import { MenuModeEnum, MenuTypeEnum, TriggerEnum } from '@jeesite/core/enums/menuEnum';
|
import { MenuModeEnum, MenuTypeEnum, TriggerEnum } from '@jeesite/core/enums/menuEnum';
|
||||||
|
|
||||||
import { useRootSetting } from '@jeesite/core/hooks/setting/useRootSetting';
|
import { useRootSetting } from '@jeesite/core/hooks/setting/useRootSetting';
|
||||||
@@ -40,7 +37,6 @@ export default defineComponent({
|
|||||||
getColorWeak,
|
getColorWeak,
|
||||||
getGrayMode,
|
getGrayMode,
|
||||||
getLockTime,
|
getLockTime,
|
||||||
getShowDarkModeToggle,
|
|
||||||
getThemeColor,
|
getThemeColor,
|
||||||
} = useRootSetting();
|
} = useRootSetting();
|
||||||
|
|
||||||
@@ -270,9 +266,7 @@ export default defineComponent({
|
|||||||
def={unref(getShowBreadCrumbIcon)}
|
def={unref(getShowBreadCrumbIcon)}
|
||||||
disabled={!unref(getShowHeader)}
|
disabled={!unref(getShowHeader)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<SwitchItem title={t('layout.setting.grayMode')} event={HandlerEnum.GRAY_MODE} def={unref(getGrayMode)} />
|
<SwitchItem title={t('layout.setting.grayMode')} event={HandlerEnum.GRAY_MODE} def={unref(getGrayMode)} />
|
||||||
|
|
||||||
<SwitchItem title={t('layout.setting.colorWeak')} event={HandlerEnum.COLOR_WEAK} def={unref(getColorWeak)} />
|
<SwitchItem title={t('layout.setting.colorWeak')} event={HandlerEnum.COLOR_WEAK} def={unref(getColorWeak)} />
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
@@ -282,12 +276,10 @@ export default defineComponent({
|
|||||||
<BasicDrawer
|
<BasicDrawer
|
||||||
{...attrs}
|
{...attrs}
|
||||||
title={t('layout.setting.drawerTitle')}
|
title={t('layout.setting.drawerTitle')}
|
||||||
width={330}
|
width={420}
|
||||||
mask={true}
|
mask={true}
|
||||||
maskStyle={{ animation: 'none', opacity: 0 }}
|
maskStyle={{ animation: 'none', opacity: 0 }}
|
||||||
>
|
>
|
||||||
{/* {unref(getShowDarkModeToggle) && <Divider>{() => t('layout.setting.darkMode')}</Divider>} */}
|
|
||||||
{unref(getShowDarkModeToggle) && <AppDarkModeToggle class="mx-auto" />}
|
|
||||||
<Divider>{() => t('layout.setting.navMode')}</Divider>
|
<Divider>{() => t('layout.setting.navMode')}</Divider>
|
||||||
{renderSidebar()}
|
{renderSidebar()}
|
||||||
<Divider>{() => t('layout.setting.headerTheme')}</Divider>
|
<Divider>{() => t('layout.setting.headerTheme')}</Divider>
|
||||||
@@ -300,8 +292,6 @@ export default defineComponent({
|
|||||||
{renderFeatures()}
|
{renderFeatures()}
|
||||||
<Divider>{() => t('layout.setting.interfaceDisplay')}</Divider>
|
<Divider>{() => t('layout.setting.interfaceDisplay')}</Divider>
|
||||||
{renderContent()}
|
{renderContent()}
|
||||||
<Divider />
|
|
||||||
<SettingFooter />
|
|
||||||
</BasicDrawer>
|
</BasicDrawer>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<div :class="prefixCls">
|
<div :class="prefixCls">
|
||||||
<a-button type="primary" block @click="handleCopy">
|
<!-- <a-button type="primary" block @click="handleCopy">
|
||||||
<CopyOutlined class="mr-2" />
|
<CopyOutlined class="mr-2" />
|
||||||
{{ t('layout.setting.copyBtn') }}
|
{{ t('layout.setting.copyBtn') }}
|
||||||
</a-button>
|
</a-button>
|
||||||
|
|
||||||
<!-- <a-button color="warning" block @click="handleResetSetting" class="mt-3">
|
<a-button color="warning" block @click="handleResetSetting" class="mt-3">
|
||||||
<RedoOutlined class="mr-2" />
|
<RedoOutlined class="mr-2" />
|
||||||
{{ t('common.resetText') }}
|
{{ t('common.resetText') }}
|
||||||
</a-button> -->
|
</a-button> -->
|
||||||
@@ -22,9 +22,6 @@
|
|||||||
import { CopyOutlined, RedoOutlined } from '@ant-design/icons-vue';
|
import { CopyOutlined, RedoOutlined } from '@ant-design/icons-vue';
|
||||||
|
|
||||||
import { useAppStore } from '@jeesite/core/store/modules/app';
|
import { useAppStore } from '@jeesite/core/store/modules/app';
|
||||||
// import { usePermissionStore } from '@jeesite/core/store/modules/permission';
|
|
||||||
// import { useMultipleTabStore } from '@jeesite/core/store/modules/multipleTab';
|
|
||||||
// import { useUserStore } from '@jeesite/core/store/modules/user';
|
|
||||||
|
|
||||||
import { useDesign } from '@jeesite/core/hooks/web/useDesign';
|
import { useDesign } from '@jeesite/core/hooks/web/useDesign';
|
||||||
import { useI18n } from '@jeesite/core/hooks/web/useI18n';
|
import { useI18n } from '@jeesite/core/hooks/web/useI18n';
|
||||||
|
|||||||
Reference in New Issue
Block a user