import { log } from "@/utils/base.js"
import api from "@/common/api.js"
import { filterMenu } from "@/menu/menuMap.js"

const menu = {
	namespaced: true,
	state: {
		list: [],
		current: 0
	},
	getters: {
		getList(state) {
			return state.list;
		}
	},
	mutations: {
		setMenus(state, menus) {
			state.list = menus;
		},
		setCurrent(state, cur) {
			state.current = cur;
		}
	},
	actions: {
		getMenus: async function({ commit, state }) {
			return new Promise((resolve, reject) => {
				if (state.list.length) {
					resolve(state.list)
				} else {
					const leftMenus = [{
						name: "首页",
						url: "/home",
						icon: "home",
						pagePath: "/pages/home/home"
						// }, {
						// 	name: "在线地图",
						// 	url: "/m",
						// 	icon: "empty-address",
						// 	pagePath: "/pages_map/map"
					}, {
						name: "实时监控",
						url: "/o",
						icon: "camera",
						pagePath: "/pages/onlineData/onlineData"
					}, ]
					const rightMenus = [{
						name: "个人中心",
						url: "/u",
						icon: "account",
						pagePath: "/pages/user/user"
					}]
					//commit("setMenus", newMenus);
					//console.log("=========>", newMenus);
					resolve(state.list);
					api.getMenu().then((res) => {
						if (res.code == 0) {
							//log(`MENU_LIST====>`, res.restluLis);

							if (res.restluLis && res.restluLis.length) {
								const newMenus = [...leftMenus, ...
									filterMenu(res
										.restluLis), ...rightMenus
								]
								log(`MENUS====>`, newMenus);
								commit("setMenus", newMenus);
								resolve(state.list);
							}
						}
					}).catch(e => {
						//reject(e);
						const newMenus = [...leftMenus, ...rightMenus];
						log(`===MENUS====>`, newMenus);
						commit("setMenus", newMenus);
						resolve(state.list);
					})
				}
			})

		}
	}
};

export default menu;