index.js

import React, { Component } from 'react'
import { connect } from 'dva'
import { Toast } from 'antd-mobile';
import { NavLink } from 'dva/router'
import shareHide from "../../utils/shareHide";

import css from './databank.less';

class DataBank extends Component {
  constructor(){
    super()
    this.state={
      dataList: []
    }
  }

  componentDidMount() {
    sessionStorage.clear();
    document.title = '资料库'
    const _this = this;
    shareHide();
    Toast.loading('loading...');
    this.props.dispatch({
      type: 'databank/getDataBankList',
      payload: {
        "configType": "prospectus",
      },
      callback(res) {
        if (res.status && res.data.length > 0) {
          Toast.hide();
          _this.setState({
            dataList: res.data
          })
        }
      }
    })
  }
componentWillUnmount(){
  document.title = ''
}


  render() {
    const { dataList } = this.state;
    return (
      <div className={css.pList}>
        {
          dataList.map((el, i) => {
            return  <NavLink key={i} to={{
              pathname: "/databank/infolist",
              search: 'riskCode=' + el.configCode + '&riskName=' + el.configName,
            }}><dl>
                <dt><img src={el.configInfo} alt='' /></dt>
              <dd>
                  <span>{el.configName}</span>
                  <p>{el.others}</p>
              </dd>
              </dl>
            </NavLink>
          })
        }
        <NavLink to={{
            pathname: "/databank/preview",
            state: {
              url: 'https://zmt.ihxlife.com/describe.png'
            }
          }}><dl>
            <dt><img src={require('../../assets/image/platformIcon.png')} alt='' /></dt>
          <dd>
            <span>平台使用说明</span>
            <p>线上有效展业，不错过任何客户</p>
          </dd>
          </dl>
        </NavLink>
        <div className={css.nomore}>没有更多啦</div>
      </div>
    )
  }
}


export default connect(({ databank }) => ({ databank }))(DataBank)