|
@@ -1,9 +1,12 @@
|
|
|
import React, { Component } from "react";
|
|
|
-import { Form, Upload, Modal, Button, message, Input, Select } from "antd";
|
|
|
+import { Form, Upload, Modal, Button, message, Input, Select, Table } from "antd";
|
|
|
import AgreeButton from "./agreeButton.js";
|
|
|
import Rizhi from "./rizhi.js";
|
|
|
import { getProcessStatusNew } from "@/tools.js";
|
|
|
+import { shenghePeo } from "@/tools.js";
|
|
|
import $ from "jquery/src/ajax";
|
|
|
+import "../../../../../../css/changeDetail.less"
|
|
|
+import tongguo from "../../../../../../image/tongguo.png";
|
|
|
// import ReactToPrint from "react-to-print";
|
|
|
const FormItem = Form.Item;
|
|
|
const { TextArea } = Input;
|
|
@@ -89,11 +92,110 @@ class ChangeDetail extends Component {
|
|
|
buttonStatus: true,
|
|
|
dataSource: [],
|
|
|
reason: "",
|
|
|
- rejectState: 0
|
|
|
+ rejectState: 0,
|
|
|
+ contactList: [],
|
|
|
+ ContactsLists: [
|
|
|
+ {
|
|
|
+ title: "金额(万)",
|
|
|
+ dataIndex: "amount",
|
|
|
+ key: "amount",
|
|
|
+ render: (text, record) => {
|
|
|
+ return (
|
|
|
+ <div>
|
|
|
+ 实际回收退票(万元)
|
|
|
+ <Input
|
|
|
+ value={record.amount}
|
|
|
+ placeholder="请输入金额(必填项)"
|
|
|
+ disabled={record.load}
|
|
|
+ key={record.id}
|
|
|
+ required="required"
|
|
|
+ onChange={e => {
|
|
|
+ record.amount = e.target.value;
|
|
|
+ this.setState({ contactList: this.state.contactList });
|
|
|
+ }}
|
|
|
+ style={{ width: "120px" }}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "时间",
|
|
|
+ dataIndex: "createTimes",
|
|
|
+ key: "createTimes",
|
|
|
+ render: (text, record) => {
|
|
|
+ return (
|
|
|
+ <div>
|
|
|
+ {/* <DatePicker
|
|
|
+ showTime
|
|
|
+ placeholder="请输入退票时间"
|
|
|
+ onChange={v => {
|
|
|
+ record.time = v._d;
|
|
|
+ this.setState({ contactList: this.state.contactList });
|
|
|
+ }}
|
|
|
+ onOk={v => {
|
|
|
+ record.time = v._d;
|
|
|
+ this.setState({ contactList: this.state.contactList });
|
|
|
+ console.log(this.state);
|
|
|
+ }}
|
|
|
+ /> */}
|
|
|
+ {record.createTimes}
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // {
|
|
|
+ // title: "操作",
|
|
|
+ // dataIndex: "dels",
|
|
|
+ // key: "dels",
|
|
|
+ // render: (text, record, index) => {
|
|
|
+ // return (
|
|
|
+ // <div style={{ display:
|
|
|
+ // (this.props.data.processState == 7 ||
|
|
|
+ // this.props.data.processState == 8) &&
|
|
|
+ // this.props.data.status == 4
|
|
|
+ // ? "none"
|
|
|
+ // : "block"}}>
|
|
|
+ // <Popconfirm
|
|
|
+ // title="是否删除?"
|
|
|
+ // onConfirm={() => {
|
|
|
+ // this.confirmDelet(record);
|
|
|
+ // }}
|
|
|
+ // okText="删除"
|
|
|
+ // cancelText="不删除"
|
|
|
+ // >
|
|
|
+ // <Button
|
|
|
+ // style={{
|
|
|
+ // marginRight: "10px",
|
|
|
+ // color: "#ffffff",
|
|
|
+ // background: "#f00",
|
|
|
+ // border: "none"
|
|
|
+ // }}
|
|
|
+ // >
|
|
|
+ // 删除
|
|
|
+ // </Button>
|
|
|
+ // </Popconfirm>
|
|
|
+
|
|
|
+ // {record.load != true ? (
|
|
|
+ // <Button
|
|
|
+ // type="primary"
|
|
|
+ // onClick={() => {
|
|
|
+ // this.contactSave(record);
|
|
|
+ // }}
|
|
|
+ // >
|
|
|
+ // 保存
|
|
|
+ // </Button>
|
|
|
+ // ) : (
|
|
|
+ // ""
|
|
|
+ // )}
|
|
|
+ // </div>
|
|
|
+ // );
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ ]
|
|
|
};
|
|
|
this.getOrgCodeUrl = this.getOrgCodeUrl.bind(this);
|
|
|
this.changeButtonStatus = this.changeButtonStatus.bind(this);
|
|
|
- this.loadDataChange = this.loadDataChange.bind(this);
|
|
|
}
|
|
|
|
|
|
getOrgCodeUrl(e) {
|
|
@@ -102,37 +204,50 @@ class ChangeDetail extends Component {
|
|
|
});
|
|
|
}
|
|
|
|
|
|
- loadDataChange() {
|
|
|
- $.ajax({
|
|
|
- method: "get",
|
|
|
- dataType: "json",
|
|
|
- crossDomain: false,
|
|
|
- url: globalConfig.context + "/api/admin/orderChange/orderChangeLogList",
|
|
|
- data: {
|
|
|
- changeId: this.props.data.id
|
|
|
- },
|
|
|
- success: function(data) {
|
|
|
- if (data.error.length || data.data.list == "") {
|
|
|
- if (data.error && data.error.length) {
|
|
|
- message.warning(data.error[0].message);
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.setState({
|
|
|
- dataSource: data.data
|
|
|
- });
|
|
|
- }
|
|
|
- }.bind(this)
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
componentDidMount() {
|
|
|
window.setTimeout(() => {
|
|
|
- this.loadDataChange();
|
|
|
- }, 10);
|
|
|
- console.log(this.props.processState);
|
|
|
-
|
|
|
+ const contactList = this.props.contactList;
|
|
|
+ // console.log("看看props", this.props);
|
|
|
+
|
|
|
+ contactList.forEach(item => {
|
|
|
+ item.load = true;
|
|
|
+ });
|
|
|
+ this.setState({
|
|
|
+ contactList
|
|
|
+ });
|
|
|
+ }, 0);
|
|
|
}
|
|
|
|
|
|
+ // loadDataChange() {
|
|
|
+ // $.ajax({
|
|
|
+ // method: "get",
|
|
|
+ // dataType: "json",
|
|
|
+ // crossDomain: false,
|
|
|
+ // url: globalConfig.context + "/api/admin/orderChange/orderChangeLogList",
|
|
|
+ // data: {
|
|
|
+ // changeId: this.props.data.id
|
|
|
+ // },
|
|
|
+ // success: function(data) {
|
|
|
+ // if (data.error.length || data.data.list == "") {
|
|
|
+ // if (data.error && data.error.length) {
|
|
|
+ // message.warning(data.error[0].message);
|
|
|
+ // }
|
|
|
+ // } else {
|
|
|
+ // this.setState({
|
|
|
+ // dataSource: data.data
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // }.bind(this)
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+
|
|
|
+ // componentDidMount() {
|
|
|
+ // window.setTimeout(() => {
|
|
|
+ // console.log(this.props);
|
|
|
+ // },2000)
|
|
|
+
|
|
|
+ // }
|
|
|
+
|
|
|
//同意拒绝按钮的有无
|
|
|
changeButtonStatus() {
|
|
|
this.setState({
|
|
@@ -140,6 +255,23 @@ class ChangeDetail extends Component {
|
|
|
});
|
|
|
}
|
|
|
|
|
|
+ componentWillReceiveProps(nextProps) {
|
|
|
+ this.setState({
|
|
|
+ paymentTimes: nextProps.data.paymentTimes,
|
|
|
+ paymentAmount: nextProps.data.paymentAmount,
|
|
|
+ invoiceTimes: nextProps.data.invoiceTimes,
|
|
|
+ invoiceAmount: nextProps.data.invoiceAmount,
|
|
|
+ cwCost: nextProps.data.cwCost,
|
|
|
+ refundableAmount: nextProps.data.refundableAmount,
|
|
|
+ cwRemarks: nextProps.data.cwRemarks,
|
|
|
+ contactList: nextProps.contactList,
|
|
|
+ refundInvoice: nextProps.data.refundInvoice
|
|
|
+ });
|
|
|
+ // if (!nextProps.reset) {
|
|
|
+ // this.reset();
|
|
|
+ // }
|
|
|
+ }
|
|
|
+
|
|
|
onRef(ref) {
|
|
|
this.fun = ref;
|
|
|
}
|
|
@@ -165,10 +297,19 @@ class ChangeDetail extends Component {
|
|
|
{
|
|
|
labelA: "当前进度",
|
|
|
formItemLayoutA: formItemLayout,
|
|
|
+ // 当前是咨询师以及咨询师经理时使用shenhePeo函数,其他流程正常显示
|
|
|
dataA:
|
|
|
- this.props.data.status !== 4
|
|
|
- ? getProcessStatusNew(this.props.data.processState) + "审核中"
|
|
|
- : getProcessStatusNew(this.props.data.processState) + "已完成",
|
|
|
+ this.props.data.processState == 2 || this.props.data.processState == 3
|
|
|
+ ? shenghePeo(
|
|
|
+ this.props.data.processState == 2
|
|
|
+ ? this.props.data.consultantExamine
|
|
|
+ : this.props.data.managerExamine,
|
|
|
+ this.props.data.processState
|
|
|
+ )
|
|
|
+ : getProcessStatusNew(
|
|
|
+ this.props.data.processState,
|
|
|
+ this.props.data.status
|
|
|
+ ),
|
|
|
labelB: "变更类型",
|
|
|
formItemLayoutB: formItemLayout,
|
|
|
dataB: getChangeType(this.props.data.type)
|
|
@@ -226,22 +367,22 @@ class ChangeDetail extends Component {
|
|
|
}
|
|
|
];
|
|
|
const financeData = [
|
|
|
- {
|
|
|
- labelA: "收款时间",
|
|
|
- formItemLayoutA: formItemLayout,
|
|
|
- dataA: this.props.data.paymentTimes,
|
|
|
- labelB: "收款金额(万元)",
|
|
|
- formItemLayoutB: formItemLayout,
|
|
|
- dataB: this.props.data.paymentAmount
|
|
|
- },
|
|
|
- {
|
|
|
- labelA: "开票时间",
|
|
|
- formItemLayoutA: formItemLayout,
|
|
|
- dataA: this.props.data.invoiceTimes,
|
|
|
- labelB: "已开票金额(万元)",
|
|
|
- formItemLayoutB: formItemLayout,
|
|
|
- dataB: this.props.data.invoiceAmount
|
|
|
- },
|
|
|
+ // {
|
|
|
+ // labelA: "收款时间",
|
|
|
+ // formItemLayoutA: formItemLayout,
|
|
|
+ // dataA: this.props.data.paymentTimes,
|
|
|
+ // labelB: "收款金额(万元)",
|
|
|
+ // formItemLayoutB: formItemLayout,
|
|
|
+ // dataB: this.props.data.paymentAmount
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // labelA: "开票时间",
|
|
|
+ // formItemLayoutA: formItemLayout,
|
|
|
+ // dataA: this.props.data.invoiceTimes,
|
|
|
+ // labelB: "已开票金额(万元)",
|
|
|
+ // formItemLayoutB: formItemLayout,
|
|
|
+ // dataB: this.props.data.invoiceAmount
|
|
|
+ // },
|
|
|
{
|
|
|
labelA: "发生成本(万元)",
|
|
|
formItemLayoutA: formItemLayout,
|
|
@@ -249,12 +390,12 @@ class ChangeDetail extends Component {
|
|
|
labelB: "应退金额(万元)",
|
|
|
formItemLayoutB: formItemLayout,
|
|
|
dataB: this.props.data.refundableAmount
|
|
|
- },
|
|
|
- {
|
|
|
- labelA: "补充资料/备注",
|
|
|
- formItemLayoutA: formItemLayout,
|
|
|
- dataA: this.props.data.cwRemarks
|
|
|
}
|
|
|
+ // {
|
|
|
+ // labelA: "补充资料/备注",
|
|
|
+ // formItemLayoutA: formItemLayout,
|
|
|
+ // dataA: this.props.data.cwRemarks
|
|
|
+ // }
|
|
|
];
|
|
|
const buttonData = [
|
|
|
{
|
|
@@ -285,17 +426,47 @@ class ChangeDetail extends Component {
|
|
|
const orgCodeUrl = this.props.pictureUrl;
|
|
|
|
|
|
return (
|
|
|
- <div className="clearfix">
|
|
|
+ <div className="clearfix changeDetail">
|
|
|
<div
|
|
|
className="clearfix"
|
|
|
- style={{ marginTop: 20 }}
|
|
|
ref={e => {
|
|
|
this.refs = e;
|
|
|
}}
|
|
|
>
|
|
|
- <h2 style={{ textAlign: "center", marginBottom: 10 }}>
|
|
|
- 合同变更记录
|
|
|
- </h2>
|
|
|
+ <div
|
|
|
+ style={{
|
|
|
+ borderRadius: "50%",
|
|
|
+ width: 300,
|
|
|
+ height: 300,
|
|
|
+ position: "absolute",
|
|
|
+ top: 230,
|
|
|
+ left: 525,
|
|
|
+ transform: "rotate(-5deg)",
|
|
|
+ zIndex: 1,
|
|
|
+ display:
|
|
|
+ (this.props.data.processState == 7 ||
|
|
|
+ this.props.data.processState == 8) &&
|
|
|
+ this.props.data.status == 4
|
|
|
+ ? "block"
|
|
|
+ : "none"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {/* <span
|
|
|
+ style={{
|
|
|
+ fontSize: 29,
|
|
|
+ position: "absolute",
|
|
|
+ left: "50%",
|
|
|
+ top: "50%",
|
|
|
+ transform: "translate(-50%,-50%)",
|
|
|
+ color: "red"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 通过
|
|
|
+ </span> */}
|
|
|
+ <img src={tongguo} style={{ width: "100%" }} />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <h2 style={{ textAlign: "center" }}>合同变更记录</h2>
|
|
|
{pageData.map((item, index) => {
|
|
|
return <Itemlist key={index} pageData={item} />;
|
|
|
})}
|
|
@@ -340,24 +511,122 @@ class ChangeDetail extends Component {
|
|
|
width: "868px",
|
|
|
overflow: "hidden",
|
|
|
paddingLeft: "90px",
|
|
|
- marginBottom: "20px"
|
|
|
+ position: "relative",
|
|
|
+ bottom: "20px"
|
|
|
}}
|
|
|
>
|
|
|
{/* <span>操作人:</span> */}
|
|
|
- {this.state.dataSource.map((item, index) => (
|
|
|
- <li
|
|
|
- key={index}
|
|
|
- style={{
|
|
|
- width: "100%",
|
|
|
- height: "auto",
|
|
|
- wordBreak: "break-all",
|
|
|
- color: "black",
|
|
|
- marginBottom: "10px"
|
|
|
- }}
|
|
|
- >{`${item.aname}: ${item.remarks}`}</li>
|
|
|
- ))}
|
|
|
+ {this.props.dataSource.map((item, index) => {
|
|
|
+ if (item.status == 0) {
|
|
|
+ item.status = "发起";
|
|
|
+ } else if (item.status == 1) {
|
|
|
+ item.status = "审核中";
|
|
|
+ } else if (item.status == 2) {
|
|
|
+ item.status = "通过";
|
|
|
+ } else if (item.status == 3) {
|
|
|
+ item.status = "驳回";
|
|
|
+ } else if (item.status == 4) {
|
|
|
+ item.status = "完成";
|
|
|
+ }
|
|
|
+ return (
|
|
|
+ <li
|
|
|
+ key={index}
|
|
|
+ style={{
|
|
|
+ width: "100%",
|
|
|
+ height: "auto",
|
|
|
+ wordBreak: "break-all",
|
|
|
+ marginBottom: "10px"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {item.aname + ":" + "(" + item.status + ")" + item.remarks}
|
|
|
+ </li>
|
|
|
+ );
|
|
|
+ })}
|
|
|
</ul>
|
|
|
|
|
|
+ <div className="clearfix">
|
|
|
+ <h3 style={{ marginLeft: 20, fontWeight: 800, marginBottom: 10 }}>
|
|
|
+ 收款情况
|
|
|
+ </h3>
|
|
|
+ <div style={{ marginLeft: "90px" }}>
|
|
|
+ <ul>
|
|
|
+ {(this.props.proceedsData.bill || []).map((item, index) => (
|
|
|
+ <li key={index}>
|
|
|
+ {item.payTime +
|
|
|
+ " " +
|
|
|
+ item.aName +
|
|
|
+ " 收款:" +
|
|
|
+ item.transactionAmount +
|
|
|
+ "万元"}
|
|
|
+ </li>
|
|
|
+ ))}
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <div>收款总计:{this.props.proceedsTotal}万元</div>
|
|
|
+ </div>
|
|
|
+ <br />
|
|
|
+ <div style={{ marginLeft: "90px" }}>
|
|
|
+ <ul>
|
|
|
+ {(this.props.proceedsData.invoice || []).map((item, index) => (
|
|
|
+ <li key={index}>
|
|
|
+ {item.createTime + " " + " 开票:" + item.amount + "万元"}
|
|
|
+ </li>
|
|
|
+ ))}
|
|
|
+ </ul>
|
|
|
+ <div>开票总计:{this.props.invoiceTotal}万元</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <p style={{ marginLeft: "90px", color: "red" }}>
|
|
|
+ 系统预估 产生成本(万元):
|
|
|
+ {this.props.data.estimateCost
|
|
|
+ ? this.props.data.estimateCost
|
|
|
+ : "0"}{" "}
|
|
|
+ 应退金额(万元):
|
|
|
+ {this.props.data.estimateRefundable
|
|
|
+ ? this.props.data.estimateRefundable
|
|
|
+ : "0"}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ style={{
|
|
|
+ display:
|
|
|
+ (this.props.data.processState == 8 ||
|
|
|
+ this.props.data.processState == 7) &&
|
|
|
+ (this.props.data.status == 2 || this.props.data.status == 4)
|
|
|
+ ? "block"
|
|
|
+ : "none"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <h3 style={{ marginLeft: 20, fontWeight: 800, marginBottom: 10 }}>
|
|
|
+ 回收退票
|
|
|
+ </h3>
|
|
|
+ {/* {this.state.processStatus == 0 ? ( */}
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ onClick={this.addcontact}
|
|
|
+ style={{
|
|
|
+ float: "right",
|
|
|
+ marginRight: "50px",
|
|
|
+ marginBottom: "15px",
|
|
|
+ position: "relative",
|
|
|
+ zIndex: "999",
|
|
|
+ display: "none"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 添加回收退票
|
|
|
+ </Button>
|
|
|
+ {/* ) : (
|
|
|
+ ""
|
|
|
+ )} */}
|
|
|
+ <Table
|
|
|
+ pagination={false}
|
|
|
+ bordered
|
|
|
+ columns={this.state.ContactsLists}
|
|
|
+ dataSource={this.state.contactList}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
{/* {this.props.data.type === 0 && this.props.data.processState >= 4 ? (
|
|
|
<div>
|
|
|
<h3 style={{ marginLeft: 10, fontWeight: 800, marginBottom: 10 }}>
|
|
@@ -398,134 +667,245 @@ class ChangeDetail extends Component {
|
|
|
""
|
|
|
)} */}
|
|
|
</div>
|
|
|
- {this.props.data.status !== 4 ? (
|
|
|
- this.state.buttonStatus ? (
|
|
|
- <div>
|
|
|
+ {this.props.data.status !== 2 &&
|
|
|
+ this.props.data.status !== 4 &&
|
|
|
+ this.props.processState == this.props.data.processState ? (
|
|
|
+ // this.state.buttonStatus ? (
|
|
|
+ <div>
|
|
|
+ <div style={{ marginBottom: 10 }}>
|
|
|
<div className="clearfix">
|
|
|
- <FormItem
|
|
|
- style={{ height: "auto" }}
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 18 }}
|
|
|
- label="备注"
|
|
|
+ {/* <Form.Item
|
|
|
+ className="half-item"
|
|
|
+ label="收款时间"
|
|
|
+ labelCol={{ span: 8 }}
|
|
|
+ wrapperCol={{ span: 14 }}
|
|
|
>
|
|
|
- <TextArea
|
|
|
- rows={4}
|
|
|
- placeholder="请输入备注信息"
|
|
|
- style={{ width: "95%" }}
|
|
|
- value={this.state.reason}
|
|
|
+ <DatePicker
|
|
|
+ style={{ width: 160 }}
|
|
|
+ value={
|
|
|
+ this.state.paymentTimes
|
|
|
+ ? moment(this.state.paymentTimes)
|
|
|
+ : null
|
|
|
+ }
|
|
|
+ onChange={(_data, dataString) => {
|
|
|
+ this.setState({
|
|
|
+ paymentTimes: dataString
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </Form.Item>
|
|
|
+ <Form.Item
|
|
|
+ className="half-item"
|
|
|
+ label="收款金额(万元)"
|
|
|
+ labelCol={{ span: 8 }}
|
|
|
+ wrapperCol={{ span: 14 }}
|
|
|
+ >
|
|
|
+ <Input
|
|
|
+ style={{ width: 160 }}
|
|
|
+ value={this.state.paymentAmount}
|
|
|
+ placeholder="请输入收款金额"
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({
|
|
|
+ paymentAmount: e.target.value
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ <div className="clearfix">
|
|
|
+ <Form.Item
|
|
|
+ className="half-item"
|
|
|
+ label="开票时间"
|
|
|
+ labelCol={{ span: 8 }}
|
|
|
+ wrapperCol={{ span: 14 }}
|
|
|
+ >
|
|
|
+ <DatePicker
|
|
|
+ style={{ width: 160 }}
|
|
|
+ value={
|
|
|
+ this.state.invoiceTimes
|
|
|
+ ? moment(this.state.invoiceTimes)
|
|
|
+ : null
|
|
|
+ }
|
|
|
+ onChange={(_data, dataString) => {
|
|
|
+ this.setState({
|
|
|
+ invoiceTimes: dataString
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </Form.Item>
|
|
|
+ <Form.Item
|
|
|
+ className="half-item"
|
|
|
+ label="开票金额(万元)"
|
|
|
+ labelCol={{ span: 8 }}
|
|
|
+ wrapperCol={{ span: 14 }}
|
|
|
+ >
|
|
|
+ <Input
|
|
|
+ style={{ width: 160 }}
|
|
|
+ value={this.state.invoiceAmount}
|
|
|
+ placeholder="请输入开票金额"
|
|
|
onChange={e => {
|
|
|
- let reason = e.target.value;
|
|
|
- this.setState({ reason });
|
|
|
+ this.setState({
|
|
|
+ invoiceAmount: e.target.value
|
|
|
+ });
|
|
|
}}
|
|
|
/>
|
|
|
- </FormItem>
|
|
|
+ </Form.Item> */}
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <h3
|
|
|
+ style={{
|
|
|
+ marginLeft: 10,
|
|
|
+ fontWeight: 800,
|
|
|
+ marginBottom: 10
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 当前财务状态(财务填写)
|
|
|
+ </h3>
|
|
|
+ {financeData.map((item, index) => {
|
|
|
+ return <Itemlist key={index} pageData={item} />;
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<div
|
|
|
- className="clearfix"
|
|
|
- style={{ display: "flex", justifyContent: "space-around" }}
|
|
|
+ style={{
|
|
|
+ marginTop: "10px",
|
|
|
+ display:
|
|
|
+ this.props.data.status == 2 ||
|
|
|
+ this.props.processState != this.props.data.processState
|
|
|
+ ? "none"
|
|
|
+ : "block"
|
|
|
+ }}
|
|
|
>
|
|
|
- {buttonData.map((item, index) => {
|
|
|
- return (
|
|
|
- <AgreeButton
|
|
|
- data={item}
|
|
|
- key={index}
|
|
|
- backData={this.props.data}
|
|
|
- processState={this.props.processState}
|
|
|
- visible={this.changeButtonStatus}
|
|
|
- loadData={this.props.loadData}
|
|
|
- reason={this.state.reason}
|
|
|
- rejectState={this.state.rejectState}
|
|
|
- />
|
|
|
- );
|
|
|
- })}
|
|
|
+ <Form.Item
|
|
|
+ label="备注"
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 14 }}
|
|
|
+ >
|
|
|
+ <Input.TextArea
|
|
|
+ rows={4}
|
|
|
+ value={this.state.reason}
|
|
|
+ placeholder="请输入补充资料/备注"
|
|
|
+ onChange={e => {
|
|
|
+ this.setState({
|
|
|
+ reason: e.target.value
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </Form.Item>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ className="clearfix"
|
|
|
+ style={{ display: "flex", justifyContent: "space-around" }}
|
|
|
+ >
|
|
|
+ {buttonData.map((item, index) => {
|
|
|
+ return (
|
|
|
+ <AgreeButton
|
|
|
+ data={item}
|
|
|
+ key={index}
|
|
|
+ backData={this.props.data}
|
|
|
+ processState={this.props.processState}
|
|
|
+ visible={this.changeButtonStatus}
|
|
|
+ ajaxData={this.state}
|
|
|
+ loadData={this.props.loadData}
|
|
|
+ reason={this.state.reason}
|
|
|
+ rejectState={this.state.rejectState}
|
|
|
+ onCancel={this.props.onCancel}
|
|
|
+ />
|
|
|
+ );
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
|
|
|
- <Select
|
|
|
- defaultValue="0"
|
|
|
+ <Select
|
|
|
+ defaultValue="0"
|
|
|
+ style={{
|
|
|
+ width: 120,
|
|
|
+ float: "left",
|
|
|
+ position: "relative",
|
|
|
+ bottom: "28px",
|
|
|
+ right: "-600px"
|
|
|
+ }}
|
|
|
+ onChange={val => {
|
|
|
+ this.setState({ rejectState: val });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <Option
|
|
|
+ value="0"
|
|
|
style={{
|
|
|
- width: 120,
|
|
|
- float: "left",
|
|
|
- position: "relative",
|
|
|
- bottom: "28px",
|
|
|
- right: "-600px"
|
|
|
+ display: this.props.processState >= 1 ? "block" : "none"
|
|
|
}}
|
|
|
- onChange={val => {
|
|
|
- this.setState({ rejectState: val });
|
|
|
- console.log(val, this.state.rejectState);
|
|
|
+ >
|
|
|
+ 营销员
|
|
|
+ </Option>
|
|
|
+ <Option
|
|
|
+ value="1"
|
|
|
+ style={{
|
|
|
+ display: this.props.processState >= 2 ? "block" : "none"
|
|
|
}}
|
|
|
>
|
|
|
- <Option
|
|
|
- value="0"
|
|
|
- style={{
|
|
|
- display: this.props.processState >= 1 ? "block" : "none"
|
|
|
- }}
|
|
|
- >
|
|
|
- 营销员
|
|
|
- </Option>
|
|
|
- <Option
|
|
|
- value="1"
|
|
|
- style={{
|
|
|
- display: this.props.processState >= 2 ? "block" : "none"
|
|
|
- }}
|
|
|
- >
|
|
|
- 营销管理员
|
|
|
- </Option>
|
|
|
- <Option
|
|
|
- value="2"
|
|
|
- style={{
|
|
|
- display: this.props.processState >= 3 ? "block" : "none"
|
|
|
- }}
|
|
|
- >
|
|
|
- 技术员
|
|
|
- </Option>
|
|
|
- <Option
|
|
|
- value="3"
|
|
|
- style={{
|
|
|
- display: this.props.processState >= 4 ? "block" : "none"
|
|
|
- }}
|
|
|
- >
|
|
|
- 技术经理
|
|
|
- </Option>
|
|
|
- <Option
|
|
|
- value="4"
|
|
|
- style={{
|
|
|
- display: this.props.processState >= 5 ? "block" : "none"
|
|
|
- }}
|
|
|
- >
|
|
|
- 技术总监
|
|
|
- </Option>
|
|
|
- <Option
|
|
|
- value="5"
|
|
|
- style={{
|
|
|
- display: this.props.processState >= 6 ? "block" : "none"
|
|
|
- }}
|
|
|
- >
|
|
|
- 财务专员(退单)
|
|
|
- </Option>
|
|
|
- <Option
|
|
|
- value="6"
|
|
|
- style={{
|
|
|
- display: this.props.processState >= 7 ? "block" : "none"
|
|
|
- }}
|
|
|
- >
|
|
|
- 财务总监
|
|
|
- </Option>
|
|
|
- <Option
|
|
|
- value="7"
|
|
|
- style={{
|
|
|
- display: this.props.processState >= 8 ? "block" : "none"
|
|
|
- }}
|
|
|
- >
|
|
|
- 总裁
|
|
|
- </Option>
|
|
|
- </Select>
|
|
|
- </div>
|
|
|
- ) : (
|
|
|
- ""
|
|
|
- )
|
|
|
+ 营销管理员
|
|
|
+ </Option>
|
|
|
+ <Option
|
|
|
+ value="2"
|
|
|
+ style={{
|
|
|
+ display: this.props.processState >= 3 ? "block" : "none"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 咨询师
|
|
|
+ </Option>
|
|
|
+ <Option
|
|
|
+ value="3"
|
|
|
+ style={{
|
|
|
+ display: this.props.processState >= 4 ? "block" : "none"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 咨询师经理
|
|
|
+ </Option>
|
|
|
+ <Option
|
|
|
+ value="4"
|
|
|
+ style={{
|
|
|
+ display: this.props.processState >= 5 ? "block" : "none"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 咨询师总监
|
|
|
+ </Option>
|
|
|
+ <Option
|
|
|
+ value="5"
|
|
|
+ style={{
|
|
|
+ display: this.props.processState >= 6 ? "block" : "none"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 财务专员(退单)
|
|
|
+ </Option>
|
|
|
+ <Option
|
|
|
+ value="6"
|
|
|
+ style={{
|
|
|
+ display: this.props.processState >= 7 ? "block" : "none"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 财务总监
|
|
|
+ </Option>
|
|
|
+ <Option
|
|
|
+ value="7"
|
|
|
+ style={{
|
|
|
+ display: this.props.processState >= 8 ? "block" : "none"
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 总裁
|
|
|
+ </Option>
|
|
|
+ </Select>
|
|
|
+ </div>
|
|
|
) : (
|
|
|
- ""
|
|
|
+ <div>
|
|
|
+ <h3 style={{ marginLeft: 10, fontWeight: 800, marginBottom: 10 }}>
|
|
|
+ 当前财务状态(财务填写)
|
|
|
+ </h3>
|
|
|
+ {financeData.map((item, index) => {
|
|
|
+ return <Itemlist key={index} pageData={item} />;
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
)}
|
|
|
{/* <ReactToPrint
|
|
|
trigger={() => (
|