2020-08-14echarts图表和菜单权限

1 echart图表

昨天已经成功引入了echart，今天主要是做把从服务端获取的数据渲染上去

dataset:{
     source:this.deviceList //这是服务端数据[{value: "0", date: "2020-08-14 16:34:47", deviceid: "5f1d65ed23f3756af19022eb",…},...]
},
series: [{
    name: this.chartTitle,
    type: 'line',
    encode:{x:'date',y:'value'} //x轴对应的数据为：dataset中数组中，键为date的值
    //此处也可用下标如x：0，来对应，但由于键值对是无序的，用键获取数据更不容易出错
}]

2 菜单权限

1 在登录成功后，将该用户对应的菜单存入store中
2 用路由的导航守卫，在跳转路由时，进行拦截(main.js)

router.beforeEach((to, from, next) => {
    if(to.name !== 'login' && to.name !== 'index'){
        if(store.state.menuList==""){//还未登录没有初始化有权限的菜单项时，返回到登录页
            next({ path: '/' })
        }else{//判断当前账号有无此菜单权限，有则继续，无则返回到登录页并提示错误
            var isAuthenticated = store.state.menuList.some(item=>item.path == to.path)
            if(isAuthenticated){
                next()
            }else{
                next({path:'/'})
                Httputils.showToast(0,'地址错误或没有访问权限')
            }
        }
    }else{//不需要进行权限判断的页面，直接跳转路由
        next()
    }
})