mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2025-09-09 08:57:14 +08:00
68 lines
1.5 KiB
Vue
68 lines
1.5 KiB
Vue
<template>
|
|
<a-menu class="right-menu">
|
|
<a-menu-item @click="onClick('add')">
|
|
<template #icon><icon-plus-circle :size="16" :stroke-width="3" /></template>
|
|
<span>新增</span>
|
|
</a-menu-item>
|
|
|
|
<a-menu-item v-permission="['system:dept:update']" @click="onClick('update')">
|
|
<template #icon><icon-edit :size="16" :stroke-width="3" /></template>
|
|
<span>修改</span>
|
|
</a-menu-item>
|
|
|
|
<a-menu-item v-permission="['system:dept:delete']" :title="data.isSystem ? '系统内置数据不能删除' : undefined" :disabled="data.isSystem" @click="onClick('delete')">
|
|
<template #icon><icon-delete :size="16" :stroke-width="3" /></template>
|
|
<span>删除</span>
|
|
</a-menu-item>
|
|
</a-menu>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import type { DeptResp } from '@/apis'
|
|
|
|
interface Props {
|
|
data: DeptResp
|
|
}
|
|
|
|
const props = withDefaults(defineProps<Props>(), {})
|
|
|
|
const emit = defineEmits<{
|
|
(e: 'on-menu-item-click', mode: string, data: DeptResp): void
|
|
}>()
|
|
|
|
// 点击菜单项
|
|
const onClick = (mode: string) => {
|
|
emit('on-menu-item-click', mode, props.data)
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
:deep(.arco-menu-inner) {
|
|
padding: 4px;
|
|
|
|
.arco-menu-item {
|
|
height: 34px;
|
|
|
|
&:not(.arco-menu-selected) {
|
|
color: $color-text-1;
|
|
}
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.right-menu {
|
|
width: 120px;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
|
border-radius: 4px;
|
|
border: 1px solid var(--color-border-2);
|
|
box-sizing: border-box;
|
|
|
|
.arrow-icon {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
</style>
|