123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- import React from 'react';
- import { Table, Spin, message, Modal } from 'antd';
- import ajax from 'jquery/src/ajax/xhr.js';
- import $ from 'jquery/src/ajax';
- const Detail = React.createClass({
- loadData(data, apiUrl) {
- this.setState({
- loading: true,
- });
- $.ajax({
- method: "get",
- dataType: "json",
- crossDomain: false,
- url: globalConfig.context + apiUrl,
- data: {
- uid: data.id,
- },
- success: function(data) {
- let listArr = [];
- let thedata = data.data;
- if(!thedata) {
- if(data.error && data.error.length) {
- message.warning(data.error[0].message);
- };
- thedata = {};
- return;
- };
- for(let i = 0; i < data.data.length; i++) {
- let thisdata = data.data[i];
- listArr.push({
- id: thisdata.id,
- businessProjectName: thisdata.businessProjectName,
- salesmanName: thisdata.salesmanName,
- lockTime: thisdata.lockTime && thisdata.lockTime.split(' ')[0],
- });
- };
- this.setState({
- dataSource: listArr,
- });
- }.bind(this),
- }).always(function() {
- this.setState({
- loading: false
- });
- }.bind(this));
- },
- getInitialState() {
- return {
- loading: false,
- dataSource: [],
- columns: [{
- title: '业务名称',
- dataIndex: 'businessProjectName',
- key: 'businessProjectName',
- }, {
- title: '签单时间',
- dataIndex: 'lockTime',
- key: 'lockTime',
- },
- {
- title: '营销员',
- dataIndex: 'salesmanName',
- key: 'salesmanName',
- }
- ],
- }
- },
- visitCancel() {
- this.setState({
- visitModul: false
- })
- this.props.closeDesc(false);
- },
- componentWillReceiveProps(nextProps) {
- if(nextProps.visitModul) {
- this.setState({
- visitModul: true
- })
- this.loadData(nextProps.data, nextProps.detailApi);
- }
- },
- render() {
- return(
- <Modal
- className="customeDetails"
- footer=''
- title="已签业务"
- width='800px'
- visible={this.state.visitModul}
- onOk={this.visitCancel}
- onCancel={this.visitCancel}
- >
- <Spin spinning={this.state.loading}>
- <Table size="middle" columns={this.state.columns}
- dataSource={this.state.dataSource}
- pagination={false}
- />
- </Spin>
- </Modal>
- )
- }
- })
- export default Detail;
|