yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

登录和注册功能

pull/676/head
yuyuer13 2025-01-22 23:01:22 +08:00
parent 17e07e3a31
commit c6543282d1
6 changed files with 62 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
abc.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<body>
<svg
width="200"
height="200"
viewBox="0 0 200 200"
xmlns="http://www.w3.org/2000/svg"
>
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#2196F3;stop-opacity:1" />
<stop offset="100%" style="stop-color:#0D47A1;stop-opacity:1" />
</linearGradient>
</defs>
<circle cx="50" cy="100" r="30" fill="url(#grad1)" />
<rect x="100" y="70" width="60" height="60" fill="url(#grad1)" />
<circle cx="170" cy="100" r="30" fill="url(#grad1)" />
<line x1="80" y1="100" x2="100" y2="100" stroke="#000" stroke-width="2" />
<line x1="160" y1="100" x2="170" y2="100" stroke="#000" stroke-width="2" />
<text x="50" y="100" text-anchor="middle" fill="#fff" font-size="12" dy=".3em">开始</text>
<text x="130" y="100" text-anchor="middle" fill="#fff" font-size="12" dy=".3em">过程</text>
<text x="170" y="100" text-anchor="middle" fill="#fff" font-size="12" dy=".3em">结束</text>
</svg>
</body>
</html>

3
src/api/system/user/index.ts
View File

@ -1,13 +1,14 @@
import request from '@/config/axios' import request from '@/config/axios'
export interface UserVO { export interface UserVO {
id: number id?: number
username: string username: string
nickname: string nickname: string
deptId: number deptId: number
postIds: string[] postIds: string[]
email: string email: string
mobile: string mobile: string
password: string
sex: number sex: number
avatar: string avatar: string
loginIp: string loginIp: string

10
src/router/modules/flowrouter.ts
View File

@ -19,6 +19,11 @@ export default [
path: 'contact', path: 'contact',
name: 'contact', name: 'contact',
component: () => import('@/views/flow/Contact.vue') component: () => import('@/views/flow/Contact.vue')
},
{
path: 'features',
name: 'features',
component: () => import('@/views/flow/Features.vue')
} }
] ]
}, },
@ -59,5 +64,10 @@ export default [
path: '/register', path: '/register',
name: 'Register', name: 'Register',
component: () => import('@/views/flow/Register.vue') component: () => import('@/views/flow/Register.vue')
},
{
path: '/login2',
name: 'Login2',
component: () => import('@/views/flow/Login.vue')
} }
] ]

10
src/views/flow/Home.vue
View File

@ -6,13 +6,13 @@
<img src="@/assets/logo.svg" alt="Flow Design"/> <img src="@/assets/logo.svg" alt="Flow Design"/>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<router-link to="/home">首页</router-link> <router-link to="/flow">首页</router-link>
<router-link to="/home/features">功能</router-link> <router-link to="/flow/features">功能</router-link>
<router-link to="/home/pricing">价格</router-link> <router-link to="/flow/pricing">价格</router-link>
<router-link to="/home/contact">联系我们</router-link> <router-link to="/flow/contact">联系我们</router-link>
</div> </div>
<div class="auth-buttons"> <div class="auth-buttons">
<router-link to="/login" class="login-btn">登录</router-link> <router-link to="/login2" class="login-btn">登录</router-link>
<router-link to="/register" class="register-btn">注册</router-link> <router-link to="/register" class="register-btn">注册</router-link>
<router-link to="/files" class="register-btn">设计</router-link> <router-link to="/files" class="register-btn">设计</router-link>
</div> </div>

22
src/views/flow/Register.vue
View File

@ -104,8 +104,7 @@ import { ElMessage } from 'element-plus'
import 'element-plus/es/components/message/style/css' import 'element-plus/es/components/message/style/css'
import type { FormInstance, FormRules } from 'element-plus' import type { FormInstance, FormRules } from 'element-plus'
import { User, Message, Lock } from '@element-plus/icons-vue' import { User, Message, Lock } from '@element-plus/icons-vue'
import { register } from '@/api/flow' import * as UserApi from '@/api/system/user'
const router = useRouter() const router = useRouter()
const formRef = ref<FormInstance>() const formRef = ref<FormInstance>()
const loading = ref(false) const loading = ref(false)
@ -171,11 +170,24 @@ const submitForm = (formEl: FormInstance | undefined): Promise<void> => {
} }
loading.value = true loading.value = true
register({ const data ={
username: form.username, username: form.username,
email: form.email, email: form.email,
password: form.password sex: 1,
}) nickname: form.username,
deptId: 115,
postIds: [],
password: form.password,
status: 1,
remark: '',
loginDate: new Date(),
createTime: new Date(),
id: undefined,
mobile: '',
avatar: '',
loginIp: '',
} as UserApi.UserVO
UserApi.createUser(data)
.then(() => { .then(() => {
ElMessage({ ElMessage({
message: '注册成功！正在跳转到登录页面...', message: '注册成功！正在跳转到登录页面...',

1
src/views/system/dept/index.vue
View File

@ -60,6 +60,7 @@
v-if="refreshTable" v-if="refreshTable"
> >
<el-table-column prop="name" label="部门名称" /> <el-table-column prop="name" label="部门名称" />
<el-table-column prop="id" label="部门编号" />
<el-table-column prop="leader" label="负责人"> <el-table-column prop="leader" label="负责人">
<template #default="scope"> <template #default="scope">
{{ userList.find((user) => user.id === scope.row.leaderUserId)?.nickname }} {{ userList.find((user) => user.id === scope.row.leaderUserId)?.nickname }}