提交 fa62c196 authored 作者: 龙菲's avatar 龙菲

md5加密登录密码

上级 65dd3d8d
......@@ -20,6 +20,7 @@
"el-tree-transfer": "^2.4.7",
"element-ui": "^2.15.6",
"js-cookie": "2.2.0",
"js-md5": "^0.7.3",
"normalize.css": "7.0.0",
"nprogress": "0.2.0",
"path-to-regexp": "2.4.0",
......
<template>
<div class="navbar">
<hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
<hamburger
:is-active="sidebar.opened"
class="hamburger-container"
@toggleClick="toggleSideBar"
/>
<breadcrumb class="breadcrumb-container" />
<div class="right-menu">
<el-dropdown class="avatar-container" trigger="click">
<div class="avatar-wrapper">
<img v-if="avatar" :src="avatar" class="user-avatar" />
......@@ -35,13 +38,26 @@
</el-dropdown>
</div>
<div class="username-container">欢迎你,{{ userInfo.nickName || userInfo.username }}</div>
<div class="username-container">
欢迎你,{{ userInfo.nickName || userInfo.username }}
</div>
<el-drawer :title="isUserInfo ? '个人资料' : '修改密码'" :visible.sync="showDrawer" direction="rtl"
:before-close="handleClose" append-to-body v-loading="loading">
<el-drawer
:title="isUserInfo ? '个人资料' : '修改密码'"
:visible.sync="showDrawer"
direction="rtl"
:before-close="handleClose"
append-to-body
v-loading="loading"
>
<!-- <span>{{ isUserInfo ? "个人资料" : "修改密码" }}</span> -->
<el-form ref="userInfoForm" v-if="isUserInfo" :label-width="labelWidth" :rules="userInfoRules"
:model="userInfoForm">
<el-form
ref="userInfoForm"
v-if="isUserInfo"
:label-width="labelWidth"
:rules="userInfoRules"
:model="userInfoForm"
>
<el-form-item label="用户名" prop="username">
<span v-if="!isEditingUserInfo">{{ userInfo.username }}</span>
<el-input v-else v-model="userInfoForm.username"></el-input>
......@@ -55,13 +71,27 @@
<el-input v-else v-model="userInfoForm.phone"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click.native="handleSubmitUserInfo" icon="el-icon-circle-check">{{
isEditingUserInfo ? "保存" : "修改个人信息"
}}</el-button>
<el-button type="primary" @click.native="handleCancelChangeUserInfo" v-if="isEditingUserInfo">取消</el-button>
<el-button
type="primary"
@click.native="handleSubmitUserInfo"
icon="el-icon-circle-check"
>{{ isEditingUserInfo ? "保存" : "修改个人信息" }}</el-button
>
<el-button
type="primary"
@click.native="handleCancelChangeUserInfo"
v-if="isEditingUserInfo"
>取消</el-button
>
</el-form-item>
</el-form>
<el-form ref="pwdForm" :model="pwdForm" :label-width="labelWidth" :rules="pwdRules" v-else>
<el-form
ref="pwdForm"
:model="pwdForm"
:label-width="labelWidth"
:rules="pwdRules"
v-else
>
<el-form-item label="旧密码" prop="oldPwd">
<el-input v-model="pwdForm.oldPwd" type="password"></el-input>
</el-form-item>
......@@ -72,8 +102,15 @@
<el-input v-model="pwdForm.checkPass" type="password"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-circle-check" @click.native="handleSubmitPwd">保存</el-button>
<el-button type="primary" @click.native="handleCancelChangePwd">取消</el-button>
<el-button
type="primary"
icon="el-icon-circle-check"
@click.native="handleSubmitPwd"
>保存</el-button
>
<el-button type="primary" @click.native="handleCancelChangePwd"
>取消</el-button
>
</el-form-item>
</el-form>
</el-drawer>
......@@ -86,6 +123,7 @@ import Breadcrumb from "@/components/Breadcrumb";
import Hamburger from "@/components/Hamburger";
import { editUserInfo, editUserPwd } from "@/api/user";
import { setUserInfo } from "@/utils/auth";
import md5 from "js-md5";
export default {
components: {
Breadcrumb,
......@@ -214,10 +252,12 @@ export default {
this.$refs.pwdForm.validate(async (valid) => {
if (valid) {
const { newPwd, oldPwd } = this.pwdForm;
const params = {
newPwd,
oldPwd,
};
params.newPwd = md5(params.newPwd);
let res = await editUserPwd(params);
if (res.code == "0") {
this.$message.success("修改成功,请重新登录!");
......
......@@ -109,6 +109,8 @@
<script>
import { getVerify } from "@/api/user";
import md5 from 'js-md5'
export default {
name: "Login",
data() {
......@@ -172,8 +174,10 @@ export default {
this.$refs.loginForm.validate((valid) => {
if (valid) {
this.loading = true;
const params =JSON.parse(JSON.stringify(this.loginForm))
params.password = md5(params.password)
this.$store
.dispatch("user/login", this.loginForm)
.dispatch("user/login", params)
.then(async () => {
// debugger
// await this.$store.dispatch('user/getMenuList')
......
......@@ -41,7 +41,8 @@ module.exports = {
proxy: {
'/api': {
// target: 'http://172.24.100.109:8080/',
target:'http://222.85.214.245:9603/api',
target:'http://172.24.100.46:8080',
// target:'http://222.85.214.245:9603/api',
// target:'http://192.168.1.230:9603/api',
// target: 'http://114.115.157.218:9602/api',//生产
changeOrigin: true,
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论