UP work控制台
This commit is contained in:
parent
7205ee07e7
commit
50dcaa096b
|
|
@ -1,15 +1,29 @@
|
|||
<template>
|
||||
<el-main>
|
||||
<el-alert title="根据角色配置,可让不同角色访问不同的控制台,参数值在登录成功后返回 dashboard:{type}" type="success" style="margin-bottom:20px;"></el-alert>
|
||||
<el-alert title="根据角色配置,可让不同角色访问不同的控制台视图,参数值在登录成功后返回 dashboard:{type}" type="success" style="margin-bottom:20px;"></el-alert>
|
||||
<el-row :gutter="15">
|
||||
<el-col :span="24">
|
||||
<el-card shadow="never" header="当前用户权限">
|
||||
<el-tag v-if="$HAS('user.add')">user.add</el-tag>
|
||||
<el-tag v-if="$HAS('user.edit')">user.edit</el-tag>
|
||||
<el-tag v-if="$HAS('user.delete')">user.delete</el-tag>
|
||||
<el-tag v-if="$HAS('list.add')">list.add</el-tag>
|
||||
<el-tag v-if="$HAS('list.edit')">list.edit</el-tag>
|
||||
<el-tag v-if="$HAS('list.delete')">list.delete</el-tag>
|
||||
<el-card shadow="never" header="模板">
|
||||
<ul class="item-list">
|
||||
<li>
|
||||
<router-link :to="{ path: '/template/blank' }">
|
||||
<i class="el-icon-folder" style="background: #409EFF;"></i>
|
||||
<p>空白模板</p>
|
||||
</router-link>
|
||||
</li>
|
||||
<li>
|
||||
<router-link :to="{ path: '/template/chartlist' }">
|
||||
<i class="el-icon-data-analysis" style="background: #67C23A;"></i>
|
||||
<p>统计列表</p>
|
||||
</router-link>
|
||||
</li>
|
||||
<li>
|
||||
<router-link :to="{ path: '/template/calendar' }">
|
||||
<i class="el-icon-date" style="background: #c71585;"></i>
|
||||
<p>日历计划</p>
|
||||
</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
|
@ -25,6 +39,7 @@
|
|||
this.$emit('on-mounted')
|
||||
},
|
||||
methods: {
|
||||
//获取当前用户可操作菜单
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -32,5 +47,10 @@
|
|||
|
||||
<style scoped>
|
||||
.el-row {margin-bottom:15px;}
|
||||
.el-tag+.el-tag {margin-left: 10px;}
|
||||
.item-list {display: flex;flex-wrap:wrap;}
|
||||
.item-list li {list-style: none;text-align: center;}
|
||||
.item-list li a {padding:20px;border-radius: 5px;cursor: pointer;display: inline-block;}
|
||||
.item-list li i {width:70px;height:70px;border-radius: 28px;font-size: 25px;color: #fff;background: #ddd;display: flex;justify-content: center;align-items: center;}
|
||||
.item-list li p {margin-top: 15px;color: #555;}
|
||||
.item-list li a:hover {background: #ecf5ff;}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -89,9 +89,9 @@
|
|||
'#ff4500',
|
||||
'#ff8c00',
|
||||
'#ffd700',
|
||||
'#90ee90',
|
||||
'#67C23A',
|
||||
'#00ced1',
|
||||
'#1e90ff',
|
||||
'#409EFF',
|
||||
'#c71585'
|
||||
],
|
||||
rules: {},
|
||||
|
|
|
|||
|
|
@ -30,6 +30,15 @@
|
|||
<el-tag>Vue</el-tag>
|
||||
<el-tag>Photoshop</el-tag>
|
||||
</el-space>
|
||||
<h2>当前账号权限</h2>
|
||||
<el-space wrap>
|
||||
<el-tag v-if="$HAS('user.add')">user.add</el-tag>
|
||||
<el-tag v-if="$HAS('user.edit')">user.edit</el-tag>
|
||||
<el-tag v-if="$HAS('user.delete')">user.delete</el-tag>
|
||||
<el-tag v-if="$HAS('list.add')">list.add</el-tag>
|
||||
<el-tag v-if="$HAS('list.edit')">list.edit</el-tag>
|
||||
<el-tag v-if="$HAS('list.delete')">list.delete</el-tag>
|
||||
</el-space>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
|
|
|||
Loading…
Reference in New Issue