<template>
	<div class="side-nav">
		<div class="side-scroll">
			<div class="logo"><img src="../assets/images/logo.png" ></div>
			<!--  -->
			<el-menu :default-active="$route.path" :router="true"  class="aside-nav" @open="handleOpen" @close="handleClose"  >
				<el-submenu index="1">
					<template slot="title">
						<i class="iconfont icon-crm"></i><span slot="title">客户管理</span>
					</template>
					<el-menu-item index="/customer">客户管理</el-menu-item>
					<el-menu-item index="/complaint">投诉反馈</el-menu-item>
				</el-submenu>
				<el-menu-item index="/product">
					<i class="iconfont icon-chanpinguanli"></i><span slot="title">产品管理</span>
				</el-menu-item>
				<el-menu-item index="/order">
					<i class="iconfont icon-dd"></i><span slot="title">订单管理</span>
				</el-menu-item>
				<el-menu-item index="/stock">
					<i class="iconfont icon-kucunxinxi"></i><span slot="title">库存管理</span>
				</el-menu-item>
				<el-submenu index="5">
					<template slot="title">
						<i class="iconfont icon-s"></i><span slot="title">试刀管理</span>
					</template>
					<el-menu-item index="/tryAdmin">试刀报告</el-menu-item>
					<el-menu-item index="/myTray">我的试刀</el-menu-item>
				</el-submenu>
				<el-menu-item index="/feedback">
					<i class="iconfont icon-tt"></i><span slot="title">问题反馈</span>
				</el-menu-item>
			</el-menu>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'Head',
		data() {
			return {
				navinput: ''
			};
		},
		methods: {
			handleOpen(key, keyPath) {
				console.log(key, keyPath);
			},
			handleClose(key, keyPath) {
				console.log(key, keyPath);
			},
		}
	}
</script>
<style scoped="scoped">
	.side-nav{
		position: relative;
		height: 100%;
	}
	.logo{
		padding: 30px 0;
		text-align: center;
	}
</style>