import React from 'react';
import './index.less';
import Page from '@src/containers/Page';
import Assets from '@src/components/Assets';
import Checkbox from '../../../components/CheckBox';
import Button from '../../../components/Button';
import { My } from '../../../stores/my';

export default class extends Page {
  initData() {
    const { id } = this.params;
    My.getOrderRecord(id);
  }

  submit() {

  }

  renderView() {
    return (
      <div>
        <div className="icon">
          <Assets name="img3" />
        </div>
        <div className="title">您正在开通“机经服务”</div>
        <div className="tip">有效期至：2019-12-03</div>
        <div className="check">
          <Checkbox />
          <span>邮箱订阅机经</span>
        </div>
        <Button block radius onClick={() => {
          this.submit();
        }}>
          立即开通
        </Button>
        <div className="no" onClick={() => {
          goBack();
        }}>暂不开通</div>
      </div>
    );
  }
}