From 26cc96b12ddab4735cfc908841feb022ef0f1bd3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E7=8F=AE=E5=AE=87?= <peiyu_ren@163.com>
Date: Sun, 18 Feb 2024 11:20:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=86=E7=A0=81=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E4=B8=AD=E6=96=87=E6=94=B9=E6=88=90=E8=8B=B1=E6=96=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/tools/UserPassword.vue | 248 ++++++++++++++------------
 1 file changed, 130 insertions(+), 118 deletions(-)

diff --git a/src/components/tools/UserPassword.vue b/src/components/tools/UserPassword.vue
index ff16648..0559318 100644
--- a/src/components/tools/UserPassword.vue
+++ b/src/components/tools/UserPassword.vue
@@ -6,152 +6,164 @@
     :confirmLoading="confirmLoading"
     @ok="handleOk"
     @cancel="handleCancel"
-    cancelText="关闭"
+    cancelText="Cancel"
   >
     <a-spin :spinning="confirmLoading">
       <a-form :form="form">
-
-        <a-form-item
-          :labelCol="labelCol"
-          :wrapperCol="wrapperCol"
-          label="旧密码">
-          <a-input type="password" placeholder="请输入旧密码" v-decorator="[ 'oldpassword', validatorRules.oldpassword]" />
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="Old Password">
+          <a-input
+            type="password"
+            placeholder="Please enter your old password"
+            v-decorator="['oldpassword', validatorRules.oldpassword]"
+          />
         </a-form-item>
 
-        <a-form-item
-          :labelCol="labelCol"
-          :wrapperCol="wrapperCol"
-          label="新密码">
-          <a-input type="password" placeholder="请输入新密码" v-decorator="[ 'password', validatorRules.password]" />
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="New Password">
+          <a-input
+            type="password"
+            placeholder="Please enter your new password"
+            v-decorator="['password', validatorRules.password]"
+          />
         </a-form-item>
 
-        <a-form-item
-          :labelCol="labelCol"
-          :wrapperCol="wrapperCol"
-          label="确认新密码">
-          <a-input type="password" @blur="handleConfirmBlur" placeholder="请确认新密码" v-decorator="[ 'confirmpassword', validatorRules.confirmpassword]"/>
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="Confirm New Password">
+          <a-input
+            type="password"
+            @blur="handleConfirmBlur"
+            placeholder="Please enter your new password"
+            v-decorator="['confirmpassword', validatorRules.confirmpassword]"
+          />
         </a-form-item>
-
       </a-form>
     </a-spin>
   </a-modal>
 </template>
 
 <script>
+import { putAction } from '@/api/manage'
 
-  import { putAction } from '@/api/manage'
-
-  export default {
-    name: "UserPassword",
-    data () {
-      return {
-        title:"修改密码",
-        modalWidth:800,
-        visible: false,
-        confirmLoading: false,
-        validatorRules:{
-          oldpassword:{
-            rules: [{
-              required: true, message: '请输入旧密码!',
-            }],
-          },
-          password:{
-            rules: [{
-              required: true, message: '请输入新密码!',
-            }, {
+export default {
+  name: 'UserPassword',
+  data() {
+    return {
+      title: 'Change Password',
+      modalWidth: 800,
+      visible: false,
+      confirmLoading: false,
+      validatorRules: {
+        oldpassword: {
+          rules: [
+            {
+              required: true,
+              message: '请输入旧密码!',
+            },
+          ],
+        },
+        password: {
+          rules: [
+            {
+              required: true,
+              message: '请输入新密码!',
+            },
+            {
               validator: this.validateToNextPassword,
-            }],
-          },
-          confirmpassword:{
-            rules: [{
-              required: true, message: '请确认新密码!',
-            }, {
+            },
+          ],
+        },
+        confirmpassword: {
+          rules: [
+            {
+              required: true,
+              message: '请确认新密码!',
+            },
+            {
               validator: this.compareToFirstPassword,
-            }],
-          }
-        },
-        confirmDirty:false,
-        labelCol: {
-          xs: { span: 24 },
-          sm: { span: 5 },
-        },
-        wrapperCol: {
-          xs: { span: 24 },
-          sm: { span: 16 },
+            },
+          ],
         },
+      },
+      confirmDirty: false,
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 6 },
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 },
+      },
 
-        form:this.$form.createForm(this),
-        url: "sys/user/updatePassword",
-        username:"",
+      form: this.$form.createForm(this),
+      url: 'sys/user/updatePassword',
+      username: '',
+    }
+  },
+  methods: {
+    show(uname) {
+      if (!uname) {
+        this.$message.warning('当前系统无登录用户!')
+        return
+      } else {
+        this.username = uname
+        this.form.resetFields()
+        this.visible = true
       }
     },
-    methods: {
-      show(uname){
-        if(!uname){
-          this.$message.warning("当前系统无登录用户!");
-          return
-        }else{
-          this.username = uname
-          this.form.resetFields();
-          this.visible = true;
-        }
-      },
-      handleCancel () {
-        this.close()
-      },
-      close () {
-        this.$emit('close');
-        this.visible = false;
-        this.disableSubmit = false;
-        this.selectedRole = [];
-      },
-      handleOk () {
-        const that = this;
-        // 触发表单验证
-        this.form.validateFields((err, values) => {
-          if (!err) {
-            that.confirmLoading = true;
-            let params = Object.assign({username:this.username},values)
-            console.log("修改密码提交数据",params)
-            putAction(this.url,params).then((res)=>{
-              if(res.success){
+    handleCancel() {
+      this.close()
+    },
+    close() {
+      this.$emit('close')
+      this.visible = false
+      this.disableSubmit = false
+      this.selectedRole = []
+    },
+    handleOk() {
+      const that = this
+      // 触发表单验证
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          that.confirmLoading = true
+          let params = Object.assign({ username: this.username }, values)
+          console.log('修改密码提交数据', params)
+          putAction(this.url, params)
+            .then((res) => {
+              if (res.success) {
                 console.log(res)
-                that.$message.success(res.message);
-                that.close();
-              }else{
-                that.$message.warning(res.message);
+                that.$message.success(res.message)
+                that.close()
+              } else {
+                that.$message.warning(res.message)
               }
-            }).finally(() => {
-              that.confirmLoading = false;
             })
-          }
-        })
-      },
-      validateToNextPassword  (rule, value, callback) {
-        const form = this.form;
-        if (value && this.confirmDirty) {
-          form.validateFields(['confirm'], { force: true })
+            .finally(() => {
+              that.confirmLoading = false
+            })
         }
-        callback();
-      },
-      compareToFirstPassword  (rule, value, callback) {
-        const form = this.form;
-        if (value && value !== form.getFieldValue('password')) {
-          callback('两次输入的密码不一样！');
-        } else {
-          callback()
-        }
-      },
-      handleConfirmBlur  (e) {
-        const value = e.target.value
-        this.confirmDirty = this.confirmDirty || !!value
+      })
+    },
+    validateToNextPassword(rule, value, callback) {
+      const form = this.form
+      if (value && this.confirmDirty) {
+        form.validateFields(['confirm'], { force: true })
       }
-
-    }
-  }
+      callback()
+    },
+    compareToFirstPassword(rule, value, callback) {
+      const form = this.form
+      if (value && value !== form.getFieldValue('password')) {
+        callback('两次输入的密码不一样！')
+      } else {
+        callback()
+      }
+    },
+    handleConfirmBlur(e) {
+      const value = e.target.value
+      this.confirmDirty = this.confirmDirty || !!value
+    },
+  },
+}
 </script>
 
 <style scoped>
-
 </style>