UP work控制台

src/views/home/work/index.vue

@@ -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-card shadow="never" header="模板">
-					<el-tag v-if="$HAS('user.add')">user.add</el-tag>
+					<ul class="item-list">
-					<el-tag v-if="$HAS('user.edit')">user.edit</el-tag>
+						<li>
-					<el-tag v-if="$HAS('user.delete')">user.delete</el-tag>
+							<router-link :to="{ path: '/template/blank' }">
-					<el-tag v-if="$HAS('list.add')">list.add</el-tag>
+								<i class="el-icon-folder" style="background: #409EFF;"></i>
-					<el-tag v-if="$HAS('list.edit')">list.edit</el-tag>
+								<p>空白模板</p>
-					<el-tag v-if="$HAS('list.delete')">list.delete</el-tag>
+							</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>

src/views/setting/menu/save.vue

@@ -89,9 +89,9 @@
 					'#ff4500',
 					'#ff8c00',
 					'#ffd700',
-					'#90ee90',
+					'#67C23A',
 					'#00ced1',
-					'#1e90ff',
+					'#409EFF',
 					'#c71585'
 				],
 				rules: {},

src/views/userCenter/index.vue

@@ -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>