<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>admin</title>
<script src="../js/axios-0.18.0.js"></script>
<script src="../js/vue.js"></script>
<script src="../element-ui/lib/index.js"></script>
<link rel="stylesheet" href="../element-ui/lib/theme-chalk/index.css">
<!-- <script src="element-ui/lib/index.js"></script>-->
<!-- <link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">-->
<!-- 引入样式 -->
<!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
<!-- 引入组件库 -->
<!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
<style>
.el-header {
background-color: white;
color: #333;
text-align: center;
line-height: 60px;
border-bottom: 1px solid #dcdfe6;
}
.el-aside {
background-color: white;
color: #333;
text-align: center;
line-height: 200px;
border-right: 1px solid #dcdfe6;
}
.el-main {
background-color: white;
color: #333;
text-align: center;
line-height: 160px;
}
body > .el-container {
margin-bottom: 40px;
}
.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
line-height: 260px;
}
.el-container:nth-child(7) .el-aside {
line-height: 320px;
}
#adminDiv {
margin: 0 auto;
width: 75%;
}
.aside-btn {
display: block;
height: 40px;
color: #444;
line-height: 40px;
font-size: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 700;
margin: 0;
padding: 0;
text-decoration: none;
position: relative;
padding-top: 20px;
}
ul, li, .a-title {
margin: 0;
margin-left: 10px;
margin-top: 10px;
padding: 0;
color: #444;
text-decoration: none;
line-height: 40px;
text-align: left;
}
.a-main {
margin-left: 20px;
font-weight: 400;
font-size: 16px;
text-decoration: none;
color: #444;
}
.btn {
width: 200px;
height: 300px;
font-size: 20px;
margin-top: 100px;
}
#btn1 {
margin-right: 40px;
}
#btn2 {
margin-left: 40px;
}
#stepDiv,#stepDiv21{
width: 500px;
margin: 0 auto;
}
#formDiv1,#formDiv21{
width: 300px;
margin: 0 auto;
}
#formDiv2,#formDiv22{
width: 300px;
margin: 0 auto;
}
#nextBtn,#nextBtn21{
width: 200px;
margin-left: 50px;
}
#subBtn,#subBtn22{
width: 200px;
}
#h23{
margin-left: 180px;
}
#ok,#ok23{
margin-left: 220px;
}
#h21{
margin-left: 175px;
}
#yole, #headPic, #name, #quit {
display: inline-block;
vertical-align: top;
}
#headPic {
margin-left: 645px;
}
#quit {
margin-left: 20px;
line-height: 65px;
}
</style>
</head>
<body>
<div id="app">
<div id="adminDiv">
<!--header布局-->
<el-header>
<h1 id="yole" style="color: red;font-family: 'Engravers MT';font-size: 38px;line-height: 0px" align="left">
YOLE™</h1>
<!-- 头像-->
<div id="headPic">
<el-col :span="12">
<div class="demo-basic--circle">
<div class="block">
<el-avatar :size="50" :src="this.loginInfo.avater"></el-avatar>
</div>
</div>
</el-col>
</div>
<!-- 用户名-->
<div id="name">{{this.loginInfo.username}}</div>
<div id="quit">
<el-link type="primary" style="font-size: 15px;" @click="loginOut()">退出登录</el-link>
</div>
</el-header>
<el-container>
<!--边栏布局-->
<el-aside width="300px">
<ul style="height: auto;">
<li class="aside-btn">
<a class="a-title">个人信息</a>
</li>
<li class="aside-btn">
<el-link class="a-main" href="employee.html">我的信息</el-link>
</li>
<li class="aside-btn">
<el-link class="a-main" href="loginSafe.html">帐号安全</el-link>
</li>
<li class="aside-btn">
<a class="a-title">预约管理</a>
</li>
<li class="aside-btn">
<el-link class="a-main" href="booking.html">我的预约</el-link>
</li>
<li class="aside-btn">
<a class="a-title">订单管理</a>
</li>
<li class="aside-btn">
<el-link class="a-main" href="order.html">我的订单</el-link>
</li>
<li class="aside-btn">
<a class="a-title">出勤管理</a>
</li>
<li class="aside-btn">
<el-link class="a-main" href="attendancesChart.html">我的出勤</el-link>
</li>
<!-- <li class="aside-btn">-->
<!-- <a class="a-title">帐号信息管理</a>-->
<!-- </li>-->
<!-- <li class="aside-btn">-->
<!-- <el-link class="a-main">经理帐号</el-link>-->
<!-- </li>-->
<!-- <li class="aside-btn">-->
<!-- <el-link class="a-main">员工帐号</el-link>-->
<!-- </li>-->
<!-- <li class="aside-btn">-->
<!-- <el-link class="a-main">用户帐号</el-link>-->
<!-- </li>-->
</ul>
</el-aside>
<!--主体布局-->
<el-main>
<el-button id="btn1" class="btn" icon="el-icon-phone" type="warning" plain @click="dialogVisible2 = true">
<br><br>修改电话号码
</el-button>
<el-button id="btn2" class="btn" icon="el-icon-edit" type="warning" plain @click="dialogVisible = true">
<br><br>修改密码
</el-button>
</el-main>
</el-container>
</el-container>
</div>
<!-- 修改密码对话框-->
<el-dialog
title="修改密码"
:visible.sync="dialogVisible"
width="40%"
:before-close="handleClose">
<div>
<!--步骤条-->
<br>
<div id="stepDiv">
<el-steps :active="active" finish-status="success" align-center>
<el-step title="步骤 1" description="输入旧密码"></el-step>
<el-step title="步骤 2" description="输入新密码"></el-step>
<el-step title="步骤 3" description="修改成功"></el-step>
</el-steps>
</div>
<br>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
本项目是一个基于Java语言开发的家电维修服务平台,包含1915个文件,主要文件类型包括JavaScript脚本、CSS样式表、Vue组件、SCSS样式表、TypeScript脚本、XML配置文件、HTML页面、Java源代码和Class文件。系统设计旨在为家电维修行业提供一个便捷、高效的服务平台,用户可以通过平台查询家电维修服务信息,提交维修需求,并查看维修进度。
资源推荐
资源详情
资源评论
收起资源包目录
基于Java的家电维修服务平台设计源码 (1979个子文件)
AdminController.class 9KB
UserServiceImpl.class 9KB
UserController.class 8KB
ManagerController.class 7KB
EmployeeController.class 7KB
FixSystemApplicationTests.class 6KB
Order.class 6KB
EmployeeServiceImpl.class 5KB
ManagerServiceImpl.class 4KB
ReportServiceImpl.class 4KB
OrderMapper.class 3KB
AdminServiceImpl.class 3KB
Manager.class 3KB
Admin.class 3KB
OrderDto.class 3KB
LoginController.class 3KB
User.class 3KB
Employee.class 3KB
LoginUser.class 2KB
InComeVo.class 2KB
RegisterServiceImpl.class 2KB
RegisterController.class 2KB
AddEmployeeVo.class 2KB
PlaceController.class 2KB
AdminProject.class 2KB
Place.class 2KB
EmployeeMapper.class 1KB
LoginServiceImpl.class 1KB
PlaceServiceImpl.class 1KB
LoginMapper.class 1KB
WebMVCConfig.class 1KB
UserService.class 1KB
RegisterMapper.class 1KB
EmployeeService.class 1KB
ProjectMapper.class 970B
ManagerService.class 970B
ManagerMapper.class 960B
UserMapper.class 897B
FixSystemApplication.class 824B
AdminService.class 804B
PlaceMapper.class 676B
AdminMapper.class 616B
ReportService.class 334B
RegisterService.class 329B
PlaceService.class 311B
LoginService.class 292B
index.css 234KB
index.css 234KB
index.css 234KB
cascader.css 29KB
cascader.css 29KB
cascader.css 29KB
date-picker.css 28KB
date-picker.css 28KB
date-picker.css 28KB
transfer.css 27KB
transfer.css 27KB
transfer.css 27KB
col.css 25KB
col.css 25KB
col.css 25KB
pagination.css 23KB
pagination.css 23KB
pagination.css 23KB
table.css 23KB
table.css 23KB
table.css 23KB
time-picker.css 21KB
time-picker.css 21KB
time-picker.css 21KB
message-box.css 21KB
message-box.css 21KB
message-box.css 21KB
select.css 19KB
select.css 19KB
select.css 19KB
slider.css 18KB
slider.css 18KB
slider.css 18KB
tabs.css 16KB
tabs.css 16KB
tabs.css 16KB
base.css 16KB
base.css 16KB
base.css 16KB
dropdown.css 14KB
dropdown.css 14KB
dropdown.css 14KB
time-select.css 13KB
time-select.css 13KB
time-select.css 13KB
table-column.css 13KB
table-column.css 13KB
table-column.css 13KB
cascader-panel.css 13KB
cascader-panel.css 13KB
cascader-panel.css 13KB
tree.css 13KB
tree.css 13KB
tree.css 13KB
共 1979 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
沐知全栈开发
- 粉丝: 4774
- 资源: 3423
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功