由于代码写得实在太烂了所以有必要解释一下权限是如何管理的
### 路由配置
[router/index.js](router/index.js)路由配置`meta`属性中的`roles`属性为权限控制标识，`func`属性为元素的权限控制。
```json
{
  path: 'dashboard',
    component: () => import('@/views/dashboard/index'),
    name: 'Dashboard',
    meta: {
    title: '首页看板',
      icon: 'el-icon-house',
      roles: 'dashboard',//roles为权限控制标识
      func: [
      {
        name: '头部概览',//这里是更为细化的控制
        roles: 'dashboard.head'
      }
    ]
  }
}
```

### `v-permission`指令
如果某个元素需要被权限控制，使用以下方式。需要注意的是非'relative','absolute','sticky'定位的元素，都会被替换为'relative'
```vue
<div v-permission="'权限标识'"></div>
```

### 那如何控制呢
在[permission.js](permission.js)文件中第一行export的就是了，目前写死了。通过增删数组内的权限标识就能控制不同套餐的权限。