import React, { Component } from "react";
import { Form, Upload, Modal, Button, message, Input, Select } from "antd";
import AgreeButton from "./agreeButton.js";
import Rizhi from "./rizhi.js";
import { getProcessStatusNew } from "@/tools.js";
import $ from "jquery/src/ajax";
// import ReactToPrint from "react-to-print";
const FormItem = Form.Item;
const { TextArea } = Input;
const formItemLayout = {
labelCol: { span: 8 },
wrapperCol: { span: 14 }
};
const changeType = [
{
value: "0",
key: "退单退款"
},
{
value: "1",
key: "项目及金额变更"
},
{
value: "2",
key: "仅项目变更"
},
{
value: "3",
key: "仅金额变更"
},
{
value: "4",
key: "重报"
},
{
value: "5",
key: "赠送"
}
];
const getChangeType = function(e) {
if (e || e == 0) {
let str = e.toString();
let theType = "";
changeType.map(function(item) {
if (item.value == str) {
theType = item.key;
}
});
return theType;
}
};
class Itemlist extends Component {
constructor(props) {
super(props);
}
render() {
let pageData = this.props.pageData;
return (
{pageData.dataA}
{pageData.dataB}
);
}
}
class ChangeDetail extends Component {
constructor(props) {
super(props);
this.state = {
previewVisible: false,
buttonStatus: true,
dataSource: [],
reason: "",
rejectState: 0
};
this.getOrgCodeUrl = this.getOrgCodeUrl.bind(this);
this.changeButtonStatus = this.changeButtonStatus.bind(this);
this.loadDataChange = this.loadDataChange.bind(this);
}
getOrgCodeUrl(e) {
this.setState({
orgCodeUrl: e
});
}
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);
}
//同意拒绝按钮的有无
changeButtonStatus() {
this.setState({
buttonStatus: !this.state.buttonStatus
});
}
onRef(ref) {
this.fun = ref;
}
render() {
const pageData = [
{
labelA: "客户名称",
formItemLayoutA: formItemLayout,
dataA: this.props.data.userName,
labelB: "合同编号",
formItemLayoutB: formItemLayout,
dataB: this.props.data.contractNo
},
{
labelA: "时间",
formItemLayoutA: formItemLayout,
dataA: this.props.data.createTimes,
labelB: "发起人",
formItemLayoutB: formItemLayout,
dataB: this.props.data.applicant
},
{
labelA: "当前进度",
formItemLayoutA: formItemLayout,
dataA:
this.props.data.status !== 4
? getProcessStatusNew(this.props.data.processState) + "审核中"
: getProcessStatusNew(this.props.data.processState) + "已完成",
labelB: "变更类型",
formItemLayoutB: formItemLayout,
dataB: getChangeType(this.props.data.type)
},
{
labelA: "合同额(万元)",
formItemLayoutA: formItemLayout,
dataA: this.props.data.totalAmount,
labelB: "已收款(万元)",
formItemLayoutB: formItemLayout,
dataB: this.props.data.settlementAmount
},
{
labelA: "欠款(万元)",
formItemLayoutA: formItemLayout,
dataA: this.props.data.arrears,
labelB: "申请退款(万元)",
formItemLayoutB: formItemLayout,
dataB: this.props.data.changeAmount
},
{
labelA: "变更原因",
formItemLayoutA: formItemLayout,
dataA: this.props.data.remarks
}
];
const planData = [
{
labelA: "项目进度",
formItemLayoutA: formItemLayout,
dataA: this.props.data.projectState,
onChangeA: value => {
this.setState({
projectState: value
});
},
labelB: "发生成本费用(万元)",
formItemLayoutB: formItemLayout,
dataB: this.props.data.zxsCost,
onChangeB: value => {
this.setState({
zxsCost: value
});
}
},
{
labelA: "备注",
formItemLayoutA: formItemLayout,
dataA: this.props.data.zxsRemarks,
onChangeA: value => {
this.setState({
zxsRemarks: value
});
}
}
];
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.cwCost,
labelB: "应退金额(万元)",
formItemLayoutB: formItemLayout,
dataB: this.props.data.refundableAmount
},
{
labelA: "补充资料/备注",
formItemLayoutA: formItemLayout,
dataA: this.props.data.cwRemarks
}
];
const buttonData = [
{
name: "同意",
title: "理由",
placeholder: "请输入理由",
type: "primary",
status: 2,
onChange: value => {
this.setState({
remarks: value
});
}
},
{
name: "拒绝",
title: "理由",
placeholder: "请输入理由",
type: "danger",
status: 3,
onChange: value => {
this.setState({
remarks: value
});
}
}
];
const orgCodeUrl = this.props.pictureUrl;
return (
{
this.refs = e;
}}
>
合同变更记录
{pageData.map((item, index) => {
return
;
})}
{
this.setState({
previewImage: file.url || file.thumbUrl,
previewVisible: true
});
}}
/>
{
this.setState({ previewVisible: false }, () => {
this.foo.reset();
});
}}
>
{/*
变更日志
*/}
{/* 操作人: */}
{this.state.dataSource.map((item, index) => (
- {`${item.aname}: ${item.remarks}`}
))}
{/* {this.props.data.type === 0 && this.props.data.processState >= 4 ? (
当前项目进度(咨询师经理填写)
{planData.map((item, index) => {
return ;
})}
) : (
""
)} */}
{/* {this.props.data.type === 0 ? (
this.props.data.processState >= 5 ? (
当前财务状态(财务填写)
{financeData.map((item, index) => {
return ;
})}
) : (
""
)
) : this.props.data.status === 4 ? (
当前财务状态(财务填写)
{financeData.map((item, index) => {
return ;
})}
) : (
""
)} */}
{this.props.data.status !== 4 ? (
this.state.buttonStatus ? (
{buttonData.map((item, index) => {
return (
);
})}
) : (
""
)
) : (
""
)}
{/*
(
)}
content={() => this.refs}
/> */}
);
}
}
export { ChangeDetail };