删去登录版
This commit is contained in:
parent
541b092691
commit
55e468ce79
@ -1,90 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="login-page">
|
|
||||||
<div class="login-container">
|
|
||||||
<h2>测器汇管理系统</h2>
|
|
||||||
<el-form :model="loginForm" :rules="rules" label-width="0px">
|
|
||||||
<el-form-item prop="username">
|
|
||||||
<el-input v-model="loginForm.username" placeholder="请输入您的账号" prefix-icon="el-icon-user"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item prop="password">
|
|
||||||
<el-input v-model="loginForm.password" type="password" placeholder="请输入您的密码" prefix-icon="el-icon-lock"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-checkbox prop="remeber" v-model="loginForm.remember">记住密码</el-checkbox>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" @click="onSubmit">登录</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {defineComponent, ref} from "vue";
|
|
||||||
import authenticationService from "../../services/authenticationService.js";
|
|
||||||
import router from "../../router/index.js";
|
|
||||||
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
rules: {
|
|
||||||
username:[{
|
|
||||||
required: true, message: '请输入账号', trigger: 'blur'
|
|
||||||
}],
|
|
||||||
leader:[{
|
|
||||||
required: true, message: '请输入密码', trigger: 'blur'
|
|
||||||
}],
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
setup(){
|
|
||||||
const loginForm = ref({
|
|
||||||
username: '',
|
|
||||||
password: '',
|
|
||||||
remember: false,
|
|
||||||
});
|
|
||||||
|
|
||||||
const onSubmit = () => {
|
|
||||||
authenticationService.login(loginForm.value.username,loginForm.value.password).then(res => {
|
|
||||||
console.log(res);
|
|
||||||
console.log(JSON.stringify(res));
|
|
||||||
sessionStorage.setItem('user',JSON.stringify(res));
|
|
||||||
console.log(sessionStorage.getItem('user'));
|
|
||||||
router.push('/main');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return{
|
|
||||||
loginForm,
|
|
||||||
onSubmit,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.login-page {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 100vh;
|
|
||||||
background: url('https://via.placeholder.com/1920x1080') no-repeat center center;
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-container {
|
|
||||||
width: 400px;
|
|
||||||
padding: 40px;
|
|
||||||
background: rgba(255, 255, 255, 0.9);
|
|
||||||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
|
|
||||||
border-radius: 8px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.login-container h2 {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,143 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-card class="box-card">
|
|
||||||
<div class="avatar-container">
|
|
||||||
<h2>个人信息</h2>
|
|
||||||
<el-avatar src="https://avatars.githubusercontent.com/u/1?v=4" size="large"></el-avatar>
|
|
||||||
</div>
|
|
||||||
<el-divider></el-divider>
|
|
||||||
<el-descriptions :column="1" border>
|
|
||||||
<el-descriptions-item label="用户昵称">{{user.name}}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="性别">{{user.gender}}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="手机号码">{{ user.phone }}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="用户邮箱">{{user.email}}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="所属部门">{{user.organization}}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="所属角色">{{user.role}}</el-descriptions-item>
|
|
||||||
<el-descriptions-item label="创建日期">{{user.createdTime}}</el-descriptions-item>
|
|
||||||
</el-descriptions>
|
|
||||||
<div class="edit-info">
|
|
||||||
<el-link type="primary" @click="editInfo">修改信息</el-link>
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
|
|
||||||
<el-dialog v-model="showDialog" title="填写信息" width="80%">
|
|
||||||
<el-tabs type="border-card">
|
|
||||||
<el-tab-pane label="基础信息">
|
|
||||||
<el-form :model="user" :rules="rules">
|
|
||||||
<el-form-item prop="name" label="用户昵称" :label-width="formLabelWidth">
|
|
||||||
<el-input v-model="user.name"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item prop="phone" label="手机号" :label-width="formLabelWidth">
|
|
||||||
<el-input v-model="user.phone"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item prop="email" label="邮箱" :label-width="formLabelWidth">
|
|
||||||
<el-input v-model="user.email"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item prop="gender" label="性别" :label-width="formLabelWidth">
|
|
||||||
<el-radio-group v-model="user.gender">
|
|
||||||
<el-radio value="男">男</el-radio>
|
|
||||||
<el-radio value="女">女</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-button @click="update" type="primary">确认修改</el-button>
|
|
||||||
</el-form>
|
|
||||||
</el-tab-pane>
|
|
||||||
<el-tab-pane label="修改密码">
|
|
||||||
<el-form :model="user" :rules="rules">
|
|
||||||
<el-form-item prop="password" label="旧密码" :label-width="formLabelWidth">
|
|
||||||
<el-input v-model="passwordForm.confirmPassword"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item prop="password" label="新密码" :label-width="formLabelWidth">
|
|
||||||
<el-input v-model="passwordForm.newPassword"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item prop="confirmPassword" label="确认密码" :label-width="formLabelWidth">
|
|
||||||
<el-input v-model="passwordForm.confirmPassword"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-button @click="update"></el-button>
|
|
||||||
</el-form>
|
|
||||||
</el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import {defineComponent, onMounted, ref} from "vue";
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
setup() {
|
|
||||||
const passwordForm = ref({
|
|
||||||
currentPassword: '',
|
|
||||||
newPassword: '',
|
|
||||||
confirmPassword: '',
|
|
||||||
});
|
|
||||||
const showDialog = ref(false);
|
|
||||||
const formLabelWidth = ref('120px');
|
|
||||||
const user = ref({
|
|
||||||
name: '',
|
|
||||||
phone: '',
|
|
||||||
email: '',
|
|
||||||
gender: '',
|
|
||||||
organization: '',
|
|
||||||
role: '',
|
|
||||||
createdTime: '',
|
|
||||||
});
|
|
||||||
|
|
||||||
const rules = {
|
|
||||||
name: [
|
|
||||||
{required: true, message: '请输入用户昵称', trigger: 'blur'},
|
|
||||||
{min: 3, max: 10, message: '长度在 3 到 10 个字符', trigger: 'blur'}
|
|
||||||
],
|
|
||||||
phone: [
|
|
||||||
{required: true, message: '请输入手机号码', trigger: 'blur'},
|
|
||||||
{pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', trigger: 'blur'}],
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
const editInfo = () => {
|
|
||||||
console.log(user.value);
|
|
||||||
showDialog.value = true;
|
|
||||||
}
|
|
||||||
const update = () => {
|
|
||||||
console.log(user);
|
|
||||||
showDialog.value = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
user.value= JSON.parse(sessionStorage.getItem('user'));
|
|
||||||
});
|
|
||||||
|
|
||||||
return {
|
|
||||||
editInfo,
|
|
||||||
user,
|
|
||||||
showDialog,
|
|
||||||
formLabelWidth,
|
|
||||||
update,
|
|
||||||
passwordForm,
|
|
||||||
rules
|
|
||||||
}
|
|
||||||
},
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.box-card {
|
|
||||||
max-width: 400px;
|
|
||||||
margin: 0 auto;
|
|
||||||
text-align: center;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.avatar-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.avatar-container h2 {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-info {
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,103 +0,0 @@
|
|||||||
<script lang="ts">
|
|
||||||
import {defineComponent, ref} from "vue";
|
|
||||||
import router from "../../router/index.js";
|
|
||||||
|
|
||||||
export default defineComponent ({
|
|
||||||
data() {
|
|
||||||
return{
|
|
||||||
rules: {
|
|
||||||
name:[{
|
|
||||||
required: true, message: '请输入账号', trigger: 'blur'
|
|
||||||
}],
|
|
||||||
password:[{
|
|
||||||
required: true, message: '请输入密码', trigger: 'blur'
|
|
||||||
}],
|
|
||||||
contactPhone:[{
|
|
||||||
required: true, message: '请输入联系电话', trigger: 'blur'
|
|
||||||
}],
|
|
||||||
code:[{
|
|
||||||
required: true, message: '请输入验证码', trigger: 'blur'
|
|
||||||
}],
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
setup(){
|
|
||||||
const registerForm = ref({
|
|
||||||
name: '',
|
|
||||||
password: '',
|
|
||||||
contactPhone: '',
|
|
||||||
});
|
|
||||||
|
|
||||||
const handleBack = () => {
|
|
||||||
router.push('/login');
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleRegister = () => {
|
|
||||||
alert('注册成功');
|
|
||||||
};
|
|
||||||
|
|
||||||
return{
|
|
||||||
registerForm,
|
|
||||||
handleRegister,
|
|
||||||
handleBack,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="register-page">
|
|
||||||
<div class="register-container">
|
|
||||||
<h2>企业租户注册</h2>
|
|
||||||
<el-form :model="registerForm" :rules="rules" label-width="0px">
|
|
||||||
<el-form-item prop="name">
|
|
||||||
<el-input v-model="registerForm.name" placeholder="请输入您的账号" ></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item prop="password">
|
|
||||||
<el-input v-model="registerForm.password" placeholder="请输入您的密码" ></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item prop="contactPhone">
|
|
||||||
<el-input v-model="registerForm.contactPhone" placeholder="请输入您的联系电话" ></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item prop="code">
|
|
||||||
<el-input placeholder="请输入验证码"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item class="button">
|
|
||||||
<el-button type="primary" @click="handleRegister">注册</el-button>
|
|
||||||
<el-button type="primary" @click="handleBack">返回</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.register-page {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 100vh;
|
|
||||||
background: url('https://via.placeholder.com/1920x1080') no-repeat center center;
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
.register-container {
|
|
||||||
width: 400px;
|
|
||||||
padding: 40px;
|
|
||||||
background: rgba(255, 255, 255, 0.9);
|
|
||||||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
|
|
||||||
border-radius: 8px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.register-container h2 {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
.button{
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in New Issue
Block a user