From 67aca76bc8d1a3115d9f2dd7406664b0574aba5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E5=87=A4=E5=90=89?= <baifengji@163.com>
Date: Sat, 5 Jul 2025 16:58:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BA=8C=E3=80=81=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E6=9D=83=E9=99=90=E8=AF=B4=E6=98=8E=20=20=20=20=20=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=91=98=E7=94=A8=E6=88=B7=EF=BC=9A=E5=85=B7=E5=A4=87?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E5=86=85=E6=89=80=E6=9C=89=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=92=8C=E6=93=8D=E4=BD=9C=E6=9D=83=E9=99=90=E3=80=82=20=20=20?=
 =?UTF-8?q?=20=20=E6=99=AE=E9=80=9A=E7=94=A8=E6=88=B7=EF=BC=9A=20=20=20=20?=
 =?UTF-8?q?=202.1=E9=85=8D=E6=96=B9=E9=A1=B5=20=20=20=20=20=E5=8F=AA?=
 =?UTF-8?q?=E5=8F=AF=E9=A2=84=E8=A7=88=E9=85=8D=E6=96=B9=E3=80=81=E6=89=A7?=
 =?UTF-8?q?=E8=A1=8C=E9=85=8D=E6=96=B9=EF=BC=8C=E4=B8=8D=E5=8F=AF=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E3=80=81=E5=88=A0=E9=99=A4=E9=85=8D=E6=96=B9=E3=80=82?=
 =?UTF-8?q?=20=20=20=20=202.2=E6=B5=8B=E8=AF=95=E9=A1=B5=20=20=20=20=20?=
 =?UTF-8?q?=E6=97=A0=E6=9D=83=E9=99=90=E5=B9=B6=E9=9A=90=E8=97=8F=E3=80=82?=
 =?UTF-8?q?=20=20=20=20=202.3=E5=AE=A1=E8=AE=A1=E9=A1=B5=20=20=20=20=20?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E8=AE=B0=E5=BD=95=E9=80=89=E9=A1=B9=EF=BC=8C?=
 =?UTF-8?q?=E5=8F=AF=E6=9F=A5=E7=9C=8B=E6=B6=88=E6=AF=92=E8=AE=B0=E5=BD=95?=
 =?UTF-8?q?=E3=80=81=E5=AF=BC=E5=87=BA=E3=80=81=E6=89=93=E5=8D=B0=E3=80=81?=
 =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E8=AF=A6=E6=83=85=E3=80=82=20=20=20=20=20?=
 =?UTF-8?q?=E6=B6=88=E6=AF=92=E8=AE=B0=E5=BD=95=E9=80=89=E9=A1=B9=EF=BC=8C?=
 =?UTF-8?q?=E6=97=A0=E6=9D=83=E9=99=90=E5=B9=B6=E9=9A=90=E8=97=8F=E3=80=82?=
 =?UTF-8?q?=20=20=20=20=202.4=E8=AE=BE=E7=BD=AE=E9=A1=B5=20=20=20=20=20?=
 =?UTF-8?q?=E6=B6=88=E6=AF=92=E9=BB=98=E8=AE=A4=E9=85=8D=E7=BD=AE=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9=EF=BC=9A=E4=BB=85=E6=9F=A5=E7=9C=8B=E3=80=82=20=20=20?=
 =?UTF-8?q?=20=20=E7=94=A8=E6=88=B7=E7=AE=A1=E7=90=86=E9=80=89=E9=A1=B9?=
 =?UTF-8?q?=EF=BC=9A=E4=BB=85=E5=85=81=E8=AE=B8=E6=9F=A5=E7=9C=8B=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E4=BF=AE=E6=94=B9=E6=9C=AC=E4=BA=BA=E5=AF=86=E7=A0=81?=
 =?UTF-8?q?=E3=80=82=20=20=20=20=20=E6=97=A5=E6=9C=9F=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9=EF=BC=9A=E6=97=A0=E6=9D=83=E9=99=90=E5=B9=B6?=
 =?UTF-8?q?=E9=9A=90=E8=97=8F=E3=80=82=20=20=20=20=20=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E9=80=89=E9=A1=B9=EF=BC=9A=E4=BB=85=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/formula/FormulaConfig.vue |  18 ++-
 src/components/formula/FormulaTable.vue  |   4 +-
 src/components/setting/User.vue          |   6 +-
 src/layouts/default.vue                  |   6 +-
 src/router/index.ts                      |   5 +-
 src/router/routes.ts                     | 257 ++++++++++++++-----------------
 src/stores/settingStore.ts               |   2 +-
 src/views/audit/index.vue                |   8 +-
 src/views/formula/index.vue              |   6 +-
 src/views/setting/index.vue              |   8 +-
 10 files changed, 162 insertions(+), 158 deletions(-)

diff --git a/src/components/formula/FormulaConfig.vue b/src/components/formula/FormulaConfig.vue
index c7037a1..eb02c4f 100644
--- a/src/components/formula/FormulaConfig.vue
+++ b/src/components/formula/FormulaConfig.vue
@@ -22,6 +22,7 @@ import { useFormulaStore } from '@/stores/formulaStore'
 const props = defineProps<{
   type: string
   formulaNameVisible: boolean
+  editable?: boolean
 }>()
 const homeStore = useHomeStore()
 
@@ -415,6 +416,19 @@ const addFormula = async () => {
 defineExpose({
   addFormula,
 })
+const isDisabled = computed(() => {
+  console.log('112223344', props.editable)
+  // 如果editable显式传了false，则禁用
+  if (props.editable === false) {
+    return true
+  }
+  // 如果editable显式传了true，则始终可编辑
+  if (props.editable === true) {
+    return false
+  }
+  // 如果没传editable，沿用旧逻辑
+  return props.type === 'home'
+})
 </script>
 
 <template>
@@ -422,7 +436,7 @@ defineExpose({
     <div v-if="isFlip" class="formula-form">
       <el-form
         ref="formRef"
-        :disabled="type === 'home'"
+        :disabled="isDisabled"
         :model="formData"
         label-width="auto"
         label-position="right"
@@ -440,7 +454,7 @@ defineExpose({
             name="name"
             prop="name"
             placeholder="配方名称"
-            :disabled="type === 'home'"
+            :disabled="isDisabled"
             @focus="openKeyboard"
           />
         </el-form-item>
diff --git a/src/components/formula/FormulaTable.vue b/src/components/formula/FormulaTable.vue
index 015633c..aafcae7 100644
--- a/src/components/formula/FormulaTable.vue
+++ b/src/components/formula/FormulaTable.vue
@@ -17,6 +17,8 @@ const selectedIndexRest = async () => {
   formulaStore.updateSelectedIndex(null)
   console.log('子组件方法被调用')
 }
+const userData = localStorage.getItem('user')
+const userInfo = userData ? JSON.parse(userData) : {}
 
 // 暴露方法给父组件
 defineExpose({
@@ -122,7 +124,7 @@ const deleteRecipe = (item: Formula.FormulaItem) => {
           <el-button class="view-button" @click.stop="onStartFormula(item)">
             执行配方
           </el-button>
-          <el-button class="delete-button" @click.stop="deleteRecipe(item)">
+          <el-button v-if="userInfo.roleType === 'admin'" class="delete-button" @click.stop="deleteRecipe(item)">
             删除
           </el-button>
         </div>
diff --git a/src/components/setting/User.vue b/src/components/setting/User.vue
index cf02c39..7216dc1 100644
--- a/src/components/setting/User.vue
+++ b/src/components/setting/User.vue
@@ -78,7 +78,7 @@ const handleSelectionChange = (users: User.UserItem[]) => {
 
 <template>
   <div class="user">
-    <div class="add-user">
+    <div v-if="userInfo.roleType === 'admin'" class="add-user">
       <bt-button type="primary" button-text="新增用户" @click="onAddUser" />
     </div>
     <div class="user-table">
@@ -94,10 +94,10 @@ const handleSelectionChange = (users: User.UserItem[]) => {
         <el-table-column prop="detail" label="操作" width="250">
           <template #default="scoped">
             <div class="user-opera">
-              <el-button class="view-button" @click.stop="updatePwd(scoped.row)">
+              <el-button v-if="scoped.row.id === userInfo.id || userInfo.roleType === 'admin'" class="view-button" @click.stop="updatePwd(scoped.row)">
                 修改密码
               </el-button>
-              <el-button class="delete-button" @click.stop="onDelUser(scoped.row)">
+              <el-button v-if="userInfo.roleType === 'admin'" class="delete-button" @click.stop="onDelUser(scoped.row)">
                 删 除
               </el-button>
             </div>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index cbb532b..8c6a7cb 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -4,7 +4,6 @@ import WifiUnconnSvg from 'assets/images/wifi-unconn.svg'
 import ErrorEventsModal from 'components/system/ErrorEventsModal.vue'
 import NetReconnection from 'components/system/NetReconnection.vue'
 import { formatDateTime, openFullscreen } from 'libs/utils'
-import { authRoutes } from 'router/routes'
 import { useDeviceStore } from 'stores/deviceStore'
 import { computed, onMounted, onUnmounted, ref, watch, watchEffect } from 'vue'
 import { useI18n } from 'vue-i18n'
@@ -12,11 +11,14 @@ import { useRouter } from 'vue-router'
 
 import { getDeviceStatus } from '@/libs/deviceComm'
 import { FtMessageBox } from '@/libs/messageBox'
+import { generateRoutes } from '@/router/routes'
 import { useHomeStore } from '@/stores/homeStore'
 import { useLiquidStore } from '@/stores/liquidStore'
 import { useSealStore } from '@/stores/sealStore'
 import { useSystemStore } from '@/stores/systemStore'
 
+const routes = generateRoutes()
+const childrenRoutes = routes.find(r => r.path === '/')?.children || []
 const { locale } = useI18n()
 const router = useRouter()
 const liquidStore = useLiquidStore()
@@ -181,7 +183,7 @@ const deviceType = computed(() => {
         <div class="header-menu">
           <div class="aside">
             <el-tag
-              v-for="item in authRoutes.filter(item => item.meta!.isDefault)"
+              v-for="item in childrenRoutes.filter(item => item.meta!.isDefault)"
               :key="item.path"
               class="menu-tag"
               :class="{ 'aside-item-active': router.currentRoute.value.path.includes(item.path) }"
diff --git a/src/router/index.ts b/src/router/index.ts
index 259d3f5..3b1cec6 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -4,13 +4,13 @@ import { createRouter, createWebHashHistory } from 'vue-router'
 
 import { getToken } from '@/libs/token'
 
-import routes from './routes'
+import { generateRoutes } from './routes'
 
 const wsClient = createWebSocket()
 
 const router = createRouter({
   history: createWebHashHistory(),
-  routes,
+  routes: generateRoutes(),
 })
 
 router.beforeEach((to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) => {
@@ -18,7 +18,6 @@ router.beforeEach((to: RouteLocationNormalized, from: RouteLocationNormalized, n
     next()
   }
   else {
-    // 未登录
     if (to.name === 'login') {
       next()
     }
diff --git a/src/router/routes.ts b/src/router/routes.ts
index dcf2a0b..edd7074 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -1,3 +1,4 @@
+// router/routes.ts
 import n_audit from 'assets/images/menuIcon/n-audit.svg'
 import n_debug from 'assets/images/menuIcon/n-debug.svg'
 import n_disinfect from 'assets/images/menuIcon/n-disinfect.svg'
@@ -14,156 +15,134 @@ import s_seal from 'assets/images/menuIcon/s-seal.svg'
 import s_setting from 'assets/images/menuIcon/s-setting.svg'
 import { useDeviceStore } from 'stores/deviceStore'
 import pinia from 'stores/index'
-import type { Ref } from 'vue'
-import { ref, watchEffect } from 'vue'
 import type { RouteRecordRaw } from 'vue-router'
 
-const authRoutes: Ref<RouteRecordRaw[]> = ref<RouteRecordRaw[]>([
-  {
-    path: '/home',
-    name: 'home',
-    component: () => import('views/home/index.vue'),
-    meta: {
-      isDefault: true,
-      title: '消毒',
-      icon: n_disinfect,
-      activeIcon: s_disinfect,
-    },
-    children: [
-      {
-        path: 'config',
-        name: 'config',
-        component: () => import('components/home/config.vue'),
+export function generateRoutes(): RouteRecordRaw[] {
+  const deviceStore = useDeviceStore(pinia)
+  const userData = localStorage.getItem('user')
+  const userInfo = userData ? JSON.parse(userData) : {}
+  const userRole = userInfo.roleType || ''
+  const deviceType = __DEVICE_TYPE__
+
+  const allRoutes: RouteRecordRaw[] = [
+    {
+      path: '/home',
+      name: 'home',
+      component: () => import('views/home/index.vue'),
+      meta: {
+        isDefault: true,
+        title: '消毒',
+        icon: n_disinfect,
+        activeIcon: s_disinfect,
       },
-      {
-        path: 'chart',
-        name: 'chart',
-        component: () => import('views/home/chart.vue'),
+      children: [
+        {
+          path: 'config',
+          name: 'config',
+          component: () => import('components/home/config.vue'),
+        },
+        {
+          path: 'chart',
+          name: 'chart',
+          component: () => import('views/home/chart.vue'),
+        },
+      ],
+    },
+    {
+      path: '/liquid',
+      name: 'liquid',
+      component: () => import('views/liquid/index.vue'),
+      meta: {
+        isDefault: true,
+        title: '消毒液',
+        icon: n_liquid,
+        activeIcon: s_liquid,
+        keepAlive: true,
       },
-    ],
-  },
-  {
-    path: '/liquid',
-    name: 'liquid',
-    component: () => import('views/liquid/index.vue'),
-    meta: {
-      isDefault: true,
-      title: '消毒液',
-      icon: n_liquid,
-      activeIcon: s_liquid,
-      keepAlive: true,
     },
-  },
-  {
-    path: '/seal',
-    name: 'seal',
-    component: () => import('views/seal/index.vue'),
-    meta: {
-      isDefault: true,
-      title: '密封测试',
-      icon: n_seal,
-      activeIcon: s_seal,
+    {
+      path: '/seal',
+      name: 'seal',
+      component: () => import('views/seal/index.vue'),
+      meta: {
+        isDefault: true,
+        title: '密封测试',
+        icon: n_seal,
+        activeIcon: s_seal,
+      },
     },
-  },
-  {
-    path: '/formula',
-    name: 'formula',
-    component: () => import('views/formula/index.vue'),
-    meta: {
-      isDefault: true,
-      title: '配方',
-      icon: n_formula,
-      activeIcon: s_formula,
+    {
+      path: '/formula',
+      name: 'formula',
+      component: () => import('views/formula/index.vue'),
+      meta: {
+        isDefault: true,
+        title: '配方',
+        icon: n_formula,
+        activeIcon: s_formula,
+      },
     },
-  },
-  {
-    path: '/debug',
-    name: 'debug',
-    component: () => import('views/debug/index.vue'),
-    meta: {
-      isDefault: true,
-      title: '测试',
-      icon: n_debug,
-      activeIcon: s_debug,
+    {
+      path: '/debug',
+      name: 'debug',
+      component: () => import('views/debug/index.vue'),
+      meta: {
+        isDefault: true,
+        title: '测试',
+        icon: n_debug,
+        activeIcon: s_debug,
+      },
     },
-  },
-  {
-    path: '/audit',
-    name: 'audit',
-    component: () => import('views/audit/index.vue'),
-    meta: {
-      isDefault: true,
-      title: '审计',
-      icon: n_audit,
-      activeIcon: s_audit,
+    {
+      path: '/audit',
+      name: 'audit',
+      component: () => import('views/audit/index.vue'),
+      meta: {
+        isDefault: true,
+        title: '审计',
+        icon: n_audit,
+        activeIcon: s_audit,
+      },
     },
-  },
-  {
-    path: '/setting',
-    name: 'setting',
-    component: () => import('views/setting/index.vue'),
-    meta: {
-      isDefault: true,
-      title: '设置',
-      icon: n_setting,
-      activeIcon: s_setting,
+    {
+      path: '/setting',
+      name: 'setting',
+      component: () => import('views/setting/index.vue'),
+      meta: {
+        isDefault: true,
+        title: '设置',
+        icon: n_setting,
+        activeIcon: s_setting,
+      },
     },
-  },
-])
+  ]
 
-watchEffect(() => {
-  const deviceStore = useDeviceStore(pinia)
-  setTimeout(() => {
-    if (__DEVICE_TYPE__ === deviceStore.deviceTypeMap.LargeSpaceDM_B) {
-      // 大空间标准版
-      authRoutes.value = authRoutes.value.filter((item) => {
-        return item.name !== 'seal' && item.name !== 'liquid'
-      })
-    }
-    else if (__DEVICE_TYPE__ === deviceStore.deviceTypeMap.LargeSpaceDM) {
-      // 大空间
-      authRoutes.value = authRoutes.value.filter((item) => {
-        return item.name !== 'seal'
-      })
-    }
-    else if (__DEVICE_TYPE__ === deviceStore.deviceTypeMap.SmallSpaceDM) {
-      // 小空间
-      authRoutes.value = authRoutes.value.filter((item) => {
-        return item.name !== 'seal'
-      })
+  const filteredRoutes = allRoutes.filter((item) => {
+    if (
+      (deviceType === deviceStore.deviceTypeMap.LargeSpaceDM_B && (item.name === 'seal' || item.name === 'liquid'))
+      || (deviceType === deviceStore.deviceTypeMap.LargeSpaceDM && item.name === 'seal')
+      || (deviceType === deviceStore.deviceTypeMap.SmallSpaceDM && item.name === 'seal')
+      || (deviceType === deviceStore.deviceTypeMap.DrawBarDM && item.name === 'liquid')
+    ) {
+      return false
     }
-    else if (__DEVICE_TYPE__ === deviceStore.deviceTypeMap.DrawBarDM) {
-      // 拉杆箱
-      authRoutes.value = authRoutes.value.filter((item) => {
-        return item.name !== 'liquid'
-      })
+    if (item.name === 'debug' && userRole !== 'admin') {
+      return false
     }
-    // if (!deviceStore.deviceState.loginUser.roleType.includes('admin')) { // 测试菜单
-    //   authRoutes.value = authRoutes.value.filter((item) => {
-    //     return item.name !== 'debug'
-    //   })
-    // }
-    /*    else { // 管道式
-      authRoutes.value = authRoutes.value.filter((item) => {
-        return item.name !== 'liquid'
-      })
-    } */
-  }, 2000)
-})
+    return true
+  })
 
-const routes: RouteRecordRaw[] = [
-  {
-    path: '/login',
-    name: 'login',
-    component: () => import('../views/login/index.vue'),
-  },
-  {
-    path: '/',
-    component: () => import('../layouts/default.vue'),
-    redirect: '/home',
-    children: authRoutes.value,
-  },
-]
-
-export { authRoutes }
-export default routes
+  return [
+    {
+      path: '/',
+      component: () => import('../layouts/default.vue'),
+      redirect: '/home',
+      children: filteredRoutes,
+    },
+    {
+      path: '/login',
+      name: 'login',
+      component: () => import('../views/login/index.vue'),
+    },
+  ]
+}
diff --git a/src/stores/settingStore.ts b/src/stores/settingStore.ts
index 4c3051e..d912149 100644
--- a/src/stores/settingStore.ts
+++ b/src/stores/settingStore.ts
@@ -14,7 +14,7 @@ export const useSettingStore = defineStore('setting', () => {
   }, {
     name: '用户管理',
     code: 'user',
-    roleType: 'admin',
+    roleType: 'admin,maintainer',
   }, {
     name: '日期设置',
     code: 'date',
diff --git a/src/views/audit/index.vue b/src/views/audit/index.vue
index 117949c..b3b96d5 100644
--- a/src/views/audit/index.vue
+++ b/src/views/audit/index.vue
@@ -7,7 +7,7 @@ import { ref } from 'vue'
 const auditStore = useAuditStore()
 const currentUserRoleType = JSON.parse(localStorage.getItem('user') || '{}')?.roleType
 const auditMenus = auditStore.auditMenus.filter((item): boolean => item.roleType.includes(currentUserRoleType))
-const selectedMenuCode = ref('history')
+const selectedMenuCode = ref('operationRecord')
 // 选择菜单项的方法
 const selectItem = (menuCode: string) => {
   selectedMenuCode.value = menuCode
@@ -33,9 +33,9 @@ const selectItem = (menuCode: string) => {
         </div>
       </div>
       <div class="setting-right">
-        <History v-if="selectedMenuCode === 'history'" />
-        <div v-if="selectedMenuCode === 'operationRecord'">
-          <OperationRecord />
+        <OperationRecord v-if="selectedMenuCode === 'operationRecord'" />
+        <div v-if="selectedMenuCode === 'history'">
+          <History />
         </div>
       </div>
     </main>
diff --git a/src/views/formula/index.vue b/src/views/formula/index.vue
index b467638..1dbdd53 100644
--- a/src/views/formula/index.vue
+++ b/src/views/formula/index.vue
@@ -14,13 +14,15 @@ const tableRef = ref()
 const selectedIndexRest = () => {
   tableRef.value?.selectedIndexRest() // 调用子组件方法
 }
+const userData = localStorage.getItem('user')
+const userInfo = userData ? JSON.parse(userData) : {}
 </script>
 
 <template>
   <div class="dashboard-container">
     <main class="main-content">
       <div class="formula-left">
-        <div class="formula-add">
+        <div v-if="userInfo.roleType === 'admin'" class="formula-add">
           <bt-button
             type="primary"
             button-text="新增配方"
@@ -40,7 +42,7 @@ const selectedIndexRest = () => {
         </div>
       </div>
       <div class="formula-right">
-        <FormulaConfig ref="formRef" type="formula" :formula-name-visible="true" />
+        <FormulaConfig ref="formRef" type="formula" :formula-name-visible="true" :editable="userInfo.roleType === 'admin'" />
       </div>
     </main>
   </div>
diff --git a/src/views/setting/index.vue b/src/views/setting/index.vue
index 8380ed9..e50a744 100644
--- a/src/views/setting/index.vue
+++ b/src/views/setting/index.vue
@@ -11,6 +11,8 @@ const settingStore = useSettingStore()
 const currentUserRoleType = JSON.parse(localStorage.getItem('user') || '{}')?.roleType
 const settingMenus = settingStore.settingMenus.filter((item): boolean => item.roleType.includes(currentUserRoleType))
 const selectedMenuCode = ref('defaultFormula')
+const userData = localStorage.getItem('user')
+const userInfo = userData ? JSON.parse(userData) : {}
 // 选择菜单项的方法
 const selectItem = (menuCode: string) => {
   selectedMenuCode.value = menuCode
@@ -37,7 +39,11 @@ const selectItem = (menuCode: string) => {
       </div>
       <div class="setting-right">
         <div v-if="selectedMenuCode === 'defaultFormula'">
-          <FormulaConfig type="setting" :formula-name-visible="false" />
+          <FormulaConfig
+            :type="userInfo.roleType === 'admin' ? 'setting' : 'home'"
+            :formula-name-visible="false"
+            :editable="userInfo.roleType === 'admin'"
+          />
         </div>
         <template v-if="selectedMenuCode === 'user'">
           <User />