增加悬浮窗功能

src/layout/components/FastMenu/index.vue

@@ -2,6 +2,7 @@
   <div class="fast-menu">
     <el-dropdown
       trigger="click"
+      @command="menuClick"
       placement="top-end"
       @visible-change="handleVisibleChange"
       append-to-body="true"
@@ -13,8 +14,18 @@
       </el-icon> -->
       <template #dropdown>
         <el-dropdown-menu>
-          <el-dropdown-item v-for="(item, index) in list" :key="index">
-            Action {{ index + 1 }}
+          <el-dropdown-item
+            v-for="(item, index) in quickStore.quickMenus"
+            :key="index"
+            :command="item.menuId"
+          >
+            {{ returnMenuName(item.menuId) }}
+          </el-dropdown-item>
+          <el-dropdown-item :command="-1">
+            <el-icon>
+              <Edit color="#4080FF" />
+            </el-icon>
+            <span style="color: #4080ff">编辑</span>
           </el-dropdown-item>
         </el-dropdown-menu>
       </template>
@@ -22,8 +33,30 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { ref } from "vue";
-const list = ref(new Array(10).fill(1));
+import { ref, computed } from "vue";
+import { useQuickStore, usePermissionStore, useUserStore } from "@/store";
+import router from "@/router";
+
+const userStore = useUserStore();
+const quickStore = useQuickStore();
+const permissionStore = usePermissionStore();
+console.log("permissionStore", permissionStore.menus);
+
+function menuClick(menuId: number) {
+  console.log("menuId", menuId);
+  if (menuId == -1) {
+    if (userStore.userInfo.id == 1) {
+      return router.push("/system/commonlyUsedMenu");
+    } else {
+      return router.push("/commonlyUsedMenu");
+    }
+  }
+  permissionStore.menuJump(menuId);
+}
+
+function returnMenuName(menuId: number) {
+  return permissionStore.returnMenuName(menuId);
+}
 
 const imgsrc = computed(() => {
   return showMenu.value