From 96ef60c28981d43f5b6d8a4ee13ff5a70959e0b7 Mon Sep 17 00:00:00 2001
From: bunny <1319900154@qq.com>
Date: Sun, 18 Feb 2024 16:31:36 +0800
Subject: [PATCH] =?UTF-8?q?page:=20=E6=96=B0=E5=A2=9E=E9=A1=B5=E9=9D=A2:?=
 =?UTF-8?q?=20=F0=9F=93=84=20=E6=95=B0=E6=8D=AE=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/index.scss      |  2 +-
 src/commpent/main.vue          | 41 ---------------------------------
 src/router/index.ts            |  7 ++++++
 src/views/layout.vue           |  9 ++++++--
 src/views/login/index.vue      |  1 -
 src/views/statistics/index.vue | 42 ++++++++++++++++++++++++++++++++++
 6 files changed, 57 insertions(+), 45 deletions(-)
 delete mode 100644 src/commpent/main.vue
 create mode 100644 src/views/statistics/index.vue

diff --git a/src/assets/css/index.scss b/src/assets/css/index.scss
index 366dbba..354121f 100644
--- a/src/assets/css/index.scss
+++ b/src/assets/css/index.scss
@@ -42,7 +42,7 @@
 
 :root {
   color-scheme: light;
-  --el-color-white: #ffffff;
+  --el-color-white: #000205;
   --el-color-black: #000000;
   --el-color-primary: #ffc100;
   --el-color-primary-light-3: #efc54b;
diff --git a/src/commpent/main.vue b/src/commpent/main.vue
deleted file mode 100644
index fc33842..0000000
--- a/src/commpent/main.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-	<el-row class="mb-4">
-		<el-button>Default</el-button>
-		<el-button type="primary">Primary</el-button>
-		<el-button type="success">Success</el-button>
-		<el-button type="info">Info</el-button>
-		<el-button type="warning">Warning</el-button>
-		<el-button type="danger">Danger</el-button>
-	</el-row>
-
-	<el-row class="mb-4">
-		<el-button plain>Plain</el-button>
-		<el-button plain type="primary">Primary</el-button>
-		<el-button plain type="success">Success</el-button>
-		<el-button plain type="info">Info</el-button>
-		<el-button plain type="warning">Warning</el-button>
-		<el-button plain type="danger">Danger</el-button>
-	</el-row>
-
-	<el-row class="mb-4">
-		<el-button round>Round</el-button>
-		<el-button round type="primary">Primary</el-button>
-		<el-button round type="success">Success</el-button>
-		<el-button round type="info">Info</el-button>
-		<el-button round type="warning">Warning</el-button>
-		<el-button round type="danger">Danger</el-button>
-	</el-row>
-
-	<el-row>
-		<el-button :icon="Search" circle />
-		<el-button :icon="Edit" circle type="primary" />
-		<el-button :icon="Check" circle type="success" />
-		<el-button :icon="Message" circle type="info" />
-		<el-button :icon="Star" circle type="warning" />
-		<el-button :icon="Delete" circle type="danger" />
-	</el-row>
-</template>
-
-<script lang="ts" setup>
-import { Check, Delete, Edit, Message, Search, Star } from '@element-plus/icons-vue';
-</script>
diff --git a/src/router/index.ts b/src/router/index.ts
index 1d447fe..638b71c 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -5,6 +5,13 @@ const routes: Array<RouteRecordRaw> = [
 		path: '/',
 		name: 'layout',
 		component: () => import(/* webpackChunkName: "Layout" */ '@/views/layout.vue'),
+		children: [
+			{
+				path: 'statistics',
+				name: 'statistics',
+				component: () => import(/* webpackChunkName: "login" */ '@/views/statistics/index.vue'),
+			},
+		],
 	},
 	{
 		path: '/login',
diff --git a/src/views/layout.vue b/src/views/layout.vue
index a424a05..4b3f11f 100644
--- a/src/views/layout.vue
+++ b/src/views/layout.vue
@@ -12,7 +12,7 @@
 				</el-header>
 				<!--主体部分-->
 				<el-main>
-					<Main />
+					<RouterView />
 				</el-main>
 			</el-container>
 		</el-container>
@@ -21,7 +21,6 @@
 <script lang="ts" setup>
 import Header from '@/commpent/header/index.vue';
 import Aside from '@/commpent/aside.vue';
-import Main from '@/commpent/main.vue';
 </script>
 
 <style lang="scss" scoped>
@@ -30,4 +29,10 @@ import Main from '@/commpent/main.vue';
 .el-aside {
 	height: 100vh;
 }
+
+.el-main {
+	width: 100%;
+	height: 100%;
+	background-color: #f3f4f7;
+}
 </style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 22f23df..69e37ed 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -117,7 +117,6 @@ const submitForm = async (formEl: FormInstance | undefined) => {
 
 	.login-btn {
 		width: 100%;
-		color: #1f1f1f;
 		border-radius: 25px;
 	}
 }
diff --git a/src/views/statistics/index.vue b/src/views/statistics/index.vue
new file mode 100644
index 0000000..7f7005f
--- /dev/null
+++ b/src/views/statistics/index.vue
@@ -0,0 +1,42 @@
+<template>
+	<div class="statistics-top">
+		<div class="statistics-select">
+			<el-radio-group v-model="radio" size="large">
+				<el-radio-button label="昨日" />
+				<el-radio-button label="近七日" />
+				<el-radio-button label="近30日" />
+				<el-radio-button label="本周" />
+				<el-radio-button label="本月" />
+			</el-radio-group>
+			<span class="get-time">已选时间：2024-02-11 至 2024-02-17</span>
+		</div>
+		<div class="statistics-export">
+			<el-button :icon="Upload" size="large">数据导出</el-button>
+		</div>
+	</div>
+
+	<div class="charts"></div>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { Upload } from '@element-plus/icons-vue';
+
+const radio = ref('昨日');
+</script>
+
+<style lang="scss" scoped>
+.statistics-top {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+	.statistics-select {
+		display: flex;
+		align-items: center;
+
+		.get-time {
+			margin: 0 0 0 20px;
+		}
+	}
+}
+</style>