import React from 'react';
import { Grid, Result } from 'antd-mobile';
import { createForm } from 'rc-form';
import 'antd-mobile/dist/antd-mobile.css';
import styles from '../mobile.less';
import CommobileBase from './CommobileBase';
import CommobileBillEvent from './CommobileBillEvent';
import CommobileView from './CommobileView';
// import * as commonUtils from '../../utils/utils';

const arr = ['https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png', 'https://gw.alipayobjects.com/zos/rmsportal/pdFARIqkrKEGVVEwotFe.svg', 'https://gw.alipayobjects.com/zos/rmsportal/pdFARIqkrKEGVVEwotFe.svg', 'https://gw.alipayobjects.com/zos/rmsportal/pdFARIqkrKEGVVEwotFe.svg'];
const data1 = Array.from(new Array(4)).map((_val, i) => ({
  icon: arr[i],
}));
// eslint-disable-next-line no-useless-concat
const myImg = src => <img src={src} className={`${'spe ' + 'am-icon '}${styles.aa}`} alt="" />;
class ContactsInfoMobile extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
    };
  }


  render() {
    const { personPic } = this.props;
    return (
      <div>
        <Result
          className={styles.resultExample}
          img={myImg(personPic)}
          // title={masterData.sEmployeeName}
          // message={<div>{masterData.sPositionName}</div>}
        />
        <CommobileView {...this.props} />
        <Grid data={data1} columnNum={4} hasLine={false} />
      </div>
    );
  }
}

const ContactsInfoMobileComponent = createForm()(ContactsInfoMobile);

export default CommobileBase(CommobileBillEvent(ContactsInfoMobileComponent));