<template>
    <div>
        <el-menu
                default-active="1-1"
                :unique-opened="true"
                class="el-menu-vertical">
            <template v-for="(item,index) in menuList">
                <router-link :to="item.path" v-if="!item.children&&!item.hidden" :key="index">
                    <el-menu-item :index="index+ '' ">
                        <i :class="item.icon"></i>
                        <span slot="title">{{item.name}}</span>
                    </el-menu-item>
                </router-link>
                <el-submenu v-if="item.children&&!item.hidden" :key="index" :index="index+''">
                    <template slot="title">
                        <i :class="item.icon"></i>
                        <span>{{item.name}}</span>
                    </template>
                    <router-link :to="item.path + '/' +subItem.path" v-for="(subItem,subIndex) in item.children"
                                 :key="subIndex">
                        <el-menu-item :index="index + '-' + subIndex" v-if="!subItem.hidden">
                            <i :class="subItem.icon"></i>
                            <span slot="title" v-text="subItem.name"></span>
                        </el-menu-item>
                    </router-link>
                </el-submenu>
            </template>
        </el-menu>
    </div>
</template>

/*运营*/
const loop = () => import("@/page/operation/loop");
const categoryManage = () => import("@/page/operation/manage-category");

/*设置*/
const friendLink = () => import("@/page/settings/friend-link");
const webSizeInfo = () => import("@/page/settings/websize-info");

export const routes = [
    {
        path: '',
        component: baseView,
        redirect: '/index',
        children: [
            {
                path: '/index',
                name: '首页',
                icon: 'el-icon-s-home',
                hidden: false,
                component: index
            },
            {
                path: '/content',
                name: '内容',
                icon: 'el-icon-tickets',
                hidden: false,
                component: rightView,
                children: [
                    {
                        path: 'post-article',
                        icon: 'el-icon-edit-outline',
                        name: '文章发表',
                        hidden: false,
                        component: postArticle
                    },
                    {
                        path: 'manage-article',
                        icon: 'el-icon-document',
                        name: '文章管理',
                        hidden: false,
                        component: articleManage
                    },
                    {
                        path: 'manage-comment',
                        icon: 'el-icon-chat-line-round',
                        name: '评论管理',
                        hidden: false,
                        component: commentManage
                    },
                    {
                        path: 'manage-image',
                        icon: 'el-icon-picture-outline',
                        name: '图片管理',
                        hidden: false,
                        component: imageManage
                    }
                ]
            },
            {
                path: '/user',
                name: '用户',
                icon: 'el-icon-user',
                hidden: false,
                component: rightView,
                children: [
                    {
                        path: 'list',
                        name: '用户列表',
                        icon: 'el-icon-user',
                        hidden: false,
                        component: list
                    }, {
                        path: 'rest-password',
                        icon: 'el-icon-more-outline',
                        name: '重置密码',
                        hidden: false,
                        component: restPassword
                    }, {
                        path: 'email',
                        name: '邮箱设置',
                        icon: 'el-icon-delete    ',
                        hidden: false,
                        component: email
                    }, {
                        path: 'info',
                        name: '用户信息',
                        icon: 'el-icon-s-home',
                        hidden: false,
                        component: info
                    }
                ]
            },
            {
                path: 'operation',
                name: '运营',
                icon: 'el-icon-c-scale-to-original',
                hidden: false,
                component: rightView,
                children: [
                    {
                        path: 'category',
                        name: '分类管理',
                        icon: 'el-icon-help',
                        hidden: false,
                        component: categoryManage
                    },
                    {
                        path: 'loop',
                        name: '轮播图',
                        icon: 'el-icon-picture-outline-round',
                        hidden: false,
                        component: loop
                    }
                ]
            },
            {
                path: 'settings',
                name: '设置',
                icon: 'el-icon-s-home',
                hidden: false,
                component: rightView,
                children: [
                    {
                        path: 'friend-link',
                        name: '友情链接',
                        icon: 'el-icon-s-home',
                        hidden: false,
                        component: friendLink
                    },
                    {
                        path: 'websize-info',
                        name: '网站信息',
                        icon: 'el-icon-s-home',
                        hidden: false,
                        component: webSizeInfo
                    }
                ]
            }
        ]
    },
    {
        path: '/login',
        component: login
    }
];