982 lines
32 KiB
JavaScript
982 lines
32 KiB
JavaScript
|
import {
|
|||
|
|
inject,
|
|||
|
|
observer,
|
|||
|
|
} from 'mobx-react';
|
|||
|
|
|
|||
|
|
import {
|
|||
|
|
Row,
|
|||
|
|
Col,
|
|||
|
|
Form,
|
|||
|
|
Steps,
|
|||
|
|
Button,
|
|||
|
|
message,
|
|||
|
|
} from 'antd'
|
|||
|
|
|
|||
|
|
import {
|
|||
|
|
WeaTop,
|
|||
|
|
WeaTab,
|
|||
|
|
WeaTools,
|
|||
|
|
WeaInput,
|
|||
|
|
WeaDialog,
|
|||
|
|
WeaFormItem,
|
|||
|
|
WeaTableEdit,
|
|||
|
|
WeaRightMenu,
|
|||
|
|
WeaDialogFooter,
|
|||
|
|
WeaLocaleProvider,
|
|||
|
|
} from 'ecCom'
|
|||
|
|
import {
|
|||
|
|
i18n
|
|||
|
|
} from '../public/i18n';
|
|||
|
|
import React from 'react'
|
|||
|
|
import * as mobx from 'mobx'
|
|||
|
|
import '../style/password.css';
|
|||
|
|
import SecondaryVerify from './secondaryVerify/SecondaryVerify.js'
|
|||
|
|
import {
|
|||
|
|
RSAEcrypt
|
|||
|
|
} from "../util/RSAUtil";
|
|||
|
|
import {
|
|||
|
|
checkWeakPass
|
|||
|
|
} from "../util/PASSUtil.js";
|
|||
|
|
import {addContentPath} from '../util/index.js'
|
|||
|
|
const getLabel = WeaLocaleProvider.getLabel;
|
|||
|
|
|
|||
|
|
const Step = Steps.Step;
|
|||
|
|
const toJS = mobx.toJS;
|
|||
|
|
const FormItem = Form.Item;
|
|||
|
|
|
|||
|
|
@inject('hrmPassword')
|
|||
|
|
|
|||
|
|
@observer
|
|||
|
|
class Password extends React.Component {
|
|||
|
|
constructor(props) {
|
|||
|
|
super(props);
|
|||
|
|
this.state = {
|
|||
|
|
oldVal: '',
|
|||
|
|
newVal: '',
|
|||
|
|
confirmVal: '',
|
|||
|
|
verifyCode: '',
|
|||
|
|
minPassLen: 1,
|
|||
|
|
passwordComplexity: '0',
|
|||
|
|
pwd: '',
|
|||
|
|
tip: '',
|
|||
|
|
date: new Date().getTime(),
|
|||
|
|
height: 460,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
componentDidMount() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
hrmPassword.getSecuritySettingStatus();
|
|||
|
|
hrmPassword.isOpenSecondaryPwd();
|
|||
|
|
this.init();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
componentWillReceiveProps(nextProps) {
|
|||
|
|
if (this.props.location.key !== nextProps.location.key) {
|
|||
|
|
this.resetPwdField();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
init() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
const hrmId = this.props.params.hrmId || '';
|
|||
|
|
hrmPassword.hrmId = hrmId;
|
|||
|
|
WeaTools.callApi('/api/hrm/password/getPasswordSetting', 'GET', {
|
|||
|
|
id: hrmId
|
|||
|
|
}).then((data) => {
|
|||
|
|
this.setState({
|
|||
|
|
passwordComplexity: data.passwordComplexity,
|
|||
|
|
minPassLen: data.minpasslen,
|
|||
|
|
openRSA:data.openRSA,
|
|||
|
|
tip:data.otherParams.tip
|
|||
|
|
});
|
|||
|
|
// if (data.passwordComplexity == '1') {
|
|||
|
|
// this.setState({
|
|||
|
|
// tip: getLabel('24080', "字母大写、字母小写、数字组合")
|
|||
|
|
// });
|
|||
|
|
// }
|
|||
|
|
// if (data.passwordComplexity == '2') {
|
|||
|
|
// this.setState({
|
|||
|
|
// tip: getLabel('24081', "字母、数字、特殊字符组合")
|
|||
|
|
// });
|
|||
|
|
// }
|
|||
|
|
// if (data.passwordComplexity == '3') {
|
|||
|
|
// this.setState({
|
|||
|
|
// tip: getLabel('512563', "字母、数字组合")
|
|||
|
|
// });
|
|||
|
|
// }
|
|||
|
|
hrmPassword.hrmId = data.hrmId;
|
|||
|
|
});
|
|||
|
|
const {
|
|||
|
|
tabKey
|
|||
|
|
} = this.props.location.query;
|
|||
|
|
if (tabKey) {
|
|||
|
|
hrmPassword.tabKey = tabKey
|
|||
|
|
} else {
|
|||
|
|
hrmPassword.tabKey = '0';
|
|||
|
|
}
|
|||
|
|
//加载公钥
|
|||
|
|
loadjs.isDefined('rsa') ? loadjs.ready('rsa', () => {
|
|||
|
|
|
|||
|
|
}) : loadjs(["/js/rsa/jsencrypt.js", "/js/rsa/rsa.js"], 'rsa', {
|
|||
|
|
async: false
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const doUserSession = this.props.location&&this.props.location.query&&this.props.location.query.doUserSession;
|
|||
|
|
if(hrmPassword.tabKey=='0'&&doUserSession=='1'){
|
|||
|
|
message.info(getLabel('81626',"首次登录需修改密码！"));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pwdSave() {
|
|||
|
|
const {
|
|||
|
|
oldVal,
|
|||
|
|
newVal,
|
|||
|
|
confirmVal,
|
|||
|
|
verifyCode,
|
|||
|
|
openRSA
|
|||
|
|
} = this.state;
|
|||
|
|
const {
|
|||
|
|
minPassLen,
|
|||
|
|
passwordComplexity
|
|||
|
|
} = this.state;
|
|||
|
|
if (!oldVal || !newVal || !confirmVal || !verifyCode) {
|
|||
|
|
message.error(getLabel('386497', "必填信息不完整！"));
|
|||
|
|
return false
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let RSAParam = {
|
|||
|
|
'passwordold': oldVal,
|
|||
|
|
'passwordnew': newVal,
|
|||
|
|
}
|
|||
|
|
RSAEcrypt(openRSA,RSAParam).then(RSAParam => {
|
|||
|
|
const hrmId = this.props.params.hrmId || '';
|
|||
|
|
const dialogId = this.props.location.query.dialogId || '';
|
|||
|
|
const optype = this.props.location.query.optype || '';
|
|||
|
|
let params = {
|
|||
|
|
'id': hrmId,
|
|||
|
|
'passwordold': RSAParam.passwordold,
|
|||
|
|
'passwordnew': RSAParam.passwordnew,
|
|||
|
|
'validatecode': verifyCode,
|
|||
|
|
'optype':optype,
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let result = this.newPwdVerification(newVal, confirmVal, minPassLen, passwordComplexity);
|
|||
|
|
if (result) {
|
|||
|
|
checkWeakPass(RSAParam.passwordnew,()=>{
|
|||
|
|
WeaTools.callApi('/api/hrm/password/changePassword', 'POST', params).then(data => {
|
|||
|
|
if (data.status == '1') {
|
|||
|
|
message.success(data.message);
|
|||
|
|
if (dialogId != '') {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
let dialog = top.window.getParentDialog();
|
|||
|
|
if (!dialog) {
|
|||
|
|
if (dialogId && window.top.window.dialogMapper && window.top.window.dialogMapper[dialogId]) {
|
|||
|
|
dialog = window.top.window.dialogMapper[dialogId];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.resetPwdField();
|
|||
|
|
dialog.close(); // 关闭。 会触发onCancel
|
|||
|
|
}, 3000);
|
|||
|
|
} else {
|
|||
|
|
this.resetPwdField();
|
|||
|
|
const doUserSession = this.props.location&&this.props.location.query&&this.props.location.query.doUserSession;
|
|||
|
|
if(doUserSession=='1'){
|
|||
|
|
window.location.href = addContentPath('/wui/index.html#/main');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
message.error(data.message);
|
|||
|
|
}
|
|||
|
|
this.setState({
|
|||
|
|
date: new Date()
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
},()=>{
|
|||
|
|
this.setState({
|
|||
|
|
date: new Date()
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
this.setState({
|
|||
|
|
date: new Date()
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
resetPwdField() {
|
|||
|
|
this.setState({
|
|||
|
|
oldVal: '',
|
|||
|
|
newVal: '',
|
|||
|
|
confirmVal: '',
|
|||
|
|
verifyCode: '',
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
newPwdVerification(newVal, confirmVal, minPassLen, passwordComplexity) {
|
|||
|
|
let checkpass = true;
|
|||
|
|
if (newVal !== confirmVal) {
|
|||
|
|
message.error(getLabel('386508', "密码确认不正确！"));
|
|||
|
|
return false
|
|||
|
|
} else {
|
|||
|
|
if (newVal.length < minPassLen) {
|
|||
|
|
message.error(getLabel('20172', "密码长度不能小于") + minPassLen);
|
|||
|
|
return false;
|
|||
|
|
} else {
|
|||
|
|
if (passwordComplexity == "1") {
|
|||
|
|
const complexity11 = /[a-z]+/;
|
|||
|
|
const complexity12 = /[A-Z]+/;
|
|||
|
|
const complexity13 = /\d+/;
|
|||
|
|
|
|||
|
|
if (complexity11.test(newVal) && complexity12.test(newVal) && complexity13.test(newVal)) {
|
|||
|
|
checkpass = true;
|
|||
|
|
} else {
|
|||
|
|
message.error(i18n.label['514130']());
|
|||
|
|
checkpass = false;
|
|||
|
|
}
|
|||
|
|
} else if (passwordComplexity == "2") {
|
|||
|
|
const complexity21 = /[a-zA-Z_]+/;
|
|||
|
|
const complexity22 = /\W+/;
|
|||
|
|
const complexity23 = /\d+/;
|
|||
|
|
if (complexity21.test(newVal) && complexity22.test(newVal) && complexity23.test(newVal)) {
|
|||
|
|
checkpass = true;
|
|||
|
|
} else {
|
|||
|
|
message.error(i18n.label['514057']());
|
|||
|
|
checkpass = false;
|
|||
|
|
}
|
|||
|
|
} else if (passwordComplexity == "3") {
|
|||
|
|
const complexity31 = /[a-zA-Z_]+/;
|
|||
|
|
const complexity32 = /\d+/;
|
|||
|
|
if (complexity31.test(newVal) && complexity32.test(newVal)) {
|
|||
|
|
checkpass = true;
|
|||
|
|
} else {
|
|||
|
|
message.error(i18n.label['514131']());
|
|||
|
|
checkpass = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return checkpass;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getPwdModificationGrid() {
|
|||
|
|
const {
|
|||
|
|
oldVal,
|
|||
|
|
newVal,
|
|||
|
|
confirmVal,
|
|||
|
|
verifyCode,
|
|||
|
|
tip,
|
|||
|
|
date,
|
|||
|
|
} = this.state;
|
|||
|
|
const dialogId = this.props.location.query.dialogId || '';
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<div>
|
|||
|
|
<div style={{marginTop: '60px'}}>
|
|||
|
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@zovp8c`}
|
|||
|
|
label={getLabel('32738',"旧密码")}
|
|||
|
|
labelCol={{span: 5, offset: 6}}
|
|||
|
|
wrapperCol={{span: 8}}
|
|||
|
|
>
|
|||
|
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@6pvv39`}
|
|||
|
|
type="password"
|
|||
|
|
viewAttr='3'
|
|||
|
|
value={oldVal}
|
|||
|
|
onChange={(val) => this.setState({oldVal: val})}
|
|||
|
|
/>
|
|||
|
|
</WeaFormItem>
|
|||
|
|
</div>
|
|||
|
|
<div style={{marginTop: '35px'}}>
|
|||
|
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@cjmvod`}
|
|||
|
|
label={getLabel('27303',"新密码")}
|
|||
|
|
labelCol={{span: 5, offset: 6}}
|
|||
|
|
wrapperCol={{span: 8}}
|
|||
|
|
>
|
|||
|
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@g1lm3j`}
|
|||
|
|
type="password"
|
|||
|
|
viewAttr='3'
|
|||
|
|
passwordStrength
|
|||
|
|
tip={tip}
|
|||
|
|
value={newVal}
|
|||
|
|
onChange={(val) => this.setState({newVal: val})}
|
|||
|
|
/>
|
|||
|
|
</WeaFormItem>
|
|||
|
|
</div>
|
|||
|
|
<div style={{marginTop: '35px'}}>
|
|||
|
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@3fgd3h`}
|
|||
|
|
label={getLabel('32739',"确认新密码")}
|
|||
|
|
labelCol={{span: 5, offset: 6}}
|
|||
|
|
wrapperCol={{span: 8}}
|
|||
|
|
>
|
|||
|
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@z27cbb`}
|
|||
|
|
type="password"
|
|||
|
|
viewAttr='3'
|
|||
|
|
value={confirmVal}
|
|||
|
|
onChange={(val) => this.setState({confirmVal: val})}
|
|||
|
|
/>
|
|||
|
|
</WeaFormItem>
|
|||
|
|
</div>
|
|||
|
|
<div style={{marginTop: '35px'}}>
|
|||
|
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@jd9mwb`}
|
|||
|
|
label={getLabel('130021',"验证码")}
|
|||
|
|
labelCol={{span: 5, offset: 6}}
|
|||
|
|
wrapperCol={{span: 8}}
|
|||
|
|
>
|
|||
|
|
<div style={{width:'170%'}}>
|
|||
|
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@xa1ojh`}
|
|||
|
|
viewAttr='3'
|
|||
|
|
value={verifyCode}
|
|||
|
|
style={{width:'58.9%',float:'left'}}
|
|||
|
|
onChange={(val) => this.setState({verifyCode: val})}
|
|||
|
|
/>
|
|||
|
|
<img
|
|||
|
|
src={addContentPath(`/weaver/weaver.file.MakeValidateCode?from=_changePass&isView=1&validatetype=0&validatenum=4&seriesnum_=${date}`)}
|
|||
|
|
style={{cursor:'pointer',display:'block',float:'left',marginLeft: 25}}
|
|||
|
|
onClick={() => this.setState({date: new Date().getTime()})}
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
</WeaFormItem>
|
|||
|
|
</div>
|
|||
|
|
{dialogId !='' && <WeaDialogFooter ecId={`${this && this.props && this.props.ecId || ''}_WeaDialogFooter@rw3r1z`} buttons={<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@1fspc7`} type="primary" onClick={() => this.pwdSave()}>{i18n.button.save()}</Button>} />}
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getPwdSettingContent() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
const {
|
|||
|
|
isSetted
|
|||
|
|
} = hrmPassword;
|
|||
|
|
return (
|
|||
|
|
<div style={{position: 'relative'}}>
|
|||
|
|
<div style={{position: 'absolute', left: '50%', top: 50, marginLeft: -337}}>
|
|||
|
|
<div style={{float: 'left', width: 265}}>
|
|||
|
|
<img src={addContentPath('/hrm/hrm_e9/image/computer.png')} alt=''/>
|
|||
|
|
</div>
|
|||
|
|
<div style={{float: 'left', width: 410}}>
|
|||
|
|
{ isSetted ? this.pwdSecurityStatus() : this.pwdSettingIllustration()}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pwdSecurityStatus() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
const {
|
|||
|
|
secStatus
|
|||
|
|
} = hrmPassword;
|
|||
|
|
const {
|
|||
|
|
pwd
|
|||
|
|
} = this.state;
|
|||
|
|
return (
|
|||
|
|
<div style={{marginTop: '30px'}}>
|
|||
|
|
<p style={{marginBottom: '12px', fontWeight: 'bold'}}><span style={{fontSize: '14px'}}>{getLabel('386526',"密保状态")}：</span><span style={{fontSize: '13px',color: '#2DB7F5'}}>{secStatus ? getLabel('387099','已启用') : getLabel('387100','已停用')}</span></p>
|
|||
|
|
<p style={{marginBottom: '12px'}}>• {getLabel('386509',"密保问题忘了怎么办？")}</p>
|
|||
|
|
<p style={{marginBottom: '12px'}}>{getLabel('386510',"可采用发送短信或发送邮件方式找回密码,若这两种方式都未开启，则联系系统管理员解决。")}</p>
|
|||
|
|
<div style={{marginTop: '35px'}}>
|
|||
|
|
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@2radb2`} type='primary' onClick={() => {hrmPassword.doOpen('1');hrmPassword.isModifyBtnClick = false}}>{secStatus ? getLabel('26471',"停用") : getLabel('26472',"启用")}</Button>
|
|||
|
|
{secStatus ? <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@r5gjck`} type='primary' onClick={() => {hrmPassword.doOpen('1');hrmPassword.isModifyBtnClick = true}} style={{marginLeft: '30px'}}>{getLabel('103',"修改")}</Button>
|
|||
|
|
: ''}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pwdSettingIllustration() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
return (
|
|||
|
|
<div style={{marginTop: '30px'}}>
|
|||
|
|
<p style={{marginBottom: '12px'}}>• {getLabel('386511',"什么是密保问题？")}</p>
|
|||
|
|
<p style={{marginBottom: '12px'}}>{getLabel('506872',"由用户设定的几个问题及对应答案组成，用于找回E-cology登录密码。")}</p>
|
|||
|
|
<p style={{marginBottom: '12px'}}>• {getLabel('386512',"如何用密保问题找回密码？")}</p>
|
|||
|
|
<p style={{marginBottom: '12px'}}>{getLabel('386513',"您可以通过登录页面中的“忘记密码”选择“密保问题”验证答案，找回密码。")}</p>
|
|||
|
|
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@6ez37z`} type='primary' onClick={() => {hrmPassword.doOpen('1');}}>{getLabel('386514',"立即设置")}</Button>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pwdVerification(arg) {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
const {
|
|||
|
|
isSetted,
|
|||
|
|
secStatus,
|
|||
|
|
isModifyBtnClick,
|
|||
|
|
reDate,
|
|||
|
|
} = hrmPassword;
|
|||
|
|
const {
|
|||
|
|
pwd,
|
|||
|
|
openRSA
|
|||
|
|
} = this.state;
|
|||
|
|
const hrmId = this.props.params.hrmId || '';
|
|||
|
|
|
|||
|
|
if (isSetted && !isModifyBtnClick) {
|
|||
|
|
if (!pwd || !this.vfyc) {
|
|||
|
|
message.error(getLabel('386497', "必填信息不完整！"));
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
RSAEcrypt(openRSA, {
|
|||
|
|
password:pwd
|
|||
|
|
}).then(RSAParam => {
|
|||
|
|
hrmPassword.setSecutityStatus({pswd:RSAParam.password,validatecode:this.vfyc}, this.clearField);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
if (!isSetted || isModifyBtnClick) {
|
|||
|
|
if (!pwd || !this.vfyc) {
|
|||
|
|
message.error(getLabel('386497', "必填信息不完整！"));
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
let RSAParam = {
|
|||
|
|
'password':pwd
|
|||
|
|
}
|
|||
|
|
RSAEcrypt(openRSA, RSAParam).then(RSAParam => {
|
|||
|
|
let params = {
|
|||
|
|
'id': hrmId,
|
|||
|
|
'pswd': RSAParam.password,
|
|||
|
|
validatecode:this.vfyc
|
|||
|
|
}
|
|||
|
|
WeaTools.callApi('/api/hrm/password/verifyPswd', 'POST', params).then((data) => {
|
|||
|
|
if (data.result == 'true') {
|
|||
|
|
hrmPassword.getTableEditInfo();
|
|||
|
|
hrmPassword.doOpen('2');
|
|||
|
|
hrmPassword.doClose('1');
|
|||
|
|
this.clearField();
|
|||
|
|
} else {
|
|||
|
|
reDate();
|
|||
|
|
if (data.message) {
|
|||
|
|
message.error(data.message);
|
|||
|
|
} else {
|
|||
|
|
message.error(getLabel('386525', "密码校验不通过，请重新输入！"));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
hrmPassword.setPwdCopy(pwd);
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
clearField = () => {
|
|||
|
|
this.vfyc="";
|
|||
|
|
this.setState({
|
|||
|
|
pwd: ''
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getButtons() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
const {
|
|||
|
|
current
|
|||
|
|
} = hrmPassword;
|
|||
|
|
let btns = [];
|
|||
|
|
const pre = <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@mibjj0`} type="primary" onClick={() => this.pre()} >{i18n.button.lastStep()}</Button>;
|
|||
|
|
const next = <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@7dspo2`} type="primary" onClick={() => this.next()} >{i18n.button.nextStep()}</Button>;
|
|||
|
|
const finish = <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@k0l0x3`} type="primary" onClick={() => this.finish()} >{i18n.button.done()}</Button>;
|
|||
|
|
|
|||
|
|
if (current == 0) {
|
|||
|
|
btns = [next];
|
|||
|
|
} else if (current == 1) {
|
|||
|
|
btns = [pre, next];
|
|||
|
|
} else {
|
|||
|
|
btns = [finish];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return btns;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pre() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
const {
|
|||
|
|
current
|
|||
|
|
} = hrmPassword;
|
|||
|
|
this.props.form.resetFields();
|
|||
|
|
hrmPassword.minus();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
next() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
const {
|
|||
|
|
current,
|
|||
|
|
datasource
|
|||
|
|
} = hrmPassword;
|
|||
|
|
const {
|
|||
|
|
pwd
|
|||
|
|
} = this.state;
|
|||
|
|
|
|||
|
|
if (current == 0) {
|
|||
|
|
if (datasource.length == 0) {
|
|||
|
|
message.error(getLabel('386515', "请填写密保问题！"));
|
|||
|
|
return false;
|
|||
|
|
} else {
|
|||
|
|
for (let i = 0; i < datasource.length; i++) {
|
|||
|
|
if (this.isEmptyObject(datasource[i])) {
|
|||
|
|
message.error(getLabel('386497', "必填信息不完整！"));
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
for (let key in datasource[i]) {
|
|||
|
|
if (!('answer' in datasource[i]) || !('question' in datasource[i])) {
|
|||
|
|
message.error(getLabel('386497', "必填信息不完整！"));
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (datasource[i][key] == '') {
|
|||
|
|
message.error(getLabel('386497', "必填信息不完整！"));
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (current == 1) {
|
|||
|
|
let answerArray = [];
|
|||
|
|
let obj = this.props.form.getFieldsValue();
|
|||
|
|
for (let i in obj) {
|
|||
|
|
answerArray.push(obj[i]);
|
|||
|
|
}
|
|||
|
|
let b = this.securityAnswerVerification(answerArray);
|
|||
|
|
if (typeof b == 'number') {
|
|||
|
|
message.error(getLabel('24419', "问题 ") + b + getLabel('386516', " 输入的答案与问题不匹配，请重新输入！"));
|
|||
|
|
return false;
|
|||
|
|
} else {
|
|||
|
|
if (b) {
|
|||
|
|
let ds = toJS(datasource);
|
|||
|
|
let obj = {};
|
|||
|
|
for (let i = 0; i < ds.length; i++) {
|
|||
|
|
for (let key in ds[i]) {
|
|||
|
|
obj[key + '_' + i] = ds[i][key];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
hrmPassword.save(obj);
|
|||
|
|
this.props.form.resetFields();
|
|||
|
|
} else {
|
|||
|
|
message.error(getLabel('386497', "必填信息不完整！"));
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
hrmPassword.plus();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
finish() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
const {
|
|||
|
|
isSetted
|
|||
|
|
} = hrmPassword;
|
|||
|
|
hrmPassword.doClose('2');
|
|||
|
|
hrmPassword.reset();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
isEmptyObject(obj) {
|
|||
|
|
for (let key in obj) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
securityAnswerVerification(answerArray) {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
const {
|
|||
|
|
datasource
|
|||
|
|
} = hrmPassword;
|
|||
|
|
let arr = [];
|
|||
|
|
let _arr = toJS(datasource);
|
|||
|
|
|
|||
|
|
for (let i = 0; i < answerArray.length; i++) {
|
|||
|
|
if (!answerArray[i]) return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
for (let i = 0; i < _arr.length; i++) {
|
|||
|
|
arr.push(_arr[i].answer);
|
|||
|
|
}
|
|||
|
|
for (let i = 0; i < arr.length; i++) {
|
|||
|
|
if (arr[i] !== answerArray[i]) {
|
|||
|
|
|
|||
|
|
return i + 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getTableEdit() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
let {
|
|||
|
|
columns,
|
|||
|
|
datasource
|
|||
|
|
} = hrmPassword;
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<WeaTableEdit ecId={`${this && this.props && this.props.ecId || ''}_WeaTableEdit@4jgsv4`}
|
|||
|
|
columns={toJS(columns)}
|
|||
|
|
datas={toJS(datasource)}
|
|||
|
|
onChange={(arr) => hrmPassword.datasource = arr}
|
|||
|
|
/>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getQaForm() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
const {
|
|||
|
|
datasource
|
|||
|
|
} = hrmPassword;
|
|||
|
|
const {
|
|||
|
|
getFieldDecorator,
|
|||
|
|
getFieldProps
|
|||
|
|
} = this.props.form;
|
|||
|
|
|
|||
|
|
const tip = (
|
|||
|
|
<p>
|
|||
|
|
<i className="icon-coms-Explain" style={{color: "#faa825"}}/>
|
|||
|
|
<span style={{marginLeft: 10}}>{getLabel('386517',"以下是您刚刚设置的密保问题，请依次做出回答，以便进行确认")}</span>
|
|||
|
|
</p>
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
const Qa = (question,i) => {
|
|||
|
|
return (
|
|||
|
|
<div>
|
|||
|
|
<p>
|
|||
|
|
<span>
|
|||
|
|
{getLabel('24419',"问题 ")}:
|
|||
|
|
</span>
|
|||
|
|
<span>
|
|||
|
|
{question}
|
|||
|
|
</span>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<span>{getLabel('24122',"答案")}:</span>
|
|||
|
|
<FormItem ecId={`${this && this.props && this.props.ecId || ''}_FormItem@lssr05`}>
|
|||
|
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@d9z31q`}
|
|||
|
|
{...getFieldProps('answer' + (i+1))}
|
|||
|
|
{...getFieldDecorator('answer' + (i+1))}
|
|||
|
|
type="text"
|
|||
|
|
viewAttr='3'
|
|||
|
|
/>
|
|||
|
|
</FormItem>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const arr = [];
|
|||
|
|
arr.push(tip);
|
|||
|
|
if (datasource.length) {
|
|||
|
|
datasource.forEach( (data,index) => {
|
|||
|
|
arr.push(Qa(data.question, index));
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
return (
|
|||
|
|
<div className="hrm-pass-qa">
|
|||
|
|
<Form ecId={`${this && this.props && this.props.ecId || ''}_Form@9myso7`}>{arr}</Form>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
|
|||
|
|
let _arr = [];
|
|||
|
|
_arr.push(
|
|||
|
|
<div style={{marginTop: '40px'}}>
|
|||
|
|
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@l63cok@1`}>
|
|||
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@yqdwcq@1`} span={1} offset={5}>
|
|||
|
|
<img src={addContentPath('/hrm/hrm_e9/image/wenhao.png')} alt='' style={{width: '15px', height: '15px'}}/>
|
|||
|
|
</Col>
|
|||
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@m0h1dm@1`} span={13}>
|
|||
|
|
<p>{getLabel('386517',"以下是您刚刚设置的密保问题，请依次做出回答，以便进行确认")}</p>
|
|||
|
|
</Col>
|
|||
|
|
</Row>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
for (let i = 0; i < datasource.length; i++) {
|
|||
|
|
_arr.push(<div style={{marginTop: '15px'}}>
|
|||
|
|
<div style={{marginTop: '20px', width:420 ,marginLeft:113}}>
|
|||
|
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@58oknx@${i}`}
|
|||
|
|
label={getLabel('24419',"问题 ")}
|
|||
|
|
labelCol={{span: 3, offset: 2}}
|
|||
|
|
wrapperCol={{span: 19}}
|
|||
|
|
>
|
|||
|
|
<p style={{marginTop: 4}}>{datasource[i].question}</p>
|
|||
|
|
</WeaFormItem>
|
|||
|
|
</div>
|
|||
|
|
<div style={{marginTop: '20px',width:420 ,marginLeft:113}}>
|
|||
|
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@nu2jh9@${i}`}
|
|||
|
|
label={getLabel('24122',"答案")}
|
|||
|
|
labelCol={{span: 3, offset: 2}}
|
|||
|
|
wrapperCol={{span: 19}}
|
|||
|
|
>
|
|||
|
|
<FormItem ecId={`${this && this.props && this.props.ecId || ''}_FormItem@bhpxpx@${i}`}>
|
|||
|
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@hhbp07@${i}`}
|
|||
|
|
{...getFieldProps('answer' + (i+1))}
|
|||
|
|
{...getFieldDecorator('answer' + (i+1))}
|
|||
|
|
type="text"
|
|||
|
|
viewAttr='3'
|
|||
|
|
/>
|
|||
|
|
</FormItem>
|
|||
|
|
</WeaFormItem>
|
|||
|
|
</div>
|
|||
|
|
</div>);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return <Form ecId={`${this && this.props && this.props.ecId || ''}_Form@1egz04`}>{_arr}</Form>;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getFinishLogo() {
|
|||
|
|
return (
|
|||
|
|
<div style={{position: 'relative'}}>
|
|||
|
|
<div style={{position: 'absolute', top: 50, left: '50%', marginLeft: -92.5, width: 185}}>
|
|||
|
|
<img src={addContentPath('/hrm/hrm_e9/image/finish.png')} alt='' />
|
|||
|
|
</div>
|
|||
|
|
<p style={{fontSize: '15px',paddingTop: 190,textAlign:'center'}}>{getLabel('386518',"您已完成了密保问题的设置!")}</p>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
dropMenuDatasClick(key) {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
hrmPassword.doOpen('1');
|
|||
|
|
if (key == '3') hrmPassword.setModifyBtnStatus(false);
|
|||
|
|
if (key == '4') hrmPassword.setModifyBtnStatus(false);
|
|||
|
|
if (key == '5') hrmPassword.setModifyBtnStatus(true);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
render() {
|
|||
|
|
const {
|
|||
|
|
hrmPassword
|
|||
|
|
} = this.props;
|
|||
|
|
const {
|
|||
|
|
tabKey,
|
|||
|
|
isPwdVerifyDialogShow,
|
|||
|
|
isPwdSecuritySettingShow,
|
|||
|
|
current,
|
|||
|
|
isSetted,
|
|||
|
|
secStatus,
|
|||
|
|
hrmId,
|
|||
|
|
showSecondaryPwd,
|
|||
|
|
showSecuritySetting,
|
|||
|
|
date,
|
|||
|
|
reDate,
|
|||
|
|
} = hrmPassword;
|
|||
|
|
const {
|
|||
|
|
pwd,
|
|||
|
|
height,
|
|||
|
|
} = this.state;
|
|||
|
|
const btn1 = [
|
|||
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@2ts290@1`} type="primary" onClick={() => this.pwdSave()}>{i18n.button.save()}</Button>),
|
|||
|
|
]
|
|||
|
|
const btn2 = [
|
|||
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@1oorxd@2`} type="primary" onClick={() => this.pwdVerification()}>{i18n.button.nextStep()}</Button>),
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
const dropMenuDatas = [{
|
|||
|
|
key: '0',
|
|||
|
|
content: i18n.button.save(),
|
|||
|
|
key: 'save',
|
|||
|
|
icon: <i className='icon-coms-Preservation' />,
|
|||
|
|
onClick: key => {
|
|||
|
|
this.pwdSave();
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
key: '1',
|
|||
|
|
content: i18n.button.nextStep(),
|
|||
|
|
icon: <i className='icon-coms-Browse-box-Add-to' />
|
|||
|
|
}, {
|
|||
|
|
key: '2',
|
|||
|
|
content: getLabel('386514', "立即设置"),
|
|||
|
|
icon: <i className='icon-coms-currency' />
|
|||
|
|
}, {
|
|||
|
|
key: '3',
|
|||
|
|
content: getLabel('26472', "启用"),
|
|||
|
|
icon: <i className='icon-coms-operation' />
|
|||
|
|
}, {
|
|||
|
|
key: '4',
|
|||
|
|
content: getLabel('26471', "停用"),
|
|||
|
|
icon: <i className='icon-coms-locking' />
|
|||
|
|
}, {
|
|||
|
|
key: '5',
|
|||
|
|
content: getLabel('103', "修改"),
|
|||
|
|
icon: <i className='icon-coms-edit' />
|
|||
|
|
}, ]
|
|||
|
|
const dropMenuDatas1 = dropMenuDatas.slice(0, 1);
|
|||
|
|
const dropMenuDatas2 = dropMenuDatas.slice(1, 2);
|
|||
|
|
let dropMenuDatas3;
|
|||
|
|
if (!isSetted) dropMenuDatas3 = dropMenuDatas.slice(2, 3);
|
|||
|
|
if (isSetted && !secStatus) dropMenuDatas3 = dropMenuDatas.slice(3, 4);
|
|||
|
|
if (isSetted && secStatus) dropMenuDatas3 = dropMenuDatas.slice(4, 6);
|
|||
|
|
|
|||
|
|
dropMenuDatas1.push({
|
|||
|
|
icon: <i className='icon-coms-Print-log'/>,
|
|||
|
|
content: i18n.button.log(),
|
|||
|
|
key: 'showLog',
|
|||
|
|
onClick: key => {
|
|||
|
|
window.setLogViewProps({
|
|||
|
|
logSmallType: i18n.smallType.HRM_PASSWPRD,
|
|||
|
|
targetId: hrmId
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
let tabName1 = [{
|
|||
|
|
key: '0',
|
|||
|
|
title: getLabel('528200', "登录密码")
|
|||
|
|
}, {
|
|||
|
|
key: '2',
|
|||
|
|
title: getLabel('501204', "二次验证密码")
|
|||
|
|
}, {
|
|||
|
|
key: '1',
|
|||
|
|
title: getLabel('81604', "密保设置")
|
|||
|
|
}]
|
|||
|
|
const dialogId = this.props.location.query.dialogId || '';
|
|||
|
|
|
|||
|
|
if (dialogId != '') {
|
|||
|
|
tabName1 = [{
|
|||
|
|
key: '0',
|
|||
|
|
title: getLabel('81631', "密码修改")
|
|||
|
|
}]
|
|||
|
|
}
|
|||
|
|
if (!showSecondaryPwd) {
|
|||
|
|
if (tabName1.length > 1) {
|
|||
|
|
tabName1.splice(1, 1);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (!showSecuritySetting) {
|
|||
|
|
if (tabName1.length > 1) {
|
|||
|
|
const ssIndex = tabName1.findIndex(tab => tab.key === '1');
|
|||
|
|
(ssIndex > -1) && tabName1.splice(ssIndex, 1);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<div className='hrm-password-bgcolor'>
|
|||
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@s32eh2`}
|
|||
|
|
datas={ tabKey == '0' ? dropMenuDatas1 : dropMenuDatas3}
|
|||
|
|
onClick={(key) => {tabKey == '0' ? '' : this.dropMenuDatasClick(key)}}
|
|||
|
|
collectParams={{favname: getLabel('20170',"密码设置"),favouritetype:5}}
|
|||
|
|
>
|
|||
|
|
<WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@7a4pri`}
|
|||
|
|
title={getLabel('20170',"密码设置")}
|
|||
|
|
icon={<i className='icon-coms-hrm' />}
|
|||
|
|
iconBgcolor='#217346'
|
|||
|
|
loading={true}
|
|||
|
|
buttons={tabKey == '0' && dialogId == '' ? btn1 : []}
|
|||
|
|
showDropIcon={tabKey == '0' && dialogId == '' ? true : false}
|
|||
|
|
dropMenuDatas={dropMenuDatas1}
|
|||
|
|
></WeaTop>
|
|||
|
|
<WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@crp93f`}
|
|||
|
|
selectedKey={tabKey}
|
|||
|
|
datas={tabName1}
|
|||
|
|
keyParam='key'
|
|||
|
|
onChange={(key) =>{hrmPassword.tabKey = key;['oldVal','newVal','confirmVal','verifyCode'].map(v => this.setState({[v]:''}))}}
|
|||
|
|
/>
|
|||
|
|
{tabKey == '0' ? this.getPwdModificationGrid() : tabKey == '1' ? this.getPwdSettingContent() : <SecondaryVerify ecId={`${this && this.props && this.props.ecId || ''}_SecondaryVerify@vn57mk`} />}
|
|||
|
|
</WeaRightMenu>
|
|||
|
|
|
|||
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@vk3p58`}
|
|||
|
|
title={getLabel('504331',"请先输入登录密码")}
|
|||
|
|
icon="icon-coms-hrm"
|
|||
|
|
iconBgcolor="#217346"
|
|||
|
|
visible={isPwdVerifyDialogShow}
|
|||
|
|
onCancel={() => {hrmPassword.doClose('1'); this.setState({pwd: ''});this.vfyc=""}}
|
|||
|
|
buttons={btn2}
|
|||
|
|
style={{width: 600, height: 105}}
|
|||
|
|
>
|
|||
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@tlbtdv`} datas={dropMenuDatas2} onClick={() => this.pwdVerification()}>
|
|||
|
|
<div style={{paddingTop: 15}}>
|
|||
|
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@iv3q7e`}
|
|||
|
|
label={getLabel('528200',"登录密码")}
|
|||
|
|
labelCol={{span: 3, offset: 2}}
|
|||
|
|
wrapperCol={{span: 13}}
|
|||
|
|
style={{padding:"5px 0"}}
|
|||
|
|
>
|
|||
|
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@wi7roe`}
|
|||
|
|
type="password"
|
|||
|
|
viewAttr='3'
|
|||
|
|
value={pwd}
|
|||
|
|
onChange={(val) => this.setState({pwd: val})}
|
|||
|
|
/>
|
|||
|
|
</WeaFormItem>
|
|||
|
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@699yr5`}
|
|||
|
|
label={getLabel('130021',"验证码")}
|
|||
|
|
labelCol={{span: 3, offset: 2}}
|
|||
|
|
wrapperCol={{span: 13}}
|
|||
|
|
style={{padding:"5px 0"}}
|
|||
|
|
>
|
|||
|
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@5j6biw`}
|
|||
|
|
viewAttr='3'
|
|||
|
|
defaultValue=""
|
|||
|
|
onChange={(val) => this.vfyc = val}
|
|||
|
|
/>
|
|||
|
|
<img
|
|||
|
|
src={addContentPath(`/weaver/weaver.file.MakeValidateCode?from=_changePass&isView=1&validatetype=0&validatenum=4&seriesnum_=${date}`)}
|
|||
|
|
style={{cursor:'pointer',display:'inline-block',marginLeft: 20,position:"absolute",top:-5}}
|
|||
|
|
onClick={reDate}
|
|||
|
|
/>
|
|||
|
|
</WeaFormItem>
|
|||
|
|
</div>
|
|||
|
|
</WeaRightMenu>
|
|||
|
|
</WeaDialog>
|
|||
|
|
|
|||
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@f0jhln`}
|
|||
|
|
title={getLabel('386520',"密保问题设置")}
|
|||
|
|
icon="icon-coms-hrm"
|
|||
|
|
iconBgcolor="#217346"
|
|||
|
|
visible={isPwdSecuritySettingShow}
|
|||
|
|
hasScroll={true}
|
|||
|
|
onCancel={() => {hrmPassword.doClose('2'),hrmPassword.reset()}}
|
|||
|
|
buttons={this.getButtons()}
|
|||
|
|
style={{width: 720, height: 460}}
|
|||
|
|
onChangeHeight={(h) => this.setState({height: h})}
|
|||
|
|
>
|
|||
|
|
<Steps ecId={`${this && this.props && this.props.ecId || ''}_Steps@ywldc9`} current={current} className="hrm-pwd-step-wrapper">
|
|||
|
|
<Step ecId={`${this && this.props && this.props.ecId || ''}_Step@omolc6`} description={getLabel('386521',"填写密保问题")} />
|
|||
|
|
<Step ecId={`${this && this.props && this.props.ecId || ''}_Step@3r8wye`} description={getLabel('386522',"验证密保问题")} />
|
|||
|
|
<Step ecId={`${this && this.props && this.props.ecId || ''}_Step@2ilr60`} description={getLabel('386523',"完成密保问题")} />
|
|||
|
|
</Steps>
|
|||
|
|
<div ref="scrollBar">
|
|||
|
|
<div className={`${current == 0? 'wea-show': 'wea-hide'}`}>
|
|||
|
|
{this.getTableEdit()}
|
|||
|
|
</div>
|
|||
|
|
<div className={`${current == 1? 'wea-show': 'wea-hide'}`}>
|
|||
|
|
{(current == 1) && this.getQaForm()}
|
|||
|
|
</div>
|
|||
|
|
<div className={`${current == 2? 'wea-show': 'wea-hide'}`}>
|
|||
|
|
{this.getFinishLogo()}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</WeaDialog>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Password = Form.create({})(Password);
|
|||
|
|
|
|||
|
|
export default Password
|