|
@@ -25,6 +25,7 @@ import "./customer.less";
|
|
|
import { ChooseList } from "./chooseList";
|
|
|
import { getProjectName } from "../../../tools";
|
|
|
import DepartmentList from "../../../common/departmentList";
|
|
|
+import Cascaders from "../../../common/cascaders";
|
|
|
|
|
|
const ArrearsList = Form.create()(
|
|
|
React.createClass({
|
|
@@ -46,7 +47,7 @@ const ArrearsList = Form.create()(
|
|
|
name: this.state.customerName, //名称
|
|
|
orderNo: this.state.orderNo, //订单编号
|
|
|
contractNo: this.state.contractNo,
|
|
|
- depId: this.state.departmenttSearch, //订单部门
|
|
|
+ deps: this.state.departmenttSearch, //订单部门
|
|
|
starTime: this.state.releaseDate[0], //开始时间
|
|
|
endTime: this.state.releaseDate[1], //结束时间
|
|
|
tStarTime: this.state.chufaDate[0], //开始时间
|
|
@@ -366,15 +367,16 @@ const ArrearsList = Form.create()(
|
|
|
},
|
|
|
//重置
|
|
|
reset() {
|
|
|
- this.state.orderNo = "";
|
|
|
- this.state.contractNo = '';
|
|
|
- this.state.customerName = "";
|
|
|
- this.state.adminName = "";
|
|
|
+ this.state.orderNo = undefined;
|
|
|
+ this.state.contractNo = undefined;
|
|
|
+ this.state.customerName = undefined;
|
|
|
+ this.state.adminName = undefined;
|
|
|
this.state.departmenttSearch = undefined;
|
|
|
this.state.releaseDate[0] = undefined;
|
|
|
this.state.releaseDate[1] = undefined;
|
|
|
this.state.chufaDate[1] = undefined;
|
|
|
this.state.chufaDate[0] = undefined;
|
|
|
+ this.Cascaders.empty();
|
|
|
this.loadData();
|
|
|
},
|
|
|
changeList(arr) {
|
|
@@ -484,89 +486,105 @@ const ArrearsList = Form.create()(
|
|
|
className="test"
|
|
|
>
|
|
|
<TabPane tab="搜索" key="1">
|
|
|
- <Input
|
|
|
- placeholder="客户名称"
|
|
|
- style={{
|
|
|
- width: "150px",
|
|
|
- marginBottom: "10px",
|
|
|
- marginLeft: 10,
|
|
|
- marginRight: 10,
|
|
|
- }}
|
|
|
- value={this.state.customerName}
|
|
|
- onChange={(e) => {
|
|
|
- this.setState({ customerName: e.target.value });
|
|
|
- }}
|
|
|
- />
|
|
|
- <Input
|
|
|
- placeholder="订单编号"
|
|
|
- style={{ width: "150px", marginRight: 10 }}
|
|
|
- value={this.state.orderNo}
|
|
|
- onChange={(e) => {
|
|
|
- this.setState({ orderNo: e.target.value });
|
|
|
- }}
|
|
|
- />
|
|
|
- <Input
|
|
|
- placeholder="合同编号"
|
|
|
- style={{ width: "150px", marginRight: 10 }}
|
|
|
- value={this.state.contractNo}
|
|
|
- onChange={(e) => {
|
|
|
- this.setState({ contractNo: e.target.value });
|
|
|
- }}
|
|
|
- />
|
|
|
- <Input
|
|
|
- placeholder="营销员名称"
|
|
|
- style={{
|
|
|
- width: "150px",
|
|
|
- marginBottom: "10px",
|
|
|
- marginRight: 10,
|
|
|
- }}
|
|
|
- value={this.state.adminName}
|
|
|
- onChange={(e) => {
|
|
|
- this.setState({ adminName: e.target.value });
|
|
|
- }}
|
|
|
- />
|
|
|
- <DepartmentList
|
|
|
+ <div className="user-search">
|
|
|
+ <Input
|
|
|
+ placeholder="客户名称"
|
|
|
+ style={{
|
|
|
+ width: "150px",
|
|
|
+ marginBottom: "10px",
|
|
|
+ marginLeft: 10,
|
|
|
+ marginRight: 10,
|
|
|
+ }}
|
|
|
+ value={this.state.customerName}
|
|
|
+ onChange={(e) => {
|
|
|
+ this.setState({ customerName: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Input
|
|
|
+ placeholder="订单编号"
|
|
|
+ style={{ width: "150px", marginRight: 10 }}
|
|
|
+ value={this.state.orderNo}
|
|
|
+ onChange={(e) => {
|
|
|
+ this.setState({ orderNo: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Input
|
|
|
+ placeholder="合同编号"
|
|
|
+ style={{ width: "150px", marginRight: 10 }}
|
|
|
+ value={this.state.contractNo}
|
|
|
+ onChange={(e) => {
|
|
|
+ this.setState({ contractNo: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Input
|
|
|
+ placeholder="营销员名称"
|
|
|
+ style={{
|
|
|
+ width: "150px",
|
|
|
+ marginBottom: "10px",
|
|
|
+ marginRight: 10,
|
|
|
+ }}
|
|
|
+ value={this.state.adminName}
|
|
|
+ onChange={(e) => {
|
|
|
+ this.setState({ adminName: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Cascaders
|
|
|
+ ref={node => this.Cascaders = node}
|
|
|
+ placeholder="订单部门"
|
|
|
+ id="id"
|
|
|
+ name="name"
|
|
|
+ children="list"
|
|
|
+ height={28}
|
|
|
+ onSel={(e) => {
|
|
|
+ this.setState({
|
|
|
+ departmenttSearch: JSON.stringify(e),
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ {/* <DepartmentList
|
|
|
value={this.state.departmenttSearch}
|
|
|
onChange={e => {
|
|
|
this.setState({ departmenttSearch: e });
|
|
|
- }} />
|
|
|
- <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 });
|
|
|
}}
|
|
|
- />
|
|
|
- <span style={{ marginRight: "10px", marginLeft: 10 }}>触发时间 :</span>
|
|
|
- <RangePicker
|
|
|
- value={[
|
|
|
- this.state.chufaDate[0]
|
|
|
- ? moment(this.state.chufaDate[0])
|
|
|
- : null,
|
|
|
- this.state.chufaDate[1]
|
|
|
- ? moment(this.state.chufaDate[1])
|
|
|
- : null,
|
|
|
- ]}
|
|
|
- onChange={(data, dataString) => {
|
|
|
- this.setState({ chufaDate: dataString });
|
|
|
- }}
|
|
|
- />
|
|
|
- <div>
|
|
|
- <Button
|
|
|
- type="primary"
|
|
|
- onClick={this.search}
|
|
|
- style={{ marginLeft: "10px", marginRight: 10 }}
|
|
|
- >
|
|
|
- 搜索
|
|
|
- </Button>
|
|
|
- <Button onClick={this.reset}>重置</Button>
|
|
|
+ /> */}
|
|
|
+ <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 });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <span style={{ marginRight: "10px", marginLeft: 10 }}>触发时间 :</span>
|
|
|
+ <RangePicker
|
|
|
+ value={[
|
|
|
+ this.state.chufaDate[0]
|
|
|
+ ? moment(this.state.chufaDate[0])
|
|
|
+ : null,
|
|
|
+ this.state.chufaDate[1]
|
|
|
+ ? moment(this.state.chufaDate[1])
|
|
|
+ : null,
|
|
|
+ ]}
|
|
|
+ onChange={(data, dataString) => {
|
|
|
+ this.setState({ chufaDate: dataString });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <div>
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ onClick={this.search}
|
|
|
+ style={{ marginLeft: "10px", marginRight: 10 }}
|
|
|
+ >
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ <Button onClick={this.reset}>重置</Button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</TabPane>
|
|
|
<TabPane tab="导出催款列表" key="2">
|