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.setState({ projectState: e.target.value }); }} /> { this.setState({ zxsCost: e.target.value }); }} />
{ this.setState({ zxsRemarks: e.target.value }); }} />
)} {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 };