king
2020-06-18 f59a500d24291d7f54b71dcca939a2a23dedca7c
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
import React, {Component} from 'react'
// import PropTypes from 'prop-types'
// import { is, fromJS } from 'immutable'
import { InputItem, Icon, Checkbox, Picker, List, Button } from 'antd-mobile'
import { createForm } from 'rc-form'
 
import zhCN from '@/locales/zh-CN/mob.js'
import enUS from '@/locales/en-US/mob.js'
import mklogo from '@/assets/mobimg/mklogo.png'
import './index.scss'
 
const CheckboxItem = Checkbox.CheckboxItem
const langs = [
  {
    label: 'zh-CN',
    value: '中文简体',
  },
  {
    label: 'en-US',
    value: 'English',
  }
]
 
class MobLogin extends Component {
  // static propTpyes = {
  //   collapse: PropTypes.bool,
  // }
  state = {
    dict: localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
    lang: ['zh-CN'],
    rember: true,
    param: {
      background: {color: '#000000', image: ''},
      logo: {width: ''}
    }
  }
 
  onChange = () => {
    const { rember } = this.state
 
    this.setState({
      rember: !rember
    })
  }
 
  onChangeLang = (value) => {
    this.setState({
      lang: value
    })
  }
 
  render () {
    const { getFieldProps } = this.props.form
    const { lang, rember } = this.state
 
    return (
      <div className="mob-login">
        <div className="logo" style={{marginTop: `calc(17vh - 10px)`}}>
          <img src={mklogo} alt=""/>
        </div>
        <div className="plat-name">明科商业智能开放平台</div>
        <InputItem
          placeholder="UserName"
          prefixListCls="mk-login-item am-list"
          {...getFieldProps('userName', {
            initialValue: '8888',
          })}
        >
          <Icon type="check-circle-o" />
        </InputItem>
        <InputItem
          placeholder="Password"
          prefixListCls="mk-login-item am-list"
          {...getFieldProps('password', {
            initialValue: '8888',
          })}
          type={'password'}
        >
          <Icon type="check-circle-o" />
        </InputItem>
        <div className="other-setting">
          <CheckboxItem checked={rember} onChange={this.onChange}>
            <span onClick={this.onChange}>记住密码</span>
          </CheckboxItem>
          <Picker data={langs} value={lang} cols={1} onChange={this.onChangeLang} className="forss">
            <List.Item>{lang}</List.Item>
          </Picker>
          <div className="clear-both"></div>
        </div>
        <Button type="primary">登录</Button>
        <div className="company-msg">
          <p>Copyright©2017  所有相关版权归  北京明科普华信息技术有限公司</p>
        </div>
      </div>
    )
  }
}
 
export default createForm()(MobLogin)