From 6210499d609c33598041f25ae6055c1912b92808 Mon Sep 17 00:00:00 2001
From: sc <shencheng@heronshn.com>
Date: Wed, 9 Jun 2021 13:11:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A7=E5=88=B6=E5=8F=B0=E6=A0=B9=E6=8D=AE?=
 =?UTF-8?q?=E8=A7=92=E8=89=B2=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/index.vue                      | 81 ++++--------------
 src/views/home/{ => stats}/components/C1.vue  |  0
 src/views/home/{ => stats}/components/C2.vue  |  0
 src/views/home/{ => stats}/components/C3.vue  |  0
 src/views/home/{ => stats}/components/C4.vue  |  0
 .../home/{ => stats}/components/index.js      |  0
 src/views/home/{ => stats}/gridLayout.vue     |  0
 src/views/home/stats/index.vue                | 84 +++++++++++++++++++
 src/views/home/work/index.vue                 |  9 ++
 src/views/setting/role/permission.vue         | 23 ++++-
 10 files changed, 129 insertions(+), 68 deletions(-)
 rename src/views/home/{ => stats}/components/C1.vue (100%)
 rename src/views/home/{ => stats}/components/C2.vue (100%)
 rename src/views/home/{ => stats}/components/C3.vue (100%)
 rename src/views/home/{ => stats}/components/C4.vue (100%)
 rename src/views/home/{ => stats}/components/index.js (100%)
 rename src/views/home/{ => stats}/gridLayout.vue (100%)
 create mode 100644 src/views/home/stats/index.vue
 create mode 100644 src/views/home/work/index.vue

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 9baa5567..c0bb0401 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,84 +1,31 @@
 <template>
-	<el-main>
-		<el-row :gutter="15">
-			<el-col :span="24">
-				<el-card shadow="never">
-					<div class="welTop">
-						<div class="icon">
-							<el-avatar :size="60" src="img/avatar.jpg"></el-avatar>
-						</div>
-						<div class="main">
-							<h2>嗨~ admin，忙碌了一上午，记得吃午饭哦。</h2>
-							<p>最近更新：动态面包屑，外部链接，Iframe链接等</p>
-						</div>
-						<div class="icons hidden-sm-and-down">
-							<div class="avatar-list">
-								<el-tooltip content="Sakuya" placement="top">
-									<el-avatar class="avatar" :size="30" src="img/avatar.jpg"></el-avatar>
-								</el-tooltip>
-								<el-tooltip content="Lolowan" placement="top">
-									<el-avatar class="avatar" :size="30" src="img/avatar2.gif"></el-avatar>
-								</el-tooltip>
-								<el-tooltip content="Ali" placement="top">
-									<el-avatar class="avatar" :size="30" src="img/avatar3.gif"></el-avatar>
-								</el-tooltip>
-							</div>
-							<p>Participants</p>
-						</div>
-					</div>
-				</el-card>
-			</el-col>
-		</el-row>
-
-		<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>
-			</el-col>
-		</el-row>
-
-		<gridLayout></gridLayout>
-
-	</el-main>
+	<work v-if="dashboard=='1'"></work>
+	<stats v-else></stats>
 </template>
 
 <script>
-	import gridLayout from './gridLayout'
+	import { defineAsyncComponent } from 'vue';
+	const stats = defineAsyncComponent(() => import('./stats'));
+	const work = defineAsyncComponent(() => import('./work'));
+
 	export default {
-		name: "dashboard",
 		components: {
-			gridLayout
+			stats,
+			work
 		},
-		data() {
-			return {}
+		data(){
+			return {
+				dashboard: ''
+			}
 		},
 		mounted(){
-
+			this.dashboard = this.$TOOL.data.get("user").dashboard;
 		},
 		methods: {
 
 		}
-
 	}
 </script>
 
-<style scoped>
-	.el-row {margin-bottom:15px;}
-	.el-tag+.el-tag {margin-left: 10px;}
-
-
-	.welTop {display: flex;}
-	.welTop .main {margin-left:20px;}
-	.welTop .main h2 {font-size: 20px;color: #3c4a54;}
-	.welTop .main p {color: #999;margin-top:10px;line-height: 1.8;}
-	.welTop .icons {margin-left:auto;text-align: center;}
-	.welTop .icons p {font-size: 12px;}
-	.avatar-list .avatar {margin-left: -10px;border: 3px solid #fff;cursor: pointer;}
-
+<style>
 </style>
diff --git a/src/views/home/components/C1.vue b/src/views/home/stats/components/C1.vue
similarity index 100%
rename from src/views/home/components/C1.vue
rename to src/views/home/stats/components/C1.vue
diff --git a/src/views/home/components/C2.vue b/src/views/home/stats/components/C2.vue
similarity index 100%
rename from src/views/home/components/C2.vue
rename to src/views/home/stats/components/C2.vue
diff --git a/src/views/home/components/C3.vue b/src/views/home/stats/components/C3.vue
similarity index 100%
rename from src/views/home/components/C3.vue
rename to src/views/home/stats/components/C3.vue
diff --git a/src/views/home/components/C4.vue b/src/views/home/stats/components/C4.vue
similarity index 100%
rename from src/views/home/components/C4.vue
rename to src/views/home/stats/components/C4.vue
diff --git a/src/views/home/components/index.js b/src/views/home/stats/components/index.js
similarity index 100%
rename from src/views/home/components/index.js
rename to src/views/home/stats/components/index.js
diff --git a/src/views/home/gridLayout.vue b/src/views/home/stats/gridLayout.vue
similarity index 100%
rename from src/views/home/gridLayout.vue
rename to src/views/home/stats/gridLayout.vue
diff --git a/src/views/home/stats/index.vue b/src/views/home/stats/index.vue
new file mode 100644
index 00000000..9baa5567
--- /dev/null
+++ b/src/views/home/stats/index.vue
@@ -0,0 +1,84 @@
+<template>
+	<el-main>
+		<el-row :gutter="15">
+			<el-col :span="24">
+				<el-card shadow="never">
+					<div class="welTop">
+						<div class="icon">
+							<el-avatar :size="60" src="img/avatar.jpg"></el-avatar>
+						</div>
+						<div class="main">
+							<h2>嗨~ admin，忙碌了一上午，记得吃午饭哦。</h2>
+							<p>最近更新：动态面包屑，外部链接，Iframe链接等</p>
+						</div>
+						<div class="icons hidden-sm-and-down">
+							<div class="avatar-list">
+								<el-tooltip content="Sakuya" placement="top">
+									<el-avatar class="avatar" :size="30" src="img/avatar.jpg"></el-avatar>
+								</el-tooltip>
+								<el-tooltip content="Lolowan" placement="top">
+									<el-avatar class="avatar" :size="30" src="img/avatar2.gif"></el-avatar>
+								</el-tooltip>
+								<el-tooltip content="Ali" placement="top">
+									<el-avatar class="avatar" :size="30" src="img/avatar3.gif"></el-avatar>
+								</el-tooltip>
+							</div>
+							<p>Participants</p>
+						</div>
+					</div>
+				</el-card>
+			</el-col>
+		</el-row>
+
+		<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>
+			</el-col>
+		</el-row>
+
+		<gridLayout></gridLayout>
+
+	</el-main>
+</template>
+
+<script>
+	import gridLayout from './gridLayout'
+	export default {
+		name: "dashboard",
+		components: {
+			gridLayout
+		},
+		data() {
+			return {}
+		},
+		mounted(){
+
+		},
+		methods: {
+
+		}
+
+	}
+</script>
+
+<style scoped>
+	.el-row {margin-bottom:15px;}
+	.el-tag+.el-tag {margin-left: 10px;}
+
+
+	.welTop {display: flex;}
+	.welTop .main {margin-left:20px;}
+	.welTop .main h2 {font-size: 20px;color: #3c4a54;}
+	.welTop .main p {color: #999;margin-top:10px;line-height: 1.8;}
+	.welTop .icons {margin-left:auto;text-align: center;}
+	.welTop .icons p {font-size: 12px;}
+	.avatar-list .avatar {margin-left: -10px;border: 3px solid #fff;cursor: pointer;}
+
+</style>
diff --git a/src/views/home/work/index.vue b/src/views/home/work/index.vue
new file mode 100644
index 00000000..8faa7157
--- /dev/null
+++ b/src/views/home/work/index.vue
@@ -0,0 +1,9 @@
+<template>
+	work
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
diff --git a/src/views/setting/role/permission.vue b/src/views/setting/role/permission.vue
index 154bce30..e79565b7 100644
--- a/src/views/setting/role/permission.vue
+++ b/src/views/setting/role/permission.vue
@@ -15,6 +15,16 @@
 				<el-tree ref="type" node-key="name" :data="type.list" :default-checked-keys="type.checked" :props="type.props" show-checkbox></el-tree>
 			</div>
 		</el-tab-pane>
+		<el-tab-pane label="控制台">
+			<el-form label-width="100px" label-position="left">
+				<el-form-item label="控制台视图">
+					<el-select v-model="dashboard" placeholder="请选择">
+						<el-option v-for="item in dashboardOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
+					</el-select>
+					<div class="el-form-item-msg">用于控制角色登录后控制台的视图</div>
+				</el-form-item>
+			</el-form>
+		</el-tab-pane>
 	</el-tabs>
 </template>
 
@@ -40,7 +50,18 @@
 					list: [],
 					checked: [],
 					props: {}
-				}
+				},
+				dashboard: "0",
+				dashboardOptions: [
+					{
+						value: '0',
+						label: '数据统计'
+					},
+					{
+						value: '1',
+						label: '工作台'
+					},
+				]
 			}
 		},
 		mounted() {