import React, { useEffect, useState } from 'react';
import { withRouter } from 'react-router-dom';
import './Login.less';
import { Input, Popover, message, Tabs, Button } from 'antd';
import CheckBeforeSendCode from '../../components/CheckBeforeSendCode';
import User from '@/common/js/user';
import WechatLogin from './WechatLogin';
import BaseService from '@/domains/basic-domain/baseService';
import storage from '@/common/js/storage';
import axios from 'axios';
import _ from 'underscore';
import user from '@/common/js/user';
const { TabPane } = Tabs;

function Login(props) {
  // const [phone, setPhone] = useState(''); // 登录手机号
  // const [phoneverify, setPhoneverify] = useState(''); // 密码登录验证码
  // const [openCheck1, setOpenCheck1] = useState(false);
  // const [checking1, setChecking1] = useState(false);
  // const [codeText, setCodeText] = useState('获取验证码'); // 验证码提示语
  // const [waitStatus, setWaitStatus] = useState(false); // 验证码是否在倒计时
  // const [errorMessage, setErrorMessage] = useState('');
  // const [phoneError, setPhoneError] = useState(false);
  // const [checkObject1, setCheckObject1] = useState({});

  useEffect(() => {
    const enterpriseId = getParameterByName('enterpriseId');
    const userId = getParameterByName('userId');
    const from = getParameterByName('from');
    const storeId = getParameterByName('storeId');
    if (storeId) {
      User.setCustomerStoreId(storeId);
    }
    if (from === 'customer' && enterpriseId && userId) {
      if (!user.getToken() || enterpriseId !== user.getEnterpriseId() || userId !== User.getUserId()) {
        getWXWorkLoginNoCheck(enterpriseId, userId);
      } else {
        window.RCHistory.push({
          pathname: `/switch-route`,
        });
      }
    } else {
      User.removeUserId();
      User.removeToken();
      User.removeEnterpriseId();
    }
    storage.set('expiration_tip_login', true);
  }, []);
  function getWXWorkLoginNoCheck(enterpriseId, userId) {
    const params = {
      appTermEnum: 'XIAOMAI_CLOUD_CLASS_PC_WEB_ADMIN',
      enterpriseId,
      userId,
    };
    BaseService.getWXWorkLoginNoCheck(params).then((res) => {
      User.setUserId(res.result.loginInfo.userId);
      User.setToken(res.result.loginInfo.xmToken);
      User.setEnterpriseId(res.result.enterpriseId);
      User.setIdentifier(res.result.identifier);
      window.RCHistory.push({
        pathname: `/switch-route`,
      });
    });
  }
  // async function checkAccount(code, callback = () => {}) {
  //   callback();
  // }
  // function checkSend(code) {
  //   if (!phone) {
  //     setPhoneError(true);
  //     setErrorMessage('请输入手机号');
  //     return;
  //   }
  //   if (phone.length != 11) {
  //     setPhoneError(true);
  //     setErrorMessage('请输入11位手机号');
  //     return;
  //   }
  //   !_.isEmpty(checkObject1) && checkObject1.reset();
  //   setOpenCheck1(true);
  // }
  // function handleSendSMSCode(checkData, userType) {
  //   if (waitStatus) return;
  //   let timer;
  //   const params = {
  //     phone: phone,
  //     sig: checkData.sig,
  //     sessionId: checkData.csessionid,
  //     token: checkData.token,
  //     scene: 'nc_login',
  //     serverType: 'CLOUD_CLASS_LOGIN',
  //     appTermEnum: 'XIAOMAI_CLOUD_CLASS_PC_WEB_ADMIN',
  //   };
  //   BaseService.sendLoginAuthCode(params).then((res) => {
  //     if (!res.success) {
  //       setErrorMessage(res.message);
  //     } else {
  //       timeSub(60);
  //       setChecking1(true);
  //     }
  //   });
  //   function timeSub(waitTime, unit) {
  //     clearTimeout(timer);
  //     timer = setTimeout(function () {
  //       if (waitTime === 0) {
  //         setCodeText('发送验证码');
  //         setChecking1(false);
  //         setWaitStatus(false);
  //         clearTimeout(timer);
  //       } else {
  //         setCodeText(`${waitTime}秒后重发`);
  //         setWaitStatus(true);
  //         timeSub(--waitTime, 1000);
  //       }
  //     }, unit || 0);
  //   }
  // }

  // function handleSubmit() {
  //   if (!phone) {
  //     setPhoneError(true);
  //     setErrorMessage('请输入手机号');
  //     return;
  //   }
  //   if (phone.length != 11) {
  //     setPhoneError(true);
  //     setErrorMessage('请输入11位手机号');
  //     return;
  //   }
  //   if (!phoneverify) {
  //     setErrorMessage('请输入验证码');
  //     return;
  //   }
  //   const params = {
  //     phone,
  //     authCode: phoneverify,
  //     appTermEnum: 'XIAOMAI_CLOUD_CLASS_PC_WEB_ADMIN',
  //   };
  //   BaseService.login(params).then((res) => {
  //     if (!res.success) {
  //       setErrorMessage(res.message);
  //     } else {
  //       User.setUserId(res.result.userId);
  //       User.setToken(res.result.xmToken);
  //       window.RCHistory.push({
  //         pathname: `/switch-route`,
  //       });
  //     }
  //   });
  // }

  return (
    <div className='login-page'>
      <div className='logo-img-box'>
        <img src='https://image.xiaomaiketang.com/xm/6k8PPCmywG.png' className='logo-img' />
      </div>
      <div className='login-main'>
        <div className='left-banner'>
          <div className='img-box'>
            <img src='https://image.xiaomaiketang.com/xm/CDCcdAdaPs.png' alt='' />
          </div>
        </div>
        <div className='login-box'>
          <div className='left-top-block color-block'></div>
          <div className='right-bottom-block color-block'></div>
          <div className='login'>
            <div className='r'>
              <Tabs defaultActiveKey='1'>
                <TabPane tab='企业微信登录' key='1'>
                  <WechatLogin></WechatLogin>
                </TabPane>
              </Tabs>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}

export default withRouter(Login);
