import React,{ Component } from "react";
import { Modal , Button} from 'antd';
import QRCode  from 'qrcode.react';

class Qrcodesignin extends Component {
  constructor(props) {
    super(props)
  }
  render() {

    const leftbuton={
      "width":"130px",
      "height":"40px",
      "border":"1px solid rgba(76,172,255,1)",
      "borderRadius":"4px",
    }

    const rightbuton={
      "width":"130px",
      "height":"40px",
      "background":"#4CACFF",
      "borderRadius":"4px",
    }
    return(
      <React.Fragment>
        {this.props.Qrcodesignintype?<Modal
          title="二维码签到"
          visible={this.props.Qrcodesignintype}
          closable={false}
          footer={null}
        >

          <div>
            <div className={" marginauto clearfix edu-txt-center"}>
							<QRCode
								value={this.props.Qrcodesignintypedata.code}  //value参数为生成二维码的链接
								size={200} //二维码的宽高尺寸
								fgColor="#000000"  //二维码的颜色
							/>
            </div>


            <div className={"mt20 marginauto clearfix edu-txt-center"}>
              <a>请打开小程序在课堂的签到模块扫码签到</a>
            </div>

            <div className={"mt20 marginauto clearfix edu-txt-center"}>
              <a>
                <Button type="primary" ghost style={leftbuton} onClick={()=>this.props.GotomQrcodesodesy(null,false)}>
                  取消
                </Button>
              </a>

              <a>
                <Button type="primary" className={"ml20"} style={rightbuton} onClick={()=>this.props.GotomQrcodesodesy(null,false)}>
                  确定
                </Button>
              </a>

            </div>


          </div>
        </Modal>:""}
      </React.Fragment>

    )
  }

}






export default Qrcodesignin
