74 lines
1.3 KiB
Vue
74 lines
1.3 KiB
Vue
<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> |