| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397 | 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, record) => {            return getProcessStatus(text, record.examineName, record.approval);          },        },        {          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: 'newDepartmentSelect',          dataKey: 'deps',          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={() => {              // console.log(this.state.searchConfig,'this.state.searchConfig')              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={JSON.parse(JSON.stringify(this.state.searchConfig))}                tabelApi={'/api/admin/newOrder/orderNewList'}                exportApi={false}                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;
 |