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()
}
})