菜单配置

src/store/modules/permission.js

@@ -8,120 +8,120 @@ import InnerLink from '@/layout/components/InnerLink'
 // 匹配views里面所有的.vue文件
 const modules = import.meta.glob('./../../views/**/*.vue')
 
-const usePermissionStore = defineStore(
+const usePermissionStore = defineStore('permission', {
-  'permission',
-  {
     state: () => ({
-      routes: [],
+        routes: [],
-      addRoutes: [],
+        addRoutes: [],
-      defaultRoutes: [],
+        defaultRoutes: [],
-      topbarRouters: [],
+        topbarRouters: [],
-      sidebarRouters: []
+        sidebarRouters: [],
     }),
     actions: {
-      setRoutes(routes) {
+        setRoutes(routes) {
-        this.addRoutes = routes
+            this.addRoutes = routes
-        this.routes = constantRoutes.concat(routes)
+            this.routes = constantRoutes.concat(routes)
-      },
+        },
-      setDefaultRoutes(routes) {
+        setDefaultRoutes(routes) {
-        this.defaultRoutes = constantRoutes.concat(routes)
+            this.defaultRoutes = constantRoutes.concat(routes)
-      },
+        },
-      setTopbarRoutes(routes) {
+        setTopbarRoutes(routes) {
-        this.topbarRouters = routes
+            this.topbarRouters = routes
-      },
+        },
-      setSidebarRouters(routes) {
+        setSidebarRouters(routes) {
-        this.sidebarRouters = routes
+            this.sidebarRouters = routes
-      },
+        },
-      generateRoutes(roles) {
+        generateRoutes(roles) {
-        return new Promise(resolve => {
+            return new Promise((resolve) => {
-          // 向后端请求路由数据
+                // 向后端请求路由数据
-          getRouters().then(res => {
+                getRouters().then((res) => {
-            const sdata = JSON.parse(JSON.stringify(res.data))
+                    const sdata = JSON.parse(JSON.stringify(res.data))
-            const rdata = JSON.parse(JSON.stringify(res.data))
+                    const rdata = JSON.parse(JSON.stringify(res.data))
-            const defaultData = JSON.parse(JSON.stringify(res.data))
+                    const defaultData = JSON.parse(JSON.stringify(res.data))
-            const sidebarRoutes = filterAsyncRouter(sdata)
+                    const sidebarRoutes = filterAsyncRouter(sdata)
-            const rewriteRoutes = filterAsyncRouter(rdata, false, true)
+                    const rewriteRoutes = filterAsyncRouter(rdata, false, true)
-            const defaultRoutes = filterAsyncRouter(defaultData)
+                    const defaultRoutes = filterAsyncRouter(defaultData)
-            const asyncRoutes = filterDynamicRoutes(dynamicRoutes)
+                    const asyncRoutes = filterDynamicRoutes(dynamicRoutes)
-            asyncRoutes.forEach(route => { router.addRoute(route) })
+                    asyncRoutes.forEach((route) => {
-            this.setRoutes(rewriteRoutes)
+                        router.addRoute(route)
-            this.setSidebarRouters(constantRoutes.concat(sidebarRoutes))
+                    })
-            this.setDefaultRoutes(sidebarRoutes)
+                    this.setRoutes(rewriteRoutes)
-            this.setTopbarRoutes(defaultRoutes)
+                    this.setSidebarRouters(constantRoutes.concat(sidebarRoutes))
-            resolve(rewriteRoutes)
+                    this.setDefaultRoutes(sidebarRoutes)
-          })
+                    this.setTopbarRoutes(defaultRoutes)
-        })
+                    resolve(rewriteRoutes)
-      }
+                })
-    }
+            })
-  })
+        },
+    },
+})
 
 // 遍历后台传来的路由字符串，转换为组件对象
 function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) {
-  return asyncRouterMap.filter(route => {
+    return asyncRouterMap.filter((route) => {
-    if (type && route.children) {
+        if (type && route.children) {
-      route.children = filterChildren(route.children)
+            route.children = filterChildren(route.children)
-    }
+        }
-    if (route.component) {
+        if (route.component) {
-      // Layout ParentView 组件特殊处理
+            // Layout ParentView 组件特殊处理
-      if (route.component === 'Layout') {
+            if (route.component === 'Layout') {
-        route.component = Layout
+                route.component = Layout
-      } else if (route.component === 'ParentView') {
+            } else if (route.component === 'ParentView') {
-        route.component = ParentView
+                route.component = ParentView
-      } else if (route.component === 'InnerLink') {
+            } else if (route.component === 'InnerLink') {
-        route.component = InnerLink
+                route.component = InnerLink
-      } else {
+            } else {
-        route.component = loadView(route.component)
+                route.component = loadView(route.component)
-      }
+            }
-    }
+        }
-    if (route.children != null && route.children && route.children.length) {
+        if (route.children != null && route.children && route.children.length) {
-      route.children = filterAsyncRouter(route.children, route, type)
+            route.children = filterAsyncRouter(route.children, route, type)
-    } else {
+        } else {
-      delete route['children']
+            delete route['children']
-      delete route['redirect']
+            delete route['redirect']
-    }
+        }
-    return true
+        return true
-  })
+    })
 }
 
 function filterChildren(childrenMap, lastRouter = false) {
-  var children = []
+    var children = []
-  childrenMap.forEach(el => {
+    childrenMap.forEach((el) => {
-    el.path = lastRouter ? lastRouter.path + '/' + el.path : el.path
+        el.path = lastRouter ? lastRouter.path + '/' + el.path : el.path
-    if (el.children && el.children.length && el.component === 'ParentView') {
+        if (el.children && el.children.length && el.component === 'ParentView') {
-      children = children.concat(filterChildren(el.children, el))
+            children = children.concat(filterChildren(el.children, el))
-    } else {
+        } else {
-      children.push(el)
+            children.push(el)
-    }
+        }
-  })
+    })
-  return children
+    return children
 }
 
 // 动态路由遍历，验证是否具备权限
 export function filterDynamicRoutes(routes) {
-  const res = []
+    const res = []
-  routes.forEach(route => {
+    routes.forEach((route) => {
-    if (route.permissions) {
+        if (route.permissions) {
-      if (auth.hasPermiOr(route.permissions)) {
+            if (auth.hasPermiOr(route.permissions)) {
-        res.push(route)
+                res.push(route)
-      }
+            }
-    } else if (route.roles) {
+        } else if (route.roles) {
-      if (auth.hasRoleOr(route.roles)) {
+            if (auth.hasRoleOr(route.roles)) {
-        res.push(route)
+                res.push(route)
-      }
+            }
-    }
+        }
-  })
+    })
-  return res
+    return res
 }
 
 export const loadView = (view) => {
-  let res
+    let res
-  for (const path in modules) {
+    for (const path in modules) {
-    const dir = path.split('views/')[1].split('.vue')[0]
+        const dir = path.split('views/')[1].split('.vue')[0]
-    if (dir === view) {
+        if (dir === view) {
-      res = () => modules[path]()
+            res = () => modules[path]()
+        }
     }
-  }
+    return res
-  return res
 }
 
 export default usePermissionStore

src/views/basicManage/businessType/index.vue

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <h1>业务类型管理</h1>
+    </div>
+</template>
+
+<script setup name="BusinessType"></script>
+
+<style></style>
+

src/views/basicManage/inspectionStation/index.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>
+        <h1>运检站管理</h1>
+    </div>
+</template>
+
+<script setup name="InspectionStation"></script>
+
+<style></style>

src/views/basicManage/personCategory/index.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>
+        <h1>人员分类管理</h1>
+    </div>
+</template>
+
+<script setup name="PersonCategory"></script>
+
+<style></style>

src/views/basicManage/personNature/index.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>
+        <h1>人员性质管理</h1>
+    </div>
+</template>
+
+<script setup name="PersonNature"></script>
+
+<style></style>

src/views/basicManage/planCategory/index.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>
+        <h1>计划类别管理</h1>
+    </div>
+</template>
+
+<script setup name="PlanCategory"></script>
+
+<style></style>

src/views/basicManage/planProfessional/index.vue

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <h1>计划专业管理</h1>
+    </div>
+</template>
+
+<script setup name="PlanProfessional"></script>
+
+<style></style>
+

src/views/basicManage/position/index.vue

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <h1>岗位管理</h1>
+    </div>
+</template>
+
+<script setup name="Position"></script>
+
+<style></style>
+

src/views/basicManage/projectDept/index.vue

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <h1>项目部管理</h1>
+    </div>
+</template>
+
+<script setup name="ProjectDept"></script>
+
+<style></style>
+

src/views/basicManage/workloadCategory/index.vue

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <h1>工作量类别管理</h1>
+    </div>
+</template>
+
+<script setup name="WorkloadCategory"></script>
+
+<style></style>
+

src/views/monthReportManage/monthlyReport/index.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>
+        <h1>月报管理</h1>
+    </div>
+</template>
+
+<script setup name="monthlyReport"></script>
+
+<style></style>

src/views/personManage/Person/index.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>
+        <h1>人员管理123</h1>
+    </div>
+</template>
+
+<script setup name="Person"></script>
+
+<style></style>

src/views/planMange/dailyPlan/index.vue

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <h1>日计划填报管理</h1>
+    </div>
+</template>
+
+<script setup name="DailyPlan"></script>
+
+<style></style>
+

src/views/planMange/monthlyPlan/index.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>
+        <h1>月计划填报管理</h1>
+    </div>
+</template>
+
+<script setup name="MonthlyPlan"></script>
+
+<style></style>

src/views/planMange/plan/index.vue

@@ -0,0 +1,10 @@
+<template>
+    <div>
+        <h1>计划管理</h1>
+    </div>
+</template>
+
+<script setup name="Plan"></script>
+
+<style></style>
+