From c06bc5fbbd34a3ee56d4a2a33b5f91c94bbc11c8 Mon Sep 17 00:00:00 2001
From: lSun <15893999301@qq.com>
Date: Mon, 22 Sep 2025 10:35:13 +0800
Subject: [PATCH] =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E4=B8=8A=E7=BA=BF=E8=BF=90?=
 =?UTF-8?q?=E8=A1=8C=E9=97=AE=E9=A2=98=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Navbar.vue | 388 ++++++++++++++++---------------
 src/router/index.js              |   2 +-
 2 files changed, 204 insertions(+), 186 deletions(-)

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index dff932a..8bb8881 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,76 +1,83 @@
 <template>
-    <div class="navbar">
-        <hamburger
-            id="hamburger-container"
-            :is-active="sidebar.opened"
-            class="hamburger-container"
-            @toggleClick="toggleSideBar"
+  <div class="navbar">
+    <hamburger
+      id="hamburger-container"
+      :is-active="sidebar.opened"
+      class="hamburger-container"
+      @toggleClick="toggleSideBar"
+    />
+
+    <breadcrumb
+      v-if="!topNav"
+      id="breadcrumb-container"
+      class="breadcrumb-container"
+    />
+    <top-nav
+      v-if="topNav"
+      id="topmenu-container"
+      class="topmenu-container"
+    />
+
+    <div class="right-menu">
+      <template v-if="device !== 'mobile'">
+        <search id="header-search" class="right-menu-item"/>
+
+        <!--        <el-tooltip content="源码地址" effect="dark" placement="bottom">-->
+        <!--          <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />-->
+        <!--        </el-tooltip>-->
+
+        <!--        <el-tooltip content="文档地址" effect="dark" placement="bottom">-->
+        <!--          <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />-->
+        <!--        </el-tooltip>-->
+
+        <screenfull
+          id="screenfull"
+          class="right-menu-item hover-effect"
         />
 
-        <breadcrumb
-            v-if="!topNav"
-            id="breadcrumb-container"
-            class="breadcrumb-container"
-        />
-        <top-nav
-            v-if="topNav"
-            id="topmenu-container"
-            class="topmenu-container"
-        />
+        <!--        <el-tooltip content="布局大小" effect="dark" placement="bottom">-->
+        <!--          <size-select id="size-select" class="right-menu-item hover-effect" />-->
+        <!--        </el-tooltip>-->
+      </template>
 
-        <div class="right-menu">
-            <template v-if="device !== 'mobile'">
-                <search id="header-search" class="right-menu-item" />
-
-                <!--        <el-tooltip content="源码地址" effect="dark" placement="bottom">-->
-                <!--          <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />-->
-                <!--        </el-tooltip>-->
-
-                <!--        <el-tooltip content="文档地址" effect="dark" placement="bottom">-->
-                <!--          <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />-->
-                <!--        </el-tooltip>-->
-
-                <screenfull
-                    id="screenfull"
-                    class="right-menu-item hover-effect"
-                />
-
-                <!--        <el-tooltip content="布局大小" effect="dark" placement="bottom">-->
-                <!--          <size-select id="size-select" class="right-menu-item hover-effect" />-->
-                <!--        </el-tooltip>-->
-            </template>
-
-            <el-dropdown
-                class="avatar-container right-menu-item hover-effect"
-                trigger="hover"
-            >
-                <div class="avatar-wrapper">
-                    <img :src="avatar" class="user-avatar" />
-                    <span class="user-nickname"> {{ nickName }} </span>
-                </div>
-                <el-dropdown-menu slot="dropdown">
-                    <router-link to="/user/profile">
-                        <el-dropdown-item>个人中心</el-dropdown-item>
-                    </router-link>
-                    <el-dropdown-item divided @click.native="logout">
-                        <span>退出登录</span>
-                    </el-dropdown-item>
-                </el-dropdown-menu>
-            </el-dropdown>
-
-            <div
-                class="right-menu-item hover-effect setting"
-                @click="setLayout"
-                v-if="setting"
-            >
-                <svg-icon icon-class="more-up" />
-            </div>
+      <el-dropdown
+        class="avatar-container right-menu-item hover-effect"
+        trigger="hover"
+      >
+        <div class="avatar-wrapper">
+          <img :src="avatar" class="user-avatar"/>
+          <span class="user-nickname"> {{ nickName }} </span>
         </div>
+        <el-dropdown-menu slot="dropdown">
+          <router-link to="/user/profile">
+            <el-dropdown-item>个人中心</el-dropdown-item>
+          </router-link>
+
+          <router-link to="/index_1" v-if="hasDashboardPermission">
+            <el-dropdown-item>
+              大屏展示
+            </el-dropdown-item>
+          </router-link>
+
+          <el-dropdown-item divided @click.native="logout">
+            <span>退出登录</span>
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
+
+      <div
+        class="right-menu-item hover-effect setting"
+        @click="setLayout"
+        v-if="setting"
+      >
+        <svg-icon icon-class="more-up"/>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
+import {mapGetters} from 'vuex'
 import Breadcrumb from '@/components/Breadcrumb'
 import TopNav from '@/components/TopNav'
 import Hamburger from '@/components/Hamburger'
@@ -79,152 +86,163 @@ import SizeSelect from '@/components/SizeSelect'
 import Search from '@/components/HeaderSearch'
 import RuoYiGit from '@/components/RuoYi/Git'
 import RuoYiDoc from '@/components/RuoYi/Doc'
+import { getPermissions } from "@/utils/auth" // 引入权限获取方法
 
 export default {
-    emits: ['setLayout'],
-    components: {
-        Breadcrumb,
-        TopNav,
-        Hamburger,
-        Screenfull,
-        SizeSelect,
-        Search,
-        RuoYiGit,
-        RuoYiDoc,
+  emits: ['setLayout'],
+  components: {
+    Breadcrumb,
+    TopNav,
+    Hamburger,
+    Screenfull,
+    SizeSelect,
+    Search,
+    RuoYiGit,
+    RuoYiDoc,
+  },
+  computed: {
+    ...mapGetters(['sidebar', 'avatar', 'device', 'nickName']),
+    setting: {
+      get() {
+        return this.$store.state.settings.showSettings
+      },
     },
-    computed: {
-        ...mapGetters(['sidebar', 'avatar', 'device', 'nickName']),
-        setting: {
-            get() {
-                return this.$store.state.settings.showSettings
-            },
-        },
-        topNav: {
-            get() {
-                return this.$store.state.settings.topNav
-            },
-        },
+    topNav: {
+      get() {
+        return this.$store.state.settings.topNav
+      },
     },
-    methods: {
-        toggleSideBar() {
-            this.$store.dispatch('app/toggleSideBar')
-        },
-        setLayout(event) {
-            this.$emit('setLayout')
-        },
-        logout() {
-            this.$confirm('确定注销并退出系统吗？', '提示', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-                type: 'warning',
-            })
-                .then(() => {
-                    this.$store.dispatch('LogOut').then(() => {
-                        location.href =
-                            process.env.VUE_APP_ENV === 'production'
-                                ? '/pubSerPlatform/index'
-                                : '/index'
-                    })
-                })
-                .catch(() => {})
-        },
+    // 计算属性：判断是否有大屏权限
+    hasDashboardPermission() {
+      const permissions = getPermissions();
+      if (permissions) {
+        const permissionArray = permissions.toString().split(',').map(Number);
+        return permissionArray.includes(1);
+      }
+      return false;
     },
+  },
+  methods: {
+    toggleSideBar() {
+      this.$store.dispatch('app/toggleSideBar')
+    },
+    setLayout(event) {
+      this.$emit('setLayout')
+    },
+    logout() {
+      this.$confirm('确定注销并退出系统吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          this.$store.dispatch('LogOut').then(() => {
+            location.href =
+              process.env.VUE_APP_ENV === 'production'
+                ? '/pubSerPlatform/index'
+                : '/index'
+          })
+        })
+        .catch(() => {
+        })
+    },
+  },
 }
 </script>
 
 <style lang="scss" scoped>
 .navbar {
-    height: 50px;
-    overflow: hidden;
-    position: relative;
-    background: #fff;
-    box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+  height: 50px;
+  overflow: hidden;
+  position: relative;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
 
-    .hamburger-container {
-        line-height: 46px;
-        height: 100%;
-        float: left;
+  .hamburger-container {
+    line-height: 46px;
+    height: 100%;
+    float: left;
+    cursor: pointer;
+    transition: background 0.3s;
+    -webkit-tap-highlight-color: transparent;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.025);
+    }
+  }
+
+  .breadcrumb-container {
+    float: left;
+  }
+
+  .topmenu-container {
+    position: absolute;
+    left: 50px;
+  }
+
+  .errLog-container {
+    display: inline-block;
+    vertical-align: top;
+  }
+
+  .right-menu {
+    float: right;
+    height: 100%;
+    line-height: 50px;
+
+    &:focus {
+      outline: none;
+    }
+
+    .right-menu-item {
+      display: inline-block;
+      padding: 0 8px;
+      height: 100%;
+      font-size: 18px;
+      color: #5a5e66;
+      vertical-align: text-bottom;
+
+      &.hover-effect {
         cursor: pointer;
         transition: background 0.3s;
-        -webkit-tap-highlight-color: transparent;
 
         &:hover {
-            background: rgba(0, 0, 0, 0.025);
+          background: rgba(0, 0, 0, 0.025);
         }
+      }
     }
 
-    .breadcrumb-container {
-        float: left;
-    }
+    .avatar-container {
+      margin-right: 0px;
+      padding-right: 0px;
 
-    .topmenu-container {
-        position: absolute;
-        left: 50px;
-    }
+      .avatar-wrapper {
+        margin-top: 10px;
+        position: relative;
 
-    .errLog-container {
-        display: inline-block;
-        vertical-align: top;
-    }
-
-    .right-menu {
-        float: right;
-        height: 100%;
-        line-height: 50px;
-
-        &:focus {
-            outline: none;
+        .user-avatar {
+          cursor: pointer;
+          width: 30px;
+          height: 30px;
+          border-radius: 50%;
         }
 
-        .right-menu-item {
-            display: inline-block;
-            padding: 0 8px;
-            height: 100%;
-            font-size: 18px;
-            color: #5a5e66;
-            vertical-align: text-bottom;
-
-            &.hover-effect {
-                cursor: pointer;
-                transition: background 0.3s;
-
-                &:hover {
-                    background: rgba(0, 0, 0, 0.025);
-                }
-            }
+        .user-nickname {
+          position: relative;
+          bottom: 10px;
+          font-size: 14px;
+          font-weight: bold;
         }
 
-        .avatar-container {
-            margin-right: 0px;
-            padding-right: 0px;
-
-            .avatar-wrapper {
-                margin-top: 10px;
-                position: relative;
-
-                .user-avatar {
-                    cursor: pointer;
-                    width: 30px;
-                    height: 30px;
-                    border-radius: 50%;
-                }
-
-                .user-nickname {
-                    position: relative;
-                    bottom: 10px;
-                    font-size: 14px;
-                    font-weight: bold;
-                }
-
-                .el-icon-caret-bottom {
-                    cursor: pointer;
-                    position: absolute;
-                    right: -20px;
-                    top: 25px;
-                    font-size: 12px;
-                }
-            }
+        .el-icon-caret-bottom {
+          cursor: pointer;
+          position: absolute;
+          right: -20px;
+          top: 25px;
+          font-size: 12px;
         }
+      }
     }
+  }
 }
 </style>
diff --git a/src/router/index.js b/src/router/index.js
index f796613..b2b9d48 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -92,7 +92,7 @@ export const constantRoutes = [
     path: '/index_1',
     component: () => import('@/views/publicService/index_1.vue'),
     name: 'Index_1',
-    // hidden: true,
+    hidden: true,
     meta: {title: '公共服务平台', icon: 'dashboard'},
   },