<template>
	<a-dropdown-button @click="$emit('add')" type="primary">
		<a-icon type="plus"/>
		{{ $t('functiontrans.sysInstitutionsEmplist.ins') }}
		<template #overlay>
			<a-menu style="width: 115px">
				<!--				<a-menu-item key="1" @click="$emit('download')">-->
				<!--					下载模板-->
				<!--				</a-menu-item>-->
				<a-menu-item v-if="Import" key="2" @click="$emit('import')">
					{{ menuTitle || $t('functiontrans.sysInstitutionsEmplist.input') }}
				</a-menu-item>
				<a-menu-item v-for="item in menus" :key="item.key" @click="$emit('clickMenus',item.key)">
					{{ item.name }}
				</a-menu-item>
			</a-menu>
		</template>
		<template #icon>
			<a-icon type="down"/>
		</template>
	</a-dropdown-button>
</template>

<script>
export default {
	name: 'AddBtn',
	props: {
		menuTitle: {
			type: String,
		},
		Import: {
			type: Boolean,
			default: true
		},
		menus: Array
	}
};
</script>

<style scoped lang="scss">
::v-deep {
	.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
		border-top-left-radius: 2px !important;
		border-bottom-left-radius: 2px !important;
	}
}

.addBtn-content {
	div {
		cursor: pointer;
	}
}
</style>