| | |
| | | |
| | | class LoginTabForm extends Component { |
| | | static propTpyes = { |
| | | loginWays: PropTypes.array, |
| | | wrap: PropTypes.array, |
| | | wrap: PropTypes.object, |
| | | changeway: PropTypes.func |
| | | } |
| | | |
| | | state = { |
| | |
| | | } |
| | | |
| | | UNSAFE_componentWillMount () { |
| | | const { loginWays, wrap } = this.props |
| | | const { wrap } = this.props |
| | | |
| | | let _loginWays = [] |
| | | let scanWay = null |
| | | loginWays.forEach(item => { |
| | | if (!wrap.loginWays || wrap.loginWays.includes(item.type)) { |
| | | if (item.type === 'sms_vcode') { |
| | | item.label = '短信登录' |
| | | } else if (item.type === 'uname_pwd') { |
| | | item.label = '账号登录' |
| | | } else if (item.type === 'app_scan') { |
| | | scanWay = item |
| | | |
| | | let loginWays = [] |
| | | wrap.loginWays.forEach(way => { |
| | | if (way === 'sms_vcode') { |
| | | loginWays.push({ |
| | | type: 'sms_vcode', |
| | | label: '短信登录', |
| | | tempId: wrap.tempId, |
| | | sort: 2 |
| | | }) |
| | | } else if (way === 'uname_pwd') { |
| | | loginWays.push({ |
| | | type: 'uname_pwd', |
| | | label: '账号登录', |
| | | shortcut: wrap.shortcut, |
| | | sort: 1 |
| | | }) |
| | | } else if (way === 'app_scan') { |
| | | scanWay = { |
| | | type: 'app_scan', |
| | | label: '扫码登录', |
| | | sort: 3 |
| | | } |
| | | _loginWays.push(item) |
| | | loginWays.push(scanWay) |
| | | } |
| | | }) |
| | | |
| | | loginWays.sort((a, b) => a.sort - b.sort) |
| | | |
| | | this.setState({ |
| | | loginWays: _loginWays, |
| | | activeWay: _loginWays[0], |
| | | loginWays: loginWays, |
| | | activeWay: loginWays[0], |
| | | scanWay |
| | | }) |
| | | } |
| | |
| | | const { wrap } = this.props |
| | | |
| | | if (!is(fromJS(wrap), fromJS(nextProps.wrap))) { |
| | | let _loginWays = [] |
| | | let scanWay = null |
| | | nextProps.loginWays.forEach(item => { |
| | | if (!nextProps.wrap.loginWays || nextProps.wrap.loginWays.includes(item.type)) { |
| | | if (item.type === 'sms_vcode') { |
| | | item.label = '短信登录' |
| | | } else if (item.type === 'uname_pwd') { |
| | | item.label = '账号登录' |
| | | } else if (item.type === 'app_scan') { |
| | | scanWay = item |
| | | let loginWays = [] |
| | | nextProps.wrap.loginWays.forEach(way => { |
| | | if (way === 'sms_vcode') { |
| | | loginWays.push({ |
| | | type: 'sms_vcode', |
| | | label: '短信登录', |
| | | tempId: wrap.tempId, |
| | | sort: 2 |
| | | }) |
| | | } else if (way === 'uname_pwd') { |
| | | loginWays.push({ |
| | | type: 'uname_pwd', |
| | | label: '账号登录', |
| | | shortcut: wrap.shortcut, |
| | | sort: 1 |
| | | }) |
| | | } else if (way === 'app_scan') { |
| | | scanWay = { |
| | | type: 'app_scan', |
| | | label: '扫码登录', |
| | | sort: 3 |
| | | } |
| | | _loginWays.push(item) |
| | | loginWays.push(scanWay) |
| | | } |
| | | }) |
| | | loginWays.sort((a, b) => a.sort - b.sort) |
| | | |
| | | this.setState({ |
| | | loginWays: _loginWays, |
| | | activeWay: _loginWays[0], |
| | | loginWays: loginWays, |
| | | activeWay: loginWays[0], |
| | | scanWay |
| | | }) |
| | | } |
| | |
| | | } |
| | | |
| | | render() { |
| | | const { wrap } = this.props |
| | | const { activeWay, loginWays, scanWay } = this.state |
| | | |
| | | return ( |
| | |
| | | </div> |
| | | 请使用客户端扫一扫登录 |
| | | </div> : null} |
| | | {/* {wrap.protocol === 'true' ? <div className={'protocol-wrap '}> |
| | | <Checkbox>{wrap.tip}</Checkbox>{wrap.groups.map((item, i) => (<span className="protocol" key={i}>《{item.label}》</span>))} |
| | | </div> : null} */} |
| | | {wrap.classify !== 'login' ? <span className="mk-jump-way" onClick={() => this.props.changeway()}>没有账号,去注册?</span> : null} |
| | | <div className={'login-ways ' + (activeWay.type === 'app_scan' ? 'center' : '')}> |
| | | {loginWays.map(item => { |
| | | if (item.type === 'app_scan' || activeWay.type === item.type) return null |