mirror of https://github.com/halo-dev/halo-admin
Remove useless files.
ruibaby
parent
f4be397281
commit
abd4804710
|
|
@ -1,64 +0,0 @@
|
||||||
# AvatarList 用户头像列表
|
|
||||||
|
|
||||||
|
|
||||||
一组用户头像，常用在项目/团队成员列表。可通过设置 `size` 属性来指定头像大小。
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
引用方式：
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
import AvatarList from '@/components/AvatarList'
|
|
||||||
const AvatarListItem = AvatarList.AvatarItem
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
AvatarList,
|
|
||||||
AvatarListItem
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 代码演示 [demo](https://pro.loacg.com/test/home)
|
|
||||||
|
|
||||||
```html
|
|
||||||
<avatar-list size="mini">
|
|
||||||
<avatar-list-item tips="Jake" src="https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png" />
|
|
||||||
<avatar-list-item tips="Andy" src="https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png" />
|
|
||||||
<avatar-list-item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
|
|
||||||
</avatar-list>
|
|
||||||
```
|
|
||||||
或
|
|
||||||
```html
|
|
||||||
<avatar-list :max-length="3">
|
|
||||||
<avatar-list-item tips="Jake" src="https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png" />
|
|
||||||
<avatar-list-item tips="Andy" src="https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png" />
|
|
||||||
<avatar-list-item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
|
|
||||||
<avatar-list-item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
|
|
||||||
<avatar-list-item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
|
|
||||||
<avatar-list-item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
|
|
||||||
<avatar-list-item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
|
|
||||||
</avatar-list>
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## API
|
|
||||||
|
|
||||||
### AvatarList
|
|
||||||
|
|
||||||
| 参数 | 说明 | 类型 | 默认值 |
|
|
||||||
| ---------------- | -------- | ---------------------------------- | --------- |
|
|
||||||
| size | 头像大小 | `large`、`small` 、`mini`, `default` | `default` |
|
|
||||||
| maxLength | 要显示的最大项目 | number | - |
|
|
||||||
| excessItemsStyle | 多余的项目风格 | CSSProperties | - |
|
|
||||||
|
|
||||||
### AvatarList.Item
|
|
||||||
|
|
||||||
| 参数 | 说明 | 类型 | 默认值 |
|
|
||||||
| ---- | ------ | --------- | --- |
|
|
||||||
| tips | 头像展示文案 | string | - |
|
|
||||||
| src | 头像图片连接 | string | - |
|
|
||||||
|
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
export default {
|
export default {
|
||||||
primaryColor: '#1890FF', // primary color of ant design
|
primaryColor: '#1890FF', // primary color of ant design
|
||||||
navTheme: 'light', // theme for nav menu
|
navTheme: 'light', // theme for nav menu
|
||||||
layout: 'sidemenu', // nav menu position: sidemenu or topmenu
|
layout: 'topmenu', // nav menu position: sidemenu or topmenu
|
||||||
contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu
|
contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu
|
||||||
fixedHeader: false, // sticky header
|
fixedHeader: false, // sticky header
|
||||||
fixSiderbar: false, // sticky siderbar
|
fixSiderbar: false, // sticky siderbar
|
||||||
|
|
|
||||||
|
|
@ -1,138 +0,0 @@
|
||||||
路由/菜单说明
|
|
||||||
====
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
配置文件路径
|
|
||||||
----
|
|
||||||
|
|
||||||
`@/config/router.config.js`
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
格式和说明
|
|
||||||
----
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
/**
|
|
||||||
* 路由配置说明：
|
|
||||||
* 建议：sider menu 请不要超过三级菜单，若超过三级菜单，则应该设计为顶部主菜单 配合左侧次级菜单
|
|
||||||
*
|
|
||||||
**/
|
|
||||||
{
|
|
||||||
redirect: noredirect,
|
|
||||||
name: 'router-name',
|
|
||||||
hidden: true,
|
|
||||||
meta: {
|
|
||||||
title: 'title',
|
|
||||||
icon: 'a-icon',
|
|
||||||
keepAlive: true,
|
|
||||||
hiddenHeaderContent: true,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
`{ Route }` 对象
|
|
||||||
|
|
||||||
| 参数 | 说明 | 类型 | 默认值 |
|
|
||||||
| ------------------ | ------------------------------------------------- | ------- | ------ |
|
|
||||||
| hidden | 控制路由是否显示在 sidebar | boolean | false |
|
|
||||||
| redirect | 重定向地址, 访问这个路由时,自定进行重定向 | string | - |
|
|
||||||
| name | 路由名称, 必须设置,且不能重名 | string | - |
|
|
||||||
| meta | 路由元信息（路由附带扩展信息） | object | {} |
|
|
||||||
| hideChildrenInMenu | 强制菜单显示为Item而不是SubItem(配合 meta.hidden) | boolean | - |
|
|
||||||
|
|
||||||
|
|
||||||
`{ Meta }` 路由元信息对象
|
|
||||||
|
|
||||||
| 参数 | 说明 | 类型 | 默认值 |
|
|
||||||
| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | ------ |
|
|
||||||
| title | 路由标题, 用于显示面包屑, 页面标题 *推荐设置 | string | - |
|
|
||||||
| icon | 路由在 menu 上显示的图标 | [string,svg] | - |
|
|
||||||
| keepAlive | 缓存该路由 | boolean | false |
|
|
||||||
| hidden | 配合`alwaysShow`使用，用于隐藏菜单时，提供递归到父菜单显示 选中菜单项_（可参考 个人页 配置方式）_ | boolean | false |
|
|
||||||
| hiddenHeaderContent | *特殊 隐藏 [PageHeader](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/layout/PageHeader.vue#L14) 组件中的页面带的 面包屑和页面标题栏 | boolean | false |
|
|
||||||
| permission | 与项目提供的权限拦截匹配的权限，如果不匹配，则会被禁止访问该路由页面 | array | [] |
|
|
||||||
|
|
||||||
> 路由自定义 `Icon` 请引入自定义 `svg` Icon 文件，然后传递给路由的 `meta.icon` 参数即可
|
|
||||||
|
|
||||||
路由例子
|
|
||||||
----
|
|
||||||
|
|
||||||
```ecmascript 6
|
|
||||||
const asyncRouterMap = [
|
|
||||||
{
|
|
||||||
path: '/',
|
|
||||||
name: 'index',
|
|
||||||
component: BasicLayout,
|
|
||||||
meta: { title: '首页' },
|
|
||||||
redirect: '/dashboard/analysis',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: '/dashboard',
|
|
||||||
component: Layout,
|
|
||||||
name: 'dashboard',
|
|
||||||
redirect: '/dashboard/workplace',
|
|
||||||
meta: {title: '仪表盘', icon: 'dashboard', permission: ['dashboard']},
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: '/dashboard/analysis',
|
|
||||||
name: 'Analysis',
|
|
||||||
component: () => import('@/views/dashboard/Analysis'),
|
|
||||||
meta: {title: '分析页', permission: ['dashboard']}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/dashboard/monitor',
|
|
||||||
name: 'Monitor',
|
|
||||||
hidden: true,
|
|
||||||
component: () => import('@/views/dashboard/Monitor'),
|
|
||||||
meta: {title: '监控页', permission: ['dashboard']}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/dashboard/workplace',
|
|
||||||
name: 'Workplace',
|
|
||||||
component: () => import('@/views/dashboard/Workplace'),
|
|
||||||
meta: {title: '工作台', permission: ['dashboard']}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
|
|
||||||
// result
|
|
||||||
{
|
|
||||||
path: '/result',
|
|
||||||
name: 'result',
|
|
||||||
component: PageView,
|
|
||||||
redirect: '/result/success',
|
|
||||||
meta: { title: '结果页', icon: 'check-circle-o', permission: [ 'result' ] },
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: '/result/success',
|
|
||||||
name: 'ResultSuccess',
|
|
||||||
component: () => import(/* webpackChunkName: "result" */ '@/views/result/Success'),
|
|
||||||
// 该页面隐藏面包屑和页面标题栏
|
|
||||||
meta: { title: '成功', hiddenHeaderContent: true, permission: [ 'result' ] }
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: '/result/fail',
|
|
||||||
name: 'ResultFail',
|
|
||||||
component: () => import(/* webpackChunkName: "result" */ '@/views/result/Error'),
|
|
||||||
// 该页面隐藏面包屑和页面标题栏
|
|
||||||
meta: { title: '失败', hiddenHeaderContent: true, permission: [ 'result' ] }
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
...
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
```
|
|
||||||
|
|
||||||
> 1. 请注意 `component: () => import('..')` 方式引入路由的页面组件为 懒加载模式。具体可以看 [Vue 官方文档](https://router.vuejs.org/zh/guide/advanced/lazy-loading.html)
|
|
||||||
> 2. 增加新的路由应该增加在 '/' (index) 路由的 `children` 内
|
|
||||||
> 3. `permission` 可以进行自定义修改，只需要对这个模块进行自定义修改即可 [src/store/modules/permission.js#L10](https://github.com/sendya/ant-design-pro-vue/blob/master/src/store/modules/permission.js#L10)
|
|
||||||
|
|
||||||
附权限路由结构：
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,57 +0,0 @@
|
||||||
const PERMISSION_ENUM = {
|
|
||||||
add: { key: 'add', label: '新增' },
|
|
||||||
delete: { key: 'delete', label: '删除' },
|
|
||||||
edit: { key: 'edit', label: '修改' },
|
|
||||||
query: { key: 'query', label: '查询' },
|
|
||||||
get: { key: 'get', label: '详情' },
|
|
||||||
enable: { key: 'enable', label: '启用' },
|
|
||||||
disable: { key: 'disable', label: '禁用' },
|
|
||||||
import: { key: 'import', label: '导入' },
|
|
||||||
export: { key: 'export', label: '导出' }
|
|
||||||
}
|
|
||||||
|
|
||||||
function plugin(Vue) {
|
|
||||||
if (plugin.installed) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
!Vue.prototype.$auth &&
|
|
||||||
Object.defineProperties(Vue.prototype, {
|
|
||||||
$auth: {
|
|
||||||
get() {
|
|
||||||
const _this = this
|
|
||||||
return permissions => {
|
|
||||||
const [permission, action] = permissions.split('.')
|
|
||||||
const permissionList = _this.$store.getters.roles.permissions
|
|
||||||
permissionList
|
|
||||||
.find(val => {
|
|
||||||
return val.permissionId === permission
|
|
||||||
})
|
|
||||||
.actionList.findIndex(val => {
|
|
||||||
return val === action
|
|
||||||
})
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
!Vue.prototype.$enum &&
|
|
||||||
Object.defineProperties(Vue.prototype, {
|
|
||||||
$enum: {
|
|
||||||
get() {
|
|
||||||
// const _this = this;
|
|
||||||
return val => {
|
|
||||||
let result = PERMISSION_ENUM
|
|
||||||
val &&
|
|
||||||
val.split('.').forEach(v => {
|
|
||||||
result = (result && result[v]) || null
|
|
||||||
})
|
|
||||||
return result
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export default plugin
|
|
||||||
|
|
@ -60,7 +60,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
importWordPress() {
|
importWordPress() {
|
||||||
this.$message.info('程序猿正在努力开发呢！');
|
this.$message.info('程序猿正在努力开发呢！')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue