import React from 'react';
import { inject, observer} from 'mobx-react';
import {WeaTop, WeaTab,WeaRightMenu,WeaErrorPage,WeaSearchGroup,WeaFormItem,WeaSelect,WeaAlertPage,} from 'ecCom';
import {Row,Form,Col,Button, Spin} from 'antd';
import * as mobx from 'mobx';
import isEmpty from 'lodash/isEmpty';
const toJS = mobx.toJS;
import {WeaTableNew,WeaSwitch} from 'comsMobx';
const WeaTable = WeaTableNew.WeaTable;
import {WeaLocaleProvider} from 'ecCom';
const getLabel = WeaLocaleProvider.getLabel;

@inject('hrmTest')
@observer
class HrmTest extends React.Component {
  onClickHandle = verifyType => {
    window.doSecondaryVerify(verifyType, d => alert(d));
  }

  render(){
    return (
      <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@o0rswr`} gutter={16}>
        <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@xmfwc2`} span={6}>
          <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@latqut`} type="primary" onClick={() => this.onClickHandle(10)}>动态密码</Button>
        </Col>
        <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@m0immg`} span={6}>
          <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@71olgl`} type="primary" onClick={() => this.onClickHandle(20)}>动态令牌</Button>
        </Col>
        <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@zt7vy8`} span={6}>
          <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@5ghsej`} type="primary" onClick={() => this.onClickHandle(30)}>二次密码</Button>
        </Col>
        <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@ew07fl`} span={6}>
          <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@8xkg4s`} type="primary" onClick={() => this.onClickHandle(40)}>CA</Button>
        </Col>
      </Row>
    )
    
  }
  // constructor(props) {
  //   super(props);
  // }

  // componentDidMount() {
  //   const { hrmTest } = this.props;
  //   hrmTest.getHasRight();
  // }

  // render(){
  //   const { hrmTest } = this.props;
  //   const {title,form,table,showSearchAd,searchParamsAd,verified,hasRight} = hrmTest;

  //   if (verified && hasRight) {
  //     const formParams = form.getFormParams();
  //     let loadingTable = table.loading;
  //     return (
  //       <div className='wea-myhrm-hrmTest'>
  //       <WeaRightMenu datas={this.getRightMenu()} onClick={this.onRightMenuClick.bind(this)}>
  //         <WeaTop
  //           title={title}
  //           loading={loadingTable}
  //           icon={<i className='icon-coms-hrm' />}
  //           iconBgcolor='#217346'
  //           buttons={[]}
  //           buttonSpace={10}
  //           showDropIcon={false}
  //         >
  //         <WeaTab
  //           buttonsAd={this.getTabButtonsAd()}
  //           searchType={['base','advanced']}
  //           searchsBaseValue={formParams.lastname}
  //           setShowSearchAd={bool => {hrmTest.setShowSearchAd(bool)}}
  //           hideSearchAd={() => hrmTest.setShowSearchAd(false)}
  //           searchsAd={<Form horizontal>{this.getSearchs()}</Form>}
  //           showSearchAd={showSearchAd}
  //           onSearch={v => {hrmTest.doSearch()}}
  //           advanceHeight={410}
  //           onSearchChange={v => {
  //             form.updateFields({
  //               lastname:{lastname:'lastname',value:v},
  //             });
  //           }}
  //         />
  //         <Spin spinning={loadingTable}>
  //           <WeaTable
  //             comsWeaTableStore={table}
  //             hasOrder={true}
  //             needScroll={true}
  //             />
  //         </Spin>
  //         </WeaTop>
  //         </WeaRightMenu>
  //       </div>
  //     );
  //   }
  //   if (verified && !hasRight) {
  //       return (<WeaAlertPage >
  //               <div style={{color : '#000'}}>
  //                   对不起，您暂时没有权限！
  //               </div>
  //           </WeaAlertPage>
  //       )
  //   }
  //   return (
  //       <div></div>
  //   )
  // }

  // getSearchs() {
  //   const { hrmTest } = this.props;
  //   const { form,condition } = hrmTest;
  //   const {isFormInit} = form;
  //   let group = [];

  //   const formParams = form.getFormParams();
  //   isFormInit && toJS(condition).map(c =>{
  //     let items = [];
  //     c.items.map(fields => {
  //       let hide = false;
  //       let dom =  <WeaSwitch fieldConfig={fields} form={form} formParams={formParams}/>;
  //       items.push({
  //         com:(<WeaFormItem
  //             label={`${fields.label}`}
  //             labelCol={{span: `${fields.labelcol}`}}
  //             wrapperCol={{span: `${fields.fieldcol}`}}>
  //               {dom}
  //             </WeaFormItem>),
  //         colSpan:1,
  //         hide: hide
  //       })
  //     });
  //     group.push(<WeaSearchGroup needTigger={true} title={c.title} showGroup={c.defaultshow} items={items}/>)
  //   });
  //   return group;
  // }

  // getRightMenu(){
  //   const keys = this.getSelectedRowKeys();
  //   const arr = [{
  //       icon: <i className='icon-coms-ws'/>,
  //       content:'搜索'
  //     }, {
  //       icon: <i className='icon-coms-task-list'/>,
  //       content:'显示定制列'
  //     }
  //   ];
  //   return arr;
  // }

  // onRightMenuClick(key){
  //   const { hrmTest } = this.props;
  //   switch(key){
  //       case '0':
  //           hrmTest.doSearch();
  //           break;
  //       case '1':
  //           this.definedColumn();
  //           break;
  //   }
  // }

  // getSelectedRowKeys(){
  //   const { hrmTest } = this.props;
  //   const { table} = hrmTest;
  //   const selectedRowKeys = table.selectedRowKeys;
  //   return selectedRowKeys;
  // }

  // definedColumn() {
  //   const { hrmTest } = this.props;
  //   const { table} = hrmTest;
  //   table.setColSetVisible(true);
  //   table.tableColSet(true);
  // }

  // getTabButtonsAd() {
  //   const { hrmTest } = this.props;
  //   const { form,searchParamsAd } = hrmTest;
  //   return [
  //       (<Button type="primary" onClick={()=>{hrmTest.doSearch();hrmTest.setShowSearchAd(false)}}>搜索</Button>),
  //       (<Button type="ghost" onClick={()=>{form.reset();}}>重置</Button>),
  //       (<Button type="ghost" onClick={()=>{hrmTest.setShowSearchAd(false)}}>取消</Button>)
  //   ]
  // }
}

export default HrmTest
