|
@@ -19,7 +19,8 @@ import {
|
|
|
getApproval,
|
|
getApproval,
|
|
|
getLiquidationStatus,
|
|
getLiquidationStatus,
|
|
|
getProjectStatus,
|
|
getProjectStatus,
|
|
|
- getCuikuan
|
|
|
|
|
|
|
+ getboutique,
|
|
|
|
|
+ getCuikuan,
|
|
|
} from "@/tools";
|
|
} from "@/tools";
|
|
|
import OrderRiZi from "@/orderRiZi.jsx";
|
|
import OrderRiZi from "@/orderRiZi.jsx";
|
|
|
import ResolutionDetail from "@/resolutionDetail";
|
|
import ResolutionDetail from "@/resolutionDetail";
|
|
@@ -28,7 +29,7 @@ const OrderDetail = Form.create()(
|
|
|
loadXmu(record) {
|
|
loadXmu(record) {
|
|
|
this.state.data = [];
|
|
this.state.data = [];
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- loading: true
|
|
|
|
|
|
|
+ loading: true,
|
|
|
});
|
|
});
|
|
|
$.ajax({
|
|
$.ajax({
|
|
|
method: "get",
|
|
method: "get",
|
|
@@ -36,9 +37,9 @@ const OrderDetail = Form.create()(
|
|
|
crossDomain: false,
|
|
crossDomain: false,
|
|
|
url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
|
|
url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
|
|
|
data: {
|
|
data: {
|
|
|
- orderNo: record ? record.orderNo : this.props.data.orderNo
|
|
|
|
|
|
|
+ orderNo: record ? record.orderNo : this.props.data.orderNo,
|
|
|
},
|
|
},
|
|
|
- success: function(data) {
|
|
|
|
|
|
|
+ success: function (data) {
|
|
|
let theArr = [];
|
|
let theArr = [];
|
|
|
if (!data.data) {
|
|
if (!data.data) {
|
|
|
if (data.error && data.error.length) {
|
|
if (data.error && data.error.length) {
|
|
@@ -63,19 +64,22 @@ const OrderDetail = Form.create()(
|
|
|
certificateNumber: thisdata.certificateNumber,
|
|
certificateNumber: thisdata.certificateNumber,
|
|
|
projectStatus: thisdata.projectStatus,
|
|
projectStatus: thisdata.projectStatus,
|
|
|
sort: thisdata.cSort,
|
|
sort: thisdata.cSort,
|
|
|
- splitStatus: thisdata.splitStatus
|
|
|
|
|
|
|
+ splitStatus: thisdata.splitStatus,
|
|
|
|
|
+ officialCost: thisdata.officialCost,
|
|
|
|
|
+ costReduction: thisdata.costReduction,
|
|
|
|
|
+ type: thisdata.type,
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
this.setState({
|
|
this.setState({
|
|
|
dataSource: theArr,
|
|
dataSource: theArr,
|
|
|
- pagination: false
|
|
|
|
|
|
|
+ pagination: false,
|
|
|
});
|
|
});
|
|
|
- }.bind(this)
|
|
|
|
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
}).always(
|
|
|
- function() {
|
|
|
|
|
|
|
+ function () {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- loading: false
|
|
|
|
|
|
|
+ loading: false,
|
|
|
});
|
|
});
|
|
|
}.bind(this)
|
|
}.bind(this)
|
|
|
);
|
|
);
|
|
@@ -86,6 +90,7 @@ const OrderDetail = Form.create()(
|
|
|
visible: false,
|
|
visible: false,
|
|
|
avisible: false,
|
|
avisible: false,
|
|
|
loading: false,
|
|
loading: false,
|
|
|
|
|
+ addnextVisible:false,
|
|
|
jsDate: [],
|
|
jsDate: [],
|
|
|
replenishUrl: [],
|
|
replenishUrl: [],
|
|
|
auditStatus: 0,
|
|
auditStatus: 0,
|
|
@@ -101,16 +106,18 @@ const OrderDetail = Form.create()(
|
|
|
key: "commodityName",
|
|
key: "commodityName",
|
|
|
render: (text, record) => {
|
|
render: (text, record) => {
|
|
|
return text && text.length > 6 ? (
|
|
return text && text.length > 6 ? (
|
|
|
- <span title={text}>{text.substr(0, 8) + "-" + record.id}...</span>
|
|
|
|
|
|
|
+ <span title={text}>
|
|
|
|
|
+ {text.substr(0, 8) + "-" + record.id}...
|
|
|
|
|
+ </span>
|
|
|
) : (
|
|
) : (
|
|
|
text + "-" + record.id
|
|
text + "-" + record.id
|
|
|
);
|
|
);
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "项目类别",
|
|
title: "项目类别",
|
|
|
dataIndex: "cname",
|
|
dataIndex: "cname",
|
|
|
- key: "cname"
|
|
|
|
|
|
|
+ key: "cname",
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "项目数量",
|
|
title: "项目数量",
|
|
@@ -123,7 +130,7 @@ const OrderDetail = Form.create()(
|
|
|
{text}{" "}
|
|
{text}{" "}
|
|
|
<Tag
|
|
<Tag
|
|
|
color="#108ee9"
|
|
color="#108ee9"
|
|
|
- onClick={e => {
|
|
|
|
|
|
|
+ onClick={(e) => {
|
|
|
e.stopPropagation();
|
|
e.stopPropagation();
|
|
|
this.showRes(record);
|
|
this.showRes(record);
|
|
|
}}
|
|
}}
|
|
@@ -135,63 +142,63 @@ const OrderDetail = Form.create()(
|
|
|
} else {
|
|
} else {
|
|
|
return text;
|
|
return text;
|
|
|
}
|
|
}
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "服务市价(万元)",
|
|
title: "服务市价(万元)",
|
|
|
dataIndex: "commodityPrice",
|
|
dataIndex: "commodityPrice",
|
|
|
- key: "commodityPrice"
|
|
|
|
|
|
|
+ key: "commodityPrice",
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "项目状态",
|
|
title: "项目状态",
|
|
|
dataIndex: "projectStatus",
|
|
dataIndex: "projectStatus",
|
|
|
key: "projectStatus",
|
|
key: "projectStatus",
|
|
|
- render: text => {
|
|
|
|
|
|
|
+ render: (text) => {
|
|
|
return getProjectStatus(text);
|
|
return getProjectStatus(text);
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "证书编号",
|
|
title: "证书编号",
|
|
|
dataIndex: "certificateNumber",
|
|
dataIndex: "certificateNumber",
|
|
|
- key: "certificateNumber"
|
|
|
|
|
|
|
+ key: "certificateNumber",
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "是否主要项目",
|
|
title: "是否主要项目",
|
|
|
dataIndex: "main",
|
|
dataIndex: "main",
|
|
|
key: "main",
|
|
key: "main",
|
|
|
- render: text => {
|
|
|
|
|
|
|
+ render: (text) => {
|
|
|
return text ? "是" : "否";
|
|
return text ? "是" : "否";
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "项目说明",
|
|
title: "项目说明",
|
|
|
dataIndex: "taskComment",
|
|
dataIndex: "taskComment",
|
|
|
key: "taskComment",
|
|
key: "taskComment",
|
|
|
- render: text => {
|
|
|
|
|
|
|
+ render: (text) => {
|
|
|
return text && text.length > 8 ? (
|
|
return text && text.length > 8 ? (
|
|
|
<span title={text}>{text.substr(0, 8)}...</span>
|
|
<span title={text}>{text.substr(0, 8)}...</span>
|
|
|
) : (
|
|
) : (
|
|
|
text
|
|
text
|
|
|
);
|
|
);
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
],
|
|
],
|
|
|
columnsX: [
|
|
columnsX: [
|
|
|
{
|
|
{
|
|
|
title: "流程",
|
|
title: "流程",
|
|
|
dataIndex: "processName",
|
|
dataIndex: "processName",
|
|
|
- key: "processName"
|
|
|
|
|
|
|
+ key: "processName",
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "操作人",
|
|
title: "操作人",
|
|
|
dataIndex: "adminName",
|
|
dataIndex: "adminName",
|
|
|
- key: "adminName"
|
|
|
|
|
|
|
+ key: "adminName",
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "时间",
|
|
title: "时间",
|
|
|
dataIndex: "createDate",
|
|
dataIndex: "createDate",
|
|
|
- key: "createDate"
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ key: "createDate",
|
|
|
|
|
+ },
|
|
|
],
|
|
],
|
|
|
ContactsListsNew: [
|
|
ContactsListsNew: [
|
|
|
{
|
|
{
|
|
@@ -200,13 +207,13 @@ const OrderDetail = Form.create()(
|
|
|
key: "commodityName",
|
|
key: "commodityName",
|
|
|
render: (text, record) => {
|
|
render: (text, record) => {
|
|
|
return <span>{text + "-" + record.tid}</span>;
|
|
return <span>{text + "-" + record.tid}</span>;
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "项目分类",
|
|
title: "项目分类",
|
|
|
dataIndex: "projectType",
|
|
dataIndex: "projectType",
|
|
|
key: "projectType",
|
|
key: "projectType",
|
|
|
- render: text => {
|
|
|
|
|
|
|
+ render: (text) => {
|
|
|
let arr = this.state.dataSource || [];
|
|
let arr = this.state.dataSource || [];
|
|
|
let str = "";
|
|
let str = "";
|
|
|
for (let i = 0; i < arr.length; i++) {
|
|
for (let i = 0; i < arr.length; i++) {
|
|
@@ -215,18 +222,18 @@ const OrderDetail = Form.create()(
|
|
|
return <span>{str}</span>;
|
|
return <span>{str}</span>;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "催款科目",
|
|
title: "催款科目",
|
|
|
dataIndex: "dunTypeName",
|
|
dataIndex: "dunTypeName",
|
|
|
key: "dunTypeName",
|
|
key: "dunTypeName",
|
|
|
render: (text, record) => {
|
|
render: (text, record) => {
|
|
|
- if(record.customizeName) {
|
|
|
|
|
|
|
+ if (record.customizeName) {
|
|
|
return text + record.customizeName;
|
|
return text + record.customizeName;
|
|
|
}
|
|
}
|
|
|
return <span>{text}</span>;
|
|
return <span>{text}</span>;
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "时间(天)",
|
|
title: "时间(天)",
|
|
@@ -239,7 +246,7 @@ const OrderDetail = Form.create()(
|
|
|
}
|
|
}
|
|
|
return <span>{text}</span>;
|
|
return <span>{text}</span>;
|
|
|
}
|
|
}
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "金额(万元)",
|
|
title: "金额(万元)",
|
|
@@ -259,7 +266,7 @@ const OrderDetail = Form.create()(
|
|
|
return <span>{text}</span>;
|
|
return <span>{text}</span>;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "服务年限",
|
|
title: "服务年限",
|
|
@@ -269,53 +276,82 @@ const OrderDetail = Form.create()(
|
|
|
if (record.dunTypeName) {
|
|
if (record.dunTypeName) {
|
|
|
return <span>{text}</span>;
|
|
return <span>{text}</span>;
|
|
|
}
|
|
}
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "催款状态",
|
|
title: "催款状态",
|
|
|
dataIndex: "status",
|
|
dataIndex: "status",
|
|
|
key: "status",
|
|
key: "status",
|
|
|
- render: text => {
|
|
|
|
|
|
|
+ render: (text) => {
|
|
|
return <span>{text == 1 ? "已启动" : "未启动"}</span>;
|
|
return <span>{text == 1 ? "已启动" : "未启动"}</span>;
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
],
|
|
],
|
|
|
ContactsLists: [
|
|
ContactsLists: [
|
|
|
{
|
|
{
|
|
|
title: "催款科目",
|
|
title: "催款科目",
|
|
|
dataIndex: "dunSubject",
|
|
dataIndex: "dunSubject",
|
|
|
key: "dunSubject",
|
|
key: "dunSubject",
|
|
|
- render: text => {
|
|
|
|
|
|
|
+ render: (text) => {
|
|
|
return getjiedian(text);
|
|
return getjiedian(text);
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "金额(万元)",
|
|
title: "金额(万元)",
|
|
|
dataIndex: "money",
|
|
dataIndex: "money",
|
|
|
- key: "money"
|
|
|
|
|
|
|
+ key: "money",
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: "催款状态",
|
|
title: "催款状态",
|
|
|
dataIndex: "dunStatus",
|
|
dataIndex: "dunStatus",
|
|
|
key: "dunStatus",
|
|
key: "dunStatus",
|
|
|
- render: text => {
|
|
|
|
|
|
|
+ render: (text) => {
|
|
|
return getCuikuan(text);
|
|
return getCuikuan(text);
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- ]
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+ //点击打卡项目详情
|
|
|
|
|
+ tableRowClick(record) {
|
|
|
|
|
+ if (record.type == "1") {
|
|
|
|
|
+ this.setState({
|
|
|
|
|
+ displayFees: "block",
|
|
|
|
|
+ costReduction: record.costReduction,
|
|
|
|
|
+ officialCost: record.officialCost,
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ this.setState({
|
|
|
|
|
+ jid: record.id, //项目ID
|
|
|
|
|
+ kid: record.commodityId, //商品ID
|
|
|
|
|
+ commodityName: record.commodityName, //金额
|
|
|
|
|
+ commodityPrice: record.commodityPrice, //金额
|
|
|
|
|
+ commodityQuantity: record.commodityQuantity, //数量
|
|
|
|
|
+ taskComment: record.taskComment, //备注
|
|
|
|
|
+ main: record.main.toString(), //是否为主要
|
|
|
|
|
+ addnextVisible: true,
|
|
|
|
|
+ addState: 0,
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ //项目详情关闭
|
|
|
|
|
+ nextCancel() {
|
|
|
|
|
+ this.setState({
|
|
|
|
|
+ addnextVisible: false,
|
|
|
|
|
+ displayFees: "none",
|
|
|
|
|
+ officialCost: "", //是否有官费
|
|
|
|
|
+ costReduction: "", //是否有费减
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
// 拆分详细
|
|
// 拆分详细
|
|
|
showRes(record) {
|
|
showRes(record) {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
resVisible: true,
|
|
resVisible: true,
|
|
|
- resRecord: record
|
|
|
|
|
|
|
+ resRecord: record,
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
resCancel() {
|
|
resCancel() {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- resVisible: false
|
|
|
|
|
|
|
+ resVisible: false,
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
|
|
|
|
@@ -327,9 +363,9 @@ const OrderDetail = Form.create()(
|
|
|
crossDomain: false,
|
|
crossDomain: false,
|
|
|
url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
|
|
url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
|
|
|
data: {
|
|
data: {
|
|
|
- orderNo: record ? record.orderNo : this.props.data.orderNo
|
|
|
|
|
|
|
+ orderNo: record ? record.orderNo : this.props.data.orderNo,
|
|
|
},
|
|
},
|
|
|
- success: function(data) {
|
|
|
|
|
|
|
+ success: function (data) {
|
|
|
let thisData = data.data;
|
|
let thisData = data.data;
|
|
|
if (!thisData) {
|
|
if (!thisData) {
|
|
|
if (data.error && data.error.length) {
|
|
if (data.error && data.error.length) {
|
|
@@ -364,11 +400,11 @@ const OrderDetail = Form.create()(
|
|
|
depName: thisData.depName,
|
|
depName: thisData.depName,
|
|
|
outsource: thisData.outsource == 0 ? "否" : "是",
|
|
outsource: thisData.outsource == 0 ? "否" : "是",
|
|
|
});
|
|
});
|
|
|
- }.bind(this)
|
|
|
|
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
}).always(
|
|
|
- function() {
|
|
|
|
|
|
|
+ function () {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- loading: false
|
|
|
|
|
|
|
+ loading: false,
|
|
|
});
|
|
});
|
|
|
}.bind(this)
|
|
}.bind(this)
|
|
|
);
|
|
);
|
|
@@ -380,9 +416,9 @@ const OrderDetail = Form.create()(
|
|
|
crossDomain: false,
|
|
crossDomain: false,
|
|
|
url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
|
|
url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
|
|
|
data: {
|
|
data: {
|
|
|
- orderNo: record ? record.orderNo : this.props.data.orderNo
|
|
|
|
|
|
|
+ orderNo: record ? record.orderNo : this.props.data.orderNo,
|
|
|
},
|
|
},
|
|
|
- success: function(data) {
|
|
|
|
|
|
|
+ success: function (data) {
|
|
|
let thisData = data.data;
|
|
let thisData = data.data;
|
|
|
if (!thisData.length) {
|
|
if (!thisData.length) {
|
|
|
if (data.error && data.error.length) {
|
|
if (data.error && data.error.length) {
|
|
@@ -391,14 +427,14 @@ const OrderDetail = Form.create()(
|
|
|
thisData = {};
|
|
thisData = {};
|
|
|
} else {
|
|
} else {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- jsDate: thisData
|
|
|
|
|
|
|
+ jsDate: thisData,
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
- }.bind(this)
|
|
|
|
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
}).always(
|
|
|
- function() {
|
|
|
|
|
|
|
+ function () {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- loading: false
|
|
|
|
|
|
|
+ loading: false,
|
|
|
});
|
|
});
|
|
|
}.bind(this)
|
|
}.bind(this)
|
|
|
);
|
|
);
|
|
@@ -406,7 +442,7 @@ const OrderDetail = Form.create()(
|
|
|
|
|
|
|
|
rizhi() {
|
|
rizhi() {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- loading: true
|
|
|
|
|
|
|
+ loading: true,
|
|
|
});
|
|
});
|
|
|
$.ajax({
|
|
$.ajax({
|
|
|
method: "get",
|
|
method: "get",
|
|
@@ -414,9 +450,9 @@ const OrderDetail = Form.create()(
|
|
|
crossDomain: false,
|
|
crossDomain: false,
|
|
|
url: "/api/admin/newOrder/selectOrderLog",
|
|
url: "/api/admin/newOrder/selectOrderLog",
|
|
|
data: {
|
|
data: {
|
|
|
- orderNo: this.props.data.orderNo
|
|
|
|
|
|
|
+ orderNo: this.props.data.orderNo,
|
|
|
},
|
|
},
|
|
|
- success: function(data) {
|
|
|
|
|
|
|
+ success: function (data) {
|
|
|
let theArr = [];
|
|
let theArr = [];
|
|
|
let thisData = data.data;
|
|
let thisData = data.data;
|
|
|
if (!thisData.length) {
|
|
if (!thisData.length) {
|
|
@@ -431,18 +467,18 @@ const OrderDetail = Form.create()(
|
|
|
processName: thisdata.processName,
|
|
processName: thisdata.processName,
|
|
|
adminName: thisdata.adminName,
|
|
adminName: thisdata.adminName,
|
|
|
createDate: thisdata.createDate,
|
|
createDate: thisdata.createDate,
|
|
|
- remarks: thisdata.remarks
|
|
|
|
|
|
|
+ remarks: thisdata.remarks,
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- dataSourceX: theArr
|
|
|
|
|
|
|
+ dataSourceX: theArr,
|
|
|
});
|
|
});
|
|
|
- }.bind(this)
|
|
|
|
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
}).always(
|
|
|
- function() {
|
|
|
|
|
|
|
+ function () {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- loading: false
|
|
|
|
|
|
|
+ loading: false,
|
|
|
});
|
|
});
|
|
|
}.bind(this)
|
|
}.bind(this)
|
|
|
);
|
|
);
|
|
@@ -450,13 +486,13 @@ const OrderDetail = Form.create()(
|
|
|
|
|
|
|
|
getOrderLog() {
|
|
getOrderLog() {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- avisible: true
|
|
|
|
|
|
|
+ avisible: true,
|
|
|
});
|
|
});
|
|
|
this.rizhi();
|
|
this.rizhi();
|
|
|
},
|
|
},
|
|
|
closeOrderLog() {
|
|
closeOrderLog() {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- avisible: false
|
|
|
|
|
|
|
+ avisible: false,
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
|
|
|
|
@@ -505,7 +541,7 @@ const OrderDetail = Form.create()(
|
|
|
this.state.previewImage = this.state.orgCodeUrl[num + 1].url;
|
|
this.state.previewImage = this.state.orgCodeUrl[num + 1].url;
|
|
|
this.setState({
|
|
this.setState({
|
|
|
previewImage: this.state.previewImage,
|
|
previewImage: this.state.previewImage,
|
|
|
- rotateDeg: 0
|
|
|
|
|
|
|
+ rotateDeg: 0,
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
upImg() {
|
|
upImg() {
|
|
@@ -521,13 +557,13 @@ const OrderDetail = Form.create()(
|
|
|
this.state.previewImage = this.state.orgCodeUrl[num - 1].url;
|
|
this.state.previewImage = this.state.orgCodeUrl[num - 1].url;
|
|
|
this.setState({
|
|
this.setState({
|
|
|
previewImage: this.state.previewImage,
|
|
previewImage: this.state.previewImage,
|
|
|
- rotateDeg: 0
|
|
|
|
|
|
|
+ rotateDeg: 0,
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
rotate() {
|
|
rotate() {
|
|
|
let rotateDeg = this.state.rotateDeg + 90;
|
|
let rotateDeg = this.state.rotateDeg + 90;
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- rotateDeg
|
|
|
|
|
|
|
+ rotateDeg,
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
downImgs() {
|
|
downImgs() {
|
|
@@ -543,7 +579,7 @@ const OrderDetail = Form.create()(
|
|
|
this.state.previewImage = this.state.replenishUrl[num + 1].url;
|
|
this.state.previewImage = this.state.replenishUrl[num + 1].url;
|
|
|
this.setState({
|
|
this.setState({
|
|
|
previewImage: this.state.previewImage,
|
|
previewImage: this.state.previewImage,
|
|
|
- rotateDeg: 0
|
|
|
|
|
|
|
+ rotateDeg: 0,
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
upImgs() {
|
|
upImgs() {
|
|
@@ -559,13 +595,13 @@ const OrderDetail = Form.create()(
|
|
|
this.state.previewImage = this.state.replenishUrl[num - 1].url;
|
|
this.state.previewImage = this.state.replenishUrl[num - 1].url;
|
|
|
this.setState({
|
|
this.setState({
|
|
|
previewImage: this.state.previewImage,
|
|
previewImage: this.state.previewImage,
|
|
|
- rotateDeg: 0
|
|
|
|
|
|
|
+ rotateDeg: 0,
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
rotates() {
|
|
rotates() {
|
|
|
let rotateDeg = this.state.rotateDeg + 90;
|
|
let rotateDeg = this.state.rotateDeg + 90;
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- rotateDeg
|
|
|
|
|
|
|
+ rotateDeg,
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
//节点列表
|
|
//节点列表
|
|
@@ -576,9 +612,9 @@ const OrderDetail = Form.create()(
|
|
|
crossDomain: false,
|
|
crossDomain: false,
|
|
|
url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
|
|
url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
|
|
|
data: {
|
|
data: {
|
|
|
- orderNo: orderNos
|
|
|
|
|
|
|
+ orderNo: orderNos,
|
|
|
},
|
|
},
|
|
|
- success: function(data) {
|
|
|
|
|
|
|
+ success: function (data) {
|
|
|
let theArr = [];
|
|
let theArr = [];
|
|
|
let thisData = [];
|
|
let thisData = [];
|
|
|
if (data.error.length || data.data.list == "") {
|
|
if (data.error.length || data.data.list == "") {
|
|
@@ -596,18 +632,18 @@ const OrderDetail = Form.create()(
|
|
|
id: thisData.id, //节点Id
|
|
id: thisData.id, //节点Id
|
|
|
money: thisData.money, //催款金额
|
|
money: thisData.money, //催款金额
|
|
|
dunStatus: thisData.dunStatus, //催款状态
|
|
dunStatus: thisData.dunStatus, //催款状态
|
|
|
- orderNo: thisData.orderNo
|
|
|
|
|
|
|
+ orderNo: thisData.orderNo,
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- contactList: theArr
|
|
|
|
|
|
|
+ contactList: theArr,
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
- }.bind(this)
|
|
|
|
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
}).always(
|
|
|
- function() {
|
|
|
|
|
|
|
+ function () {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- loading: false
|
|
|
|
|
|
|
+ loading: false,
|
|
|
});
|
|
});
|
|
|
}.bind(this)
|
|
}.bind(this)
|
|
|
);
|
|
);
|
|
@@ -621,9 +657,9 @@ const OrderDetail = Form.create()(
|
|
|
url:
|
|
url:
|
|
|
globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",
|
|
globalConfig.context + "/api/admin/newOrderDun/selectListNewOrderDun",
|
|
|
data: {
|
|
data: {
|
|
|
- orderNo: orderNos
|
|
|
|
|
|
|
+ orderNo: orderNos,
|
|
|
},
|
|
},
|
|
|
- success: function(data) {
|
|
|
|
|
|
|
+ success: function (data) {
|
|
|
if (data.error && data.error.length) {
|
|
if (data.error && data.error.length) {
|
|
|
message.warning(data.error[0].message);
|
|
message.warning(data.error[0].message);
|
|
|
} else {
|
|
} else {
|
|
@@ -662,14 +698,14 @@ const OrderDetail = Form.create()(
|
|
|
totalCui = (Math.round(totalCui * 10000) / 10000).toFixed(4);
|
|
totalCui = (Math.round(totalCui * 10000) / 10000).toFixed(4);
|
|
|
this.setState({
|
|
this.setState({
|
|
|
contactListNew: theArr,
|
|
contactListNew: theArr,
|
|
|
- totalCui
|
|
|
|
|
|
|
+ totalCui,
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
- }.bind(this)
|
|
|
|
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
}).always(
|
|
|
- function() {
|
|
|
|
|
|
|
+ function () {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
- loading: false
|
|
|
|
|
|
|
+ loading: false,
|
|
|
});
|
|
});
|
|
|
}.bind(this)
|
|
}.bind(this)
|
|
|
);
|
|
);
|
|
@@ -679,7 +715,7 @@ const OrderDetail = Form.create()(
|
|
|
const FormItem = Form.Item;
|
|
const FormItem = Form.Item;
|
|
|
const formItemLayout = {
|
|
const formItemLayout = {
|
|
|
labelCol: { span: 10 },
|
|
labelCol: { span: 10 },
|
|
|
- wrapperCol: { span: 12 }
|
|
|
|
|
|
|
+ wrapperCol: { span: 12 },
|
|
|
};
|
|
};
|
|
|
const jsDate = this.state.jsDate || [];
|
|
const jsDate = this.state.jsDate || [];
|
|
|
const cuiDataList = this.state.contactList || [];
|
|
const cuiDataList = this.state.contactList || [];
|
|
@@ -795,10 +831,10 @@ const OrderDetail = Form.create()(
|
|
|
className="demandDetailShow-upload"
|
|
className="demandDetailShow-upload"
|
|
|
listType="picture-card"
|
|
listType="picture-card"
|
|
|
fileList={this.state.orgCodeUrl}
|
|
fileList={this.state.orgCodeUrl}
|
|
|
- onPreview={file => {
|
|
|
|
|
|
|
+ onPreview={(file) => {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
previewImage: file.url || file.thumbUrl,
|
|
previewImage: file.url || file.thumbUrl,
|
|
|
- previewVisible: true
|
|
|
|
|
|
|
+ previewVisible: true,
|
|
|
});
|
|
});
|
|
|
}}
|
|
}}
|
|
|
></Upload>
|
|
></Upload>
|
|
@@ -899,48 +935,48 @@ const OrderDetail = Form.create()(
|
|
|
alt=""
|
|
alt=""
|
|
|
style={{
|
|
style={{
|
|
|
width: "100%",
|
|
width: "100%",
|
|
|
- transform: `rotate(${this.state.rotateDeg}deg)`
|
|
|
|
|
|
|
+ transform: `rotate(${this.state.rotateDeg}deg)`,
|
|
|
}}
|
|
}}
|
|
|
src={this.state.previewImage || ""}
|
|
src={this.state.previewImage || ""}
|
|
|
/>
|
|
/>
|
|
|
<Button
|
|
<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>
|
|
|
|
|
|
|
+ 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>
|
|
</Modal>
|
|
|
<Button
|
|
<Button
|
|
|
style={{
|
|
style={{
|
|
|
float: "right",
|
|
float: "right",
|
|
|
marginRight: "140px",
|
|
marginRight: "140px",
|
|
|
- marginTop: "20px"
|
|
|
|
|
|
|
+ marginTop: "20px",
|
|
|
}}
|
|
}}
|
|
|
onClick={this.getOrderLog}
|
|
onClick={this.getOrderLog}
|
|
|
>
|
|
>
|
|
@@ -956,10 +992,10 @@ const OrderDetail = Form.create()(
|
|
|
className="demandDetailShow-upload"
|
|
className="demandDetailShow-upload"
|
|
|
listType="picture-card"
|
|
listType="picture-card"
|
|
|
fileList={this.state.replenishUrl}
|
|
fileList={this.state.replenishUrl}
|
|
|
- onPreview={file => {
|
|
|
|
|
|
|
+ onPreview={(file) => {
|
|
|
this.setState({
|
|
this.setState({
|
|
|
previewImage: file.url || file.thumbUrl,
|
|
previewImage: file.url || file.thumbUrl,
|
|
|
- previewVisibles: true
|
|
|
|
|
|
|
+ previewVisibles: true,
|
|
|
});
|
|
});
|
|
|
}}
|
|
}}
|
|
|
></Upload>
|
|
></Upload>
|
|
@@ -1060,42 +1096,42 @@ const OrderDetail = Form.create()(
|
|
|
alt=""
|
|
alt=""
|
|
|
style={{
|
|
style={{
|
|
|
width: "100%",
|
|
width: "100%",
|
|
|
- transform: `rotate(${this.state.rotateDeg}deg)`
|
|
|
|
|
|
|
+ transform: `rotate(${this.state.rotateDeg}deg)`,
|
|
|
}}
|
|
}}
|
|
|
src={this.state.previewImage || ""}
|
|
src={this.state.previewImage || ""}
|
|
|
/>
|
|
/>
|
|
|
<Button
|
|
<Button
|
|
|
- onClick={this.rotates}
|
|
|
|
|
- style={{
|
|
|
|
|
- position: "relative",
|
|
|
|
|
- left: "50%",
|
|
|
|
|
- transform: "translateX(-50%)",
|
|
|
|
|
- }}
|
|
|
|
|
- >
|
|
|
|
|
- 旋转
|
|
|
|
|
- </Button>
|
|
|
|
|
- <Button
|
|
|
|
|
- onClick={this.upImgs}
|
|
|
|
|
- style={{
|
|
|
|
|
- position: "absolute",
|
|
|
|
|
- left: -81,
|
|
|
|
|
- top: "50%",
|
|
|
|
|
- transform: "translateY(-50%)",
|
|
|
|
|
- }}
|
|
|
|
|
- >
|
|
|
|
|
- 上一张
|
|
|
|
|
- </Button>
|
|
|
|
|
- <Button
|
|
|
|
|
- onClick={this.downImgs}
|
|
|
|
|
- style={{
|
|
|
|
|
- position: "absolute",
|
|
|
|
|
- right: -81,
|
|
|
|
|
- top: "50%",
|
|
|
|
|
- transform: "translateY(-50%)",
|
|
|
|
|
- }}
|
|
|
|
|
- >
|
|
|
|
|
- 下一张
|
|
|
|
|
- </Button>
|
|
|
|
|
|
|
+ onClick={this.rotates}
|
|
|
|
|
+ style={{
|
|
|
|
|
+ position: "relative",
|
|
|
|
|
+ left: "50%",
|
|
|
|
|
+ transform: "translateX(-50%)",
|
|
|
|
|
+ }}
|
|
|
|
|
+ >
|
|
|
|
|
+ 旋转
|
|
|
|
|
+ </Button>
|
|
|
|
|
+ <Button
|
|
|
|
|
+ onClick={this.upImgs}
|
|
|
|
|
+ style={{
|
|
|
|
|
+ position: "absolute",
|
|
|
|
|
+ left: -81,
|
|
|
|
|
+ top: "50%",
|
|
|
|
|
+ transform: "translateY(-50%)",
|
|
|
|
|
+ }}
|
|
|
|
|
+ >
|
|
|
|
|
+ 上一张
|
|
|
|
|
+ </Button>
|
|
|
|
|
+ <Button
|
|
|
|
|
+ onClick={this.downImgs}
|
|
|
|
|
+ style={{
|
|
|
|
|
+ position: "absolute",
|
|
|
|
|
+ right: -81,
|
|
|
|
|
+ top: "50%",
|
|
|
|
|
+ transform: "translateY(-50%)",
|
|
|
|
|
+ }}
|
|
|
|
|
+ >
|
|
|
|
|
+ 下一张
|
|
|
|
|
+ </Button>
|
|
|
</Modal>
|
|
</Modal>
|
|
|
</FormItem>
|
|
</FormItem>
|
|
|
</div>
|
|
</div>
|
|
@@ -1243,6 +1279,81 @@ const OrderDetail = Form.create()(
|
|
|
</Spin>
|
|
</Spin>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <Modal
|
|
|
|
|
+ maskClosable={false}
|
|
|
|
|
+ visible={this.state.addnextVisible}
|
|
|
|
|
+ onOk={this.nextCancel}
|
|
|
|
|
+ onCancel={this.nextCancel}
|
|
|
|
|
+ confirmLoading={this.state.confirmLoading}
|
|
|
|
|
+ width="800px"
|
|
|
|
|
+ title={"项目任务详情"}
|
|
|
|
|
+ footer=""
|
|
|
|
|
+ className="admin-desc-content"
|
|
|
|
|
+ >
|
|
|
|
|
+ <Form layout="horizontal" id="demand-form">
|
|
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
|
|
+ <div className="clearfix">
|
|
|
|
|
+ <FormItem
|
|
|
|
|
+ className="half-item"
|
|
|
|
|
+ {...formItemLayout}
|
|
|
|
|
+ label="项目名称"
|
|
|
|
|
+ >
|
|
|
|
|
+ <span>{this.state.commodityName}</span>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ <FormItem
|
|
|
|
|
+ className="half-item"
|
|
|
|
|
+ {...formItemLayout}
|
|
|
|
|
+ label="项目数量"
|
|
|
|
|
+ >
|
|
|
|
|
+ <span>{this.state.commodityQuantity}</span>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ <FormItem
|
|
|
|
|
+ className="half-item"
|
|
|
|
|
+ {...formItemLayout}
|
|
|
|
|
+ label="官费"
|
|
|
|
|
+ style={{ display: this.state.displayFees }}
|
|
|
|
|
+ >
|
|
|
|
|
+ <span>
|
|
|
|
|
+ {this.state.officialCost == 0 ? "无官费" : "有官费"}
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ <FormItem
|
|
|
|
|
+ className="half-item"
|
|
|
|
|
+ {...formItemLayout}
|
|
|
|
|
+ label="费减"
|
|
|
|
|
+ style={{ display: this.state.displayFees }}
|
|
|
|
|
+ >
|
|
|
|
|
+ <span>
|
|
|
|
|
+ {this.state.costReduction == 0 ? "无费减" : "有费减"}
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ <FormItem
|
|
|
|
|
+ className="half-item"
|
|
|
|
|
+ {...formItemLayout}
|
|
|
|
|
+ label="金额(万元)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <span>{this.state.commodityPrice}</span>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ <FormItem
|
|
|
|
|
+ className="half-item"
|
|
|
|
|
+ {...formItemLayout}
|
|
|
|
|
+ label="主要项目"
|
|
|
|
|
+ >
|
|
|
|
|
+ <span>{getboutique(this.state.main)}</span>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ <div className="clearfix">
|
|
|
|
|
+ <FormItem
|
|
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
|
|
+ wrapperCol={{ span: 16 }}
|
|
|
|
|
+ label="服务说明"
|
|
|
|
|
+ >
|
|
|
|
|
+ <span>{this.state.taskComment}</span>
|
|
|
|
|
+ </FormItem>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </Spin>
|
|
|
|
|
+ </Form>
|
|
|
|
|
+ </Modal>
|
|
|
<div>
|
|
<div>
|
|
|
<span style={{ marginLeft: 20, fontSize: "18px" }}>
|
|
<span style={{ marginLeft: 20, fontSize: "18px" }}>
|
|
|
催款节点
|
|
催款节点
|
|
@@ -1251,7 +1362,7 @@ const OrderDetail = Form.create()(
|
|
|
style={{
|
|
style={{
|
|
|
display: cuiDataList.length ? "none" : "inline-block",
|
|
display: cuiDataList.length ? "none" : "inline-block",
|
|
|
marginLeft: 10,
|
|
marginLeft: 10,
|
|
|
- color: "red"
|
|
|
|
|
|
|
+ color: "red",
|
|
|
}}
|
|
}}
|
|
|
>
|
|
>
|
|
|
金额总计(万元): {this.state.totalCui}
|
|
金额总计(万元): {this.state.totalCui}
|
|
@@ -1287,7 +1398,7 @@ const OrderDetail = Form.create()(
|
|
|
</Form>
|
|
</Form>
|
|
|
</div>
|
|
</div>
|
|
|
);
|
|
);
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
})
|
|
})
|
|
|
);
|
|
);
|
|
|
export default OrderDetail;
|
|
export default OrderDetail;
|