|
@@ -90,6 +90,7 @@ class ChangeDetail extends Component {
|
|
|
constructor(props) {
|
|
|
super(props);
|
|
|
this.state = {
|
|
|
+ rotateDeg: 0,
|
|
|
previewVisible: false,
|
|
|
buttonStatus: true,
|
|
|
dataSource: [],
|
|
@@ -125,7 +126,7 @@ class ChangeDetail extends Component {
|
|
|
disabled={record.load}
|
|
|
key={record.id}
|
|
|
required="required"
|
|
|
- onChange={e => {
|
|
|
+ onChange={(e) => {
|
|
|
record.amount = e.target.value;
|
|
|
this.setState({ contactList: this.state.contactList });
|
|
|
}}
|
|
@@ -133,7 +134,7 @@ class ChangeDetail extends Component {
|
|
|
/>
|
|
|
</div>
|
|
|
);
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "时间",
|
|
@@ -141,13 +142,16 @@ class ChangeDetail extends Component {
|
|
|
key: "createTimes",
|
|
|
render: (text, record) => {
|
|
|
return <div>{record.createTimes}</div>;
|
|
|
- }
|
|
|
- }
|
|
|
- ]
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
this.getOrgCodeUrl = this.getOrgCodeUrl.bind(this);
|
|
|
this.changeButtonStatus = this.changeButtonStatus.bind(this);
|
|
|
this.moneyOld = this.moneyOld.bind(this);
|
|
|
+ this.downImg = this.downImg.bind(this);
|
|
|
+ this.upImg = this.upImg.bind(this);
|
|
|
+ this.rotate = this.rotate.bind(this);
|
|
|
}
|
|
|
// componentWillUpdate() {
|
|
|
// this.loadDataChange();
|
|
@@ -182,6 +186,44 @@ class ChangeDetail extends Component {
|
|
|
// }.bind(this)
|
|
|
// });
|
|
|
// }
|
|
|
+ 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) {
|
|
@@ -209,24 +251,24 @@ class ChangeDetail extends Component {
|
|
|
refundableAmount: nextProps.data.refundableAmount,
|
|
|
cwRemarks: nextProps.data.cwRemarks,
|
|
|
contactList: nextProps.contactList,
|
|
|
- refundInvoice: nextProps.data.refundInvoice
|
|
|
+ refundInvoice: nextProps.data.refundInvoice,
|
|
|
});
|
|
|
}
|
|
|
|
|
|
getOrgCodeUrl(e) {
|
|
|
this.setState({
|
|
|
- orgCodeUrl: e
|
|
|
+ orgCodeUrl: e,
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//同意拒绝按钮的有无
|
|
|
changeButtonStatus() {
|
|
|
this.setState({
|
|
|
- buttonStatus: !this.state.buttonStatus
|
|
|
+ buttonStatus: !this.state.buttonStatus,
|
|
|
});
|
|
|
window.setTimeout(() => {
|
|
|
this.setState({
|
|
|
- reason: ""
|
|
|
+ reason: "",
|
|
|
});
|
|
|
}, 100);
|
|
|
}
|
|
@@ -239,7 +281,7 @@ class ChangeDetail extends Component {
|
|
|
dataA: this.props.data.userName,
|
|
|
labelB: "合同编号",
|
|
|
formItemLayoutB: formItemLayout,
|
|
|
- dataB: this.props.data.contractNo
|
|
|
+ dataB: this.props.data.contractNo,
|
|
|
},
|
|
|
{
|
|
|
labelA: "时间",
|
|
@@ -247,7 +289,7 @@ class ChangeDetail extends Component {
|
|
|
dataA: this.props.data.createTimes,
|
|
|
labelB: "发起人",
|
|
|
formItemLayoutB: formItemLayout,
|
|
|
- dataB: this.props.data.applicant
|
|
|
+ dataB: this.props.data.applicant,
|
|
|
},
|
|
|
{
|
|
|
labelA: "当前进度",
|
|
@@ -256,18 +298,18 @@ 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)
|
|
|
+ dataB: getChangeType(this.props.data.type),
|
|
|
},
|
|
|
{
|
|
|
labelA: "合同额(万元)",
|
|
@@ -275,7 +317,7 @@ class ChangeDetail extends Component {
|
|
|
dataA: this.moneyOld(this.props.data.totalAmount, this.props.money),
|
|
|
labelB: "已收款(万元)",
|
|
|
formItemLayoutB: formItemLayout,
|
|
|
- dataB: changeColor(this.props.data.settlementAmount)
|
|
|
+ dataB: changeColor(this.props.data.settlementAmount),
|
|
|
},
|
|
|
{
|
|
|
labelA: "欠款(万元)",
|
|
@@ -283,13 +325,13 @@ class ChangeDetail extends Component {
|
|
|
dataA: changeColor(this.props.data.arrears),
|
|
|
labelB: "申请退款(万元)",
|
|
|
formItemLayoutB: formItemLayout,
|
|
|
- dataB: changeColor(this.props.data.changeAmount)
|
|
|
+ dataB: changeColor(this.props.data.changeAmount),
|
|
|
},
|
|
|
{
|
|
|
labelA: "变更原因",
|
|
|
formItemLayoutA: formItemLayout,
|
|
|
- dataA: this.props.data.remarks
|
|
|
- }
|
|
|
+ dataA: this.props.data.remarks,
|
|
|
+ },
|
|
|
];
|
|
|
const planData = [
|
|
|
{
|
|
@@ -298,13 +340,13 @@ class ChangeDetail extends Component {
|
|
|
dataA: this.props.data.projectState,
|
|
|
labelB: "发生成本费用(万元)",
|
|
|
formItemLayoutB: formItemLayout,
|
|
|
- dataB: this.props.data.zxsCost
|
|
|
+ dataB: this.props.data.zxsCost,
|
|
|
},
|
|
|
{
|
|
|
labelA: "变更原因",
|
|
|
formItemLayoutA: formItemLayout,
|
|
|
- dataA: this.props.data.zxsRemarks
|
|
|
- }
|
|
|
+ dataA: this.props.data.zxsRemarks,
|
|
|
+ },
|
|
|
];
|
|
|
const financeData = [
|
|
|
{
|
|
@@ -313,8 +355,8 @@ class ChangeDetail extends Component {
|
|
|
dataA: this.props.data.cwCost,
|
|
|
labelB: "应退金额(万元)",
|
|
|
formItemLayoutB: formItemLayout,
|
|
|
- dataB: this.props.data.refundableAmount
|
|
|
- }
|
|
|
+ dataB: this.props.data.refundableAmount,
|
|
|
+ },
|
|
|
];
|
|
|
const buttonData = [
|
|
|
{
|
|
@@ -323,11 +365,11 @@ class ChangeDetail extends Component {
|
|
|
placeholder: "请输入理由",
|
|
|
type: "primary",
|
|
|
status: 2,
|
|
|
- onChange: value => {
|
|
|
+ onChange: (value) => {
|
|
|
this.setState({
|
|
|
- remarks: value
|
|
|
+ remarks: value,
|
|
|
});
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
name: "拒绝",
|
|
@@ -335,12 +377,12 @@ class ChangeDetail extends Component {
|
|
|
placeholder: "请输入理由",
|
|
|
type: "danger",
|
|
|
status: 3,
|
|
|
- onChange: value => {
|
|
|
+ onChange: (value) => {
|
|
|
this.setState({
|
|
|
- remarks: value
|
|
|
+ remarks: value,
|
|
|
});
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
];
|
|
|
const orgCodeUrl = this.props.pictureUrl;
|
|
|
|
|
@@ -425,16 +467,52 @@ class ChangeDetail extends Component {
|
|
|
<Modal
|
|
|
maskClosable={false}
|
|
|
footer={null}
|
|
|
+ width={"50%"}
|
|
|
visible={this.state.previewVisible}
|
|
|
onCancel={() => {
|
|
|
- this.setState({ previewVisible: false });
|
|
|
+ this.setState({ previewVisible: false, rotateDeg: 0 });
|
|
|
}}
|
|
|
>
|
|
|
<img
|
|
|
alt=""
|
|
|
- style={{ width: "100%" }}
|
|
|
+ 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>
|