diff --git a/public/react/src/modules/user/account/AccountSecure.js b/public/react/src/modules/user/account/AccountSecure.js
index 9ae805754..9692e1dfc 100644
--- a/public/react/src/modules/user/account/AccountSecure.js
+++ b/public/react/src/modules/user/account/AccountSecure.js
@@ -5,9 +5,24 @@ import { Form, Button, Input } from 'antd'
import '../../courses/css/Courses.css'
import './common.css'
+
+import axios from 'axios'
+
const PHONE = 'PHONE'
const EMAIL = 'EMAIL'
const PASSWORD = 'PASSWORD'
+
+function regPhoneAndEmail(value){
+ if(value.indexOf("@")>-1){
+ // 加密邮箱
+ let beforeStr=value.split("@")[0];
+ let afterStr=value.split("@")[1];
+ return beforeStr.substr(0,3)+"**"+beforeStr.substr(beforeStr.length-1,1)+"@"+afterStr;
+ }else{
+ // 加密手机号码
+ return value.substr(0,3)+"****"+value.substr(7,4);
+ }
+}
class AccountSecure extends Component {
constructor (props) {
super(props)
@@ -15,10 +30,41 @@ class AccountSecure extends Component {
updating: ''
}
}
+
+ // 获取验证码
+ getCode=(index)=>{
+ let url=`/account/get_verification_code.json`
+ if(index == 3){
+ //绑定手机号码
+ let values=this.props.form.getFieldsValue();
+ console.log(values);
+ }
+ }
+
onPhoneSubmit = () => {
this.props.form.validateFieldsAndScroll((err, values) => {
if (!err) {
-
+ let {login}=this.props.current_user;
+ let reg=/^1\d{10}$/;
+ if(reg.test(values.phone)){
+ let url=`/users/accounts/${login}/phone_bind.json`
+ axios.post((url),{
+ phone:values.phone,
+ code:values.phoneValidateCode
+ }).then((result)=>{
+ if(result){
+ this.props.showNotification("手机号码绑定成功!");
+ this.setState({
+ updating:''
+ })
+ this.props.getBasicInfo();
+ }
+ }).catch((error)=>{
+ console.log(error);
+ })
+ }else{
+ this.props.showNotification("请输入有效的11位手机号码");
+ }
}
})
}
@@ -36,7 +82,16 @@ class AccountSecure extends Component {
}
})
}
+
+ //取消编辑
+ hideUpdating=()=>{
+ this.setState({
+ updating:""
+ })
+ }
+
render() {
+ let {basicInfo}=this.props;
const { getFieldDecorator } = this.props.form;
const { updating } = this.state
return (
@@ -93,6 +148,12 @@ class AccountSecure extends Component {
.settingForm .ant-form-item-label {
width: 204px;
}
+ .formItemInline .ant-form-explain{
+ position:absolute;
+ bottom:-17px;
+ left:0px;
+ width:100%;
+ }
`}
安全设置
+ {
+ updating != PASSWORD &&
+