Cold_offline_web/src/layout/components/menu/index.vue

<template>
  <n-menu
      inverted
    :options="menuOptions"
    :value="$route.path"
  />
</template>

<script setup>
import { h } from "vue";
import { RouterLink } from "vue-router";
import { NIcon } from "naive-ui";
import { UnorderedListOutlined } from "@vicons/antd";

function renderIcon(icon) {
  return () => h(NIcon, null, { default: () => h(icon) });
}

// 菜单的数据
const menuOptions = [
  {
    label: () =>
      h(
        RouterLink,
        {
          to: "/project",
        },
        { default: () => "任务管理" }
      ),
    key: "/project",
    icon: renderIcon(UnorderedListOutlined),
    // children: [
    //   {
    //     label: () =>
    //       h(
    //         RouterLink,
    //         {
    //           to: "/equipment",
    //         },
    //         { default: () => "设备管理" }
    //       ),
    //     key: "/equipment",
    //   },
    //   {
    //     label: () =>
    //       h(
    //         RouterLink,
    //         {
    //           to: "/data_source",
    //         },
    //         { default: () => "数据来源" }
    //       ),
    //     key: "/data_source",
    //   },
    //   {
    //     label: () =>
    //       h(
    //         RouterLink,
    //         {
    //           to: "/data_edit",
    //         },
    //         { default: () => "数据编辑" }
    //       ),
    //     key: "/data_edit",
    //   },
    //   {
    //     label: () =>
    //       h(
    //         RouterLink,
    //         {
    //           to: "/data_checkout",
    //         },
    //         { default: () => "数据校验" }
    //       ),
    //     key: "/data_checkout",
    //   },
    //   {
    //     label: () =>
    //       h(
    //         RouterLink,
    //         {
    //           to: "/report_create",
    //         },
    //         { default: () => "报告生成" }
    //       ),
    //     key: "/report_create",
    //   },
    //   {
    //     label: () =>
    //       h(
    //         RouterLink,
    //         {
    //           to: "/report_edit",
    //         },
    //         { default: () => "报告编辑" }
    //       ),
    //     key: "/report_edit",
    //   },
    //   {
    //     label: () =>
    //       h(
    //         RouterLink,
    //         {
    //           to: "/report_audit",
    //         },
    //         { default: () => "报告审核" }
    //       ),
    //     key: "/report_audit",
    //   },
    // ],
  },
];
</script>

<style scoped></style>