n20-common-lib 1.2.43 → 1.2.44

package/src/components/Layout/HeaderWrap/changePwd.vue

@@ -1,215 +1,215 @@
-<template>
-  <div v-loading="laoding">
-    <el-form
-      ref="cp-form"
-      :model="form"
-      label-width="6em"
-      @submit.native.prevent
-    >
-      <el-form-item label="账号">
-        <el-input :value="form.username" disabled />
-      </el-form-item>
-      <el-form-item
-        label="原始密码"
-        prop="orginPassword"
-        :rules="[
-          { required: true, message: '请输入原始密码', trigger: 'blur' },
-          { validator: orginPasswordVd, trigger: 'blur' }
-        ]"
-      >
-        <el-input
-          v-model="form.orginPassword"
-          type="password"
-          placeholder="请输入原始密码"
-        />
-      </el-form-item>
-      <el-form-item
-        label="新密码"
-        prop="newPassword"
-        :rules="[
-          { required: true, message: '请输入新密码', trigger: 'blur' },
-          { validator: newPasswordVd, trigger: 'blur' }
-        ]"
-      >
-        <el-input
-          v-model="form.newPassword"
-          placeholder="请输入新密码"
-          show-password
-          @change="newPwdChange"
-        />
-      </el-form-item>
-      <el-form-item
-        label="确认密码"
-        prop="validatePassword"
-        :rules="[
-          { required: true, message: '请确认新密码', trigger: 'blur' },
-          { validator: validatePasswordVd, trigger: 'blur' }
-        ]"
-      >
-        <el-input
-          v-model="form.validatePassword"
-          :disabled="!form.newPassword"
-          placeholder="请确认新密码"
-          show-password
-        />
-      </el-form-item>
-    </el-form>
-
-    <div class="dialog-footer">
-      <el-button type="primary" @click="confirmFn">确认</el-button>
-      <el-button @click="closeFn">取消</el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import auth from '../../../utils/auth'
-import axios from '../../../utils/axios'
-export default {
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      pwdMin: undefined,
-      pwdMax: undefined,
-      pwdRE: undefined,
-      pwdReMsg: undefined,
-      form: {
-        username: sessionStorage.getItem('userNo'),
-        orginPassword: '',
-        newPassword: '',
-        validatePassword: ''
-      },
-      laoding: false
-    }
-  },
-  watch: {
-    visible(v) {
-      if (!v) {
-        this.$refs['cp-form'].resetFields()
-      }
-    }
-  },
-  created() {
-    this.getPwdRule()
-  },
-  methods: {
-    getPwdRule() {
-      axios
-        .post('/bems/prod_1.0/user/api/userController/use')
-        .then(({ data }) => {
-          let { minLength, maxLength, passwordStrength } = data
-          this.pwdMin = minLength
-          this.pwdMax = maxLength
-          switch (passwordStrength) {
-            case '0':
-              this.pwdRE = [/[A-z0-9]+/]
-              this.pwdReMsg = `密码只能为字母数字`
-              break
-            case '1':
-              this.pwdRE = [/[A-z]+/, /[0-9]+/]
-              this.pwdReMsg = `密码只能包含数字 + 字母`
-              break
-            case '2':
-              this.pwdRE = [/[A-Z]+/, /[a-z]+/, /[0-9]+/]
-              this.pwdReMsg = `密码只能包含数字 + 大写字母 + 小写字母`
-              break
-          }
-        })
-    },
-
-    orginPasswordVd(r, value, callback) {
-      axios
-        .post(
-          '/bems/prod_1.0/uas/api/authorization/password/validate',
-          {
-            username: this.form.username,
-            password: value
-          },
-          { noMsg: true, loading: false }
-        )
-        .then(() => {
-          callback()
-        })
-        .catch(() => {
-          callback(new Error('原始密码与旧密码不一致'))
-        })
-    },
-    newPasswordVd(r, value, callback) {
-      let _re_1 = new RegExp(`^.{${this.pwdMin},${this.pwdMax}}$`)
-      if (!_re_1.test(value)) {
-        callback(new Error(`密码长度范围:${this.pwdMin}-${this.pwdMax}位`))
-      }
-
-      if (this.pwdRE) {
-        this.pwdRE.some((re) => {
-          if (!re.test(value)) {
-            callback(new Error(this.pwdReMsg))
-            return true
-          }
-        })
-      }
-      callback()
-    },
-    validatePasswordVd(r, value, callback) {
-      if (value === this.form.newPassword) {
-        callback()
-      } else {
-        callback(new Error('两次输入密码不一致!'))
-      }
-    },
-    newPwdChange(val) {
-      if (!val) {
-        this.form.validatePassword = ''
-        this.$refs['cp-form'].clearValidate('validatePassword')
-      }
-    },
-    confirmFn() {
-      this.$refs['cp-form'].validate((v) => {
-        if (v) {
-          if (this.form.newPassword === this.form.orginPassword) {
-            this.$message.error('新密码不能与旧密码相同!')
-            this.form.newPassword = ''
-            this.form.validatePassword = ''
-            return
-          }
-
-          this.laoding = true
-          axios
-            .post(
-              '/bems/prod_1.0/uas/api/authorization/password/update',
-              {
-                username: this.form.username,
-                newPassword: this.form.newPassword
-              },
-              {
-                loading: () => {
-                  this.laoding = false
-                }
-              }
-            )
-            .then(() => {
-              this.confirmFnThen()
-            })
-        }
-      })
-    },
-    confirmFnThen() {
-      this.$message({
-        message: '密码修改成功!',
-        type: 'success'
-      })
-      this.closeFn()
-
-      auth.removeToken()
-    },
-    closeFn() {
-      this.$emit('update:visible', false)
-    }
-  }
-}
-</script>
+<template>
+  <div v-loading="laoding">
+    <el-form
+      ref="cp-form"
+      :model="form"
+      label-width="6em"
+      @submit.native.prevent
+    >
+      <el-form-item label="账号">
+        <el-input :value="form.username" disabled />
+      </el-form-item>
+      <el-form-item
+        label="原始密码"
+        prop="orginPassword"
+        :rules="[
+          { required: true, message: '请输入原始密码', trigger: 'blur' },
+          { validator: orginPasswordVd, trigger: 'blur' }
+        ]"
+      >
+        <el-input
+          v-model="form.orginPassword"
+          type="password"
+          placeholder="请输入原始密码"
+        />
+      </el-form-item>
+      <el-form-item
+        label="新密码"
+        prop="newPassword"
+        :rules="[
+          { required: true, message: '请输入新密码', trigger: 'blur' },
+          { validator: newPasswordVd, trigger: 'blur' }
+        ]"
+      >
+        <el-input
+          v-model="form.newPassword"
+          placeholder="请输入新密码"
+          show-password
+          @change="newPwdChange"
+        />
+      </el-form-item>
+      <el-form-item
+        label="确认密码"
+        prop="validatePassword"
+        :rules="[
+          { required: true, message: '请确认新密码', trigger: 'blur' },
+          { validator: validatePasswordVd, trigger: 'blur' }
+        ]"
+      >
+        <el-input
+          v-model="form.validatePassword"
+          :disabled="!form.newPassword"
+          placeholder="请确认新密码"
+          show-password
+        />
+      </el-form-item>
+    </el-form>
+
+    <div class="dialog-footer">
+      <el-button type="primary" @click="confirmFn">确认</el-button>
+      <el-button @click="closeFn">取消</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import auth from '../../../utils/auth'
+import axios from '../../../utils/axios'
+export default {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      pwdMin: undefined,
+      pwdMax: undefined,
+      pwdRE: undefined,
+      pwdReMsg: undefined,
+      form: {
+        username: sessionStorage.getItem('userNo'),
+        orginPassword: '',
+        newPassword: '',
+        validatePassword: ''
+      },
+      laoding: false
+    }
+  },
+  watch: {
+    visible(v) {
+      if (!v) {
+        this.$refs['cp-form'].resetFields()
+      }
+    }
+  },
+  created() {
+    this.getPwdRule()
+  },
+  methods: {
+    getPwdRule() {
+      axios
+        .post('/bems/prod_1.0/user/api/userController/use')
+        .then(({ data }) => {
+          let { minLength, maxLength, passwordStrength } = data
+          this.pwdMin = minLength
+          this.pwdMax = maxLength
+          switch (passwordStrength) {
+            case '0':
+              this.pwdRE = [/[A-z0-9]+/]
+              this.pwdReMsg = `密码只能为字母数字`
+              break
+            case '1':
+              this.pwdRE = [/[A-z]+/, /[0-9]+/]
+              this.pwdReMsg = `密码只能包含数字 + 字母`
+              break
+            case '2':
+              this.pwdRE = [/[A-Z]+/, /[a-z]+/, /[0-9]+/]
+              this.pwdReMsg = `密码只能包含数字 + 大写字母 + 小写字母`
+              break
+          }
+        })
+    },
+
+    orginPasswordVd(r, value, callback) {
+      axios
+        .post(
+          '/bems/prod_1.0/uas/api/authorization/password/validate',
+          {
+            username: this.form.username,
+            password: value
+          },
+          { noMsg: true, loading: false }
+        )
+        .then(() => {
+          callback()
+        })
+        .catch(() => {
+          callback(new Error('原始密码与旧密码不一致'))
+        })
+    },
+    newPasswordVd(r, value, callback) {
+      let _re_1 = new RegExp(`^.{${this.pwdMin},${this.pwdMax}}$`)
+      if (!_re_1.test(value)) {
+        callback(new Error(`密码长度范围:${this.pwdMin}-${this.pwdMax}位`))
+      }
+
+      if (this.pwdRE) {
+        this.pwdRE.some((re) => {
+          if (!re.test(value)) {
+            callback(new Error(this.pwdReMsg))
+            return true
+          }
+        })
+      }
+      callback()
+    },
+    validatePasswordVd(r, value, callback) {
+      if (value === this.form.newPassword) {
+        callback()
+      } else {
+        callback(new Error('两次输入密码不一致!'))
+      }
+    },
+    newPwdChange(val) {
+      if (!val) {
+        this.form.validatePassword = ''
+        this.$refs['cp-form'].clearValidate('validatePassword')
+      }
+    },
+    confirmFn() {
+      this.$refs['cp-form'].validate((v) => {
+        if (v) {
+          if (this.form.newPassword === this.form.orginPassword) {
+            this.$message.error('新密码不能与旧密码相同!')
+            this.form.newPassword = ''
+            this.form.validatePassword = ''
+            return
+          }
+
+          this.laoding = true
+          axios
+            .post(
+              '/bems/prod_1.0/uas/api/authorization/password/update',
+              {
+                username: this.form.username,
+                newPassword: this.form.newPassword
+              },
+              {
+                loading: () => {
+                  this.laoding = false
+                }
+              }
+            )
+            .then(() => {
+              this.confirmFnThen()
+            })
+        }
+      })
+    },
+    confirmFnThen() {
+      this.$message({
+        message: '密码修改成功!',
+        type: 'success'
+      })
+      this.closeFn()
+
+      auth.removeToken()
+    },
+    closeFn() {
+      this.$emit('update:visible', false)
+    }
+  }
+}
+</script>