| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419 | 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";import Details from './details';class DetailedList extends Component{    constructor(props) {        super(props);        this.state= {            columns: [                {                    title: "编号",                    dataIndex: "key",                    key: "key",                    width: 120,                },                {                    title: "省份",                    dataIndex: "provinceName",                    key: "provinceName",                    width: 120,                },                {                    title: "跟进人",                    dataIndex: "name",                    key: "name",                    width: 320,                },                {                    title: "高新总数",                    dataIndex: "quantity",                    key: "quantity",                    width: 120,                    className: 'projectTable',                    onCellClick :(record, event)=>{                        event.stopPropagation();                        this.setState({                            visible1:true,                            aid:record.aid                        })                    }                },                {                    title: "已通过高新数",                    dataIndex: "pass",                    key: "pass",                    width: 120,                    className: 'projectTable',                    onCellClick :(record, event)=>{                        event.stopPropagation();                        this.setState({                            visible1:true,                            aid:record.aid                        })                    }                },                {                    title: "已签回",                    dataIndex: "signBacks",                    key: "signBacks",                    width: 120,                    className: 'projectTable',                    onCellClick :(record, event)=>{                        event.stopPropagation();                        this.setState({                            visible1:true,                            aid:record.aid                        })                    }                },                {                    title: "未通过高新数",                    dataIndex: "notPass",                    key: "notPass",                    width: 120,                    className: 'projectTable',                    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:'autoComplete',                dataTitle:'aName',                dataKey:'aid',                api:'/api/admin/customer/listAdminByName',                search:'adminName',                placeholder:'请输入跟进人'            },            {                type:'select',                dataKey:'sort',                placeholder:'请选择排序',                selectList:[                    {                        value:'0',                        label:'按总金额排序'                    },                    {                        value:'1',                        label:'按数量排序'                    },                ]            },            {                type:'times',                title:'时间',                dataKey:['startDate','endDate'],            },        ],            searchList1:[                {                    type:'text',                    placeholder:'请输入订单编号',                    dataKey:'orderNo',                },                {                    type:'text',                    placeholder:'请输入客户名称',                    dataKey:'name',                },                {                    type:'text',                    placeholder:'请输入合同编号',                    dataKey:'contractNo',                },                {                    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万元以上'                        },                    ]                },            ],            searchConfig:{},        }    }    render() {        return (            <div>                <Modal                    maskClosable={false}                    visible={this.props.visible}                    onOk={this.props.onCancel}                    onCancel={this.props.onCancel}                    width='1200px'                    title={this.props.recordInfor.provinceName + '需复审详细'}                    footer=''                    className="admin-desc-content">                    <div className="user-content">                        <TabelContent                            scroll={{ x: 0, y: 500}}                            searchList={this.state.searchList}                            columns={this.state.columns}                            searchConfig={this.props.searchConfig}                            onRowClick={()=>{}}                            searchOperation={(value)=>{                                for(let i of Object.keys(value)){                                    if(i === 'sort' || i === 'pageNo' || i === 'pageSize'){                                        delete value[i]                                    }                                }                                this.setState({searchConfig:value})}                            }                            tabelApi={'/api/admin/orderProject/highNewRetrialList'}                            exportApi={'/api/admin/orderProject/highNewRetrialList/export'}                            query={{                                province:this.props.recordInfor.province,                            }}                            dataProcessing={(data)=>{                                let theArr = [];                                for (let i = 0; i < data.data.length; i++) {                                    let thisdata = data.data[i];                                    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,                                aid:'',                            })                        }}                        onCancel={()=>{                            this.setState({                                visible1:false,                                aid:'',                            })                        }}                        width='1600px'                        title='客户订单列表'                        footer=''                        className="admin-desc-content">                        <div className="user-content">                            <TabelContent                                scroll={{ x: 1200 }}                                searchConfig={JSON.parse(JSON.stringify(this.state.searchConfig))}                                searchList={this.state.searchList1}                                columns={this.state.columns1}                                tabelApi={'/api/admin/newOrder/orderNewList'}                                query={{                                    aid:this.state.aid,                                    specially: 9,                                }}                                onRowClick={(obj)=>{                                    this.setState({                                        detailsVisible:true,                                        orderNo:obj.orderNo                                    })                                }}                                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>                {this.state.detailsVisible && <Details                    orderNo={this.state.orderNo}                    visible={this.state.detailsVisible}                    onCancel={()=>{                        this.setState({                            detailsVisible:false,                            orderNo:''                        })                    }}                />}            </div>        )    }}export default DetailedList;
 |