From f1dcfd97e48dcfb92ae5da1420567d7b484121aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=97=B5=E5=AE=AA=E7=91=9E?=
 <9198107+min-xianrui@user.noreply.gitee.com>
Date: Wed, 8 Jan 2025 16:46:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/logo.png                    | Bin 0 -> 2287 bytes
 src/components/nav/Navigation1.vue |   2 +-
 src/layouts/admin.vue              | 165 +++++++++++++++++++++++++++--
 src/layouts/default.vue            |  30 +-----
 src/pages/admin/index.vue          |  11 ++
 src/pages/login.vue                |  13 ++-
 src/pages/register.vue             |  32 +++---
 7 files changed, 204 insertions(+), 49 deletions(-)
 create mode 100644 public/logo.png
 create mode 100644 src/pages/admin/index.vue

diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..9653c36799b84086ca0153d1f9945a531a742d10
GIT binary patch
literal 2287
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
XaT;#Ld3}2;*1-U7&fZQ9^bqvlu1&mL

literal 0
HcmV?d00001

diff --git a/src/components/nav/Navigation1.vue b/src/components/nav/Navigation1.vue
index 5325c43..cd30636 100644
--- a/src/components/nav/Navigation1.vue
+++ b/src/components/nav/Navigation1.vue
@@ -38,8 +38,8 @@
 </template>
 
 <script setup lang="ts">
-import { useRouter } from "vue-router";
 import { getFrontList } from '~/utils/utils'
+import { useRouter } from "vue-router";
 const router = useRouter();
 const activeIndex = ref('1')
 const handleSelect = (key: string, keyPath: string[]) => {
diff --git a/src/layouts/admin.vue b/src/layouts/admin.vue
index 114f722..2b9ba0e 100644
--- a/src/layouts/admin.vue
+++ b/src/layouts/admin.vue
@@ -1,11 +1,164 @@
-
-<!--后台模板-->
 <template>
-
+	<div class="main">
+		<div class="nav_left">
+			<div class="logo">
+				<img src="/logo.png" alt="后台管理系统">
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">导航管理</div>
+				<div class="rArrl"></div>
+			</div>
+			<div class="nav_li">
+				<ul>
+					<li v-for="r of routes" :key="r.path">
+						<img src="/logo.png" alt="图标"><RouterLink style="width: 100%; height: 45px; line-height: 45px" :to="r.path">{{ te(r.name) ? t(r.name) : r.name }}</RouterLink>
+					</li>
+				</ul>
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">权限管理</div>
+				<div class="rArrl"></div>
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">模型设置</div>
+				<div class="rArrl"></div>
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">内容管理</div>
+				<div class="rArrl"></div>
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">会员管理</div>
+				<div class="rArrl"></div>
+			</div>
+			<div class="nav_list">
+				<div class="nav_title"><img src="/logo.png" alt="图标">模版管理</div>
+				<div class="rArrl"></div>
+			</div>
+		</div>
+		<div class="nav_right">
+			<Heads />
+			<div class="content">
+				<router-view v-slot="{ Component }">
+					<transition name="fade" mode="out-in">
+						<component :is="Component" />
+					</transition>
+				</router-view>
+			</div>
+		</div>
+	</div>
+	<!--	<Navigation />-->
+	<!--	<div class="w-screen flex flex-col items-center justify-center">-->
+	<!--		<router-view v-slot="{ Component }">-->
+	<!--			<transition name="fade" mode="out-in">-->
+	<!--				<component :is="Component" />-->
+	<!--			</transition>-->
+	<!--		</router-view>-->
+	<!--	</div>-->
 </template>
-<script setup lang="ts">
 
-</script>
 <style scoped>
-
+.main{
+	width: 100%;
+	display: flex;
+	justify-content: space-between;
+	height: 100vh;
+	overflow: hidden;
+	.nav_left{
+		width: 15%;
+		height: 100vh;
+		background: #111c43;
+		overflow-y: auto;
+		.logo{
+			width: 100%;
+			height: 60px;
+			border-bottom: 0.5px solid #293356;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		.logo img{
+			width: 85%;
+			height: 40px;
+			background: #293356;
+			color: #FFFFFF;
+			font-size: 12px;
+		}
+		.nav_list{
+			padding: 10px;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			height: 45px;
+			.nav_title{
+				font-size: 14px;
+				color: #a3aed1;
+				display: flex;
+				align-items: center;
+			}
+			.nav_title img{
+				width: 20px;
+				height: 20px;
+				color: #333333;
+				margin-right: 8px;
+			}
+			.rArrl{
+				width: 7px;
+				height: 7px;
+				border-top: 1px solid #a3aed1;
+				border-right: 1px solid #a3aed1;
+				margin-top: 9px;
+				-webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
+				transform: translate3d(0, -50%, 0) rotate(45deg);
+			}
+		}
+		.nav_li{
+			width: 100%;
+			padding-left: 16%;
+			background: #1a223f;
+		}
+		.nav_li ul li{
+			font-size: 12px;
+			color: #a3aed1;
+			display: flex;
+			align-items: center;
+			height: 45px;
+			width: 100%;
+		}
+		.nav_li ul li img{
+			width: 20px;
+			height: 20px;
+			color: #333333;
+			margin-right: 8px;
+		}
+	}
+	.nav_right{
+		width: 85%;
+		height: 100vh;
+		background: #f0f1f7;
+		.content{
+			width: 100%;
+			height: auto;
+			overflow-y: auto;
+		}
+	}
+}
 </style>
+<script setup lang="ts">
+import Heads from '~/components/Heads.vue'
+import { getRoutes } from '@/plugins/router'
+const { te, t } = useI18n()
+const routes = getRoutes()
+	.filter((r) => !r.path.includes('notFound'))
+	.map((r) => {
+		let { path, name } = r
+		if (path === safeResolve('/')) {
+			return { path, name: 'home' }
+		}
+		if (!name) {
+			name = path
+		}
+		return { path, name: name.toString().slice(1).replaceAll('/', ' · ') }
+	})
+const $route = useRoute()
+</script>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index f9b3817..2ffbc99 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -10,8 +10,8 @@
 			</div>
 			<div class="nav_li">
 				<ul>
-					<li v-for="r of routes" :key="r.path">
-						<img src="/logo.png" alt="图标"><RouterLink style="width: 100%; height: 45px; line-height: 45px" :to="r.path">{{ te(r.name) ? t(r.name) : r.name }}</RouterLink>
+					<li v-for="r of getFrontList()" :key="r.path">
+						<img src="/logo.png" alt="图标"><RouterLink style="width: 100%; height: 45px; line-height: 45px" :to="r.path">{{ r.name }}</RouterLink>
 					</li>
 				</ul>
 			</div>
@@ -47,14 +47,7 @@
 			</div>
 		</div>
 	</div>
-<!--	<Navigation />-->
-<!--	<div class="w-screen flex flex-col items-center justify-center">-->
-<!--		<router-view v-slot="{ Component }">-->
-<!--			<transition name="fade" mode="out-in">-->
-<!--				<component :is="Component" />-->
-<!--			</transition>-->
-<!--		</router-view>-->
-<!--	</div>-->
+
 </template>
 
 <style scoped>
@@ -146,19 +139,6 @@
 </style>
 <script setup lang="ts">
 import Heads from '~/components/Heads.vue'
-import { getRoutes } from '@/plugins/router'
-const { te, t } = useI18n()
-const routes = getRoutes()
-	.filter((r) => !r.path.includes('notFound'))
-	.map((r) => {
-		let { path, name } = r
-		if (path === safeResolve('/')) {
-			return { path, name: 'home' }
-		}
-		if (!name) {
-			name = path
-		}
-		return { path, name: name.toString().slice(1).replaceAll('/', ' · ') }
-	})
-const $route = useRoute()
+import { getFrontList } from '~/utils/utils'
+
 </script>
diff --git a/src/pages/admin/index.vue b/src/pages/admin/index.vue
new file mode 100644
index 0000000..4837910
--- /dev/null
+++ b/src/pages/admin/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+dsdsd
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/login.vue b/src/pages/login.vue
index d9aed27..9c71131 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -5,10 +5,10 @@
 				<div class="module_r">
 					<div class="module_mian">
 							<div class="module_title">登录帐户</div>
-							<div class="module_desc">输入电子邮件 & 登录密码</div>
+							<div class="module_desc">输入用户名 & 登录密码</div>
 							<div class="module_m">
-								<div class="module_text">电子邮件地址</div>
-								<input class="module_input" type="text" placeholder="8888@163.com" v-model="Email" />
+								<div class="module_text">用户名</div>
+								<input class="module_input" type="text" placeholder="请输入用户名" v-model="Email" />
 							</div>
 							<div class="module_m">
 								<div class="module_text">密码</div>
@@ -21,8 +21,8 @@
 									<img class="module_code_img" :src="state.captchaUrl" @click="onCode">
 								</div>
 							</div>
-							<div class="module_radio"><input  type="radio"/>记住密码 </div>
-							<div class="forgetpwd">忘记密码了吗？</div>
+<!--							<div class="module_radio"><input  type="radio"/>记住密码 </div>-->
+							<div class="forgetpwd" @click="router.push('/register')">没有密码吗？</div>
 							<button class="module_button">登录</button>
 					</div>
 				</div>
@@ -30,6 +30,8 @@
 	</div>
 </template>
 <script setup lang="ts">
+import { useRouter } from "vue-router";
+const router = useRouter();
 const state = reactive({
 	captchaUrl: '',
 	loginFrom: {}
@@ -143,6 +145,7 @@ init()
 			font-size: 14px;
 			color: #328d86;
 			margin-top: 10px;
+			cursor: pointer;
 		}
 		.module_button{
 			margin: 0 auto;
diff --git a/src/pages/register.vue b/src/pages/register.vue
index d4946f4..bc5a9bf 100644
--- a/src/pages/register.vue
+++ b/src/pages/register.vue
@@ -2,9 +2,9 @@
 		<div class="module">
 				<div class="module_mian">
 					<div class="module_title">注册帐户</div>
-					<div class="module_desc">输入电子邮件 & 密码</div>
+					<div class="module_desc">输入用户名 & 密码</div>
 					<div class="module_m">
-						<div class="module_text">电子邮件地址</div>
+						<div class="module_text">用户名</div>
 						<input class="module_input" type="text" placeholder="8888@163.com" v-model="Email" />
 					</div>
 					<div class="module_m">
@@ -17,15 +17,15 @@
 							<input class="module_input" type="password"  placeholder="请再次输入密码" v-model="Password" />
 						</div>
 					</div>
-					<div class="module_m">
-						<div class="module_text">验证码</div>
-						<div class="module_code">
-							<input class="module_code_input" type="text"  placeholder="输入验证码" v-model="vftcode" />
-							<img class="module_code_img" src="/codeimg.png" @click="onCode">
-						</div>
-					</div>
-					<div class="module_radio"><input  type="radio"/>记住密码 </div>
-					<div class="forgetpwd">忘记密码了吗？</div>
+<!--					<div class="module_m">-->
+<!--						<div class="module_text">验证码</div>-->
+<!--						<div class="module_code">-->
+<!--							<input class="module_code_input" type="text"  placeholder="输入验证码" v-model="vftcode" />-->
+<!--							<img class="module_code_img" src="/codeimg.png" @click="onCode">-->
+<!--						</div>-->
+<!--					</div>-->
+<!--					<div class="module_radio"><input  type="radio"/>记住密码 </div>-->
+					<div class="forgetpwd">有账号吗？</div>
 					<button class="module_button">注册</button>
 				</div>
 		</div>
@@ -39,7 +39,7 @@
 	align-items: center;
 	justify-content: center;
 	height: 100vh;
-	background: url("e36341619bf8f04dcbdc6b01105a85a.png");
+	background: url("/login/e36341619bf8f04dcbdc6b01105a85a.png");
 	background-size: 100% 100%;
 	.module_mian{
 		width: 26%;
@@ -114,6 +114,7 @@
 			margin-right: 5px;
 		}
 		.forgetpwd{
+			cursor: pointer;
 			margin: 0 auto;
 			width: 80%;
 			font-size: 14px;
@@ -137,3 +138,10 @@
 	}
 }
 </style>
+<route lang="json">
+{
+"meta": {
+"layout": "notFound"
+}
+}
+</route>