kede-client/js/component/manageCenter/customer/operationalData/signatureStatistics/detailedList.jsx

import React,{ Component } from 'react';
import {
    Modal,
    Tooltip,
} from "antd";
import './index.less';
import TabelContent from "../../../../common/tabelContent";
import {getApprovedState, getLiquidationStatus, getNewOrderStatus, getProcessStatus} from "../../../../tools";

class DetailedList extends Component{
    constructor(props) {
        super(props);
        this.state= {
            columns: [
                {
                    title: "编号",
                    dataIndex: "key",
                    key: "key",
                    width: 120,
                },
                {
                    title: "订单部门",
                    dataIndex: "depName",
                    key: "depName",
                    width: 320,
                },
                {
                    title: "签单人",
                    dataIndex: "name",
                    key: "name",
                    width: 220,
                },
                {
                    title: "总单量（个）",
                    dataIndex: "quantity",
                    key: "quantity",
                    className: 'projectTable',
                    width: 150,
                    onCellClick: (record, event) => {
                        event.stopPropagation();
                        this.setState({
                            visible1: true,
                            aid: record.aid
                        })
                    },
                },
                {
                    title: "总签单额（万元）",
                    dataIndex: "total",
                    key: "total",
                    className: 'projectTable',
                    width: 150,
                    onCellClick: (record, event) => {
                        event.stopPropagation();
                        this.setState({
                            visible1: true,
                            aid: record.aid
                        })
                    },
                },
            ],
            columns1: [
                {
                    title: "合同编号",
                    dataIndex: "contractNo",
                    key: "contractNo",
                },
                {
                    title: "订单编号",
                    dataIndex: "orderNo",
                    key: "orderNo",
                },
                {
                    title: "客户名称",
                    dataIndex: "userName",
                    key: "userName",
                    render:text=>{
                        return (
                            <Tooltip title={text}>
                                <div style={{
                                    maxWidth:'150px',
                                    overflow:'hidden',
                                    textOverflow: "ellipsis",
                                    whiteSpace:'nowrap',
                                }}>{text}</div>
                            </Tooltip>
                        )
                    }
                },
                {
                    title: "订单部门",
                    dataIndex: "depName",
                    key: "depName",
                },
                {
                    title: "下单时间",
                    dataIndex: "createDate",
                    key: "createTime",
                },
                {
                    title: "合同签订时间",
                    dataIndex: "signDate",
                    key: "signDate",
                },
                {
                    title: "流程状态",
                    dataIndex: "processStatus",
                    key: "processStatus",
                    render: (text) => {
                        return getProcessStatus(text);
                    },
                },
                {
                    title: "签单金额(万元)",
                    dataIndex: "totalAmount",
                    key: "totalAmount",
                },
                {
                    title: "开票金额(万元)",
                    dataIndex: "invoiceAmount",
                    key: "invoiceAmount",
                },
                {
                    title: "已收款(万元)",
                    dataIndex: "settlementAmount",
                    key: "settlementAmount",
                },
                {
                    title: "结算状态",
                    dataIndex: "liquidationStatus",
                    key: "liquidationStatus",
                    render: (text) => {
                        return getLiquidationStatus(text);
                    },
                },
                {
                    title: "是否特批",
                    dataIndex: "approval",
                    key: "approval",
                    render: (text) => {
                        return getApprovedState(text);
                    },
                },
                {
                    title: "订单状态",
                    dataIndex: "orderStatus",
                    key: "orderStatus",
                    render: (text) => {
                        return getNewOrderStatus(text);
                    },
                },
                {
                    title: "财务负责人",
                    dataIndex: "financeName",
                    key: "financeName",
                },
            ],
            searchList:[
                {
                    type:'departmentSelect',
                    dataKey:'depId',
                    placeholder:'请选择部门'
                },
                {
                    type:'times',
                    title:'下单时间',
                    dataKey:['startCreate','endCreate'],
                },
                {
                    type:'times',
                    title:'合同时间',
                    dataKey:['startSign','endSign'],
                },
                {
                    type:'select',
                    dataKey:'sort',
                    placeholder:'请选择排序',
                    selectList:[
                        {
                            value:'0',
                            label:'按总金额排序'
                        },
                        {
                            value:'1',
                            label:'按数量排序'
                        },
                    ]
                },
            ],
            searchList1:[
                {
                    type:'text',
                    dataKey:'orderNo',
                    placeholder:'请输入订单编号'
                },
                {
                    type:'text',
                    dataKey:'name',
                    placeholder:'请输入客户名称'
                },
                {
                    type:'departmentSelect',
                    dataKey:'depId',
                    placeholder:'请选择部门'
                },
                {
                    type:'text',
                    dataKey:'contractNo',
                    placeholder:'请输入合同编号'
                },
                {
                    type:'select',
                    dataKey:'liquidationStatus',
                    placeholder:'请选择结算状态',
                    selectList:[
                        {
                            value:'0',
                            label:'首付待付请'
                        },
                        {
                            value:'1',
                            label:'尾款待付清'
                        },
                        {
                            value:'2',
                            label:'已付清'
                        }
                    ]
                },
                {
                    type:'select',
                    dataKey:'approval',
                    placeholder:'请选择特批状态',
                    selectList:[
                        {
                            value:'0',
                            label:'非特批'
                        },
                        {
                            value:'1',
                            label:'特批'
                        }
                    ]
                },
                {
                    type:'select',
                    dataKey:'amountStatus',
                    placeholder:'请选择签单金额',
                    selectList:[
                        {
                            value:'0',
                            label:'10万元以下'
                        },
                        {
                            value:'1',
                            label:'10~20万元'
                        },
                        {
                            value:'2',
                            label:'20~30万元'
                        },
                        {
                            value:'3',
                            label:'30~40万元'
                        },
                        {
                            value:'4',
                            label:'40万元以上'
                        },
                    ]
                },
                {
                    type:'times',
                    title:'下单时间',
                    dataKey:['starTime','endTime'],
                },
                {
                    type:'times',
                    title:'合同时间',
                    dataKey:['contractStart','contractEnd'],
                },
            ],
            searchConfig:{},
        }
    }

    // componentWillMount() {
    //     if(this.props.searchConfig['orderNo']){
    //         this.state.searchList[0]['searchValue'] = this.props.searchConfig['orderNoTitle'];
    //         console.log(this.state.searchList)
    //         this.setState({
    //             searchList:this.state.searchList
    //         })
    //     }
    // }

    render() {
        return (
            <div>
                <Modal
                    maskClosable={false}
                    visible={this.props.visible}
                    onOk={this.props.onCancel}
                    onCancel={this.props.onCancel}
                    width='1200px'
                    title={this.props.recordInfor.province + '签单统计表'}
                    footer=''
                    className="admin-desc-content">
                    <div className="user-content">
                        <TabelContent
                            scroll={{ x: 0, y: 500}}
                            searchList={this.state.searchList}
                            columns={this.state.columns}
                            tabelApi={'/api/admin/newOrder/provinceStatisticsList'}
                            searchConfig={this.props.searchConfig}
                            searchOperation={(value)=>{
                                for(let i of Object.keys(value)){
                                    if(i === 'sort' || i === 'pageNo' || i === 'pageSize'){
                                        delete value[i]
                                    }
                                    if(i === 'startSign'){
                                        value['contractStart'] = value['startSign']
                                    }
                                    if(i === 'endSign'){
                                        value['contractEnd'] = value['endSign']
                                    }
                                }
                                this.setState({searchConfig:value})}
                            }
                            exportApi={'/api/admin/newOrder/provinceStatisticsListExprot'}
                            query={{
                                province:this.props.recordInfor.id,
                            }}
                            dataProcessing={(data)=>{
                                let theArr = [];
                                for (let i = 0; i < data.data.length; i++) {
                                    let thisdata = data.data[i];
                                    // thisdata.key=(data.data.pageNo - 1) * data.data.pageSize + i + 1;
                                    thisdata.key=i + 1;
                                    theArr.push(thisdata);
                                }
                                return theArr;
                            }}
                        />
                    </div>
                    {this.state.visible1 && <Modal
                        maskClosable={false}
                        visible={this.state.visible1}
                        onOk={()=>{
                            this.setState({
                                visible1:false
                            })
                        }}
                        onCancel={()=>{
                            this.setState({
                                visible1:false
                            })
                        }}
                        width='1600px'
                        title='个人订单'
                        footer=''
                        className="admin-desc-content">
                        <div className="user-content">
                            <TabelContent
                                searchList={this.state.searchList1}
                                columns={this.state.columns1}
                                searchConfig={this.state.searchConfig}
                                tabelApi={'/api/admin/newOrder/orderNewList'}
                                query={{
                                    specially:7,
                                    aid:this.state.aid
                                }}
                                dataProcessing={(data)=>{
                                    let theArr = [];
                                    for (let i = 0; i < data.data.list.length; i++) {
                                        let thisdata = data.data.list[i];
                                        thisdata.key=(data.data.pageNo - 1) * data.data.pageSize + i + 1;
                                        theArr.push(thisdata);
                                    }
                                    return theArr;
                                }}
                            />
                        </div>
                    </Modal>}
                </Modal>
            </div>
        )
    }
}

export default DetailedList;