import React, { Component } from "react";
import { Form, Upload, Modal, Input } from "antd";
import AgreeButton from "./agreeButton.js";
import Rizhi from "./rizhi.js";
import { getProcessStatusNew } from "@/tools.js";
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,
changeType: 1
};
this.getOrgCodeUrl = this.getOrgCodeUrl.bind(this);
this.changeButtonStatus = this.changeButtonStatus.bind(this);
}
componentWillReceiveProps(nextProps) {
this.setState({
projectState: nextProps.data.projectState,
zxsCost: nextProps.data.zxsCost,
zxsRemarks: nextProps.data.zxsRemarks
});
}
getOrgCodeUrl(e) {
this.setState({
orgCodeUrl: e
});
}
//同意拒绝按钮的有无
changeButtonStatus() {
this.setState({
buttonStatus: !this.state.buttonStatus
});
}
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 (
{pageData.map((item, index) => {
return
;
})}
{
this.setState({
previewImage: file.url || file.thumbUrl,
previewVisible: true
});
}}
/>
{
this.setState({ previewVisible: false });
}}
>
{this.props.data.processState >= 4 ? (
当前项目进度(咨询师经理填写)
{planData.map((item, index) => {
return ;
})}
) : (
)}
{this.props.data.processState >= 5 ? (
当前财务状态(财务填写)
{financeData.map((item, index) => {
return ;
})}
) : (
""
)}
{this.props.processState === this.props.data.processState ? (
this.state.buttonStatus ? (
{buttonData.map((item, index) => {
return (
);
})}
) : (
""
)
) : (
""
)}
);
}
}
export { ChangeDetail };