删去登录版
This commit is contained in:
parent
0598216ecc
commit
cfbb897cf0
@ -1,175 +0,0 @@
|
||||
<template>
|
||||
<div class="login-page">
|
||||
<div class="login-container">
|
||||
<h2>测器汇管理系统</h2>
|
||||
<el-form :model="loginForm" ref="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 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>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loginForm: {
|
||||
username: '',
|
||||
password: '',
|
||||
remember: false,
|
||||
},
|
||||
rules: {
|
||||
username: [{ type:'email',required: true ,message: '请输入您的账号', trigger: 'blur' }],
|
||||
password: [{ required: true, message: '请输入您的密码', trigger: 'blur' }],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
onSubmit() {
|
||||
this.$refs.loginForm.validate((valid) => {
|
||||
if (valid) {
|
||||
// 提交表单
|
||||
console.log('登录成功');
|
||||
} else {
|
||||
console.log('登录失败');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</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>
|
||||
|
||||
|
||||
<!--<template>-->
|
||||
<!-- <div class="department-management">-->
|
||||
<!-- <el-row :gutter="20" class="toolbar">-->
|
||||
<!-- <el-col :span="4">-->
|
||||
<!-- <el-input v-model="searchForm.departmentName" placeholder="请输入部门名称"></el-input>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="4">-->
|
||||
<!-- <el-select v-model="searchForm.status" placeholder="部门状态">-->
|
||||
<!-- <el-option label="正常" value="正常"></el-option>-->
|
||||
<!-- <el-option label="停用" value="停用"></el-option>-->
|
||||
<!-- </el-select>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="4">-->
|
||||
<!-- <el-button type="primary" @click="search">搜索</el-button>-->
|
||||
<!-- <el-button @click="reset">重置</el-button>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
<!-- <el-table :data="departments" style="width: 100%">-->
|
||||
<!-- <el-table-column prop="name" label="部门名称" width="180"></el-table-column>-->
|
||||
<!-- <el-table-column prop="order" label="排序" width="80"></el-table-column>-->
|
||||
<!-- <el-table-column prop="status" label="状态" width="100">-->
|
||||
<!-- <template #default="scope">-->
|
||||
<!-- <el-tag :type="scope.row.status === '正常' ? 'success' : 'info'">{{ scope.row.status }}</el-tag>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- <el-table-column prop="createdTime" label="创建时间" width="200"></el-table-column>-->
|
||||
<!-- <el-table-column label="操作" width="180">-->
|
||||
<!-- <template #default="scope">-->
|
||||
<!-- <el-button type="text" size="small" @click="editDepartment(scope.row)">修改</el-button>-->
|
||||
<!-- <el-button type="text" size="small" @click="addSubDepartment(scope.row)">新增</el-button>-->
|
||||
<!-- <el-button type="text" size="small" @click="deleteDepartment(scope.row)">删除</el-button>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- </el-table>-->
|
||||
<!-- </div>-->
|
||||
<!--</template>-->
|
||||
|
||||
<!--<script>-->
|
||||
<!--export default {-->
|
||||
<!-- data() {-->
|
||||
<!-- return {-->
|
||||
<!-- searchForm: {-->
|
||||
<!-- departmentName: '',-->
|
||||
<!-- status: '',-->
|
||||
<!-- },-->
|
||||
<!-- departments: [-->
|
||||
<!-- // 示例数据-->
|
||||
<!-- { name: '测盟会', order: 0, status: '正常', createdTime: '2021-09-21 17:00:30' },-->
|
||||
<!-- { name: '深圳总公司', order: 1, status: '正常', createdTime: '2021-09-21 17:00:31', children: [-->
|
||||
<!-- { name: '研发部门', order: 1, status: '正常', createdTime: '2021-09-21 17:00:31' },-->
|
||||
<!-- { name: '市场部门', order: 2, status: '正常', createdTime: '2021-09-21 17:00:32' },-->
|
||||
<!-- { name: '测试部门', order: 3, status: '正常', createdTime: '2021-09-21 17:00:32' },-->
|
||||
<!-- ]},-->
|
||||
<!-- { name: '长沙分公司', order: 2, status: '正常', createdTime: '2021-09-21 17:00:33', children: [-->
|
||||
<!-- { name: '运营部门', order: 1, status: '正常', createdTime: '2021-09-21 17:00:33' },-->
|
||||
<!-- { name: '财务部门', order: 2, status: '正常', createdTime: '2021-09-21 17:00:34' },-->
|
||||
<!-- ]},-->
|
||||
<!-- ],-->
|
||||
<!-- };-->
|
||||
<!-- },-->
|
||||
<!-- methods: {-->
|
||||
<!-- search() {-->
|
||||
<!-- // 搜索逻辑-->
|
||||
<!-- console.log('搜索', this.searchForm);-->
|
||||
<!-- },-->
|
||||
<!-- reset() {-->
|
||||
<!-- this.searchForm = {-->
|
||||
<!-- departmentName: '',-->
|
||||
<!-- status: '',-->
|
||||
<!-- };-->
|
||||
<!-- },-->
|
||||
<!-- editDepartment(row) {-->
|
||||
<!-- // 编辑部门逻辑-->
|
||||
<!-- console.log('编辑', row);-->
|
||||
<!-- },-->
|
||||
<!-- addSubDepartment(row) {-->
|
||||
<!-- // 新增子部门逻辑-->
|
||||
<!-- console.log('新增子部门', row);-->
|
||||
<!-- },-->
|
||||
<!-- deleteDepartment(row) {-->
|
||||
<!-- // 删除部门逻辑-->
|
||||
<!-- console.log('删除', row);-->
|
||||
<!-- },-->
|
||||
<!-- },-->
|
||||
<!--};-->
|
||||
<!--</script>-->
|
||||
|
||||
<!--<style scoped>-->
|
||||
<!--.department-management {-->
|
||||
<!-- padding: 20px;-->
|
||||
<!--}-->
|
||||
|
||||
<!--.toolbar {-->
|
||||
<!-- margin-bottom: 20px;-->
|
||||
<!--}-->
|
||||
<!--</style>-->
|
||||
Loading…
Reference in New Issue
Block a user