<template>
  <a-menu
      @click="onclick"
      id="aside"
      style="width: 256px;"
      mode="inline"
      :items="items"
  ></a-menu>
</template>
<script setup>
import {AccountBookOutlined,FundOutlined, BellOutlined, DollarCircleOutlined, HddOutlined, DeploymentUnitOutlined, ToolOutlined} from "@ant-design/icons-vue";
import {h} from "vue";
import {useRouter} from "vue-router";

const router = useRouter()

const onclick = ({key}) => {
  router.push({
    path: '/'+key
  })
}

const items = [
  {
    key: 'article',
    icon: () => h(DollarCircleOutlined),
    label: '商品',
    title: '商品',
  },
  {
    key: 'watcher-v2',
    icon: () => h(AccountBookOutlined),
    label: '蹲货',
    title: '蹲货',
  },
  {
    key: 'ats-tracer',
    icon: () => h(FundOutlined),
    label: '追踪库存',
    title: '追踪库存',
  },
  {
    key: 'pusher',
    icon: () => h(BellOutlined),
    label: '推送',
    title: '推送',
  },
  {
    key: 'provider',
    icon: () => h(HddOutlined),
    label: '供应商',
    title: '供应商',
  },
  {
    key: 'seller',
    icon: () => h(DeploymentUnitOutlined),
    label: '销售商',
    title: '销售商',
  },
  {
    key: 'tools',
    icon: () => h(ToolOutlined),
    label: '工具',
    title: '工具',
  }
]



</script>

<style scoped>

</style>