update

src/api.js

@@ -56,6 +56,9 @@ export default {
 	getInfo: params => {
 		return axios.get(`${baseURL}/api/account/info`)
 	},
+	resetPwd: params => {
+		return axios.put(`${baseURL}/api/account/pwd/reset`,params)
+	},
 	uploadFile: params => {
 		return axios.post(`${baseURL}/api/admin/uploadfile`, params);
 	},

src/router.js

@@ -10,6 +10,19 @@ export default new Router({
       component: () => import('./views/Login.vue'),
       show: 0
     },
+    {
+      path: '/resetPwd',
+      name: '修改密码',
+      icon: 'el-icon-menu',
+      component: () => import('./views/Home.vue'),
+      show: 1,
+      isLeaf: 1,
+      children: [{
+        path: '/resetPwd',
+        component: () => import('./views/system/ResetPwd.vue'),
+        name: '修改密码'
+      }, ]
+    },
     {
       path: '/',
       name: '概览',

src/views/Home.vue

@@ -15,10 +15,15 @@
 			<h1>巴中逸沣安全培训</h1>
 			<!-- <img class="logo" src="../images/logo.png" alt=""> -->
 			<div class="settings">
-				<span>
-					<!-- <img width="16" src="../images/msg.png" alt="">  -->
-					{{info.name}}</span>
-        <span @click="logout">退出登录</span>
+				<el-dropdown>
+					<span class="el-dropdown-link">
+						{{info.name}}<i class="el-icon-arrow-down el-icon--right"></i>
+					</span>
+					<el-dropdown-menu slot="dropdown">
+						<a style="text-decoration:none;" href="#/resetPwd"><el-dropdown-item>修改密码</el-dropdown-item></a>
+					</el-dropdown-menu>
+				</el-dropdown>
+        		<span @click="logout">退出登录</span>
 			</div>
 		</el-header>
 		<el-container class="main">
@@ -128,6 +133,10 @@ export default {
 			  }
 			  this.menu=path
           	})
+		},
+		goTo(path){
+			alert(111111111)
+			this.$router.push({path:path})
 		}
 	},
 	created(){

src/views/Login.vue

@@ -107,8 +107,8 @@ export default {
     return{
       code:'',
       logindata:{
-        username:'root',
-        password:'root',
+        username:'',
+        password:'',
         imgcode_id:'',
         imgcode:''
       }
@@ -122,11 +122,11 @@ export default {
                   if(res.data.code == 0){
                       window.location.hash='/';
                   }else{
-                      this.$message.error("账号或者密码有误");
+                      this.$message.error(res.data.message);
                   } 
             })
             .catch(err=>{
-              this.$message.error("账号或者密码有误");
+              this.$message.error(res.data.message);
             })
       },
       getCode(){

src/views/system/ResetPwd.vue

@@ -0,0 +1,77 @@
+<style lang="scss">
+.add {
+  .el-input,
+  button {
+    width: 300px;
+  }
+}
+</style>
+<template>
+  <section class="add">
+    <p>系统管理 > 修改密码</p>
+    <div class="content">
+      <el-form label-width="80px">
+        <el-form-item label="新密码">
+          <el-input type="password" placeholder="新密码" v-model="form.password"></el-input>
+        </el-form-item>
+        <el-form-item label="确认密码">
+          <el-input type="password" placeholder="确认密码" v-model="form.repassword"></el-input>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button type="primary" @click="save">保存</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      test: "",
+      form: { name: "", realname: "", password:"",repassword:"",permissions:[],status: 1 },
+      permissions:[],
+      permission:[],
+    }
+  },
+  methods: {
+    getData() {
+      this.$api.getAccountById({ id: this.form.id }).then(res => {
+        this.form = res.data.data;
+        if(res.data.data.permissions){
+          this.permission=res.data.data.permissions.split(',')
+        }
+      });
+
+    },
+    save() {
+      var parm = this.form;
+      this.$api.resetPwd(parm).then(res => {
+        if (res.data.code == 0) {
+          this.$message({ message: "修改成功！", type: "success" });
+          this.$api.logout(parm).then(res=>{
+            this.$router.push({ path: "/login" });
+          })
+        } else {
+          this.$message.error(res.data.message);
+        }
+      });
+    }
+  },
+  created() {
+    this.$api.getPerList().then(res=>{
+      this.permissions=res.data.data;
+    })
+    if (this.$route.query.id) {
+      this.form.id = this.$route.query.id;
+      this.id = this.$route.query.id;
+      this.getData();
+    }
+  }
+};
+</script>
+
+
+
+
+