|
@@ -477,115 +477,196 @@ const IntentionCustomer = Form.create()(React.createClass({
|
|
|
},
|
|
|
};
|
|
|
let departmentArr = this.state.departmentArr || [];
|
|
|
- return(
|
|
|
- <div className="user-content">
|
|
|
- <div className="content-title">
|
|
|
- <span>催款节点统计</span>
|
|
|
- </div>
|
|
|
- <div className="user-search">
|
|
|
- <Button type="primary" onClick={this.exportExec} style={{float:'right'}}>导出催款列表</Button>
|
|
|
- <Input placeholder="客户名称" style={{width:'150px',marginBottom:'10px'}}
|
|
|
- value={this.state.customerName}
|
|
|
- onChange={(e) => { this.setState({ customerName: e.target.value }); }} />
|
|
|
- <Input placeholder="营销员名称" style={{width:'150px',marginBottom:'10px'}}
|
|
|
- value={this.state.adminName}
|
|
|
- onChange={(e) => { this.setState({ adminName: e.target.value }); }} />
|
|
|
- <Input placeholder="订单编号" style={{width:'150px'}}
|
|
|
- value={this.state.orderNo}
|
|
|
- onChange={(e) => { this.setState({ orderNo: e.target.value }); }} />
|
|
|
- <Select placeholder="选择部门"
|
|
|
- style={{ width: 150 ,marginRight:'10px'}}
|
|
|
- value={this.state.departmenttSearch}
|
|
|
- onChange={(e) => { this.setState({ departmenttSearch: e }) }}>
|
|
|
- {
|
|
|
- departmentArr.map(function (item) {
|
|
|
- return <Select.Option key={item.id} >{item.name}</Select.Option>
|
|
|
- })
|
|
|
+ return (
|
|
|
+ <div className="user-content">
|
|
|
+ <div className="content-title">
|
|
|
+ <span>催款节点统计</span>
|
|
|
+ </div>
|
|
|
+ <div className="user-search">
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ onClick={this.exportExec}
|
|
|
+ style={{ float: "right" }}
|
|
|
+ >
|
|
|
+ 导出催款列表
|
|
|
+ </Button>
|
|
|
+ <Input
|
|
|
+ placeholder="客户名称"
|
|
|
+ style={{ width: "150px", marginBottom: "10px" }}
|
|
|
+ value={this.state.customerName}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ customerName: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Input
|
|
|
+ placeholder="营销员名称"
|
|
|
+ style={{ width: "150px", marginBottom: "10px" }}
|
|
|
+ value={this.state.adminName}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ adminName: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Input
|
|
|
+ placeholder="订单编号"
|
|
|
+ style={{ width: "150px" }}
|
|
|
+ value={this.state.orderNo}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ orderNo: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Select
|
|
|
+ placeholder="选择部门"
|
|
|
+ style={{ width: 150, marginRight: "10px" }}
|
|
|
+ value={this.state.departmenttSearch}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ departmenttSearch: e });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {departmentArr.map(function(item) {
|
|
|
+ return <Select.Option key={item.id}>{item.name}</Select.Option>;
|
|
|
+ })}
|
|
|
+ </Select>
|
|
|
+ <span style={{ marginRight: "10px" }}>下单时间 :</span>
|
|
|
+ <RangePicker
|
|
|
+ value={[
|
|
|
+ this.state.releaseDate[0]
|
|
|
+ ? moment(this.state.releaseDate[0])
|
|
|
+ : null,
|
|
|
+ this.state.releaseDate[1]
|
|
|
+ ? moment(this.state.releaseDate[1])
|
|
|
+ : null
|
|
|
+ ]}
|
|
|
+ onChange={(data, dataString) => {
|
|
|
+ this.setState({ releaseDate: dataString });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ onClick={this.search}
|
|
|
+ style={{ marginLeft: "10px" }}
|
|
|
+ >
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ <Button onClick={this.reset}>重置</Button>
|
|
|
+ <div className="patent-table">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Table
|
|
|
+ columns={this.state.columns}
|
|
|
+ dataSource={this.state.dataSource}
|
|
|
+ pagination={this.state.pagination}
|
|
|
+ onRowClick={this.tableRowClick}
|
|
|
+ bordered
|
|
|
+ size="small"
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ <Modal
|
|
|
+ className="customeDetails"
|
|
|
+ footer=""
|
|
|
+ title="新增催款记录"
|
|
|
+ width="500px"
|
|
|
+ visible={this.state.visible}
|
|
|
+ onOk={this.visitOk}
|
|
|
+ onCancel={this.visitCancel}
|
|
|
+ >
|
|
|
+ <Form
|
|
|
+ layout="horizontal"
|
|
|
+ onSubmit={this.handleSubmit}
|
|
|
+ id="demand-form"
|
|
|
+ style={{ paddingBottom: "40px" }}
|
|
|
+ >
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <div className="clearfix">
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="催款时间"
|
|
|
+ >
|
|
|
+ <DatePicker
|
|
|
+ style={{
|
|
|
+ marginTop: "2px",
|
|
|
+ width: "240px",
|
|
|
+ height: "32px"
|
|
|
+ }}
|
|
|
+ showTime
|
|
|
+ format="YYYY-MM-DD"
|
|
|
+ onOk={() => {}}
|
|
|
+ value={
|
|
|
+ this.state.dumTime ? moment(this.state.dumTime) : null
|
|
|
}
|
|
|
- </Select>
|
|
|
- <span style={{marginRight:"10px"}}>下单时间 :</span>
|
|
|
- <RangePicker
|
|
|
- value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
|
|
|
- this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
|
|
|
- onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
|
|
|
- <Button type="primary" onClick={this.search} style={{marginLeft:'10px'}}>搜索</Button>
|
|
|
- <Button onClick={this.reset}>重置</Button>
|
|
|
- <div className="patent-table">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table columns={this.state.columns}
|
|
|
- dataSource={this.state.dataSource}
|
|
|
- pagination={this.state.pagination}
|
|
|
- onRowClick={this.tableRowClick}
|
|
|
- bordered
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- <Modal
|
|
|
- className="customeDetails"
|
|
|
- footer=''
|
|
|
- title="新增催款记录"
|
|
|
- width='500px'
|
|
|
- visible={this.state.visible}
|
|
|
- onOk={this.visitOk}
|
|
|
- onCancel={this.visitCancel}
|
|
|
- >
|
|
|
- <Form layout="horizontal" onSubmit={this.handleSubmit} id="demand-form" style={{paddingBottom:'40px'}} >
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <div className="clearfix">
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem className="half-item" {...formItemLayout} label="催款时间">
|
|
|
- <DatePicker
|
|
|
- style={{marginTop:"2px",width: '240px',height:"32px" }}
|
|
|
- showTime
|
|
|
- format="YYYY-MM-DD"
|
|
|
- onOk={()=>{}}
|
|
|
- value={this.state.dumTime ? moment(this.state.dumTime) : null}
|
|
|
- onChange={(data, dataString) => { this.setState({ dumTime: dataString }); }} />
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 16 }}
|
|
|
- label="催款情况" >
|
|
|
- <Input type="textarea" placeholder="请输入催款情况" rows={4} value={this.state.remarks}
|
|
|
- onChange={(e)=>{this.setState({remarks:e.target.value})}}/>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <Button className="cancel" type="primary" onClick={this.examOk} style={{marginLeft:"50px"}} htmlType="submit">添加</Button>
|
|
|
- <Button className="cancel" type="ghost" onClick={this.noCancel} style={{marginLeft:"50px"}}>取消</Button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </Spin>
|
|
|
- </Form>
|
|
|
- </Modal>
|
|
|
- <Modal
|
|
|
- className="customeDetails"
|
|
|
- footer=''
|
|
|
- title="催款记录查看"
|
|
|
- width='500px'
|
|
|
- visible={this.state.visibles}
|
|
|
- onOk={this.visitOks}
|
|
|
- onCancel={this.visitCancels}
|
|
|
- >
|
|
|
- <div className="user-content">
|
|
|
- <div className="patent-table">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table columns={this.state.columnsX}
|
|
|
- dataSource={this.state.dataSources}
|
|
|
- rowSelection={rowSelection}
|
|
|
- pagination={this.state.paginations}
|
|
|
- onRowClick={this.tableRowClick}
|
|
|
- />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </Modal>
|
|
|
- </div>
|
|
|
+ onChange={(data, dataString) => {
|
|
|
+ this.setState({ dumTime: dataString });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 16 }}
|
|
|
+ label="催款情况"
|
|
|
+ >
|
|
|
+ <Input
|
|
|
+ type="textarea"
|
|
|
+ placeholder="请输入催款情况"
|
|
|
+ rows={4}
|
|
|
+ value={this.state.remarks}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ remarks: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <Button
|
|
|
+ className="cancel"
|
|
|
+ type="primary"
|
|
|
+ onClick={this.examOk}
|
|
|
+ style={{ marginLeft: "50px" }}
|
|
|
+ htmlType="submit"
|
|
|
+ >
|
|
|
+ 添加
|
|
|
+ </Button>
|
|
|
+ <Button
|
|
|
+ className="cancel"
|
|
|
+ type="ghost"
|
|
|
+ onClick={this.visitCancel}
|
|
|
+ style={{ marginLeft: "50px" }}
|
|
|
+ >
|
|
|
+ 取消
|
|
|
+ </Button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Spin>
|
|
|
+ </Form>
|
|
|
+ </Modal>
|
|
|
+ <Modal
|
|
|
+ className="customeDetails"
|
|
|
+ footer=""
|
|
|
+ title="催款记录查看"
|
|
|
+ width="500px"
|
|
|
+ visible={this.state.visibles}
|
|
|
+ onOk={this.visitOks}
|
|
|
+ onCancel={this.visitCancels}
|
|
|
+ >
|
|
|
+ <div className="user-content">
|
|
|
+ <div className="patent-table">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Table
|
|
|
+ columns={this.state.columnsX}
|
|
|
+ dataSource={this.state.dataSources}
|
|
|
+ rowSelection={rowSelection}
|
|
|
+ pagination={this.state.paginations}
|
|
|
+ onRowClick={this.tableRowClick}
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- );
|
|
|
+ </Modal>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
}
|
|
|
}));
|
|
|
export default IntentionCustomer;
|