parent
3989ff9f31
commit
a4b6335583
@ -0,0 +1,18 @@
|
||||
/*
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-23 17:19:09
|
||||
* @LastEditTime: 2021-10-23 17:26:38
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/api/mySelf/index.js
|
||||
*/
|
||||
import httpService from "@/request"
|
||||
// 获取当前的数据
|
||||
export function getMyFileInfoExcel(params) {
|
||||
let obj = Object.assign({action: 'getFileInfoExcel', sType: 'User'}, params)
|
||||
return httpService({
|
||||
url: `/api/v6.ashx`,
|
||||
method: 'get',
|
||||
params: obj
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,100 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-23 15:58:58
|
||||
* @LastEditTime: 2021-10-23 17:13:21
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/Myself/modifyForm/index.vue
|
||||
-->
|
||||
<template>
|
||||
<a-form-model layout="horizontal" :model="form" :rules="rules" :label-col="labelCol" :wrapper-col="wrapperCol" ref="resetForm">
|
||||
<a-form-model-item label="设置密码" prop="pwd1">
|
||||
<a-input type="password" v-model="form.pwd1" placeholder="请输入新密码" autocomplete="off"/>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="再次输入" prop="pwd2">
|
||||
<a-input type="password" v-model="form.pwd2" placeholder="请再次输入新密码" autocomplete="off"/>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {updPhonePwd} from "@/api/login"
|
||||
export default {
|
||||
name: "modifyForm",
|
||||
props: {
|
||||
forgetForm: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
const validatePass = (rule, value, callback) => {
|
||||
if (value === "") {
|
||||
callback(new Error("请输入密码"));
|
||||
} else {
|
||||
let reg =
|
||||
/^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)])+$).{6,}$/;
|
||||
if (!reg.test(value)) {
|
||||
callback(new Error("密码由大小写字母、数字和特殊字符组成"));
|
||||
} else if (value.length < 8 || value.length > 16) {
|
||||
callback(new Error("密码8~16位"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
const validatePass2 = (rule, value, callback) => {
|
||||
if (value === "") {
|
||||
callback(new Error("请输入密码"));
|
||||
} else {
|
||||
let reg =
|
||||
/^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)])+$).{6,}$/;
|
||||
if (!reg.test(value)) {
|
||||
callback(new Error("密码由大小写字母、数字和特殊字符组成"));
|
||||
} else if (value.length < 8 || value.length > 16) {
|
||||
callback(new Error("密码8~16位"));
|
||||
} else if (value != this.form.pwd1) {
|
||||
callback(new Error("两次密码不一致"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
return {
|
||||
form: {
|
||||
pwd1: "",
|
||||
pwd2: "",
|
||||
},
|
||||
labelCol: { span: 4 },
|
||||
wrapperCol: { span: 20 },
|
||||
rules: {
|
||||
pwd1: [{ validator: validatePass, trigger: "change" }],
|
||||
pwd2: [{ validator: validatePass2, trigger: "change" }],
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 完成
|
||||
onSuccess() {
|
||||
this.$refs.resetForm.validate((valid) => {
|
||||
if (valid) {
|
||||
let obj = {...this.forgetForm};
|
||||
obj.sPwd = this.form.pwd2;
|
||||
updPhonePwd(obj).then(() => {
|
||||
this.$emit('success')
|
||||
})
|
||||
} else {
|
||||
console.log("error submit!!");
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,115 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2021-10-23 15:34:18
|
||||
* @LastEditTime: 2021-10-23 17:13:16
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /data-show/src/views/Myself/phoneForm/index.vue
|
||||
-->
|
||||
<template>
|
||||
<a-form-model layout="horizontal" :model="form" :rules="rules" ref="phoneForm" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||
<a-form-model-item label="手机号码" prop="sPhone">
|
||||
<a-input v-model="form.sPhone" placeholder="手机号码" autocomplete="off" />
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="验证码" prop="iCode">
|
||||
<a-input v-model="form.iCode" placeholder="验证码" autocomplete="off">
|
||||
<span class="fp-s1" slot="suffix" v-if="showCode" @click="getCode">发送验证码</span>
|
||||
<span class="fp-s1" slot="suffix" v-else>{{count}}</span>
|
||||
</a-input>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getVERCode, checkVERCode } from "@/api/login";
|
||||
export default {
|
||||
name: "phoneForm",
|
||||
data() {
|
||||
const validatePhone = (rule, value, callback) => {
|
||||
if (value === "") {
|
||||
callback(new Error("请输入手机号"));
|
||||
} else {
|
||||
let reg = /^1\d{10}$/;
|
||||
if (!reg.test(value)) {
|
||||
callback(new Error("请输入正确的手机号"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
const validateCode = (rule, value, callback) => {
|
||||
if (value === "") {
|
||||
callback(new Error("请输入验证码"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
return {
|
||||
timer: null,
|
||||
count: 0,
|
||||
showCode: true,
|
||||
labelCol: { span: 4 },
|
||||
wrapperCol: { span: 20 },
|
||||
form: {
|
||||
sPhone: "",
|
||||
iCode: "",
|
||||
},
|
||||
rules: {
|
||||
sPhone: [{ validator: validatePhone, trigger: "change" }],
|
||||
iCode: [{ validator: validateCode, trigger: "change" }],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// 获取手机的验证码
|
||||
getCode() {
|
||||
this.$refs.phoneForm.validateField("sPhone", (errMsg) => {
|
||||
if (!errMsg) {
|
||||
getVERCode({ sPhone: this.form.sPhone }).then(() => {
|
||||
this.countdown();
|
||||
});
|
||||
} else {
|
||||
console.log("验证失败");
|
||||
}
|
||||
});
|
||||
},
|
||||
// 倒计时
|
||||
countdown() {
|
||||
const TIME_COUNT = 60;
|
||||
if (!this.timer) {
|
||||
this.count = TIME_COUNT;
|
||||
this.showCode = false;
|
||||
this.timer = setInterval(() => {
|
||||
if (this.count > 0 && this.count <= TIME_COUNT) {
|
||||
this.count--;
|
||||
} else {
|
||||
this.showCode = true;
|
||||
clearInterval(this.timer);
|
||||
this.timer = null;
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
},
|
||||
// 下一步
|
||||
onNext() {
|
||||
this.$refs.phoneForm.validate((valid) => {
|
||||
if (valid) {
|
||||
checkVERCode(this.form).then(() => {
|
||||
this.$emit("nextStep", this.form);
|
||||
});
|
||||
} else {
|
||||
console.log("error submit!!");
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.fp-s1 {
|
||||
cursor: pointer;
|
||||
color: #698198;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue