|
@@ -1,9 +1,10 @@
|
|
|
import React, { Component } from "react";
|
|
|
-import {Form, Upload, Modal, Button, message, Input, Table, Tooltip} from "antd";
|
|
|
+import { Form, Upload, Modal, Button, message, Input, Table, Tooltip } from "antd";
|
|
|
import AgreeButton from "./agreeButton.js";
|
|
|
import Rizhi from "./rizhi.js";
|
|
|
import { getProcessStatusNew } from "../../../../tools.js";
|
|
|
import { shenghePeo, changeColor } from "@/tools.js";
|
|
|
+import { typeList } from '@/dataDic.js'
|
|
|
import $ from "jquery/src/ajax";
|
|
|
import tongguo from "../../../../../../image/tongguo.png";
|
|
|
import quxiao from "../../../../../../image/quxiao.png";
|
|
@@ -22,38 +23,11 @@ const formItemLayout = {
|
|
|
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) {
|
|
|
+ typeList.map(function (item) {
|
|
|
if (item.value == str) {
|
|
|
theType = item.key;
|
|
|
}
|
|
@@ -72,21 +46,21 @@ class Itemlist extends Component {
|
|
|
return (
|
|
|
<div className="clearfix">
|
|
|
{pageData.labelA === '客户名称' ? <Form.Item
|
|
|
- label={pageData.labelA}
|
|
|
- {...pageData.formItemLayoutA}
|
|
|
- className="half-item"
|
|
|
+ label={pageData.labelA}
|
|
|
+ {...pageData.formItemLayoutA}
|
|
|
+ className="half-item"
|
|
|
>
|
|
|
<div>
|
|
|
{pageData.dataA}
|
|
|
<EnterpriseNameChange
|
|
|
- type='journal'
|
|
|
- style={{ marginLeft: 10 }}
|
|
|
- enterpriseId={this.props.orderUid}/>
|
|
|
+ type='journal'
|
|
|
+ style={{ marginLeft: 10 }}
|
|
|
+ enterpriseId={this.props.orderUid} />
|
|
|
</div>
|
|
|
- </Form.Item> : pageData.labelA === '当前进度' || pageData.labelA === '变更原因' ? <Form.Item
|
|
|
- label={pageData.labelA}
|
|
|
- {...pageData.formItemLayoutA}
|
|
|
- className="half-item"
|
|
|
+ </Form.Item> : pageData.labelA === '当前进度' || pageData.labelA === '变更原因' ? <Form.Item
|
|
|
+ label={pageData.labelA}
|
|
|
+ {...pageData.formItemLayoutA}
|
|
|
+ className="half-item"
|
|
|
>
|
|
|
<Tooltip placement="topLeft" title={pageData.dataA}>
|
|
|
<div style={{
|
|
@@ -98,12 +72,12 @@ class Itemlist extends Component {
|
|
|
}}>{pageData.dataA}</div>
|
|
|
</Tooltip>
|
|
|
</Form.Item> : <Form.Item
|
|
|
- label={pageData.labelA}
|
|
|
- {...pageData.formItemLayoutA}
|
|
|
- className="half-item"
|
|
|
- >
|
|
|
- <div>{pageData.dataA}</div>
|
|
|
- </Form.Item>}
|
|
|
+ label={pageData.labelA}
|
|
|
+ {...pageData.formItemLayoutA}
|
|
|
+ className="half-item"
|
|
|
+ >
|
|
|
+ <div>{pageData.dataA}</div>
|
|
|
+ </Form.Item>}
|
|
|
<Form.Item
|
|
|
label={pageData.labelB}
|
|
|
{...pageData.formItemLayoutB}
|
|
@@ -325,15 +299,15 @@ 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
|
|
|
- )
|
|
|
+ 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
|
|
|
- ),
|
|
|
+ this.props.data.processState,
|
|
|
+ this.props.data.status
|
|
|
+ ),
|
|
|
labelB: "变更类型",
|
|
|
formItemLayoutB: formItemLayout,
|
|
|
dataB: getChangeType(this.props.data.type),
|
|
@@ -413,8 +387,8 @@ class ChangeDetail extends Component {
|
|
|
];
|
|
|
const orgCodeUrl = this.props.pictureUrl;
|
|
|
const attachment = this.props.attachment
|
|
|
- console.log(this.props.attachment);
|
|
|
- console.log(this.props.orderUid);
|
|
|
+ // console.log(this.props.attachment);
|
|
|
+ // console.log(this.props.orderUid);
|
|
|
return (
|
|
|
<div className="clearfix changeDetail">
|
|
|
<div
|
|
@@ -436,7 +410,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",
|
|
|
}}
|
|
@@ -493,8 +467,8 @@ class ChangeDetail extends Component {
|
|
|
{/* });*/}
|
|
|
{/* }}*/}
|
|
|
{/*/>*/}
|
|
|
- <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
|
|
|
- <ImgList fileList={orgCodeUrl} ItemWidth={'96px'}/>
|
|
|
+ <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
|
|
|
+ <ImgList fileList={orgCodeUrl} ItemWidth={'96px'} />
|
|
|
</div>
|
|
|
<Modal
|
|
|
maskClosable={false}
|
|
@@ -548,7 +522,25 @@ class ChangeDetail extends Component {
|
|
|
</Modal>
|
|
|
<Rizhi changeId={this.props.id} />
|
|
|
</Form.Item>
|
|
|
-
|
|
|
+ {
|
|
|
+ this.props.contractPictureUrl && this.props.contractPictureUrl.length != 0 &&
|
|
|
+ <div className="clearfix">
|
|
|
+ <Form.Item
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
+ label="最新合同"
|
|
|
+ >
|
|
|
+ <div style={{ paddingTop: 10 }}>
|
|
|
+ <ImgList
|
|
|
+ fileList={
|
|
|
+ this.props.contractPictureUrl
|
|
|
+ }
|
|
|
+ ItemWidth={"96px"}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </Form.Item>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
{/* <h2 style={{ textAlign: "center", marginBottom: 0 }}>变更日志</h2> */}
|
|
|
<ul
|
|
|
style={{
|
|
@@ -631,8 +623,8 @@ class ChangeDetail extends Component {
|
|
|
: "0"}
|
|
|
</p>
|
|
|
</div>
|
|
|
-{/* 当前财务状态 */}
|
|
|
-<div
|
|
|
+ {/* 当前财务状态 */}
|
|
|
+ <div
|
|
|
style={{
|
|
|
display: this.props.data.processState > 5 ? "block" : "none",
|
|
|
}}
|
|
@@ -644,13 +636,13 @@ class ChangeDetail extends Component {
|
|
|
return <Itemlist orderUid={this.props.orderUid} key={index} pageData={item} />;
|
|
|
})}
|
|
|
</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",
|
|
|
}}
|
|
@@ -667,17 +659,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={{
|
|
@@ -688,7 +680,7 @@ class ChangeDetail extends Component {
|
|
|
border: "none",
|
|
|
}}
|
|
|
/>
|
|
|
- <h3
|
|
|
+ <h3
|
|
|
style={{
|
|
|
marginLeft: 20,
|
|
|
fontWeight: 800,
|
|
@@ -704,71 +696,71 @@ 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 : 'changeDetailyxgly1'} fileList={attachment} ItemWidth={'96px'}/> :'无附件'}
|
|
|
- </div>
|
|
|
- <Modal
|
|
|
- maskClosable={false}
|
|
|
- footer={null}
|
|
|
- width={"50%"}
|
|
|
- visible={this.state.previewVisible}
|
|
|
- onCancel={() => {
|
|
|
- this.setState({ previewVisible: false, rotateDeg: 0 }, () => {
|
|
|
- // this.reset();
|
|
|
- });
|
|
|
- }}
|
|
|
- >
|
|
|
- <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>
|
|
|
- {/* <Rizhi changeId={this.props.id} /> */}
|
|
|
- </Form.Item>
|
|
|
- </div>
|
|
|
+ <div style={{ paddingTop: '10px', paddingBottom: '10px' }}>
|
|
|
+ {attachment.length > 0 ? <ImgList domId={this.props.domId + 2 ? this.props.domId + 2 : 'changeDetailyxgly1'} fileList={attachment} ItemWidth={'96px'} /> : '无附件'}
|
|
|
+ </div>
|
|
|
+ <Modal
|
|
|
+ maskClosable={false}
|
|
|
+ footer={null}
|
|
|
+ width={"50%"}
|
|
|
+ visible={this.state.previewVisible}
|
|
|
+ onCancel={() => {
|
|
|
+ this.setState({ previewVisible: false, rotateDeg: 0 }, () => {
|
|
|
+ // this.reset();
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <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.id} /> */}
|
|
|
+ </Form.Item>
|
|
|
</div>
|
|
|
-
|
|
|
+ </div>
|
|
|
+
|
|
|
{/* {this.props.data.type === 0 && this.props.data.processState >= 2 ? (
|
|
|
<div>
|
|
|
<h3 style={{ marginLeft: 10, fontWeight: 800, marginBottom: 10 }}>
|
|
@@ -808,14 +800,14 @@ class ChangeDetail extends Component {
|
|
|
) : (
|
|
|
""
|
|
|
)} */}
|
|
|
-
|
|
|
+
|
|
|
<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",
|
|
|
}}
|
|
@@ -910,4 +902,4 @@ class ChangeDetail extends Component {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-export { ChangeDetail, changeType, getChangeType };
|
|
|
+export { ChangeDetail, getChangeType };
|