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