|
@@ -1,6 +1,13 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" background-color="" text-color="#000"
|
|
|
|
|
- active-text-color="#4392f7" @select="handleSelect">
|
|
|
|
|
|
|
+ <el-menu
|
|
|
|
|
+ :default-active="activeIndex"
|
|
|
|
|
+ class="el-menu-demo"
|
|
|
|
|
+ mode="horizontal"
|
|
|
|
|
+ background-color=""
|
|
|
|
|
+ text-color="#000"
|
|
|
|
|
+ active-text-color="#4392f7"
|
|
|
|
|
+ @select="handleSelect"
|
|
|
|
|
+ >
|
|
|
<!-- <el-icon
|
|
<!-- <el-icon
|
|
|
:size="20"
|
|
:size="20"
|
|
|
v-show="!menuclose"
|
|
v-show="!menuclose"
|
|
@@ -18,7 +25,7 @@
|
|
|
|
|
|
|
|
<div class="logo">
|
|
<div class="logo">
|
|
|
<!-- <img src="@/assets/nanchang.png" style="width: 30px; height: 30px" /> -->
|
|
<!-- <img src="@/assets/nanchang.png" style="width: 30px; height: 30px" /> -->
|
|
|
- <span>智慧公寓管理系统</span>
|
|
|
|
|
|
|
+ <span>智慧校园管理平台</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="login">
|
|
<div class="login">
|
|
|
<span class="dateTime">{{ dateTime }}</span>
|
|
<span class="dateTime">{{ dateTime }}</span>
|
|
@@ -40,7 +47,9 @@
|
|
|
<div class="flex flex-wrap items-center" style="cursor: pointer">
|
|
<div class="flex flex-wrap items-center" style="cursor: pointer">
|
|
|
<el-dropdown :hide-on-click="false" trigger="click">
|
|
<el-dropdown :hide-on-click="false" trigger="click">
|
|
|
<el-avatar :size="30">
|
|
<el-avatar :size="30">
|
|
|
- <img src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" />
|
|
|
|
|
|
|
+ <img
|
|
|
|
|
+ src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
|
|
|
|
|
+ />
|
|
|
</el-avatar>
|
|
</el-avatar>
|
|
|
<template #dropdown>
|
|
<template #dropdown>
|
|
|
<el-dropdown-menu>
|
|
<el-dropdown-menu>
|
|
@@ -50,10 +59,26 @@
|
|
|
</el-icon>
|
|
</el-icon>
|
|
|
<span>修改密码</span>
|
|
<span>修改密码</span>
|
|
|
</el-dropdown-item>
|
|
</el-dropdown-item>
|
|
|
- <el-dialog :append-to-body="true" custom-class="pw" v-model="uppasswordShow" title="修改密码" width="30%"
|
|
|
|
|
- :before-close="uppasswordClose" align-center :close-on-click-modal="false">
|
|
|
|
|
- <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-width="100px" class="demo-ruleForm"
|
|
|
|
|
- :size="formSize" label-position="left" status-icon>
|
|
|
|
|
|
|
+ <el-dialog
|
|
|
|
|
+ :append-to-body="true"
|
|
|
|
|
+ custom-class="pw"
|
|
|
|
|
+ v-model="uppasswordShow"
|
|
|
|
|
+ title="修改密码"
|
|
|
|
|
+ width="30%"
|
|
|
|
|
+ :before-close="uppasswordClose"
|
|
|
|
|
+ align-center
|
|
|
|
|
+ :close-on-click-modal="false"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-form
|
|
|
|
|
+ ref="ruleFormRef"
|
|
|
|
|
+ :model="ruleForm"
|
|
|
|
|
+ :rules="rules"
|
|
|
|
|
+ label-width="100px"
|
|
|
|
|
+ class="demo-ruleForm"
|
|
|
|
|
+ :size="formSize"
|
|
|
|
|
+ label-position="left"
|
|
|
|
|
+ status-icon
|
|
|
|
|
+ >
|
|
|
<!-- <el-form-item label="原密码" prop="oldpass">
|
|
<!-- <el-form-item label="原密码" prop="oldpass">
|
|
|
<el-input
|
|
<el-input
|
|
|
v-model="ruleForm.oldpass"
|
|
v-model="ruleForm.oldpass"
|
|
@@ -62,21 +87,39 @@
|
|
|
/>
|
|
/>
|
|
|
</el-form-item> -->
|
|
</el-form-item> -->
|
|
|
<el-form-item label="新密码" prop="nowpass">
|
|
<el-form-item label="新密码" prop="nowpass">
|
|
|
- <el-input v-model="ruleForm.nowpass" placeholder="请输入新密码" clearable />
|
|
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="ruleForm.nowpass"
|
|
|
|
|
+ placeholder="请输入新密码"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="确定新密码" prop="correctpass" style="
|
|
|
|
|
|
|
+ <el-form-item
|
|
|
|
|
+ label="确定新密码"
|
|
|
|
|
+ prop="correctpass"
|
|
|
|
|
+ style="
|
|
|
padding-bottom: 40px;
|
|
padding-bottom: 40px;
|
|
|
border-bottom: 1px solid rgba(230, 230, 230, 1);
|
|
border-bottom: 1px solid rgba(230, 230, 230, 1);
|
|
|
- ">
|
|
|
|
|
- <el-input v-model="ruleForm.correctpass" placeholder="请再次输入新密码" clearable />
|
|
|
|
|
|
|
+ "
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="ruleForm.correctpass"
|
|
|
|
|
+ placeholder="请再次输入新密码"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item class="options">
|
|
<el-form-item class="options">
|
|
|
- <el-button class="queding" type="primary" color="rgba(9, 101, 98, 1)"
|
|
|
|
|
- @click="submitForm(ruleFormRef)">
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ class="queding"
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ color="rgba(9, 101, 98, 1)"
|
|
|
|
|
+ @click="submitForm(ruleFormRef)"
|
|
|
|
|
+ >
|
|
|
确定
|
|
确定
|
|
|
</el-button>
|
|
</el-button>
|
|
|
- <el-button class="congzhi" @click="resetForm(ruleFormRef)">重置</el-button>
|
|
|
|
|
|
|
+ <el-button class="congzhi" @click="resetForm(ruleFormRef)"
|
|
|
|
|
+ >重置</el-button
|
|
|
|
|
+ >
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<!-- <template #footer>
|
|
<!-- <template #footer>
|