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

src/components/global/settings-drawer.vue

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