skycurtain/ndm-web-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(settings-drawer): render condition of layout setting

Browse Source
This commit is contained in:
yangsy
2025-11-10 10:58:54 +08:00
parent 5d7519773a
commit f42bac77d9
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/global/settings-drawer.vue
View File

@@ -1,6 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { NButton, NDivider, NDrawer, NDrawerContent, NFlex, NFormItem, NInput, NInputNumber, NModal, NRadio, NRadioGroup, NText } from 'naive-ui'; import { NButton, NDivider, NDrawer, NDrawerContent, NFlex, NFormItem, NInput, NInputNumber, NModal, NRadio, NRadioGroup, NText } from 'naive-ui';
import ThemeSwitch from './theme-switch.vue';
import { useLayoutStore } from '@/stores/layout'; import { useLayoutStore } from '@/stores/layout';
import { storeToRefs } from 'pinia'; import { storeToRefs } from 'pinia';
import { onMounted, ref, watch } from 'vue'; import { onMounted, ref, watch } from 'vue';
@@ -12,6 +11,11 @@ import { STATION_LIST_QUERY_KEY } from '@/constants';
import { useDebugModeStore } from '@/stores/debug-mode'; import { useDebugModeStore } from '@/stores/debug-mode';
import { getAppEnvConfig } from '@/utils/env'; import { getAppEnvConfig } from '@/utils/env';
import { useEventListener } from '@vueuse/core'; import { useEventListener } from '@vueuse/core';
import { useRoute } from 'vue-router';
import ThemeSwitch from './theme-switch.vue';
const route = useRoute();
const show = defineModel<boolean>('show'); const show = defineModel<boolean>('show');
@@ -69,10 +73,12 @@ useEventListener('keydown', (event) => {
<NFormItem label="深色模式" label-placement="left"> <NFormItem label="深色模式" label-placement="left">
<ThemeSwitch /> <ThemeSwitch />
</NFormItem> </NFormItem>
<NDivider>布局</NDivider> <template v-if="route.path === '/dashboard'">
<NFormItem label="车站列数" label-placement="left"> <NDivider>布局</NDivider>
<NInputNumber v-model:value="stationLayoutGridCols" :min="1" :max="10" /> <NFormItem label="车站列数" label-placement="left">
</NFormItem> <NInputNumber v-model:value="stationLayoutGridCols" :min="1" :max="10" />
</NFormItem>
</template>
<template v-if="debugEnabled"> <template v-if="debugEnabled">
<NDivider>调试</NDivider> <NDivider>调试</NDivider>
<NFormItem label="车站Ping模式" label-placement="left"> <NFormItem label="车站Ping模式" label-placement="left">