n20-common-lib 1.3.13 → 1.3.16

package/src/components/LoginTemporary/retrievePw.vue

@@ -1,372 +1,372 @@
-<template>
-  <div class="login-form-wrap p-a">
-    <div>找回密码</div>
-    <div v-if="type === 'phone'" key="phone">
-      <el-form
-        ref="update-form"
-        :model="updateForm"
-        :rules="updateRules"
-        :hide-required-asterisk="true"
-      >
-        <el-form-item class="m-b" label="手机号" prop="phone">
-          <el-input v-model="updateForm.phone" placeholder="请输入手机号" />
-        </el-form-item>
-        <el-form-item class="m-b" label="验证码" prop="code">
-          <br />
-          <div class="flex-box">
-            <el-input
-              v-model="updateForm.code"
-              class="flex-item m-r-s"
-              placeholder="请输入验证码"
-            />
-            <el-button
-              plain
-              style="4em"
-              :disabled="!updateForm.phone || codeNum !== '验证码'"
-              @click="sendMsg('phone', '手机号')"
-              >{{ codeNum }}</el-button
-            >
-          </div>
-        </el-form-item>
-        <el-button
-          class="m-t"
-          type="primary"
-          style="width: 100%"
-          @click="getNext"
-          >下一步</el-button
-        >
-      </el-form>
-      <div class="flex-box flex-lr m-t-m m-b-s">
-        <el-link :underline="false" @click="getBanck">返回</el-link>
-        <el-link :underline="false" @click="changeUk('uk')">其他方式</el-link>
-      </div>
-    </div>
-    <div v-if="type === 'uk'" key="uk">
-      <el-form>
-        <el-form-item class="m-b" label="账号">
-          <el-input v-model="username" placeholder="请输入账号" />
-        </el-form-item>
-        <el-form-item class="m-b" label="uk验证" prop="code">
-          <br />
-          <div v-if="checkCert" class="filed-tips">该账号未开启UK校验！</div>
-          <div v-if="ukCode !== 1">
-            <div :class="ukCode ? 'success-tips' : 'filed-tips'">
-              {{ ukCode ? '验证成功！' : '验证失败！' }}
-            </div>
-            <div v-show="!ukCode" class="filed-tips">
-              自助找回密码失败，请联系管理员
-            </div>
-          </div>
-        </el-form-item>
-        <el-button
-          class="m-t"
-          type="primary"
-          :disabled="ukCode !== true"
-          style="width: 100%"
-          @click="getUkNext"
-          >下一步</el-button
-        >
-      </el-form>
-      <div class="flex-box flex-lr m-t-m m-b-s">
-        <el-link :underline="false" @click="getBanck">返回</el-link>
-        <el-link :underline="false" @click="changeUk('phone')"
-          >其他方式</el-link
-        >
-      </div>
-    </div>
-    <div v-if="type === 'newPwd'" key="newPwd">
-      <el-form
-        ref="newPwdRef"
-        :model="newPwdForm"
-        :rules="newPwdRules"
-        :hide-required-asterisk="true"
-      >
-        <el-form-item
-          class="m-b"
-          :label="confirmPwdData.resetType == 'mobile' ? '手机号' : '账号'"
-        >
-          <el-input v-model="isPhone" disabled />
-        </el-form-item>
-        <el-form-item class="m-b" label="新密码" prop="newPassword">
-          <el-input
-            v-model="newPwdForm.newPassword"
-            placeholder="请输入新密码"
-            show-password
-          />
-        </el-form-item>
-        <el-form-item class="m-b" label="确认密码" prop="respwd">
-          <el-input
-            v-model="newPwdForm.respwd"
-            show-password
-            placeholder="请输入确认密码"
-          />
-        </el-form-item>
-        <el-button
-          class="m-t"
-          type="primary"
-          style="width: 100%"
-          @click="confirm"
-          >确认</el-button
-        >
-        <div class="m-t-s">
-          <el-link :underline="false" @click="getBanck">返回</el-link>
-        </div>
-      </el-form>
-    </div>
-  </div>
-</template>
-
-<script>
-import axios from '../../utils/axios'
-import { getSign } from '../../plugins/Sign/sign'
-export default {
-  data() {
-    const lengthToFirstPassword = (rule, value, callback) => {
-      if (value) {
-        if (
-          this.dataForm.maxLength < value.length ||
-          this.dataForm.minLength > value.length
-        ) {
-          callback(
-            new Error(
-              `密码长度为${this.dataForm.minLength}-${this.dataForm.maxLength}!`
-            )
-          )
-        } else if (
-          this.dataForm.passwordStrength == 2 &&
-          !/^(((?=.*[0-9])(?=.*[a-zA-Z])|(?=.*[0-9])(?=.*[^\s0-9a-zA-Z])|(?=.*[a-zA-Z])(?=.*[^\s0-9a-zA-Z]))[^\s]+)$/.test(
-            value
-          )
-        ) {
-          callback(new Error(`密码至少包括数字,字母,特殊符号其中两种`))
-        } else if (
-          this.dataForm.passwordStrength == 3 &&
-          !/^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*])[\da-zA-Z~!@#$%^&*]{0,}$/.test(
-            value
-          )
-        ) {
-          callback(new Error(`密码同时包括包括数字,字母,特殊符号三种`))
-        } else {
-          callback()
-        }
-      } else {
-        callback()
-      }
-    }
-    const compareToFirstPassword = (rule, value, callback) => {
-      if (value && value !== this.newPwdForm.newPassword) {
-        callback('确认密码和新密码不一致！')
-        return
-      }
-      callback()
-    }
-    return {
-      updateForm: {
-        phone: '',
-        code: '',
-        username: ''
-      },
-      checkCert: false,
-      username: '',
-      newPwdForm: {
-        newPassword: '',
-        respwd: ''
-      },
-      type: 'phone',
-      bank: '',
-      confirmPwdData: {},
-      confirmPwd: false,
-      updateRules: {
-        phone: [
-          { required: true, message: '请输入手机号!', trigger: 'blur' },
-          {
-            pattern: /^1\d{10}$/,
-            message: '请输入正确手机号!',
-            trigger: 'blur'
-          }
-        ],
-        code: [{ required: true, message: '请输入验证码!', trigger: 'blur' }]
-      },
-      codeNum: '验证码',
-      isPhone: '',
-      dataForm: {},
-      sign: '',
-      certDn: '',
-      signData: '',
-      ukCode: 1,
-      newPwdRules: {
-        newPassword: [
-          { required: true, message: '请输入新密码', trigger: 'blur' },
-          {
-            validator: lengthToFirstPassword,
-            trigger: 'blur'
-          }
-        ],
-        respwd: [
-          { required: true, message: '请输入确认密码', trigger: 'blur' },
-          {
-            validator: compareToFirstPassword,
-            trigger: 'blur'
-          }
-        ]
-      }
-    }
-  },
-  watch: {
-    signData(val) {
-      if (val === undefined) {
-        this.ukCode = undefined
-      }
-      if (val) {
-        this.ukCode = true
-      }
-    },
-    username(newValue, oldValue) {
-      this.checkCert = false
-      if (newValue !== oldValue && newValue) {
-        // 数据变化了，执行逻辑，这里做好防抖。
-        this.ms = 1000
-        clearTimeout(this.timeID)
-        this.timeID = setTimeout(() => {
-          axios
-            .get(`/bems/prod_1.0/dssc/sign/getUserDn/${newValue}`)
-            .then((res) => {
-              if (!res.data.checkCert) {
-                this.checkCert = true
-                return
-              }
-              if (res.data.checkCert && res.data.userDn) {
-                this.signData = getSign(newValue, res.data.userDn)
-                this.certDn = res.data.userDn
-              }
-            })
-        }, this.ms)
-      }
-    }
-  },
-  methods: {
-    // 发送短信
-    outTime(num) {
-      clearTimeout(this.setTimeNum)
-      if (num > 0) {
-        num--
-        this.codeNum = num + 'S'
-
-        this.setTimeNum = setTimeout(() => {
-          this.outTime(num)
-        }, 1000)
-        num--
-      } else {
-        clearTimeout(this.setTimeNum)
-        this.codeNum = '验证码'
-      }
-    },
-    sendMsg(type, typeName) {
-      this.$refs['update-form'].validateField(type, (valid) => {
-        if (!valid) {
-          this.outTime(60)
-          axios
-            .get(
-              `/bems/prod_1.0/uas/api/authorization/captcha/${this.updateForm[type]}/1`,
-              null,
-              { loading: false, noMsg: true }
-            )
-            .then(() => {
-              this.$message.success(
-                `${typeName}: ${this.updateForm[type]} 验证码发送成功`
-              )
-            })
-            .catch(() => {
-              console.log(123)
-              clearTimeout(this.setTimeNum)
-              this.codeNum = '验证码'
-              this.$message.warning(
-                `${typeName}: ${this.updateForm[type]} 验证码发送失败`
-              )
-            })
-        }
-      })
-    },
-    // 下一步
-    getNext() {
-      this.$refs['update-form'].validate((val) => {
-        if (val) {
-          this.confirmPwdData = {
-            type: 'newPwd',
-            username: this.updateForm.username,
-            mobile: this.updateForm.phone,
-            captcha: this.updateForm.code,
-            resetType: 'mobile',
-            phone: this.updateForm.phone,
-            code: this.updateForm.code
-          }
-          this.isPhone =
-            this.confirmPwdData.phone.substring(0, 3) +
-            '****' +
-            this.confirmPwdData.phone.substring(7, 11)
-          this.type = 'newPwd'
-          this.getUserRole()
-        }
-      })
-    },
-    getUkNext() {
-      this.confirmPwdData = {
-        type: 'newPwd',
-        username: this.username,
-        resetType: 'certificate'
-      }
-      this.type = 'newPwd'
-      this.isPhone = this.confirmPwdData.username
-    },
-    async getUserRole() {
-      let data = {
-        userNo: this.confirmPwdData.username
-      }
-      let res = await axios.post(
-        `/bems/prod_1.0/user/api/userController/use`,
-        data
-      )
-      this.dataForm = res.data
-    },
-    // 确认
-    confirm() {
-      this.$refs.newPwdRef.validate((val) => {
-        let data = this.confirmPwdData
-        data.newPassword = this.newPwdForm.newPassword
-        data.sign = this.sign
-        data.certDn = this.certDn
-        axios
-          .post(`/bems/prod_1.0/uas/api/authorization/password/reset`, data)
-          .then((res) => {
-            this.$message.success(`密码更新成功！`)
-            this.type = 'phone'
-          })
-      })
-    },
-    changeUk(val) {
-      this.type = val
-    },
-    getBanck() {
-      this.$emit('changType', 'login')
-    }
-  }
-}
-</script>
-
-<style>
-.success-tips {
-  font-size: 14px;
-  text-align: left;
-  color: #48d2a0;
-  line-height: 22px;
-}
-.filed-tips {
-  font-size: 14px;
-  text-align: left;
-  color: #fb5555;
-  line-height: 22px;
-}
-.uk-tips {
-  font-size: 24px;
-}
-</style>
+<template>
+  <div class="login-form-wrap p-a">
+    <div>找回密码</div>
+    <div v-if="type === 'phone'" key="phone">
+      <el-form
+        ref="update-form"
+        :model="updateForm"
+        :rules="updateRules"
+        :hide-required-asterisk="true"
+      >
+        <el-form-item class="m-b" label="手机号" prop="phone">
+          <el-input v-model="updateForm.phone" placeholder="请输入手机号" />
+        </el-form-item>
+        <el-form-item class="m-b" label="验证码" prop="code">
+          <br />
+          <div class="flex-box">
+            <el-input
+              v-model="updateForm.code"
+              class="flex-item m-r-s"
+              placeholder="请输入验证码"
+            />
+            <el-button
+              plain
+              style="4em"
+              :disabled="!updateForm.phone || codeNum !== '验证码'"
+              @click="sendMsg('phone', '手机号')"
+              >{{ codeNum }}</el-button
+            >
+          </div>
+        </el-form-item>
+        <el-button
+          class="m-t"
+          type="primary"
+          style="width: 100%"
+          @click="getNext"
+          >下一步</el-button
+        >
+      </el-form>
+      <div class="flex-box flex-lr m-t-m m-b-s">
+        <el-link :underline="false" @click="getBanck">返回</el-link>
+        <el-link :underline="false" @click="changeUk('uk')">其他方式</el-link>
+      </div>
+    </div>
+    <div v-if="type === 'uk'" key="uk">
+      <el-form>
+        <el-form-item class="m-b" label="账号">
+          <el-input v-model="username" placeholder="请输入账号" />
+        </el-form-item>
+        <el-form-item class="m-b" label="uk验证" prop="code">
+          <br />
+          <div v-if="checkCert" class="filed-tips">该账号未开启UK校验！</div>
+          <div v-if="ukCode !== 1">
+            <div :class="ukCode ? 'success-tips' : 'filed-tips'">
+              {{ ukCode ? '验证成功！' : '验证失败！' }}
+            </div>
+            <div v-show="!ukCode" class="filed-tips">
+              自助找回密码失败，请联系管理员
+            </div>
+          </div>
+        </el-form-item>
+        <el-button
+          class="m-t"
+          type="primary"
+          :disabled="ukCode !== true"
+          style="width: 100%"
+          @click="getUkNext"
+          >下一步</el-button
+        >
+      </el-form>
+      <div class="flex-box flex-lr m-t-m m-b-s">
+        <el-link :underline="false" @click="getBanck">返回</el-link>
+        <el-link :underline="false" @click="changeUk('phone')"
+          >其他方式</el-link
+        >
+      </div>
+    </div>
+    <div v-if="type === 'newPwd'" key="newPwd">
+      <el-form
+        ref="newPwdRef"
+        :model="newPwdForm"
+        :rules="newPwdRules"
+        :hide-required-asterisk="true"
+      >
+        <el-form-item
+          class="m-b"
+          :label="confirmPwdData.resetType == 'mobile' ? '手机号' : '账号'"
+        >
+          <el-input v-model="isPhone" disabled />
+        </el-form-item>
+        <el-form-item class="m-b" label="新密码" prop="newPassword">
+          <el-input
+            v-model="newPwdForm.newPassword"
+            placeholder="请输入新密码"
+            show-password
+          />
+        </el-form-item>
+        <el-form-item class="m-b" label="确认密码" prop="respwd">
+          <el-input
+            v-model="newPwdForm.respwd"
+            show-password
+            placeholder="请输入确认密码"
+          />
+        </el-form-item>
+        <el-button
+          class="m-t"
+          type="primary"
+          style="width: 100%"
+          @click="confirm"
+          >确认</el-button
+        >
+        <div class="m-t-s">
+          <el-link :underline="false" @click="getBanck">返回</el-link>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from '../../utils/axios'
+import { getSign } from '../../plugins/Sign/sign'
+export default {
+  data() {
+    const lengthToFirstPassword = (rule, value, callback) => {
+      if (value) {
+        if (
+          this.dataForm.maxLength < value.length ||
+          this.dataForm.minLength > value.length
+        ) {
+          callback(
+            new Error(
+              `密码长度为${this.dataForm.minLength}-${this.dataForm.maxLength}!`
+            )
+          )
+        } else if (
+          this.dataForm.passwordStrength == 2 &&
+          !/^(((?=.*[0-9])(?=.*[a-zA-Z])|(?=.*[0-9])(?=.*[^\s0-9a-zA-Z])|(?=.*[a-zA-Z])(?=.*[^\s0-9a-zA-Z]))[^\s]+)$/.test(
+            value
+          )
+        ) {
+          callback(new Error(`密码至少包括数字,字母,特殊符号其中两种`))
+        } else if (
+          this.dataForm.passwordStrength == 3 &&
+          !/^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*])[\da-zA-Z~!@#$%^&*]{0,}$/.test(
+            value
+          )
+        ) {
+          callback(new Error(`密码同时包括包括数字,字母,特殊符号三种`))
+        } else {
+          callback()
+        }
+      } else {
+        callback()
+      }
+    }
+    const compareToFirstPassword = (rule, value, callback) => {
+      if (value && value !== this.newPwdForm.newPassword) {
+        callback('确认密码和新密码不一致！')
+        return
+      }
+      callback()
+    }
+    return {
+      updateForm: {
+        phone: '',
+        code: '',
+        username: ''
+      },
+      checkCert: false,
+      username: '',
+      newPwdForm: {
+        newPassword: '',
+        respwd: ''
+      },
+      type: 'phone',
+      bank: '',
+      confirmPwdData: {},
+      confirmPwd: false,
+      updateRules: {
+        phone: [
+          { required: true, message: '请输入手机号!', trigger: 'blur' },
+          {
+            pattern: /^1\d{10}$/,
+            message: '请输入正确手机号!',
+            trigger: 'blur'
+          }
+        ],
+        code: [{ required: true, message: '请输入验证码!', trigger: 'blur' }]
+      },
+      codeNum: '验证码',
+      isPhone: '',
+      dataForm: {},
+      sign: '',
+      certDn: '',
+      signData: '',
+      ukCode: 1,
+      newPwdRules: {
+        newPassword: [
+          { required: true, message: '请输入新密码', trigger: 'blur' },
+          {
+            validator: lengthToFirstPassword,
+            trigger: 'blur'
+          }
+        ],
+        respwd: [
+          { required: true, message: '请输入确认密码', trigger: 'blur' },
+          {
+            validator: compareToFirstPassword,
+            trigger: 'blur'
+          }
+        ]
+      }
+    }
+  },
+  watch: {
+    signData(val) {
+      if (val === undefined) {
+        this.ukCode = undefined
+      }
+      if (val) {
+        this.ukCode = true
+      }
+    },
+    username(newValue, oldValue) {
+      this.checkCert = false
+      if (newValue !== oldValue && newValue) {
+        // 数据变化了，执行逻辑，这里做好防抖。
+        this.ms = 1000
+        clearTimeout(this.timeID)
+        this.timeID = setTimeout(() => {
+          axios
+            .get(`/bems/prod_1.0/dssc/sign/getUserDn/${newValue}`)
+            .then((res) => {
+              if (!res.data.checkCert) {
+                this.checkCert = true
+                return
+              }
+              if (res.data.checkCert && res.data.userDn) {
+                this.signData = getSign(newValue, res.data.userDn)
+                this.certDn = res.data.userDn
+              }
+            })
+        }, this.ms)
+      }
+    }
+  },
+  methods: {
+    // 发送短信
+    outTime(num) {
+      clearTimeout(this.setTimeNum)
+      if (num > 0) {
+        num--
+        this.codeNum = num + 'S'
+
+        this.setTimeNum = setTimeout(() => {
+          this.outTime(num)
+        }, 1000)
+        num--
+      } else {
+        clearTimeout(this.setTimeNum)
+        this.codeNum = '验证码'
+      }
+    },
+    sendMsg(type, typeName) {
+      this.$refs['update-form'].validateField(type, (valid) => {
+        if (!valid) {
+          this.outTime(60)
+          axios
+            .get(
+              `/bems/prod_1.0/uas/api/authorization/captcha/${this.updateForm[type]}/1`,
+              null,
+              { loading: false, noMsg: true }
+            )
+            .then(() => {
+              this.$message.success(
+                `${typeName}: ${this.updateForm[type]} 验证码发送成功`
+              )
+            })
+            .catch(() => {
+              console.log(123)
+              clearTimeout(this.setTimeNum)
+              this.codeNum = '验证码'
+              this.$message.warning(
+                `${typeName}: ${this.updateForm[type]} 验证码发送失败`
+              )
+            })
+        }
+      })
+    },
+    // 下一步
+    getNext() {
+      this.$refs['update-form'].validate((val) => {
+        if (val) {
+          this.confirmPwdData = {
+            type: 'newPwd',
+            username: this.updateForm.username,
+            mobile: this.updateForm.phone,
+            captcha: this.updateForm.code,
+            resetType: 'mobile',
+            phone: this.updateForm.phone,
+            code: this.updateForm.code
+          }
+          this.isPhone =
+            this.confirmPwdData.phone.substring(0, 3) +
+            '****' +
+            this.confirmPwdData.phone.substring(7, 11)
+          this.type = 'newPwd'
+          this.getUserRole()
+        }
+      })
+    },
+    getUkNext() {
+      this.confirmPwdData = {
+        type: 'newPwd',
+        username: this.username,
+        resetType: 'certificate'
+      }
+      this.type = 'newPwd'
+      this.isPhone = this.confirmPwdData.username
+    },
+    async getUserRole() {
+      let data = {
+        userNo: this.confirmPwdData.username
+      }
+      let res = await axios.post(
+        `/bems/prod_1.0/user/api/userController/use`,
+        data
+      )
+      this.dataForm = res.data
+    },
+    // 确认
+    confirm() {
+      this.$refs.newPwdRef.validate((val) => {
+        let data = this.confirmPwdData
+        data.newPassword = this.newPwdForm.newPassword
+        data.sign = this.sign
+        data.certDn = this.certDn
+        axios
+          .post(`/bems/prod_1.0/uas/api/authorization/password/reset`, data)
+          .then((res) => {
+            this.$message.success(`密码更新成功！`)
+            this.type = 'phone'
+          })
+      })
+    },
+    changeUk(val) {
+      this.type = val
+    },
+    getBanck() {
+      this.$emit('changType', 'login')
+    }
+  }
+}
+</script>
+
+<style>
+.success-tips {
+  font-size: 14px;
+  text-align: left;
+  color: #48d2a0;
+  line-height: 22px;
+}
+.filed-tips {
+  font-size: 14px;
+  text-align: left;
+  color: #fb5555;
+  line-height: 22px;
+}
+.uk-tips {
+  font-size: 24px;
+}
+</style>