<template>
	<div :class="{ 'has-logo': showLogo }">
		<logo v-if="showLogo" :collapse="isCollapse" />
		<el-scrollbar wrap-class="scrollbar-wrapper">
			<el-menu :default-active="$route.path" :background-color="variables.menuBg" :text-color="variables.menuText"
				:unique-opened="false" :active-text-color="variables.menuActiveText" :collapse-transition="false"
				mode="vertical">
				<sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" />
			</el-menu>
		</el-scrollbar>
	</div>
</template>

<script>
	import {
		mapGetters
	} from "vuex";
	import Logo from "./Logo";
	import SidebarItem from "./SidebarItem";
	import variables from "@/styles/variables.scss";
	import {
		getrolemenus,
		loginDetails
	} from "@/api/system/Role/role.js";
	import {
		getStorage
	} from "@/utils/auth";
	export default {
		components: {
			SidebarItem,
			Logo,
		},
		data() {
			return {
				YongHuid: [],
				// routes: [],
				params: {
					sourceSid: "",
					userSid: "",
				},
				routes: [{
						alwaysShow: true,
						component: "userInfo",
						meta: {
							icon: "el-icon-menu",
							title: "用户信息",
						},
						name: "/userInfo/index",
						path: "/userInfo/index"
					},
					{
						alwaysShow: true,
						component: "marketingCard",
						meta: {
							icon: "el-icon-menu",
							title: "营销卡设置",
						},
						name: "/marketingCard",
						path: "/marketingCard",
						children: [

							{
								alwaysShow: true,
								component: "index",
								meta: {
									icon: "el-icon-help",
									title: "礼包设置",
								},
								name: "/marketingCard/index",
								path: "/marketingCard/index",
							},
							// {
							// 	alwaysShow: true,
							// 	component: "packageDetails",
							// 	meta: {
							// 		icon: "el-icon-help",
							// 		title: "礼包奖品明细",
							// 	},
							// 	name: "/marketingCard/packageDetails",
							// 	path: "/marketingCard/packageDetails",
							// },
							{
								alwaysShow: true,
								component: "pickupCardSet",
								meta: {
									icon: "el-icon-help",
									title: "提货卡设置",
								},
								name: "/marketingCard/pickupCardSet",
								path: "/marketingCard/pickupCardSet",
							},
							// {
							// 	alwaysShow: true,
							// 	component: "grantRecords",
							// 	meta: {
							// 		icon: "el-icon-help",
							// 		title: "发放记录",
							// 	},
							// 	name: "/marketingCard/grantRecords",
							// 	path: "/marketingCard/grantRecords",
							// },
							// {
							// 	alwaysShow: true,
							// 	component: "carList",
							// 	meta: {
							// 		icon: "el-icon-help",
							// 		title: "提货卡列表",
							// 	},
							// 	name: "/marketingCard/carList",
							// 	path: "/marketingCard/carList",
							// },
						]
					},
					{
						alwaysShow: true,
						component: "pickupPoint",
						meta: {
							icon: "el-icon-menu",
							title: "提货地点",
						},
						name: "/pickupPoint/index",
						path: "/pickupPoint/index"
					},
					{
						alwaysShow: true,
						component: "commodity",
						meta: {
							icon: "el-icon-menu",
							title: "商品信息",
						},
						name: "/commodity/index",
						path: "/commodity/index"
					},
					{
						alwaysShow: true,
						component: "order",
						meta: {
							icon: "el-icon-menu",
							title: "订单信息",
						},
						name: "/order/index",
						path: "/order/index"
					},
					// {
					// 	alwaysShow: true,
					// 	component: "network",
					// 	meta: {
					// 		icon: "el-icon-menu",
					// 		title: "网点管理",
					// 	},
					// 	name: "/network/index",
					// 	path: "/network/index"
					// },
					// {
					// 	alwaysShow: true,
					// 	component: "statisticalReport",
					// 	meta: {
					// 		icon: "el-icon-menu",
					// 		title: "统计报表",
					// 	},
					// 	name: "/statisticalReport/index",
					// 	path: "/statisticalReport/index",
					// 	children: [
						
					// 		{
					// 			alwaysShow: true,
					// 			component: "index",
					// 			meta: {
					// 				icon: "el-icon-help",
					// 				title: "提货卡汇总",
					// 			},
					// 			name: "/statisticalReport/index",
					// 			path: "/statisticalReport/index",
					// 		},
					// 		{
					// 			alwaysShow: true,
					// 			component: "collectionSummary",
					// 			meta: {
					// 				icon: "el-icon-help",
					// 				title: "提货汇总",
					// 			},
					// 			name: "/statisticalReport/collectionSummary",
					// 			path: "/statisticalReport/collectionSummary",
					// 		},
					// 		{
					// 			alwaysShow: true,
					// 			component: "deliveryDetails",
					// 			meta: {
					// 				icon: "el-icon-help",
					// 				title: "客户提货明细",
					// 			},
					// 			name: "/statisticalReport/deliveryDetails",
					// 			path: "/statisticalReport/deliveryDetails",
					// 		},
					// 	]
					// },
				],
			};
		},
		computed: {
			...mapGetters(["sidebar"]),
			// routes() {
			// f4d2e507-c4ed-451c-b364-04c08f962045
			//   console.log('78979789', this.$router.options.routes)
			//   return this.$router.options.routes
			// },
			activeMenu() {
				// const route = this.$route
				// const {
				//   meta,
				//   path
				// } = route
				// // if set path, the sidebar will highlight the path you set
				// if (meta.activeMenu) {
				//   return meta.activeMenu
				// }
				return "/index";
			},
			showLogo() {
				return this.$store.state.settings.sidebarLogo;
			},
			variables() {
				return variables;
			},
			isCollapse() {
				return !this.sidebar.opened;
			},
		},
		created() {
			this.postHuoquyonghu();
		},
		methods: {
			// 获取用户信息
			postHuoquyonghu() {
				// var token = getStorage()
				// loginDetails(token).then((response) => {
				//   console.log('resss', response)
				//   if (response.code === '200') {
				//     this.YongHuid = response.data
				//     this.params.userSid = this.YongHuid.sid
				//     getrolemenus(this.params).then((res) => {
				//       const userRoles = this.resRouter(res.data)
				this.routes.push({
					path: "*",
					redirect: "/404",
					hidden: true,
				});
				console.log("左侧菜单", this.routes);
				return this.routes;
				//     })
				//   }
				// })
			},
			resRouter(menus) {
				// 递归，将后台传来数组
				for (var i = 0; i < menus.length; i++) {
					if (menus[i].children && menus[i].children.length != 0) {
						this.resRouter(menus[i].children);
					}
					if (menus[i].children.length == 0) {
						delete menus[i].children;
						delete menus[i].redirect;
					}
					if (menus[i].component == "") {
						console.log("55555", menus[i]);
						menus[i] = {
							path: menus[i].path,
							component: "",
							redirect: menus[i].path,
							children: [menus[i]],
						};
					} else {
						// menus[i] = {
						//   path: menus[i].path,
						//   component: '',
						//   redirect: menus[i].path,
						//   children: [menus[i]],
						// }
					}
				}
				this.routes = menus;
				console.log("左侧菜单", this.routes);
				return menus;
			},
		},
	};
</script>