1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021 |
- import React, { Component } from "react";
- import { Form, Upload, Modal, Button, message, Input, Select, Table } from "antd";
- import AgreeButton from "./agreeButton.js";
- import Rizhi from "./rizhi.js";
- import { getProcessStatusNew,changeColor } from "@/tools.js";
- import { shenghePeo } from "@/tools.js";
- import $ from "jquery/src/ajax";
- import "../../../../../../css/changeDetail.less"
- import tongguo from "../../../../../../image/tongguo.png";
- import ProAndCuiList from "./proAndCuiList.jsx";
- // 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 (
- <div className="clearfix">
- <Form.Item
- label={pageData.labelA}
- {...pageData.formItemLayoutA}
- className="half-item"
- >
- <p style={{ width: 500, wordWrap: "break-word" }}>{pageData.dataA}</p>
- </Form.Item>
- <Form.Item
- label={pageData.labelB}
- {...pageData.formItemLayoutB}
- className="half-item"
- >
- <span>{pageData.dataB}</span>
- </Form.Item>
- </div>
- );
- }
- }
- class ChangeDetail extends Component {
- constructor(props) {
- super(props);
- this.state = {
- previewVisible: false,
- buttonStatus: true,
- dataSource: [],
- reason: "",
- rejectState: 0,
- rotateDeg: 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.downImg = this.downImg.bind(this);
- this.upImg = this.upImg.bind(this);
- this.rotate = this.rotate.bind(this);
- this.moneyOld = this.moneyOld.bind(this);
- }
- getOrgCodeUrl(e) {
- this.setState({
- orgCodeUrl: e
- });
- }
- downImg() {
- let num = 0;
- for (let i = 0; i < this.props.pictureUrl.length; i++) {
- if (this.props.pictureUrl[i].url == this.state.previewImage) {
- num = i;
- }
- }
- if (num == this.props.pictureUrl.length - 1) {
- return message.warning("已经是最后一张了哦");
- }
- this.state.previewImage = this.props.pictureUrl[num + 1].url;
- this.setState({
- previewImage: this.state.previewImage,
- rotateDeg: 0
- });
- }
- upImg() {
- let num = 0;
- for (let i = 0; i < this.props.pictureUrl.length; i++) {
- if (this.props.pictureUrl[i].url == this.state.previewImage) {
- num = i;
- }
- }
- if (num == 0) {
- return message.warning("已经是第一张了哦");
- }
- this.state.previewImage = this.props.pictureUrl[num - 1].url;
- this.setState({
- previewImage: this.state.previewImage,
- rotateDeg: 0
- });
- }
- rotate() {
- let rotateDeg = this.state.rotateDeg + 90;
- this.setState({
- rotateDeg
- });
- }
- moneyOld(str, money) {
- if (money) {
- return (
- <span style={{color: "red",fontWeight: 900,fontSize: 16}}>
- {str}(原合同金额{money}万元)
- </span>
- );
- } else {
- return <span style={{color: "red",fontWeight: 900,fontSize: 16}}>{str}</span>;
- }
- }
- componentDidMount() {
- window.setTimeout(() => {
- 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({
- buttonStatus: !this.state.buttonStatus
- });
- }
- 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;
- }
- 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,
- // 当前是咨询师以及咨询师经理时使用shenhePeo函数,其他流程正常显示
- dataA:
- 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)
- },
- {
- labelA: "合同额(万元)",
- formItemLayoutA: formItemLayout,
- dataA: this.moneyOld(this.props.data.totalAmount, this.props.money),
- labelB: "已收款(万元)",
- formItemLayoutB: formItemLayout,
- dataB: changeColor(this.props.data.settlementAmount)
- },
- {
- labelA: "欠款(万元)",
- formItemLayoutA: formItemLayout,
- dataA: changeColor(this.props.data.arrears),
- labelB: "申请退款(万元)",
- formItemLayoutB: formItemLayout,
- dataB: changeColor(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 (
- <div className="clearfix changeDetail">
- <div
- className="clearfix"
- ref={e => {
- this.refs = e;
- }}
- >
- <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", marginBottom: 10, marginTop: 20 }}>
- 合同变更记录
- </h2>
- {pageData.map((item, index) => {
- return <Itemlist key={index} pageData={item} />;
- })}
- <Form.Item
- label="变更凭证"
- labelCol={{ span: 4 }}
- wrapperCol={{ span: 18 }}
- >
- <Upload
- className="demandDetailShow-upload"
- listType="picture-card"
- fileList={orgCodeUrl}
- onPreview={file => {
- this.setState({
- previewImage: file.url || file.thumbUrl,
- previewVisible: true
- });
- }}
- />
- <Modal
- maskClosable={false}
- footer={null}
- visible={this.state.previewVisible}
- onCancel={() => {
- this.setState({ previewVisible: false }, () => {});
- }}
- >
- <img
- alt=""
- style={{
- width: "100%",
- transform: `rotate(${this.state.rotateDeg}deg)`
- }}
- src={this.state.previewImage || ""}
- />
- <Button
- onClick={this.rotate}
- style={{
- position: "relative",
- left: "50%",
- transform: "translateX(-50%)"
- }}
- >
- 旋转
- </Button>
- <Button
- onClick={this.upImg}
- style={{
- position: "absolute",
- left: -81,
- top: "50%",
- transform: "translateY(-50%)"
- }}
- >
- 上一张
- </Button>
- <Button
- onClick={this.downImg}
- style={{
- position: "absolute",
- right: -81,
- top: "50%",
- transform: "translateY(-50%)"
- }}
- >
- 下一张
- </Button>
- </Modal>
- <Rizhi changeId={this.props.data.id} />
- </Form.Item>
- {/* <h2 style={{ textAlign: "center", marginBottom: 0 }}>变更日志</h2> */}
- <ul
- style={{
- width: "868px",
- overflow: "hidden",
- paddingLeft: "90px",
- paddingTop: "10px",
- position: "relative",
- bottom: "20px"
- }}
- >
- {/* <span>操作人:</span> */}
- {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>
- <ProAndCuiList id={this.props.id} />
- <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 }}>
- 当前项目进度(咨询师经理填写)
- </h3>
- {planData.map((item, index) => {
- return <Itemlist key={index} pageData={item} />;
- })}
- </div>
- ) : (
- ""
- )} */}
- {/* {this.props.data.type === 0 ? (
- this.props.data.processState >= 5 ? (
- <div>
- <h3
- style={{ marginLeft: 10, fontWeight: 800, marginBottom: 10 }}
- >
- 当前财务状态(财务填写)
- </h3>
- {financeData.map((item, index) => {
- return <Itemlist key={index} pageData={item} />;
- })}
- </div>
- ) : (
- ""
- )
- ) : this.props.data.status === 4 ? (
- <div>
- <h3 style={{ marginLeft: 10, fontWeight: 800, marginBottom: 10 }}>
- 当前财务状态(财务填写)
- </h3>
- {financeData.map((item, index) => {
- return <Itemlist key={index} pageData={item} />;
- })}
- </div>
- ) : (
- ""
- )} */}
- </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">
- {/* <Form.Item
- className="half-item"
- label="收款时间"
- labelCol={{ span: 8 }}
- wrapperCol={{ span: 14 }}
- >
- <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 => {
- this.setState({
- invoiceAmount: e.target.value
- });
- }}
- />
- </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
- style={{
- marginTop: "10px",
- display:
- this.props.data.status == 2 ||
- this.props.processState != this.props.data.processState
- ? "none"
- : "block"
- }}
- >
- <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"
- style={{
- width: 120,
- float: "left",
- position: "relative",
- bottom: "28px",
- right: "-600px"
- }}
- onChange={val => {
- this.setState({ rejectState: val });
- }}
- >
- <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>
- ) : (
- <div>
- <h3 style={{ marginLeft: 10, fontWeight: 800, marginBottom: 10 }}>
- 当前财务状态(财务填写)
- </h3>
- {financeData.map((item, index) => {
- return <Itemlist key={index} pageData={item} />;
- })}
- </div>
- )}
- {/* <ReactToPrint
- trigger={() => (
- <div className="clearfix">
- <Button type="primary" style={{ float: "right", marginTop: 10 }}>
- 打印
- </Button>
- </div>
- )}
- content={() => this.refs}
- /> */}
- </div>
- );
- }
- }
- export { ChangeDetail };
|