|
@@ -1,32 +1,19 @@
|
|
|
import React from "react";
|
|
|
-import {
|
|
|
- Button,
|
|
|
- Input,
|
|
|
- Spin,
|
|
|
- Table,
|
|
|
- message,
|
|
|
- Upload,
|
|
|
- Form,
|
|
|
- Modal,
|
|
|
- Tabs,
|
|
|
- Col
|
|
|
-} from "antd";
|
|
|
+import { Button, Input, Spin, Table, message, Form, Modal, Tabs } from "antd";
|
|
|
import $ from "jquery/src/ajax";
|
|
|
import {
|
|
|
getNewOrderStatus,
|
|
|
- getApprovedState,
|
|
|
- getProcessStatus,
|
|
|
+ getProcessStatusNew,
|
|
|
splitUrl,
|
|
|
getjiedian,
|
|
|
getboutique,
|
|
|
getCuikuan,
|
|
|
- getProjectStatus,
|
|
|
- getLiquidationStatus
|
|
|
+ getProjectStatus
|
|
|
} from "@/tools.js";
|
|
|
import "./customer.less";
|
|
|
import { ChangeDetail } from "./changeComponent/changeDetailJsy.js";
|
|
|
-import PicturesWall from "./changeComponent/picturesWall.js";
|
|
|
import { SearchInput } from "./changeComponent/searchInput.js";
|
|
|
+import OrderDetail from "./changeComponent/orderDetail";
|
|
|
|
|
|
const contractChange = Form.create()(
|
|
|
React.createClass({
|
|
@@ -48,7 +35,8 @@ const contractChange = Form.create()(
|
|
|
startTime: this.state.searchData.releaseDate[0],
|
|
|
endTime: this.state.searchData.releaseDate[1],
|
|
|
salesmanName: this.state.searchData.salesmanNameSearch,
|
|
|
- complete: this.state.searchData.completeSearch || 1
|
|
|
+ complete: this.state.searchData.completeSearch || 1,
|
|
|
+ depId: this.state.searchData.depIdSearch
|
|
|
},
|
|
|
success: function(data) {
|
|
|
let theArr = [];
|
|
@@ -72,7 +60,14 @@ const contractChange = Form.create()(
|
|
|
arrears: thisdata.arrears,
|
|
|
salesmanName: thisdata.salesmanName,
|
|
|
depName: thisdata.depName,
|
|
|
- processState: thisdata.processState
|
|
|
+ processState: thisdata.processState,
|
|
|
+ type: thisdata.type,
|
|
|
+ status: thisdata.status,
|
|
|
+ id: thisdata.id,
|
|
|
+ processStateText:
|
|
|
+ thisdata.status !== 4
|
|
|
+ ? getProcessStatusNew(thisdata.processState) + "审核中"
|
|
|
+ : getProcessStatusNew(thisdata.processState) + "已完成"
|
|
|
});
|
|
|
}
|
|
|
this.state.pagination.total = data.data.totalCount;
|
|
@@ -101,10 +96,13 @@ const contractChange = Form.create()(
|
|
|
searchData: {
|
|
|
releaseDate: []
|
|
|
},
|
|
|
+ primaryOrderData: {}, //原订单数据
|
|
|
+ orderData: {}, //现订单数据
|
|
|
pictureUrl: [],
|
|
|
voucherUrl: [],
|
|
|
attachmentUrl: [],
|
|
|
contractData: {},
|
|
|
+ additionalOrderData: {},
|
|
|
paginations: false,
|
|
|
activeKey: "1",
|
|
|
confirmLoading: false,
|
|
@@ -161,17 +159,26 @@ const contractChange = Form.create()(
|
|
|
{
|
|
|
title: "合同额(万元)",
|
|
|
dataIndex: "totalAmount",
|
|
|
- key: "totalAmount"
|
|
|
+ key: "totalAmount",
|
|
|
+ render: () => {
|
|
|
+ return "***";
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
title: "已付额(万元)",
|
|
|
dataIndex: "settlementAmount",
|
|
|
- key: "settlementAmount"
|
|
|
+ key: "settlementAmount",
|
|
|
+ render: () => {
|
|
|
+ return "***";
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
title: "欠款(万元)",
|
|
|
dataIndex: "arrears",
|
|
|
- key: "arrears"
|
|
|
+ key: "arrears",
|
|
|
+ render: () => {
|
|
|
+ return "***";
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
title: "订单负责人",
|
|
@@ -184,12 +191,9 @@ const contractChange = Form.create()(
|
|
|
key: "depName"
|
|
|
},
|
|
|
{
|
|
|
- title: "项目状态",
|
|
|
- dataIndex: "processState",
|
|
|
- key: "processState",
|
|
|
- render: text => {
|
|
|
- return getProcessStatus(text);
|
|
|
- }
|
|
|
+ title: "审核状态",
|
|
|
+ dataIndex: "processStateText",
|
|
|
+ key: "processStateText"
|
|
|
}
|
|
|
],
|
|
|
dataSource: [],
|
|
@@ -298,15 +302,23 @@ const contractChange = Form.create()(
|
|
|
},
|
|
|
//整行点击
|
|
|
tableRowClick(record) {
|
|
|
- this.setState({
|
|
|
- visible: true,
|
|
|
- orderStatus: record.orderStatus,
|
|
|
- id: record.id,
|
|
|
- arrears: record.arrears
|
|
|
- });
|
|
|
- this.xiangqing(record.orderNo);
|
|
|
- this.xiangmu(record.orderNo);
|
|
|
- this.jiedian(record.orderNo);
|
|
|
+ this.setState(
|
|
|
+ {
|
|
|
+ visible: true,
|
|
|
+ type: record.type,
|
|
|
+ status: record.status,
|
|
|
+ buttonStatus: true,
|
|
|
+ orderStatus: record.orderStatus,
|
|
|
+ processStateText: record.processStateText,
|
|
|
+ id: record.id,
|
|
|
+ orderNo: record.orderNo
|
|
|
+ },
|
|
|
+ () => {
|
|
|
+ this.xiangqing(record.orderNo);
|
|
|
+ this.xiangmu(record.orderNo);
|
|
|
+ this.jiedian(record.orderNo);
|
|
|
+ }
|
|
|
+ );
|
|
|
},
|
|
|
//点击打卡项目详情
|
|
|
tableRowClickX(record) {
|
|
@@ -328,6 +340,48 @@ const contractChange = Form.create()(
|
|
|
addnextVisible: false
|
|
|
});
|
|
|
},
|
|
|
+
|
|
|
+ // 合同变更详情
|
|
|
+ ChangeDetail(orderNo) {
|
|
|
+ let url = window.location.href.substring(7);
|
|
|
+ $.ajax({
|
|
|
+ method: "get",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + "/api/admin/orderChange/orderChangeDetails",
|
|
|
+ data: {
|
|
|
+ orderNo: orderNo
|
|
|
+ },
|
|
|
+ success: function(data) {
|
|
|
+ if (data.data) {
|
|
|
+ let thisdata = data.data;
|
|
|
+ console.log(this.state.userName);
|
|
|
+ Object.assign(thisdata, {
|
|
|
+ processStateText: this.state.processStateText,
|
|
|
+ userName: this.state.userName,
|
|
|
+ contractNo: this.state.contractNo
|
|
|
+ });
|
|
|
+ this.setState(
|
|
|
+ {
|
|
|
+ contractData: thisdata,
|
|
|
+ voucherUrl: thisdata.voucherUrl
|
|
|
+ ? splitUrl(
|
|
|
+ thisdata.voucherUrl,
|
|
|
+ ",",
|
|
|
+ globalConfig.avatarHost + "/upload",
|
|
|
+ url
|
|
|
+ )
|
|
|
+ : []
|
|
|
+ },
|
|
|
+ () => {
|
|
|
+ console.log(this.state.contractData);
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }.bind(this)
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
//订单详情
|
|
|
xiangqing(orderNos) {
|
|
|
$.ajax({
|
|
@@ -346,44 +400,68 @@ const contractChange = Form.create()(
|
|
|
} else {
|
|
|
let thisdata = data.data;
|
|
|
this.setState({
|
|
|
- orderNo: thisdata.orderNo, //订单编号
|
|
|
- contractNo: thisdata.contractNo, //合同编号
|
|
|
- userName: thisdata.userName, //客户名称
|
|
|
- signDate: thisdata.signDate, //签单时间
|
|
|
- processStatus: thisdata.processStatus, //流程状态
|
|
|
- liquidationStatus: thisdata.liquidationStatus, //结算状态
|
|
|
- contacts: thisdata.contacts, //企业联系人
|
|
|
- contactMobile: thisdata.contactMobile, //联系人电话
|
|
|
- legalPerson: thisdata.legalPerson, //法人
|
|
|
- legalPersonTel: thisdata.legalPersonTel, //法人电话
|
|
|
- firstAmount: thisdata.firstAmount, //签单金额
|
|
|
- totalAmount: thisdata.totalAmount, //首付金额
|
|
|
- approval: thisdata.approval, //特批状态
|
|
|
- settlementAmount: thisdata.settlementAmount, //已收款项
|
|
|
- orderRemarks: thisdata.orderRemarks, //订单留言
|
|
|
- orgCodeUrl: thisdata.contractPictureUrl
|
|
|
- ? splitUrl(
|
|
|
- thisdata.contractPictureUrl,
|
|
|
- ",",
|
|
|
- globalConfig.avatarHost + "/upload"
|
|
|
- )
|
|
|
- : [], //图片地址
|
|
|
- salesmanName: thisdata.salesmanName, //营销员名称
|
|
|
- salesmanMobile: thisdata.salesmanMobile, //营销员电话
|
|
|
- financeName: thisdata.financeName, //财务名称
|
|
|
- financeMobile: thisdata.financeMobile, //财务电话
|
|
|
- depName: thisdata.depName
|
|
|
+ userName: thisdata.userName,
|
|
|
+ primaryOrderNo: thisdata.primaryOrder,
|
|
|
+ additionalOrder: thisdata.additionalOrder,
|
|
|
+ contractNo: thisdata.contractNo,
|
|
|
+ // arrears: thisdata.arrears,
|
|
|
+ orderData: thisdata
|
|
|
});
|
|
|
}
|
|
|
}.bind(this)
|
|
|
- }).always(
|
|
|
- function() {
|
|
|
- this.setState({
|
|
|
- loading: false
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ // 原订单数据
|
|
|
+ primaryOrder(primaryOrder) {
|
|
|
+ $.ajax({
|
|
|
+ method: "get",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
|
|
|
+ data: {
|
|
|
+ orderNo: primaryOrder
|
|
|
+ },
|
|
|
+ success: function(data) {
|
|
|
+ if (data.error.length || data.data.list == "") {
|
|
|
+ if (data.error && data.error.length) {
|
|
|
+ message.warning(data.error[0].message);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ let thisdata = data.data;
|
|
|
+ this.setState({
|
|
|
+ primaryOrderData: thisdata
|
|
|
+ });
|
|
|
+ }
|
|
|
}.bind(this)
|
|
|
- );
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ // 附加订单数据
|
|
|
+ additionalOrder(additionalOrder) {
|
|
|
+ $.ajax({
|
|
|
+ method: "get",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
|
|
|
+ data: {
|
|
|
+ orderNo: additionalOrder
|
|
|
+ },
|
|
|
+ success: function(data) {
|
|
|
+ if (data.error.length || data.data.list == "") {
|
|
|
+ if (data.error && data.error.length) {
|
|
|
+ message.warning(data.error[0].message);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ let thisdata = data.data;
|
|
|
+ this.setState({
|
|
|
+ additionalOrderData: thisdata
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }.bind(this)
|
|
|
+ });
|
|
|
},
|
|
|
+
|
|
|
//项目列表
|
|
|
xiangmu(orderNos) {
|
|
|
$.ajax({
|
|
@@ -425,13 +503,7 @@ const contractChange = Form.create()(
|
|
|
dataSourceX: theArr
|
|
|
});
|
|
|
}.bind(this)
|
|
|
- }).always(
|
|
|
- function() {
|
|
|
- this.setState({
|
|
|
- loading: false
|
|
|
- });
|
|
|
- }.bind(this)
|
|
|
- );
|
|
|
+ });
|
|
|
},
|
|
|
|
|
|
search(obj) {
|
|
@@ -445,17 +517,14 @@ const contractChange = Form.create()(
|
|
|
);
|
|
|
},
|
|
|
|
|
|
- rizhi() {
|
|
|
- this.setState({
|
|
|
- loading: true
|
|
|
- });
|
|
|
+ rizhi(orderNo) {
|
|
|
$.ajax({
|
|
|
method: "get",
|
|
|
dataType: "json",
|
|
|
crossDomain: false,
|
|
|
url: "/api/admin/newOrder/selectOrderLog",
|
|
|
data: {
|
|
|
- orderNo: this.state.orderNo
|
|
|
+ orderNo: orderNo
|
|
|
},
|
|
|
success: function(data) {
|
|
|
let theArr = [];
|
|
@@ -479,20 +548,14 @@ const contractChange = Form.create()(
|
|
|
dataSourcerizhi: theArr
|
|
|
});
|
|
|
}.bind(this)
|
|
|
- }).always(
|
|
|
- function() {
|
|
|
- this.setState({
|
|
|
- loading: false
|
|
|
- });
|
|
|
- }.bind(this)
|
|
|
- );
|
|
|
+ });
|
|
|
},
|
|
|
|
|
|
- getOrderLog() {
|
|
|
+ getOrderLog(orderNo) {
|
|
|
this.setState({
|
|
|
rizhivisible: true
|
|
|
});
|
|
|
- this.rizhi();
|
|
|
+ this.rizhi(orderNo);
|
|
|
},
|
|
|
closeOrderLog() {
|
|
|
this.setState({
|
|
@@ -534,13 +597,7 @@ const contractChange = Form.create()(
|
|
|
});
|
|
|
}
|
|
|
}.bind(this)
|
|
|
- }).always(
|
|
|
- function() {
|
|
|
- this.setState({
|
|
|
- loading: false
|
|
|
- });
|
|
|
- }.bind(this)
|
|
|
- );
|
|
|
+ });
|
|
|
},
|
|
|
//审核通过
|
|
|
examOk() {
|
|
@@ -657,57 +714,58 @@ const contractChange = Form.create()(
|
|
|
},
|
|
|
|
|
|
callback(key) {
|
|
|
- let url = window.location.href.substring(7);
|
|
|
this.setState({
|
|
|
activeKey: key
|
|
|
});
|
|
|
- if (this.state.pictureUrl.length) {
|
|
|
- let picArr = [];
|
|
|
- this.state.pictureUrl.map(function(item) {
|
|
|
- if (
|
|
|
- item.response &&
|
|
|
- item.response.data &&
|
|
|
- item.response.data.length
|
|
|
- ) {
|
|
|
- picArr.push(item.response.data);
|
|
|
- }
|
|
|
- });
|
|
|
+ if (key === "1") {
|
|
|
+ this.xiangmu(this.state.orderNo);
|
|
|
+ this.jiedian(this.state.orderNo);
|
|
|
}
|
|
|
if (key === "2") {
|
|
|
- $.ajax({
|
|
|
- method: "get",
|
|
|
- dataType: "json",
|
|
|
- crossDomain: false,
|
|
|
- url:
|
|
|
- globalConfig.context + "/api/admin/orderChange/orderChangeDetails",
|
|
|
- data: {
|
|
|
- orderNo: this.state.orderNo
|
|
|
- },
|
|
|
- success: function(data) {
|
|
|
- if (data.data) {
|
|
|
- let thisdata = data.data;
|
|
|
- Object.assign(thisdata, {
|
|
|
- userName: this.state.userName,
|
|
|
- contractNo: this.state.contractNo,
|
|
|
- arrears: this.state.arrears
|
|
|
- });
|
|
|
- this.setState({
|
|
|
- contractData: thisdata,
|
|
|
- voucherUrl: thisdata.voucherUrl
|
|
|
- ? splitUrl(
|
|
|
- thisdata.voucherUrl,
|
|
|
- ",",
|
|
|
- globalConfig.avatarHost + "/upload",
|
|
|
- url
|
|
|
- )
|
|
|
- : []
|
|
|
- });
|
|
|
- }
|
|
|
- }.bind(this)
|
|
|
- });
|
|
|
+ this.ChangeDetail(this.state.orderNo);
|
|
|
+ }
|
|
|
+ if (key === "3") {
|
|
|
+ this.primaryOrder(this.state.primaryOrderNo);
|
|
|
+ this.xiangmu(this.state.primaryOrderNo);
|
|
|
+ this.jiedian(this.state.primaryOrderNo);
|
|
|
+ }
|
|
|
+ if (key === "4") {
|
|
|
+ this.additionalOrder(this.state.additionalOrder);
|
|
|
+ this.xiangmu(this.state.additionalOrder);
|
|
|
+ this.jiedian(this.state.additionalOrder);
|
|
|
+ this.setState({
|
|
|
+ buttonStatusA: false
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.setState({
|
|
|
+ buttonStatusA: true
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
|
|
|
+ closeDesc(e, s) {
|
|
|
+ this.state.activeKey = "1";
|
|
|
+ this.state.userDetaile = false;
|
|
|
+ this.state.signBillVisible = false;
|
|
|
+ this.state.visible = e;
|
|
|
+ if (s) {
|
|
|
+ this.loadData(this.state.pageNo);
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 获取原订单编号
|
|
|
+ getPrimaryOrder(value) {
|
|
|
+ this.setState({
|
|
|
+ primaryOrder: value
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getAdditionalOrder(value) {
|
|
|
+ this.setState({
|
|
|
+ additionalOrder: value
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
getUrl(url) {
|
|
|
let theorgCodeUrl = [];
|
|
|
if (url.length) {
|
|
@@ -826,7 +884,8 @@ const contractChange = Form.create()(
|
|
|
visitCancel() {
|
|
|
this.setState(
|
|
|
{
|
|
|
- visible: false
|
|
|
+ visible: false,
|
|
|
+ activeKey: "1"
|
|
|
},
|
|
|
() => {
|
|
|
this.setState({
|
|
@@ -834,7 +893,7 @@ const contractChange = Form.create()(
|
|
|
});
|
|
|
}
|
|
|
);
|
|
|
- this.loadData();
|
|
|
+ this.loadData(this.state.pageNo);
|
|
|
},
|
|
|
visitOk() {
|
|
|
this.setState({
|
|
@@ -848,7 +907,6 @@ const contractChange = Form.create()(
|
|
|
};
|
|
|
const FormItem = Form.Item;
|
|
|
const { TabPane } = Tabs;
|
|
|
- const { TextArea } = Input;
|
|
|
return (
|
|
|
<div className="user-content">
|
|
|
<div className="content-title">
|
|
@@ -869,6 +927,7 @@ const contractChange = Form.create()(
|
|
|
<Modal
|
|
|
className="customeDetails"
|
|
|
footer=""
|
|
|
+ maskClosable={false}
|
|
|
width="900px"
|
|
|
visible={this.state.visible}
|
|
|
onOk={this.visitOk}
|
|
@@ -883,271 +942,14 @@ const contractChange = Form.create()(
|
|
|
style={{ paddingBottom: "40px" }}
|
|
|
>
|
|
|
<Spin spinning={this.state.loading}>
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单编号"
|
|
|
- >
|
|
|
- <span>{this.state.orderNo}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="合同编号"
|
|
|
- >
|
|
|
- <span>{this.state.contractNo}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="客户名称"
|
|
|
- >
|
|
|
- <span>{this.state.userName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="合同签订时间"
|
|
|
- >
|
|
|
- <span>{this.state.signDate}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="流程状态"
|
|
|
- >
|
|
|
- <span>
|
|
|
- {getProcessStatus(this.state.processStatus)}
|
|
|
- </span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="结算状态"
|
|
|
- >
|
|
|
- <span>
|
|
|
- {getLiquidationStatus(this.state.liquidationStatus)}
|
|
|
- </span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="企业联系人"
|
|
|
- >
|
|
|
- <span>{this.state.contacts}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="联系人电话"
|
|
|
- >
|
|
|
- <span>{this.state.contactMobile}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="企业法人"
|
|
|
- >
|
|
|
- <span>{this.state.legalPerson}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="法人电话"
|
|
|
- >
|
|
|
- <span>{this.state.legalPersonTel}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="签单金额(万元)"
|
|
|
- >
|
|
|
- <span>{this.state.totalAmount}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="首付金额(万元)"
|
|
|
- >
|
|
|
- <span>{this.state.firstAmount}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="特批立项"
|
|
|
- >
|
|
|
- <span>{getApprovedState(this.state.approval)}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="已收款项(万元)"
|
|
|
- >
|
|
|
- <span>{this.state.settlementAmount}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单部门"
|
|
|
- >
|
|
|
- <span>{this.state.depName}</span>
|
|
|
- </FormItem>
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 16 }}
|
|
|
- label="订单留言"
|
|
|
- >
|
|
|
- <span>{this.state.orderRemarks}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 18 }}
|
|
|
- label="合同扫描件"
|
|
|
- >
|
|
|
- <Upload
|
|
|
- className="demandDetailShow-upload"
|
|
|
- listType="picture-card"
|
|
|
- fileList={this.state.orgCodeUrl}
|
|
|
- onPreview={file => {
|
|
|
- this.setState({
|
|
|
- previewImage: file.url || file.thumbUrl,
|
|
|
- previewVisible: true
|
|
|
- });
|
|
|
- }}
|
|
|
- ></Upload>
|
|
|
- <Modal
|
|
|
- maskClosable={false}
|
|
|
- footer={null}
|
|
|
- visible={this.state.previewVisible}
|
|
|
- onCancel={() => {
|
|
|
- this.setState({ previewVisible: false });
|
|
|
- }}
|
|
|
- >
|
|
|
- <img
|
|
|
- alt=""
|
|
|
- style={{ width: "100%" }}
|
|
|
- src={this.state.previewImage || ""}
|
|
|
- />
|
|
|
- </Modal>
|
|
|
- <Button
|
|
|
- style={{
|
|
|
- float: "right",
|
|
|
- marginRight: "140px",
|
|
|
- marginTop: "20px"
|
|
|
- }}
|
|
|
- onClick={this.getOrderLog}
|
|
|
- >
|
|
|
- 查看订单日志
|
|
|
- </Button>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单负责人"
|
|
|
- >
|
|
|
- <span>{this.state.salesmanName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单负责人电话"
|
|
|
- >
|
|
|
- <span>{this.state.salesmanMobile}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="财务负责人"
|
|
|
- >
|
|
|
- <span>{this.state.financeName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem
|
|
|
- className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="财务负责人电话"
|
|
|
- >
|
|
|
- <span>{this.state.financeMobile}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span
|
|
|
- style={{ marginLeft: "50px", fontSize: "20px" }}
|
|
|
- >
|
|
|
- 催款节点
|
|
|
- </span>
|
|
|
- {this.state.processStatus == 0 ? (
|
|
|
- <Button
|
|
|
- type="primary"
|
|
|
- onClick={this.addcontact}
|
|
|
- style={{
|
|
|
- float: "right",
|
|
|
- marginRight: "50px",
|
|
|
- marginBottom: "15px"
|
|
|
- }}
|
|
|
- >
|
|
|
- 添加催款节点
|
|
|
- </Button>
|
|
|
- ) : (
|
|
|
- ""
|
|
|
- )}
|
|
|
- </div>
|
|
|
- <div className="clearfix">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Form layout="horizontal" id="demand-form">
|
|
|
- <Table
|
|
|
- pagination={false}
|
|
|
- columns={this.state.ContactsLists}
|
|
|
- dataSource={this.state.contactList}
|
|
|
- />
|
|
|
- <Col
|
|
|
- span={24}
|
|
|
- offset={9}
|
|
|
- style={{ marginTop: "15px" }}
|
|
|
- ></Col>
|
|
|
- </Form>
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span
|
|
|
- style={{ marginLeft: "50px", fontSize: "20px" }}
|
|
|
- >
|
|
|
- 项目业务
|
|
|
- </span>
|
|
|
- {this.state.processStatus == 0 ? (
|
|
|
- <Button
|
|
|
- type="primary"
|
|
|
- onClick={this.addDetailed}
|
|
|
- style={{
|
|
|
- float: "right",
|
|
|
- marginRight: "50px",
|
|
|
- marginBottom: "15px"
|
|
|
- }}
|
|
|
- >
|
|
|
- 添加项目明细
|
|
|
- </Button>
|
|
|
- ) : (
|
|
|
- ""
|
|
|
- )}
|
|
|
- </div>
|
|
|
- <div className="patent-table">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table
|
|
|
- columns={this.state.columnsX}
|
|
|
- dataSource={this.state.dataSourceX}
|
|
|
- pagination={this.state.paginations}
|
|
|
- onRowClick={this.tableRowClickX}
|
|
|
- />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <OrderDetail
|
|
|
+ processState={this.props.processState}
|
|
|
+ orderData={this.state.orderData}
|
|
|
+ getOrderLog={this.getOrderLog}
|
|
|
+ dataSourceX={this.state.dataSourceX}
|
|
|
+ contactList={this.state.contactList}
|
|
|
+ orderNo={this.state.orderNo}
|
|
|
+ />
|
|
|
</Spin>
|
|
|
</Form>
|
|
|
</TabPane>
|
|
@@ -1156,8 +958,51 @@ const contractChange = Form.create()(
|
|
|
data={this.state.contractData}
|
|
|
pictureUrl={this.state.voucherUrl}
|
|
|
processState={this.props.processState}
|
|
|
+ loadData={this.callback}
|
|
|
+ reset={this.state.visible}
|
|
|
/>
|
|
|
</TabPane>
|
|
|
+ {this.state.status === 4 ? (
|
|
|
+ <TabPane tab="原订单" key="3">
|
|
|
+ <Form
|
|
|
+ layout="horizontal"
|
|
|
+ onSubmit={this.handleSubmit}
|
|
|
+ id="demand-form"
|
|
|
+ style={{ paddingBottom: "40px" }}
|
|
|
+ >
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <OrderDetail
|
|
|
+ processState={this.props.processState}
|
|
|
+ orderData={this.state.primaryOrderData}
|
|
|
+ getOrderLog={this.getOrderLog}
|
|
|
+ dataSourceX={this.state.dataSourceX}
|
|
|
+ contactList={this.state.contactList}
|
|
|
+ orderNo={this.state.primaryOrderNo}
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </Form>
|
|
|
+ </TabPane>
|
|
|
+ ) : (
|
|
|
+ ""
|
|
|
+ )}
|
|
|
+ {this.state.status === 4 ? (
|
|
|
+ this.state.type === 4 || this.state.type === 5 ? (
|
|
|
+ <TabPane tab="附加订单" key="4">
|
|
|
+ <OrderDetail
|
|
|
+ processState={this.props.processState}
|
|
|
+ orderData={this.state.additionalOrderData}
|
|
|
+ getOrderLog={this.getOrderLog}
|
|
|
+ dataSourceX={this.state.dataSourceX}
|
|
|
+ contactList={this.state.contactList}
|
|
|
+ orderNo={this.state.additionalOrder}
|
|
|
+ />
|
|
|
+ </TabPane>
|
|
|
+ ) : (
|
|
|
+ ""
|
|
|
+ )
|
|
|
+ ) : (
|
|
|
+ ""
|
|
|
+ )}
|
|
|
</Tabs>
|
|
|
</Modal>
|
|
|
<Modal
|