添加修改密码

梁保满
1 parent 167079c6
Showing 3 changed files with 142 additions and 7 deletions
src/api/apis/apis.js
src/api/urls/apis.js
src/views/layout/header/header.vue
@@ -1333,4 +1333,14 @@ export default {
       data,
     });
   },
+
+
+  //修改密码
+  changePwd(data) {
+    return service({
+      url: setUpUrls.changePwd,
+      method: "POST",
+      data,
+    });
+  },
 };
@@ -340,4 +340,8 @@ export default {
   pLatestVersion: "/api_html/personal/latestVersion",
   //   载指定版本授课端
   pGetAppDownloadUrl: "/api_html/personal/getAppDownloadUrl",
+
+
+  //   修改密码
+  changePwd: "/api_html/changePwd",
 }
@@ -9,7 +9,10 @@
         <!-- <li>
           <langSelect></langSelect>
         </li> -->
-        <li class="dropdown-box" v-if="role != 'ROLE_PERSONAL'&&role != 'ROLE_PINGTAI'">
+        <li
+          class="dropdown-box"
+          v-if="role != 'ROLE_PERSONAL' && role != 'ROLE_PINGTAI'"
+        >
           <div class="userInfo">
             <img :src="avatar" />
             <div class="txt">
@@ -35,14 +38,18 @@
           </el-dropdown>
         </li>
         <li class="dropdown-box" v-if="role == 'ROLE_PINGTAI'">
-           <div class="userInfo">
+          <div class="userInfo">
             <img :src="avatar" />
             <div class="txt">
               <p>{{ `${this.$store.getters.info.name}` }}</p>
             </div>
           </div>
         </li>
-        <li class="dropdown-box" v-if="role == 'ROLE_PERSONAL'" @click="linkToUserInfo">
+        <li
+          class="dropdown-box"
+          v-if="role == 'ROLE_PERSONAL'"
+          @click="linkToUserInfo"
+        >
           <div class="userInfo">
             <img :src="avatar" />
             <div class="txt">
@@ -51,6 +58,16 @@
             </div>
           </div>
         </li>
+
+        <li class="fullScreen" v-if="role != 'ROLE_PERSONAL'" @click="openPwd">
+          <el-tooltip
+            class="item"
+            effect="dark"
+            content="修改密码"
+            placement="bottom"
+            ><i class="el-icon el-icon-key"></i
+          ></el-tooltip>
+        </li>
         <li class="fullScreen" @click="fullScreen">
           <el-tooltip
             class="item"
@@ -83,10 +100,53 @@
       </ul>
     </el-header>
     <!-- <tabNav></tabNav> -->
+    <el-dialog title="修改密码" :visible.sync="diaPass" width="400">
+      <el-form
+        v-loading="loading"
+        ref="formPass"
+        class="form-box"
+        :model="password"
+        :rules="rulesPassword"
+        label-width="160px"
+      >
+        <el-form-item label="旧密码：" prop="oldPassword"
+          ><el-col :span="10"
+            ><el-input
+              maxlength="30"
+              v-model="password.oldPassword"
+              placeholder="请输入密码"
+              show-password
+            ></el-input></el-col
+        ></el-form-item>
+        <el-form-item label="新密码：" prop="password"
+          ><el-col :span="10"
+            ><el-input
+              maxlength="30"
+              v-model="password.password"
+              placeholder="请输入新密码"
+              show-password
+            ></el-input></el-col
+        ></el-form-item>
+        <el-form-item label="确认密码：" prop="resetPassword"
+          ><el-col :span="10"
+            ><el-input
+              maxlength="30"
+              v-model="password.resetPassword"
+              placeholder="请输入新密码"
+              show-password
+            ></el-input></el-col
+        ></el-form-item>
+      </el-form>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="editPass">确 定</el-button>
+        <el-button @click="diaPass = false">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
  
 <script>
+import { encryptLoginPassword } from "@/utils";
 import langSelect from "../../../components/lang/langSelect";
 import tabNav from "./tabNav";
 import _ from "lodash";
@@ -100,6 +160,7 @@ export default {
   },
   data() {
     return {
+      loading: false,
       code: "",
       role: "",
       isfullScreen: true,
@@ -109,11 +170,30 @@ export default {
       title: "",
       userId: "",
       isCollapse: false,
+      diaPass: false,
+      password: {
+        oldPassword: "",
+        password: "",
+        resetPassword: "",
+      },
+      rulesPassword: {
+        oldPassword: [
+          { required: true, message: "请输入旧密码", trigger: "blur" },
+        ],
+        password: [
+          { required: true, message: "请输入新密码", trigger: "blur" },
+        ],
+        resetPassword: [
+          { required: true, message: "请输入新密码", trigger: "blur" },
+        ],
+      },
     };
   },
   created() {
     this.code = localStorage.getItem("csCode") || "";
-    this.role = this.$store.getters.info.showRole || this.$store.getters.info.permissions[0].role;
+    this.role =
+      this.$store.getters.info.showRole ||
+      this.$store.getters.info.permissions[0].role;
     this.isCollapse = this.$store.getters.isCollapse;
   },
   methods: {
@@ -129,10 +209,51 @@ export default {
       2000,
       { leading: true, trailing: false }
     ),
+    openPwd() {
+      this.password.password = "";
+      this.password.oldPassword = "";
+      this.password.resetPassword = "";
+      this.diaPass = true;
+    },
+    editPass() {
+      if (this.loading) {
+        return;
+      }
+      this.$refs.formPass.validate(async (valid) => {
+        if (valid) {
+          if (this.password.password != this.password.resetPassword) {
+            this.$message.warning("两次输入密码不一致请检查！");
+            return;
+          }
+          this.loading = true;
+          const { data, status, info } = await this.$request.changePwd({
+            oldPassword: encryptLoginPassword(this.password.oldPassword),
+            password: encryptLoginPassword(this.password.password),
+          });
+          this.loading = false;
+          if (status === 0) {
+            this.$message.success("密码修改成功~");
+            this.diaPass = false;
+            const res = await this.$request.logout();
+            this.$store.commit("setToken", "");
+            this.$store.commit("setInfo", {});
+            this.$store.commit("setRouters", []);
+            this.$store.commit("resetTabnavBox");
+            this.$router.push({
+              path: "/login",
+            });
+          } else {
+            this.$message.error(info);
+          }
+        } else {
+          this.$message.error("数据有误，请检查！");
+        }
+      });
+    },
     linkToUserInfo() {
       this.$router.push({
-        path:'/userInfo'
-      })
+        path: "/userInfo",
+      });
     },
     collapse() {
       this.isCollapse = !this.isCollapse;
@@ -180,7 +301,7 @@ export default {
         if (data) {
           window.location.href = data;
         } else {
-          localStorage.setItem("token","")
+          localStorage.setItem("token", "");
           this.$store.commit("setToken", "");
           this.$store.commit("setInfo", {});
           this.$store.commit("setRouters", []);