|
@@ -1,5 +1,5 @@
|
|
|
import React, { Component } from "react";
|
|
|
-import {Form, Upload, Modal, Button, message, Input, Select, Table, Tooltip} from "antd";
|
|
|
+import { Form, Upload, Modal, Button, message, Input, Select, Table, Tooltip } from "antd";
|
|
|
import AgreeButton from "./agreeButton.js";
|
|
|
import Rizhi from "./rizhi.js";
|
|
|
import { getProcessStatusNew, changeColor } from "@/tools.js";
|
|
@@ -51,7 +51,7 @@ class Itemlist extends Component {
|
|
|
{...pageData.formItemLayoutA}
|
|
|
className="half-item"
|
|
|
>
|
|
|
- {pageData.labelA === '变更原因' ? <Tooltip placement="topLeft" title={pageData.dataA}>
|
|
|
+ {pageData.labelA === '变更原因' ? <Tooltip placement="topLeft" title={pageData.dataA}>
|
|
|
<div style={{
|
|
|
width: '150px !important',
|
|
|
whiteSpace: 'nowrap',
|
|
@@ -59,11 +59,11 @@ class Itemlist extends Component {
|
|
|
overflow: 'hidden',
|
|
|
textOverflow: 'ellipsis',
|
|
|
}}>{pageData.dataA}</div>
|
|
|
- </Tooltip>: pageData.dataA}
|
|
|
+ </Tooltip> : pageData.dataA}
|
|
|
{pageData.labelA === '客户名称' ? <EnterpriseNameChange
|
|
|
- type='journal'
|
|
|
- style={{ marginLeft: 10 }}
|
|
|
- enterpriseId={this.props.orderUid}/> : null}
|
|
|
+ type='journal'
|
|
|
+ style={{ marginLeft: 10 }}
|
|
|
+ enterpriseId={this.props.orderUid} /> : null}
|
|
|
</Form.Item>
|
|
|
<Form.Item
|
|
|
label={pageData.labelB}
|
|
@@ -349,13 +349,9 @@ class ChangeDetail extends Component {
|
|
|
|
|
|
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
|
|
|
- )
|
|
|
+ ? shenghePeo(this.props.data.examineName, this.props.data.processState)
|
|
|
: getProcessStatusNew(
|
|
|
+ this.props.data.examineName,
|
|
|
this.props.data.processState,
|
|
|
this.props.data.status
|
|
|
),
|
|
@@ -495,7 +491,7 @@ class ChangeDetail extends Component {
|
|
|
display:
|
|
|
(this.props.data.processState == 7 ||
|
|
|
this.props.data.processState == 8) &&
|
|
|
- this.props.data.status == 4
|
|
|
+ this.props.data.status == 4
|
|
|
? "block"
|
|
|
: "none",
|
|
|
}}
|
|
@@ -552,8 +548,8 @@ class ChangeDetail extends Component {
|
|
|
{}
|
|
|
{}
|
|
|
{}
|
|
|
- <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
|
|
|
- {orgCodeUrl ? <ImgList domId={'changeDetailCwzj'+this.props.id} fileList={orgCodeUrl}/>: <div/>}
|
|
|
+ <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
|
|
|
+ {orgCodeUrl ? <ImgList domId={'changeDetailCwzj' + this.props.id} fileList={orgCodeUrl} /> : <div />}
|
|
|
</div>
|
|
|
<Modal
|
|
|
maskClosable={false}
|
|
@@ -561,7 +557,7 @@ class ChangeDetail extends Component {
|
|
|
width={"50%"}
|
|
|
visible={this.state.previewVisible}
|
|
|
onCancel={() => {
|
|
|
- this.setState({ previewVisible: false }, () => {});
|
|
|
+ this.setState({ previewVisible: false }, () => { });
|
|
|
}}
|
|
|
>
|
|
|
<img
|
|
@@ -667,7 +663,7 @@ class ChangeDetail extends Component {
|
|
|
</ul>
|
|
|
|
|
|
<ProAndCuiList id={this.props.id} />
|
|
|
-{}
|
|
|
+ {}
|
|
|
<div className="clearfix">
|
|
|
<h3 style={{ marginLeft: 20, fontWeight: 800, marginBottom: 10 }}>
|
|
|
收款情况
|
|
@@ -713,173 +709,173 @@ class ChangeDetail extends Component {
|
|
|
</div>
|
|
|
{}
|
|
|
{this.props.data.processState > 5 &&
|
|
|
- (this.props.data.status == 1 || this.props.data.status == 3)&&
|
|
|
- this.props.processState == this.props.data.processState ? (
|
|
|
-
|
|
|
- <div>
|
|
|
- <div style={{ marginBottom: 10 }}>
|
|
|
- <div className="clearfix">
|
|
|
- <div>
|
|
|
- <h3
|
|
|
- style={{
|
|
|
- marginLeft: 10,
|
|
|
- fontWeight: 800,
|
|
|
- marginBottom: 10,
|
|
|
- }}
|
|
|
+ (this.props.data.status == 1 || this.props.data.status == 3) &&
|
|
|
+ this.props.processState == this.props.data.processState ? (
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <div style={{ marginBottom: 10 }}>
|
|
|
+ <div className="clearfix">
|
|
|
+ <div>
|
|
|
+ <h3
|
|
|
+ style={{
|
|
|
+ marginLeft: 10,
|
|
|
+ fontWeight: 800,
|
|
|
+ marginBottom: 10,
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 当前财务状态(财务填写)
|
|
|
+ </h3>
|
|
|
+ {financeData.map((item, index) => {
|
|
|
+ return <Itemlist key={index} pageData={item} orderUid={this.props.orderUid} />;
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ style={{
|
|
|
+ marginTop: "10px",
|
|
|
+ display:
|
|
|
+ this.props.processState == this.props.data.processState
|
|
|
+ ? "block"
|
|
|
+ : "none",
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <Form.Item
|
|
|
+ label="备注"
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 14 }}
|
|
|
>
|
|
|
- 当前财务状态(财务填写)
|
|
|
- </h3>
|
|
|
- {financeData.map((item, index) => {
|
|
|
- return <Itemlist key={index} pageData={item} orderUid={this.props.orderUid} />;
|
|
|
- })}
|
|
|
+ <Input.TextArea
|
|
|
+ rows={4}
|
|
|
+ value={this.state.reason}
|
|
|
+ placeholder="请输入补充资料/备注"
|
|
|
+ onChange={(e) => {
|
|
|
+ this.setState({
|
|
|
+ reason: e.target.value,
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </Form.Item>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
<div
|
|
|
- style={{
|
|
|
- marginTop: "10px",
|
|
|
- display:
|
|
|
- this.props.processState == this.props.data.processState
|
|
|
- ? "block"
|
|
|
- : "none",
|
|
|
- }}
|
|
|
+ className="clearfix"
|
|
|
+ style={{ display: "flex", justifyContent: "space-around" }}
|
|
|
>
|
|
|
- <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>
|
|
|
+ {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>
|
|
|
- </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"
|
|
|
+ <Select
|
|
|
+ defaultValue="0"
|
|
|
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",
|
|
|
+ width: 120,
|
|
|
+ float: "left",
|
|
|
+ position: "relative",
|
|
|
+ bottom: "28px",
|
|
|
+ right: "-600px",
|
|
|
}}
|
|
|
- >
|
|
|
- 财务总监
|
|
|
- </Option>
|
|
|
- <Option
|
|
|
- value="7"
|
|
|
- style={{
|
|
|
- display: this.props.processState >= 8 ? "block" : "none",
|
|
|
+ onChange={(val) => {
|
|
|
+ this.setState({ rejectState: val });
|
|
|
}}
|
|
|
>
|
|
|
- 总裁
|
|
|
- </Option>
|
|
|
- </Select>
|
|
|
- </div>
|
|
|
- ) : (
|
|
|
- <div>
|
|
|
- <h3 style={{ marginLeft: 10, fontWeight: 800, marginBottom: 10 }}>
|
|
|
- 当前财务状态(财务填写)
|
|
|
- </h3>
|
|
|
- {financeData.map((item, index) => {
|
|
|
- return <Itemlist key={index} pageData={item} orderUid={this.props.orderUid} />;
|
|
|
- })}
|
|
|
- </div>
|
|
|
- )}
|
|
|
-{}
|
|
|
+ <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} orderUid={this.props.orderUid} />;
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
+ )}
|
|
|
+ {}
|
|
|
<div
|
|
|
style={{
|
|
|
display:
|
|
|
(this.props.data.processState == 8 ||
|
|
|
this.props.data.processState == 7) &&
|
|
|
- (this.props.data.status == 2 || this.props.data.status == 4 || this.props.data.status == 3 || this.props.data.status == 6)
|
|
|
+ (this.props.data.status == 2 || this.props.data.status == 4 || this.props.data.status == 3 || this.props.data.status == 6)
|
|
|
? "block"
|
|
|
: "none",
|
|
|
}}
|
|
@@ -913,17 +909,17 @@ class ChangeDetail extends Component {
|
|
|
dataSource={this.state.contactList}
|
|
|
/>
|
|
|
</div>
|
|
|
-{}
|
|
|
-<div style={{
|
|
|
- position: "relative",
|
|
|
- display:
|
|
|
- (this.props.data.processState == 7 ||
|
|
|
- this.props.data.processState == 8) &&
|
|
|
- this.props.data.status == 2 || this.props.data.status == 4 || this.props.data.status == 3 || this.props.data.status == 6
|
|
|
- ? "block"
|
|
|
- : "none",
|
|
|
- marginTop: 10,
|
|
|
- }}
|
|
|
+ {}
|
|
|
+ <div style={{
|
|
|
+ position: "relative",
|
|
|
+ display:
|
|
|
+ (this.props.data.processState == 7 ||
|
|
|
+ this.props.data.processState == 8) &&
|
|
|
+ this.props.data.status == 2 || this.props.data.status == 4 || this.props.data.status == 3 || this.props.data.status == 6
|
|
|
+ ? "block"
|
|
|
+ : "none",
|
|
|
+ marginTop: 10,
|
|
|
+ }}
|
|
|
>
|
|
|
<hr
|
|
|
style={{
|
|
@@ -934,7 +930,7 @@ class ChangeDetail extends Component {
|
|
|
border: "none",
|
|
|
}}
|
|
|
/>
|
|
|
- <h3
|
|
|
+ <h3
|
|
|
style={{
|
|
|
marginLeft: 20,
|
|
|
fontWeight: 800,
|
|
@@ -950,70 +946,70 @@ class ChangeDetail extends Component {
|
|
|
</span>
|
|
|
</h3>
|
|
|
<div>
|
|
|
- <Form.Item
|
|
|
- label="变更附件"
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 18 }}
|
|
|
- >
|
|
|
- <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
|
|
|
- { attachment.length > 0 ? <ImgList domId={this.props.domId+2 ? this.props.domId+2 : 'changeDetailCwzj1'} fileList={attachment} ItemWidth={'96px'}/> :'无附件'}
|
|
|
- </div>
|
|
|
- <Modal
|
|
|
- maskClosable={false}
|
|
|
- footer={null}
|
|
|
- width={"50%"}
|
|
|
- visible={this.state.previewVisible}
|
|
|
- onCancel={() => {
|
|
|
- this.setState({ previewVisible: false, rotateDeg: 0 }, () => {
|
|
|
-
|
|
|
- });
|
|
|
- }}
|
|
|
- >
|
|
|
- <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%)",
|
|
|
- }}
|
|
|
+ <Form.Item
|
|
|
+ label="变更附件"
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
>
|
|
|
- 下一张
|
|
|
- </Button>
|
|
|
- </Modal>
|
|
|
- {}
|
|
|
- </Form.Item>
|
|
|
- </div>
|
|
|
+ <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
|
|
|
+ {attachment.length > 0 ? <ImgList domId={this.props.domId + 2 ? this.props.domId + 2 : 'changeDetailCwzj1'} fileList={attachment} ItemWidth={'96px'} /> : '无附件'}
|
|
|
+ </div>
|
|
|
+ <Modal
|
|
|
+ maskClosable={false}
|
|
|
+ footer={null}
|
|
|
+ width={"50%"}
|
|
|
+ visible={this.state.previewVisible}
|
|
|
+ onCancel={() => {
|
|
|
+ this.setState({ previewVisible: false, rotateDeg: 0 }, () => {
|
|
|
+
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <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>
|
|
|
+ {}
|
|
|
+ </Form.Item>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
{
|
|
|
<div>
|
|
|
<h3 style={{ marginLeft: 10, fontWeight: 800, marginBottom: 10 }}>
|
|
@@ -1054,14 +1050,14 @@ class ChangeDetail extends Component {
|
|
|
""
|
|
|
)} */}
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div
|
|
|
style={{
|
|
|
display:
|
|
|
(this.props.data.processState == 7 ||
|
|
|
this.props.data.processState == 8) &&
|
|
|
- this.props.data.status == 4 &&
|
|
|
- this.props.data.refundStatus
|
|
|
+ this.props.data.status == 4 &&
|
|
|
+ this.props.data.refundStatus
|
|
|
? "block"
|
|
|
: "none",
|
|
|
}}
|