|
@@ -11,12 +11,14 @@ import {
|
|
|
Table,
|
|
|
message,
|
|
|
DatePicker,
|
|
|
- Modal
|
|
|
+ Modal, Tabs
|
|
|
} from "antd";
|
|
|
import OrderDesc from "@/manageCenter/financialManage/orderDetail/orderDesc";
|
|
|
import Assign from "@/manageCenter/publicComponent/assign";
|
|
|
import { getProcessStatus, getApproval } from "@/tools";
|
|
|
+import {ChooseList} from "../../order/orderNew/chooseList";
|
|
|
const FormItem = Form.Item;
|
|
|
+const {TabPane} = Tabs;
|
|
|
|
|
|
const PaiDan = React.createClass({
|
|
|
departmentList() {
|
|
@@ -342,6 +344,19 @@ const PaiDan = React.createClass({
|
|
|
searchMore: !this.state.searchMore
|
|
|
});
|
|
|
},
|
|
|
+ changeList(arr) {
|
|
|
+ const newArr = [];
|
|
|
+ this.state.columns.forEach(item => {
|
|
|
+ arr.forEach(val => {
|
|
|
+ if (val === item.title) {
|
|
|
+ newArr.push(item);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ this.setState({
|
|
|
+ changeList: newArr
|
|
|
+ });
|
|
|
+ },
|
|
|
render() {
|
|
|
var departmentArr = this.state.departmentArr || [];
|
|
|
const { RangePicker } = DatePicker;
|
|
@@ -350,80 +365,99 @@ const PaiDan = React.createClass({
|
|
|
<div className="content-title">
|
|
|
<span>派单管理</span>
|
|
|
</div>
|
|
|
- <div className="user-search">
|
|
|
- <Input
|
|
|
- placeholder="客户名称"
|
|
|
- value={this.state.nameSearch}
|
|
|
- onChange={e => {
|
|
|
- this.setState({ nameSearch: e.target.value });
|
|
|
- }}
|
|
|
- />
|
|
|
- <Input
|
|
|
- placeholder="订单编号"
|
|
|
- value={this.state.orderNoSearch}
|
|
|
- onChange={e => {
|
|
|
- this.setState({ orderNoSearch: e.target.value });
|
|
|
- }}
|
|
|
- />
|
|
|
- <Select
|
|
|
- placeholder="订单部门"
|
|
|
- style={{ width: 150, marginRight: 10 }}
|
|
|
- value={this.state.departmenttList}
|
|
|
- onChange={e => {
|
|
|
- this.setState({ departmenttList: e });
|
|
|
- }}
|
|
|
- >
|
|
|
- {departmentArr.map(function(item) {
|
|
|
- return <Select.Option key={item.id}>{item.name}</Select.Option>;
|
|
|
- })}
|
|
|
- </Select>
|
|
|
- <Select
|
|
|
- placeholder="流程状态"
|
|
|
- onChange={e => {
|
|
|
- this.setState({ processStatusSearch: e });
|
|
|
- }}
|
|
|
- style={{ width: 160, marginRight: 5 }}
|
|
|
- value={this.state.processStatusSearch}
|
|
|
- >
|
|
|
- <Option value="2">未分配</Option>
|
|
|
- <Option value="3">已分配</Option>
|
|
|
- </Select>
|
|
|
- <Input
|
|
|
- placeholder="合同编号"
|
|
|
- value={this.state.contractNoSearch}
|
|
|
- onChange={e => {
|
|
|
- this.setState({
|
|
|
- contractNoSearch: e.target.value
|
|
|
- });
|
|
|
- }}
|
|
|
- />
|
|
|
- <span style={{ marginRight: 10 }}>下单时间 :</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: 10 }}
|
|
|
- >
|
|
|
- 搜索
|
|
|
- </Button>
|
|
|
- <Button onClick={this.reset}>重置</Button>
|
|
|
- </div>
|
|
|
+ <Tabs defaultActiveKey="1" className="test">
|
|
|
+ <TabPane tab="搜索" key="1">
|
|
|
+ <div className="user-search">
|
|
|
+ <Input
|
|
|
+ placeholder="客户名称"
|
|
|
+ value={this.state.nameSearch}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ nameSearch: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Input
|
|
|
+ placeholder="订单编号"
|
|
|
+ value={this.state.orderNoSearch}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ orderNoSearch: e.target.value });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <Select
|
|
|
+ placeholder="订单部门"
|
|
|
+ style={{ width: 150, marginRight: 10 }}
|
|
|
+ value={this.state.departmenttList}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ departmenttList: e });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {departmentArr.map(function(item) {
|
|
|
+ return <Select.Option key={item.id}>{item.name}</Select.Option>;
|
|
|
+ })}
|
|
|
+ </Select>
|
|
|
+ <Select
|
|
|
+ placeholder="流程状态"
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({ processStatusSearch: e });
|
|
|
+ }}
|
|
|
+ style={{ width: 160, marginRight: 5 }}
|
|
|
+ value={this.state.processStatusSearch}
|
|
|
+ >
|
|
|
+ <Option value="2">未分配</Option>
|
|
|
+ <Option value="3">已分配</Option>
|
|
|
+ </Select>
|
|
|
+ <Input
|
|
|
+ placeholder="合同编号"
|
|
|
+ value={this.state.contractNoSearch}
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({
|
|
|
+ contractNoSearch: e.target.value
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ <span style={{ marginRight: 10 }}>下单时间 :</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: 10 }}
|
|
|
+ >
|
|
|
+ 搜索
|
|
|
+ </Button>
|
|
|
+ <Button onClick={this.reset}>重置</Button>
|
|
|
+ </div>
|
|
|
+ </TabPane>
|
|
|
+ <TabPane tab="更改表格显示数据" key="2">
|
|
|
+ <div style={{ marginLeft: 10 }}>
|
|
|
+ <ChooseList
|
|
|
+ columns={this.state.columns}
|
|
|
+ changeFn={this.changeList}
|
|
|
+ changeList={this.state.changeList}
|
|
|
+ top={55}
|
|
|
+ margin={11}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </TabPane>
|
|
|
+ </Tabs>
|
|
|
<div className="patent-table">
|
|
|
<Spin spinning={this.state.loading}>
|
|
|
<Table
|
|
|
- columns={this.state.columns}
|
|
|
+ columns={
|
|
|
+ this.state.changeList
|
|
|
+ ? this.state.changeList
|
|
|
+ : this.state.columns
|
|
|
+ }
|
|
|
dataSource={this.state.dataSource}
|
|
|
scroll={{ x: 1500, y: 0 }}
|
|
|
rowSelection={false}
|