Fix: 优化代码结构

src/components/Modules/PaperRollWeightLengthCalculate.vue

@@ -10,7 +10,7 @@
         md="6"
       >
         <v-card
-          class="pa-6 parameter-card"
+          class="pa-6 parameters-card"
           elevation="8"
           rounded="xl"
         >

src/layouts/CalculatorLayout.vue

@@ -10,9 +10,7 @@
     >
       <v-app-bar-nav-icon @click="drawer = !drawer" />
       <v-app-bar-title class="text-h6">
-        <template v-if="menuItems.length > 0 && menuItems[selectedIndex]">
+        {{ menuItems[selectedIndex].title }}
-          {{ menuItems[selectedIndex].title || $t('appTitle') }}
-        </template>
       </v-app-bar-title>
 
       <v-spacer />
@@ -141,6 +139,18 @@
         </v-fade-transition>
       </router-view>
     </v-main>
+
+    <!-- 页脚 -->
+    <v-footer app class="pa-4 bg-grey-lighten-5">
+      <div class="d-flex justify-space-between align-center w-100">
+        <div class="text-caption text-disabled">
+          &copy; {{ new Date().getFullYear() }} {{ appInfo.author }} - {{ $t('allRightsReserved') }}
+        </div>
+        <div class="text-caption text-disabled">
+          v{{ appInfo.version }}
+        </div>
+      </div>
+    </v-footer>
   </v-app>
 
 </template>
@@ -149,20 +159,11 @@
   import { computed, onMounted, onUnmounted, ref } from 'vue'
   import { useI18n } from 'vue-i18n'
   import { navigationConfig } from '@/config/navigation'
-  import { useNavigationStore } from '@/stores/navigation'
 
   const { t, locale } = useI18n()
 
-  const navigationStore = useNavigationStore()
+  const drawer = ref(true)
-
+  const selectedIndex = ref(0)
-  const drawer = computed({
-    get: () => navigationStore.drawer,
-    set: (value: boolean) => {
-      navigationStore.setDrawerOpen(value)
-    },
-  })
-  const selectedIndex = computed(() => navigationStore.selectedIndex)
-
   const windowWidth = ref(typeof window === 'undefined' ? 1200 : window.innerWidth)
 
   const showAboutDialog = ref(false)
@@ -258,7 +259,8 @@
     locale.value = locale.value === 'zh' ? 'en' : 'zh'
   }
 
-  function handleSelect (_index: number) {
+  function handleSelect (index: number) {
+    selectedIndex.value = index
     drawer.value = false // 选择后自动关闭抽屉
   }
 

src/locale/en.json

@@ -69,6 +69,5 @@
   "appDescription": "Paper tube production auxiliary production tool provides calculation of various parameters such as weight, size, angle, etc.",
   "allRightsReserved": "All Rights Reserved",
   "close": "Close",
-  "officialWebsite": "Official website",
+  "officialWebsite": "Official website"
-  "loading": "Loading"
 }

src/locale/zh.json

@@ -69,6 +69,5 @@
   "appDescription": "纸管制作辅助生产工具，提供纸管重量、尺寸、角度等多种参数的计算。",
   "allRightsReserved": "版权所有",
   "close": "关闭",
-  "officialWebsite": "官方网站",
+  "officialWebsite": "官方网站"
-  "loading": "加载中"
 }

src/pages/index.vue

@@ -1,48 +1,15 @@
 <template>
-  <v-container class="d-flex justify-center align-center" style="min-height: 50vh;">
+  <div>Redirecting...</div>
-    <div class="text-center">
-      <v-progress-circular
-        color="primary"
-        indeterminate
-        size="64"
-        width="6"
-      />
-      <div class="text-h6 mt-4 text-primary">
-        {{ $t('loading') }}...
-      </div>
-    </div>
-  </v-container>
 </template>
 
 <script lang="ts" setup>
   import { onMounted } from 'vue'
-  import { useRoute, useRouter } from 'vue-router'
+  import { useRouter } from 'vue-router'
 
   const router = useRouter()
-  const route = useRoute()
 
-  onMounted(async () => {
+  onMounted(() => {
-    // 等待路由完全准备好
+    // Redirect to the calculators page
-    await router.isReady()
+    router.push('/calculators/paper-tube-weight')
-
-    // 检查是否是直接访问首页
-    const isDirectAccess = route.path === '/' && !document.referrer.includes(window.location.origin)
-
-    let targetPath = '/calculators/paper-tube-weight' // 默认路径
-
-    if (!isDirectAccess) {
-      // 如果不是直接访问，尝试恢复上次的路径
-      const lastRoute = sessionStorage.getItem('lastRoute')
-      const savedPath = localStorage.getItem('lastPath')
-      targetPath = lastRoute || savedPath || targetPath
-    }
-
-    // 使用 replace 避免在历史记录中留下首页
-    router.replace(targetPath)
   })
 </script>
-
-<route lang="yaml">
-meta:
-  layout: CalculatorLayout
-</route>

src/router/index.ts

@@ -33,28 +33,4 @@ router.isReady().then(() => {
   localStorage.removeItem('vuetify:dynamic-reload')
 })
 
-router.beforeEach((to, from, next) => {
-  // 如果访问根路径且不是直接输入地址访问
-  if (to.path === '/' && from.path !== '/') {
-    // 检查是否有保存的路径
-    const lastRoute = sessionStorage.getItem('lastRoute')
-    const savedPath = localStorage.getItem('lastPath')
-
-    if (lastRoute || savedPath) {
-      // 重定向到上次访问的页面
-      next(lastRoute || savedPath || '/calculators/paper-tube-weight')
-      return
-    }
-  }
-
-  // 保存当前路由（非首页）
-  if (to.path !== '/') {
-    sessionStorage.setItem('lastRoute', to.fullPath)
-    localStorage.setItem('lastPath', to.fullPath)
-  }
-
-  next()
-
-})
-
 export default router

src/stores/navigation.ts

@@ -1,31 +0,0 @@
-import { defineStore } from 'pinia'
-import { computed, ref } from 'vue'
-import { useRoute } from 'vue-router'
-import { navigationConfig } from '@/config/navigation'
-
-export const useNavigationStore = defineStore('navigation', () => {
-  // Status
-  const route = useRoute()
-  const drawer = ref(false)
-
-  // 当前选中的菜单项
-  const selectedIndex = computed(() => {
-    return navigationConfig.findIndex(item => item.to === route.path)
-  })
-
-  // Actions
-  function toggleDrawer () {
-    drawer.value = !drawer.value
-  }
-
-  function setDrawerOpen (open: boolean) {
-    drawer.value = open
-  }
-
-  return {
-    selectedIndex,
-    drawer,
-    toggleDrawer,
-    setDrawerOpen,
-  }
-})