后台管理添加体温上报

frontend/src/components/sidebar.vue

@@ -1,7 +1,8 @@
 <template>
     <div class="sidebar">
-        <el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="sidebar.collapse" background-color="#324157"
-            text-color="#bfcbd9" active-text-color="#20a0ff" unique-opened router>
+        <el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="sidebar.collapse"
+            :default-openeds="activeItemList" background-color="#324157" text-color="#bfcbd9" active-text-color="#20a0ff"
+            router>
             <template v-for="item in items">
                 <template v-if="item.subs">
                     <el-sub-menu :index="item.index" :key="item.index" v-permiss="item.permiss">
@@ -11,18 +12,9 @@
                             </el-icon>
                             <span>{{ item.title }}</span>
                         </template>
-                        <template v-for="subItem in item.subs">
-                            <el-sub-menu v-if="subItem.subs" :index="subItem.index" :key="subItem.index"
-                                v-permiss="item.permiss">
-                                <template #title>{{ subItem.title }}</template>
-                                <el-menu-item v-for="(threeItem, i) in subItem.subs" :key="i" :index="threeItem.index">
-                                    {{ threeItem.title }}
-                                </el-menu-item>
-                            </el-sub-menu>
-                            <el-menu-item v-else :index="subItem.index" v-permiss="item.permiss">
-                                {{ subItem.title }}
-                            </el-menu-item>
-                        </template>
+                        <el-menu-item v-for="subItem in item.subs" :index="subItem.index" v-permiss="item.permiss">
+                            {{ subItem.title }}
+                        </el-menu-item>
                     </el-sub-menu>
                 </template>
                 <template v-else>
@@ -39,7 +31,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
+import { ref, computed } from 'vue';
 import { useSidebarStore } from '../store/sidebar';
 import { useRoute } from 'vue-router';
 import settings from '../utils/settings';
@@ -53,20 +45,15 @@ const items = [
         permiss: 'dashboard',
     },
     {
-        icon: 'BellFilled',
-        index: '/warning',
-        title: '预警信息',
-        permiss: 'warning',
+        icon: 'OfficeBuilding',
+        index: '/report',
+        title: '体温上报',
+        permiss: 'report',
         subs: [
             {
-                index: '/warning-view',
-                title: '总览',
-                permiss: 'warning-view',
-            },
-            {
-                index: '/warning-setting',
-                title: '预警设置',
-                permiss: 'warning-setting',
+                index: '/report-setting',
+                title: '体温管理',
+                permiss: 'report-setting',
             },
         ],
     },
@@ -109,6 +96,9 @@ const onRoutes = computed(() => {
 });
 
 const sidebar = useSidebarStore();
+
+// 默认全部展开
+const activeItemList = items.map((i) => i.index)
 </script>
 
 <style scoped>