删去登录版
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