From 28237ca550429e0d38262d9512e6dd457d67ede5 Mon Sep 17 00:00:00 2001
From: wj <1285151836@qq.com>
Date: Tue, 30 May 2023 16:24:35 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AD=89=E4=BF=9D=20=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E5=AF=86=E7=A0=81=E7=9B=B8=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json              |   6 +-
 src/views/login/index.vue | 165 ++++++++++++++++++++++++++++++++++----
 vue.config.js             |   1 +
 3 files changed, 155 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 0b052f2..29a61f4 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
         "babel-polyfill": "^6.26.0",
         "clipboard": "^2.0.8",
         "element-china-area-data": "^5.0.2",
-        "element-ui": "^2.15.7",
+        "element-ui": "^2.15.13",
         "file-saver": "^2.0.2",
         "js-cookie": "^2.2.0",
         "mockjs": "^1.0.1-beta3",
@@ -22,7 +22,7 @@
         "nprogress": "^0.2.0",
         "pinyin": "^2.10.2",
         "qrcodejs2": "^0.0.2",
-        "vue": "2.5.16",
+        "vue": "2.6.12",
         "vue-clipboard2": "^0.3.3",
         "vue-router": "^3.0.1",
         "vue2-verify": "^1.1.5",
@@ -39,7 +39,7 @@
         "babel-core": "7.0.0-bridge.0",
         "babel-jest": "^23.0.1",
         "sass-loader": "^7.0.1",
-        "vue-template-compiler": "2.5.16"
+        "vue-template-compiler": "2.6.12"
     },
     "browserslist": [
         "> 1%",
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 8c0ccd0..94e48e9 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -102,15 +102,59 @@
             </a>
         </div>
 
+            <!--新增界面-->
+            <el-dialog title="修改密码" :visible.sync="passwordFormVisible" width="85%" top="5vh"
+                       :close-on-click-modal="false"
+                       :show-close="false"
+                       :close-on-press-escape="false">
+                <el-form :model="passwordFormData" :rules="passwordFormDataRules" ref="passwordFormData">
+                    <el-form-item label="原始密码" prop="old_password">
+                        <el-input type="password" v-model="passwordFormData.oldPassword" auto-complete="off"></el-input>
+                    </el-form-item>
+                    <el-form-item label="新密码" prop="new_password">
+                        <el-input type="password" v-model="passwordFormData.newPassword" auto-complete="off"></el-input>
+                    </el-form-item>
+                    <el-form-item label="确认密码" prop="check_new_password">
+                        <el-input type="password" v-model="passwordFormData.check_new_password" auto-complete="off"></el-input>
+                    </el-form-item>
+                </el-form>
+                <div slot="footer" class="dialog-footer">
+                    <!-- <el-button @click.native="passwordFormVisible = !passwordFormVisible">取消</el-button> -->
+                    <el-button type="primary" @click.native="addSubmit('passwordFormData')" :loading="passwordLoading">提交</el-button>
+                </div>
+            </el-dialog>
+
     </div>
 </template>
 
 <script>
 import Verify from 'vue2-verify'
 import axios from "axios";
+import {password} from "../../api/auth/login";
+import {getAdminId} from "../../utils/auth";
 
 export default {
     data() {
+        let validatePass = (rule, value, callback) => {
+            if (value === "") {
+                callback(new Error("请输入密码"));
+            } else {
+                if (this.passwordFormData.check_new_password !== "") {
+                    this.$refs.passwordFormData.validateField("check_new_password");
+                }
+                callback();
+            }
+        };
+        let validatePass2 = (rule, value, callback) => {
+            console.log(this.passwordFormData)
+            if (value === "") {
+                callback(new Error("请再次输入密码"));
+            } else if (value !== this.passwordFormData.newPassword) {
+                callback(new Error("两次输入密码不一致!"));
+            } else {
+                callback();
+            }
+        };
         let validatePwd = (rule, value, callback) => {
             if (value === "") {
                 callback(new Error("请输入密码"));
@@ -136,9 +180,78 @@ export default {
             showDialog: false, // 显示dialog
             redirect: null, // 回调地址
             hospName: "",
+            passwordLoading: false,
+            passwordFormVisible: false,
+            passwordFormData: {
+                oldPassword: "",
+                newPassword: "",
+                check_new_password: "",
+            },
+            passwordFormDataRules: {
+                oldPassword: [
+                    {
+                        required: true,
+                        message: "请输入原始密码",
+                        trigger: "blur",
+                    },
+                ],
+                newPassword: [
+                    {
+                        required: true,
+                        message: "请输入新密码",
+                        trigger: "blur",
+                    },
+                    {validator: validatePass, trigger: "blur"},
+                ],
+                check_new_password: [
+                    {
+                        required: true,
+                        message: "请再次输入密码",
+                        trigger: "blur",
+                    },
+                    {validator: validatePass2, trigger: "blur"},
+                ],
+            },
         };
     },
     methods: {
+
+        addSubmit(formName) {
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    this.passwordLoading = true;
+                    let data = Object.assign({}, this.passwordFormData);
+                    data.adminId = getAdminId();
+                    password(data)
+                        .then((res) => {
+                            this.passwordLoading = false;
+                            if (res.code !== 20000) {
+                                this.$message({
+                                    message: res.message,
+                                    type: "error",
+                                });
+                            } else {
+                                this.$message({
+                                    message: "修改成功",
+                                    type: "success",
+                                });
+                                // 刷新表单
+                                this.$refs["passwordFormData"].resetFields();
+                                this.passwordFormVisible = false;
+                                this.$store.dispatch("loginOut").then(() => {
+                                    location.reload(); // 为了重新实例化vue-router对象 避免bug
+                                });
+                            }
+                        })
+                        .catch(() => {
+                            // this.$message({
+                            //     type: "error",
+                            //     message: "操作失败",
+                            // });
+                        });
+                }
+            });
+        },
         verifyAlert(text) {
             if (text === 'success') {
                 this.ruleForm.verificationCode = true;
@@ -167,16 +280,40 @@ export default {
                                 this.$message.error(response.message);
                                 return;
                             }
-                            let path = "/";
-                            if (this.redirect) {
-                                path = this.redirect;
+                            if(response.data.needChangePwd){
+                                this.$confirm('系统检测到您的密码长时间未修改，为保证您的账号安全建议立即修改密码?', '提示', {
+                                    confirmButtonText: '立即修改',
+                                    cancelButtonText: '忽略',
+                                    type: 'warning'
+                                }).then(() => {
+                                    this.passwordFormVisible = true;
+                                    this.passwordFormData = {
+                                        oldPassword: "",
+                                        newPassword: "",
+                                        check_new_password: "",
+                                    };
+                                }).catch(() => {
+                                    let path = "/";
+                                    if (this.redirect) {
+                                        path = this.redirect;
+                                    }
+                                    console.log("path = " + path);
+                                    this.$router.push({
+                                        path: "../main",
+                                    });
+                                });
+                            }else {
+                                let path = "/";
+                                if (this.redirect) {
+                                    path = this.redirect;
+                                }
+                                console.log("path = " + path);
+                                this.$router.push({
+                                    path: "../main",
+                                });
+                                // window.location.replace(path);
+                                // this.showDialog = true
                             }
-                            console.log("path = " + path);
-                            this.$router.push({
-                                path: "../main",
-                            });
-                            // window.location.replace(path);
-                            // this.showDialog = true
                         })
                         .catch(() => {
                             this.ruleForm.verificationCode = false;
@@ -224,7 +361,7 @@ $light_gray: #eee;
     background-size: 100vw 100vh;
     height: 100%;
 
-    input:-webkit-autofill {
+    .login-form input:-webkit-autofill {
         -webkit-box-shadow: 0 0 0 1000px #293444 inset !important;
         -webkit-text-fill-color: #fff !important;
     }
@@ -239,17 +376,17 @@ $light_gray: #eee;
         }
     }
 
-    input {
+    .login-form input {
         background: transparent;
         border: 0;
         -webkit-appearance: none;
         border-radius: 0;
-        padding: 0.46rem 0.0666rem 0.16rem 0.2rem;
+        padding: 0.46rem 0.0666rem 0.16rem 1.5rem;
         color: $dark_gray;
         height: 100%;
     }
 
-    .el-input {
+    .login-form .el-input {
         display: inline-block;
     }
 
@@ -298,7 +435,7 @@ $light_gray: #eee;
         padding: 10em 10em 15em 10em;
     }
 
-    .el-form-item {
+    .login-form .el-form-item {
         border: 1px solid rgba(255, 255, 255, 0.1);
         background: rgba(0, 0, 0, 0.1);
         border-radius: 0.0666rem;
diff --git a/vue.config.js b/vue.config.js
index 2ba5f3d..03c98f3 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,5 @@
 module.exports = {
+    lintOnSave:false,
     baseUrl: process.env.NODE_ENV === "production" ? "./" : "/",
     outputDir: process.env.outputDir,
     configureWebpack: config => {