feat: 🚀 添加外链

src/layout/components/lay-navbar/index.vue

@@ -26,10 +26,21 @@ const {
   toggleSideBar,
   toAccountSettings,
   getDropdownItemStyle,
-  getDropdownItemClass
+  getDropdownItemClass,
+  goLink
 } = useNav();
 
 const { t, locale, translationCh, translationEn } = useTranslationLang();
+const aa = 123;
+// 定义外链数组
+const urlList = ref([
+  { name: "EMS", url: "https://pure-admin.github.io/vue-pure-admin/#/welcome" },
+  {
+    name: "数据大屏",
+    url: "https://pure-admin.github.io/vue-pure-admin/#/welcome"
+  },
+  { name: "DBSM", url: "https://pure-admin.github.io/vue-pure-admin/#/welcome" }
+]);
 </script>
 
 <template>
@@ -87,6 +98,24 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
       <LaySidebarFullScreen id="full-screen" />
       <!-- 消息通知 -->
       <LayNotice id="header-notice" />
+      <!-- 外链列表 -->
+      <!-- 退出登录 -->
+      <el-dropdown trigger="click">
+        <span class="el-dropdown-link navbar-bg-hover select-none">
+          <p class="dark:text-white">其它系统</p>
+        </span>
+        <template #dropdown>
+          <el-dropdown-menu class="logout">
+            <el-dropdown-item
+              v-for="item in urlList"
+              :key="item.url"
+              @click="goLink(item)"
+            >
+              {{ item.name }}
+            </el-dropdown-item>
+          </el-dropdown-menu>
+        </template>
+      </el-dropdown>
       <!-- 退出登录 -->
       <el-dropdown trigger="click">
         <span class="el-dropdown-link navbar-bg-hover select-none">

src/layout/hooks/useNav.ts

@@ -147,6 +147,10 @@ export function useNav() {
     return new URL("/logo.svg", import.meta.url).href;
   }
 
+  function goLink(item) {
+    window.open(item.url, "__blank");
+  }
+
   return {
     title,
     device,
@@ -175,6 +179,7 @@ export function useNav() {
     tooltipEffect,
     toAccountSettings,
     getDropdownItemStyle,
-    getDropdownItemClass
+    getDropdownItemClass,
+    goLink
   };
 }