// eslint-disable-next-line
import { BasicLayout, BlankLayout, PageView, RouteView } from '@/layouts'
// 前端路由表
// const constantRouterComponents = {
//   // 基础页面 layout 必须引入
//   BasicLayout: BasicLayout,
//   BlankLayout: BlankLayout,
//   RouteView: RouteView,
//   PageView: PageView,
//   '403': () => import(/* webpackChunkName: "error" */ '@/views/exception/403'),
//   '404': () => import(/* webpackChunkName: "error" */ '@/views/exception/404'),
//   '500': () => import(/* webpackChunkName: "error" */ '@/views/exception/500'),

//   // 首页
//   'home': () => import('@/views/home/index'), // 首页

//   // 设备
//   'devicelist': () => import('@/views/device/list'), // 设备列表
//   'resultlist': () => import('@/views/device/result'), // 测量记录

//     // 公众号设置
//   'officiallist': () => import('@/views/official/list'), // 公众号管理
//   'officialtemplate': () => import('@/views/official/template'), // 模板管理

//     // 营销管理
//   'markettag': () => import('@/views/market/tag'), // 标签管理
//   'marketmessage': () => import('@/views/market/message'), // 消息群发

//     // 用户管理
//   'reguserlist': () => import('@/views/reguser/list'), // 公众号管理
//   'reguserbind': () => import('@/views/reguser/bind'), // 模板管理

//     // 客户管理
//   'business': () => import('@/views/business/index'), // 客户管理

//     // 数据分析
//   'reporttag': () => import('@/views/report/tag'), // 标签数据分析
//   'reportuser': () => import('@/views/report/user'), // 用户画像
//   'reporthealth': () => import('@/views/report/health'), // 健康数据分析
//   'reportmeasure': () => import('@/views/report/measure'), // 测量统计

//   // 个人中心
//   'userbase': () => import('@/views/user/base'), // 基本信息
//   'userpassword': () => import('@/views/user/password'), // 修改密码
//   'userchat': () => import('@/views/user/chat'), // 在线客服

//   // 你需要动态引入的页面组件
//   'Workplace': () => import('@/views/dashboard/Workplace'),
//   'Analysis': () => import('@/views/dashboard/Analysis'),

//   // form
//   'BasicForm': () => import('@/views/form/basicForm'),
//   'StepForm': () => import('@/views/form/stepForm/StepForm'),
//   'AdvanceForm': () => import('@/views/form/advancedForm/AdvancedForm'),

//   // list
//   'TableList': () => import('@/views/list/TableList'),
//   'StandardList': () => import('@/views/list/BasicList'),
//   'CardList': () => import('@/views/list/CardList'),
//   'SearchLayout': () => import('@/views/list/search/SearchLayout'),
//   'SearchArticles': () => import('@/views/list/search/Article'),
//   'SearchProjects': () => import('@/views/list/search/Projects'),
//   'SearchApplications': () => import('@/views/list/search/Applications'),
//   'ProfileBasic': () => import('@/views/profile/basic'),
//   'ProfileAdvanced': () => import('@/views/profile/advanced/Advanced'),

//   // result
//   'ResultSuccess': () => import(/* webpackChunkName: "result" */ '@/views/result/Success'),
//   'ResultFail': () => import(/* webpackChunkName: "result" */ '@/views/result/Error'),

//   // exception
//   'Exception403': () => import(/* webpackChunkName: "fail" */ '@/views/exception/403'),
//   'Exception404': () => import(/* webpackChunkName: "fail" */ '@/views/exception/404'),
//   'Exception500': () => import(/* webpackChunkName: "fail" */ '@/views/exception/500'),

//   // account
//   'AccountCenter': () => import('@/views/account/center'),
//   'AccountSettings': () => import('@/views/account/settings/Index'),
//   'BaseSettings': () => import('@/views/account/settings/BaseSetting'),
//   'SecuritySettings': () => import('@/views/account/settings/Security'),
//   'CustomSettings': () => import('@/views/account/settings/Custom'),
//   'BindingSettings': () => import('@/views/account/settings/Binding'),
//   'NotificationSettings': () => import('@/views/account/settings/Notification')

//   // 'TestWork': () => import(/* webpackChunkName: "TestWork" */ '@/views/dashboard/TestWork')
// }

// 前端未找到页面路由（固定不用改）
const notFoundRouter = {
  path: '*', redirect: '/404', hidden: true
}

// 根级菜单
const rootRouter = {
  key: '',
  name: 'index',
  path: '/',
  component: 'BasicLayout',
  redirect: '/home',
  meta: {
    title: '首页'
  },
  children: []
}

/**
 * 动态生成菜单
 * @param token
 * @returns {Promise<Router>}
 */
// export const generatorDynamicRouter = (token) => {
//   return new Promise((resolve, reject) => {
//     loginService.getCurrentUserNav(token).then(res => {
//       console.log('res', res)
//       const { result } = res
//       const menuNav = []
//       const childrenNav = []
//       //      后端数据, 根级树数组,  根级 PID
//       listToTree(result, childrenNav, 0)
//       rootRouter.children = childrenNav
//       menuNav.push(rootRouter)
//       console.log('menuNav', menuNav)
//       const routers = generator(menuNav)
//       routers.push(notFoundRouter)
//       console.log('routers', routers)
//       resolve(routers)
//     }).catch(err => {
//       reject(err)
//     })
//   })
// }

export const generatorDynamicRouter1 = (res) => {
  return new Promise((resolve) => {
      console.log('res', res)
      const menuNav = []
      const childrenNav = []
      //      后端数据, 根级树数组,  根级 PID
      listToTree(res.res, childrenNav, '00000000-0000-0000-0000-000000000000')
      rootRouter.children = childrenNav
      menuNav.push(rootRouter)
      // console.log('menuNav', menuNav)
      const routers = generator(menuNav)
      routers.push(notFoundRouter)
      // console.log('routers', routers)
      resolve(routers)
  })
}

/**
 * 格式化树形结构数据 生成 vue-router 层级路由表
 *
 * @param routerMap
 * @param parent
 * @returns {*}
 */
export const generator = (routerMap, parent) => {
  return routerMap.map(item => {
    const { title, show, hideChildren, hiddenHeaderContent, target, icon } = item.meta || {}
    var comp = item.component === 'BasicLayout' ? BasicLayout : (item.component === 'BlankLayout' ? BlankLayout : (item.component === 'RouteView' ? RouteView : (item.component === 'PageView' ? PageView : '')))
    const currentRouter = {
      // 如果路由设置了 path，则作为默认 path，否则 路由地址 动态拼接生成如 /dashboard/workplace
      path: item.path || `${parent && parent.path || ''}/${item.key}`,
      // 路由名称，建议唯一
      name: item.name || item.key || '',
      // 该路由对应页面的 组件 :方案1
      // component: constantRouterComponents[item.component || item.key],
      // 该路由对应页面的 组件 :方案2 (动态加载)
      component: comp !== '' ? comp : () => import(`@/views/${item.component}`),

      // meta: 页面标题, 菜单图标, 页面权限(供指令权限用，可去掉)
      meta: {
        title: title,
        icon: icon || undefined,
        hiddenHeaderContent: hiddenHeaderContent,
        target: target,
        permission: item.name
      }
    }
    // 是否设置了隐藏菜单
    if (show === false) {
      currentRouter.hidden = true
    }
    // 是否设置了隐藏子菜单
    if (hideChildren) {
      currentRouter.hideChildrenInMenu = true
    }
    // 为了防止出现后端返回结果不规范，处理有可能出现拼接出两个 反斜杠
    if (!currentRouter.path.startsWith('http')) {
      currentRouter.path = currentRouter.path.replace('//', '/')
    }
    // 重定向
    item.redirect && (currentRouter.redirect = item.redirect)
    // 是否有子菜单，并递归处理
    if (item.children && item.children.length > 0) {
      // Recursion
      currentRouter.children = generator(item.children, currentRouter)
    }
    return currentRouter
  })
}

/**
 * 数组转树形结构
 * @param list 源数组
 * @param tree 树
 * @param parentId 父ID
 */
const listToTree = (list, tree, parentId) => {
  list.forEach(item => {
    // 判断是否为父级菜单
    if (item.parentid === parentId) {
      const child = {
        ...item,
        meta: item.meta || {},
        key: item.key || item.name,
        children: item.children
      }
      // 迭代 list， 找到当前菜单相符合的所有子菜单
      listToTree(list, child.children, item.key)
      // 删掉不存在 children 值的属性
      if (child.children.length <= 0) {
        delete child.children
      }
      // 加入到树中
      tree.push(child)
    }
  })
}
