|
@@ -34,7 +34,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
loadData(pageNo) {
|
|
|
this.state.data = [];
|
|
|
this.setState({
|
|
|
- loading: true
|
|
|
+ loading: true,
|
|
|
});
|
|
|
$.ajax({
|
|
|
method: "get",
|
|
@@ -49,9 +49,9 @@ const outsourcingPaiDan = React.createClass({
|
|
|
startTime: this.state.releaseDate[0],
|
|
|
endTime: this.state.releaseDate[1],
|
|
|
processStatus: this.state.processStatus,
|
|
|
- outsource: 1
|
|
|
+ outsource: 1,
|
|
|
},
|
|
|
- success: function(data) {
|
|
|
+ success: function (data) {
|
|
|
let theArr = [];
|
|
|
if (!data.data || !data.data.list) {
|
|
|
if (data.error && data.error.length) {
|
|
@@ -76,7 +76,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
contractNo: thisdata.contractNo,
|
|
|
financeId: thisdata.financeId,
|
|
|
departmentName: thisdata.departmentName,
|
|
|
- outsourceName: thisdata.outsourceName
|
|
|
+ outsourceName: thisdata.outsourceName,
|
|
|
});
|
|
|
}
|
|
|
}
|
|
@@ -87,19 +87,20 @@ const outsourcingPaiDan = React.createClass({
|
|
|
this.setState({
|
|
|
totalPage: data.data.totalPage,
|
|
|
dataSource: theArr,
|
|
|
- pagination: this.state.pagination
|
|
|
+ pagination: this.state.pagination,
|
|
|
});
|
|
|
- }.bind(this)
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
|
- function() {
|
|
|
+ function () {
|
|
|
this.setState({
|
|
|
- loading: false
|
|
|
+ loading: false,
|
|
|
});
|
|
|
}.bind(this)
|
|
|
);
|
|
|
},
|
|
|
getInitialState() {
|
|
|
return {
|
|
|
+ rotateDeg: 0,
|
|
|
searchMore: true,
|
|
|
assignVisible: false,
|
|
|
releaseDate: [],
|
|
@@ -115,83 +116,83 @@ const outsourcingPaiDan = React.createClass({
|
|
|
defaultPageSize: 10,
|
|
|
showQuickJumper: true,
|
|
|
pageSize: 10,
|
|
|
- onChange: function(page) {
|
|
|
+ onChange: function (page) {
|
|
|
this.loadData(page);
|
|
|
}.bind(this),
|
|
|
- showTotal: function(total) {
|
|
|
+ showTotal: function (total) {
|
|
|
return "共" + total + "条数据";
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
columns: [
|
|
|
{
|
|
|
title: "订单编号",
|
|
|
dataIndex: "orderNo",
|
|
|
- key: "orderNo"
|
|
|
+ key: "orderNo",
|
|
|
},
|
|
|
{
|
|
|
title: "合同编号",
|
|
|
dataIndex: "contractNo",
|
|
|
- key: "contractNo"
|
|
|
+ key: "contractNo",
|
|
|
},
|
|
|
{
|
|
|
title: "下单时间",
|
|
|
dataIndex: "createTime",
|
|
|
- key: "createTime"
|
|
|
+ key: "createTime",
|
|
|
},
|
|
|
{
|
|
|
title: "签单时间",
|
|
|
dataIndex: "signTime",
|
|
|
- key: "signTime"
|
|
|
+ key: "signTime",
|
|
|
},
|
|
|
{
|
|
|
title: "签单客户",
|
|
|
dataIndex: "buyerName",
|
|
|
key: "buyerName",
|
|
|
- render: text => {
|
|
|
+ render: (text) => {
|
|
|
return text && text.length > 8 ? text.substr(0, 8) + "..." : text;
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "外包公司",
|
|
|
dataIndex: "outsourceName",
|
|
|
key: "outsourceName",
|
|
|
- render: text => {
|
|
|
+ render: (text) => {
|
|
|
return text && text.length > 8 ? text.substr(0, 8) + "..." : text;
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "流程状态",
|
|
|
dataIndex: "processStatus",
|
|
|
key: "processStatus",
|
|
|
- render: text => {
|
|
|
+ render: (text) => {
|
|
|
return getProcessStatus(text);
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "订单部门",
|
|
|
dataIndex: "departmentName",
|
|
|
key: "departmentName",
|
|
|
- render: text => {
|
|
|
+ render: (text) => {
|
|
|
return text && text.length > 8 ? text.substr(0, 8) + "..." : text;
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "订单总金额(万)",
|
|
|
dataIndex: "signTotalAmount",
|
|
|
- key: "signTotalAmount"
|
|
|
+ key: "signTotalAmount",
|
|
|
},
|
|
|
{
|
|
|
title: "是否特批",
|
|
|
dataIndex: "approval",
|
|
|
key: "approval",
|
|
|
- render: text => {
|
|
|
+ render: (text) => {
|
|
|
return getApproval(text);
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "订单负责人",
|
|
|
dataIndex: "sellerName",
|
|
|
- key: "sellerName"
|
|
|
+ key: "sellerName",
|
|
|
},
|
|
|
{
|
|
|
title: "操作",
|
|
@@ -199,26 +200,26 @@ const outsourcingPaiDan = React.createClass({
|
|
|
key: "caouzo",
|
|
|
render: (text, recard) => {
|
|
|
return <div>{this.judgeFenpai(recard)}</div>;
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
],
|
|
|
columnsX: [
|
|
|
{
|
|
|
title: "业务项目名称",
|
|
|
dataIndex: "commodityName",
|
|
|
key: "commodityName",
|
|
|
- render: text => {
|
|
|
+ render: (text) => {
|
|
|
return text && text.length > 6 ? (
|
|
|
<span title={text}>{text.substr(0, 8)}...</span>
|
|
|
) : (
|
|
|
text
|
|
|
);
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "项目类别",
|
|
|
dataIndex: "cname",
|
|
|
- key: "cname"
|
|
|
+ key: "cname",
|
|
|
},
|
|
|
{
|
|
|
title: "项目数量",
|
|
@@ -231,7 +232,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
{text}{" "}
|
|
|
<Tag
|
|
|
color="#108ee9"
|
|
|
- onClick={e => {
|
|
|
+ onClick={(e) => {
|
|
|
e.stopPropagation();
|
|
|
this.showRes(record);
|
|
|
}}
|
|
@@ -243,85 +244,85 @@ const outsourcingPaiDan = React.createClass({
|
|
|
} else {
|
|
|
return text;
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "服务市价(万元)",
|
|
|
dataIndex: "commodityPrice",
|
|
|
- key: "commodityPrice"
|
|
|
+ key: "commodityPrice",
|
|
|
},
|
|
|
{
|
|
|
title: "项目状态",
|
|
|
dataIndex: "projectStatus",
|
|
|
key: "projectStatus",
|
|
|
- render: text => {
|
|
|
+ render: (text) => {
|
|
|
return getProjectStatus(text);
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "证书编号",
|
|
|
dataIndex: "certificateNumber",
|
|
|
- key: "certificateNumber"
|
|
|
+ key: "certificateNumber",
|
|
|
},
|
|
|
{
|
|
|
title: "是否主要项目",
|
|
|
dataIndex: "main",
|
|
|
key: "main",
|
|
|
- render: text => {
|
|
|
+ render: (text) => {
|
|
|
return text ? "是" : "否";
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "项目说明",
|
|
|
dataIndex: "taskComment",
|
|
|
key: "taskComment",
|
|
|
- render: text => {
|
|
|
+ render: (text) => {
|
|
|
return text && text.length > 8 ? (
|
|
|
<span title={text}>{text.substr(0, 8)}...</span>
|
|
|
) : (
|
|
|
text
|
|
|
);
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
],
|
|
|
columnsY: [
|
|
|
{
|
|
|
title: "流程",
|
|
|
dataIndex: "processName",
|
|
|
- key: "processName"
|
|
|
+ key: "processName",
|
|
|
},
|
|
|
{
|
|
|
title: "操作人",
|
|
|
dataIndex: "adminName",
|
|
|
- key: "adminName"
|
|
|
+ key: "adminName",
|
|
|
},
|
|
|
{
|
|
|
title: "时间",
|
|
|
dataIndex: "createDate",
|
|
|
- key: "createDate"
|
|
|
- }
|
|
|
+ key: "createDate",
|
|
|
+ },
|
|
|
],
|
|
|
columnsW: [
|
|
|
{
|
|
|
title: "外包名称",
|
|
|
dataIndex: "name",
|
|
|
- key: "name"
|
|
|
+ key: "name",
|
|
|
},
|
|
|
{
|
|
|
title: "联系人",
|
|
|
dataIndex: "contacts",
|
|
|
- key: "contacts"
|
|
|
+ key: "contacts",
|
|
|
},
|
|
|
{
|
|
|
title: "联系人电话",
|
|
|
dataIndex: "contactsMobile",
|
|
|
- key: "contactsMobile"
|
|
|
+ key: "contactsMobile",
|
|
|
},
|
|
|
{
|
|
|
title: "地址",
|
|
|
dataIndex: "ProvinceCity",
|
|
|
key: "ProvinceCity",
|
|
|
- render: test => {
|
|
|
+ render: (test) => {
|
|
|
return test[0] === null
|
|
|
? ""
|
|
|
: getprovince(test[0]) +
|
|
@@ -329,42 +330,42 @@ const outsourcingPaiDan = React.createClass({
|
|
|
getprovince(test[1]) +
|
|
|
"/" +
|
|
|
getprovince(test[2]);
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "地址详情",
|
|
|
dataIndex: "address",
|
|
|
key: "address",
|
|
|
- render: text => {
|
|
|
+ render: (text) => {
|
|
|
return text && text.length > 8 ? text.substr(0, 8) + "..." : text;
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: "创建时间",
|
|
|
dataIndex: "createTimes",
|
|
|
- key: "createTimes"
|
|
|
+ key: "createTimes",
|
|
|
},
|
|
|
{
|
|
|
title: "任务名称",
|
|
|
dataIndex: "tname",
|
|
|
- key: "tname"
|
|
|
+ key: "tname",
|
|
|
},
|
|
|
{
|
|
|
title: "合同编号",
|
|
|
dataIndex: "contractNo",
|
|
|
- key: "contractNo"
|
|
|
+ key: "contractNo",
|
|
|
},
|
|
|
{
|
|
|
title: "项目状态",
|
|
|
dataIndex: "projectStatus",
|
|
|
key: "projectStatus",
|
|
|
- render: text => {
|
|
|
+ render: (text) => {
|
|
|
return getProjectStatus(text);
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
],
|
|
|
dataSource: [],
|
|
|
- searchTime: [,]
|
|
|
+ searchTime: [,],
|
|
|
};
|
|
|
},
|
|
|
|
|
@@ -375,7 +376,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
return (
|
|
|
<Button
|
|
|
type="primary"
|
|
|
- onClick={e => {
|
|
|
+ onClick={(e) => {
|
|
|
e.stopPropagation(), this.evaluate(recard);
|
|
|
}}
|
|
|
>
|
|
@@ -389,7 +390,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
return (
|
|
|
<Button
|
|
|
type="primary"
|
|
|
- onClick={e => {
|
|
|
+ onClick={(e) => {
|
|
|
e.stopPropagation(), this.evaluate(recard);
|
|
|
}}
|
|
|
>
|
|
@@ -408,9 +409,9 @@ const outsourcingPaiDan = React.createClass({
|
|
|
crossDomain: false,
|
|
|
url: globalConfig.context + "/api/admin/newOrder/selectOrderDun",
|
|
|
data: {
|
|
|
- orderNo: orderNo
|
|
|
+ orderNo: orderNo,
|
|
|
},
|
|
|
- success: function(data) {
|
|
|
+ success: function (data) {
|
|
|
let thisData = data.data;
|
|
|
if (!thisData.length) {
|
|
|
if (data.error && data.error.length) {
|
|
@@ -419,14 +420,14 @@ const outsourcingPaiDan = React.createClass({
|
|
|
thisData = {};
|
|
|
} else {
|
|
|
this.setState({
|
|
|
- jsDate: thisData
|
|
|
+ jsDate: thisData,
|
|
|
});
|
|
|
}
|
|
|
- }.bind(this)
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
|
- function() {
|
|
|
+ function () {
|
|
|
this.setState({
|
|
|
- loading: false
|
|
|
+ loading: false,
|
|
|
});
|
|
|
}.bind(this)
|
|
|
);
|
|
@@ -436,7 +437,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
evaluate(recard) {
|
|
|
this.state.assignData = recard;
|
|
|
this.setState({
|
|
|
- assignVisible: true
|
|
|
+ assignVisible: true,
|
|
|
});
|
|
|
},
|
|
|
/* 驳回 */
|
|
@@ -444,12 +445,12 @@ const outsourcingPaiDan = React.createClass({
|
|
|
this.setState({
|
|
|
bohuiData: recard,
|
|
|
boHuiVisible: true,
|
|
|
- content: ""
|
|
|
+ content: "",
|
|
|
});
|
|
|
},
|
|
|
boHuiOk() {
|
|
|
this.setState({
|
|
|
- boHuiVisible: false
|
|
|
+ boHuiVisible: false,
|
|
|
});
|
|
|
if (
|
|
|
this.state.pagination.current == this.state.totalPage &&
|
|
@@ -462,7 +463,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
},
|
|
|
boHuiCancel() {
|
|
|
this.setState({
|
|
|
- boHuiVisible: false
|
|
|
+ boHuiVisible: false,
|
|
|
});
|
|
|
},
|
|
|
componentWillMount() {
|
|
@@ -474,7 +475,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
showDesc: true,
|
|
|
visible: true,
|
|
|
orderNo: record.orderNo,
|
|
|
- modKey: "1"
|
|
|
+ modKey: "1",
|
|
|
});
|
|
|
this.jdDate(record.orderNo);
|
|
|
this.loadXmu(record);
|
|
@@ -485,14 +486,14 @@ const outsourcingPaiDan = React.createClass({
|
|
|
if (key === "2") {
|
|
|
this.setState({
|
|
|
modKey: key,
|
|
|
- width: "1200px"
|
|
|
+ width: "1200px",
|
|
|
});
|
|
|
this.loadWaiBao();
|
|
|
}
|
|
|
if (key === "1") {
|
|
|
this.setState({
|
|
|
modKey: key,
|
|
|
- width: "800px"
|
|
|
+ width: "800px",
|
|
|
});
|
|
|
}
|
|
|
},
|
|
@@ -501,12 +502,12 @@ const outsourcingPaiDan = React.createClass({
|
|
|
showRes(record) {
|
|
|
this.setState({
|
|
|
resVisible: true,
|
|
|
- resRecord: record
|
|
|
+ resRecord: record,
|
|
|
});
|
|
|
},
|
|
|
resCancel() {
|
|
|
this.setState({
|
|
|
- resVisible: false
|
|
|
+ resVisible: false,
|
|
|
});
|
|
|
},
|
|
|
|
|
@@ -520,9 +521,9 @@ const outsourcingPaiDan = React.createClass({
|
|
|
globalConfig.context +
|
|
|
"/api/admin/outsourceOrg/selectOrderOutsourceOrg",
|
|
|
data: {
|
|
|
- orderNo: this.state.orderNo
|
|
|
+ orderNo: this.state.orderNo,
|
|
|
},
|
|
|
- success: function(data) {
|
|
|
+ success: function (data) {
|
|
|
let theArr = [];
|
|
|
if (data.error.length || data.data.list == "") {
|
|
|
if (data.error && data.error.length) {
|
|
@@ -552,21 +553,21 @@ const outsourcingPaiDan = React.createClass({
|
|
|
createTimes: thisdata.createTimes,
|
|
|
tname: thisdata.tname,
|
|
|
contractNo: thisdata.contractNo,
|
|
|
- projectStatus: thisdata.projectStatus
|
|
|
+ projectStatus: thisdata.projectStatus,
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
this.setState(
|
|
|
{
|
|
|
- dataSourceW: theArr
|
|
|
+ dataSourceW: theArr,
|
|
|
},
|
|
|
() => {}
|
|
|
);
|
|
|
- }.bind(this)
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
|
- function() {
|
|
|
+ function () {
|
|
|
this.setState({
|
|
|
- loading: false
|
|
|
+ loading: false,
|
|
|
});
|
|
|
}.bind(this)
|
|
|
);
|
|
@@ -574,7 +575,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
loadXmu(record) {
|
|
|
this.state.data = [];
|
|
|
this.setState({
|
|
|
- loading: true
|
|
|
+ loading: true,
|
|
|
});
|
|
|
$.ajax({
|
|
|
method: "get",
|
|
@@ -582,9 +583,9 @@ const outsourcingPaiDan = React.createClass({
|
|
|
crossDomain: false,
|
|
|
url: globalConfig.context + "/api/admin/newOrder/getOrderTask",
|
|
|
data: {
|
|
|
- orderNo: record.orderNo
|
|
|
+ orderNo: record.orderNo,
|
|
|
},
|
|
|
- success: function(data) {
|
|
|
+ success: function (data) {
|
|
|
let theArr = [];
|
|
|
if (!data.data) {
|
|
|
if (data.error && data.error.length) {
|
|
@@ -608,19 +609,19 @@ const outsourcingPaiDan = React.createClass({
|
|
|
cname: thisdata.cname,
|
|
|
certificateNumber: thisdata.certificateNumber,
|
|
|
projectStatus: thisdata.projectStatus,
|
|
|
- splitStatus: thisdata.splitStatus
|
|
|
+ splitStatus: thisdata.splitStatus,
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
this.setState({
|
|
|
dataSourceX: theArr,
|
|
|
- pagination: false
|
|
|
+ pagination: false,
|
|
|
});
|
|
|
- }.bind(this)
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
|
- function() {
|
|
|
+ function () {
|
|
|
this.setState({
|
|
|
- loading: false
|
|
|
+ loading: false,
|
|
|
});
|
|
|
}.bind(this)
|
|
|
);
|
|
@@ -633,9 +634,9 @@ const outsourcingPaiDan = React.createClass({
|
|
|
crossDomain: false,
|
|
|
url: globalConfig.context + "/api/admin/newOrder/getOrderNewDetail",
|
|
|
data: {
|
|
|
- orderNo: record.orderNo
|
|
|
+ orderNo: record.orderNo,
|
|
|
},
|
|
|
- success: function(data) {
|
|
|
+ success: function (data) {
|
|
|
let thisData = data.data;
|
|
|
if (!thisData) {
|
|
|
if (data.error && data.error.length) {
|
|
@@ -658,22 +659,29 @@ const outsourcingPaiDan = React.createClass({
|
|
|
globalConfig.avatarHost + "/upload"
|
|
|
)
|
|
|
: [],
|
|
|
+ replenishUrl: thisData.agreementUrl
|
|
|
+ ? splitUrl(
|
|
|
+ thisData.agreementUrl,
|
|
|
+ ",",
|
|
|
+ globalConfig.avatarHost + "/upload"
|
|
|
+ )
|
|
|
+ : [],
|
|
|
orderNo: thisData.orderNo, //订单编号
|
|
|
buyerId: thisData.buyerId,
|
|
|
- depName: thisData.depName
|
|
|
+ depName: thisData.depName,
|
|
|
});
|
|
|
- }.bind(this)
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
|
- function() {
|
|
|
+ function () {
|
|
|
this.setState({
|
|
|
- loading: false
|
|
|
+ loading: false,
|
|
|
});
|
|
|
}.bind(this)
|
|
|
);
|
|
|
},
|
|
|
rizhi() {
|
|
|
this.setState({
|
|
|
- loading: true
|
|
|
+ loading: true,
|
|
|
});
|
|
|
$.ajax({
|
|
|
method: "get",
|
|
@@ -681,9 +689,9 @@ const outsourcingPaiDan = React.createClass({
|
|
|
crossDomain: false,
|
|
|
url: "/api/admin/newOrder/selectOrderLog",
|
|
|
data: {
|
|
|
- orderNo: this.state.orderNo
|
|
|
+ orderNo: this.state.orderNo,
|
|
|
},
|
|
|
- success: function(data) {
|
|
|
+ success: function (data) {
|
|
|
let theArr = [];
|
|
|
let thisData = data.data;
|
|
|
if (!thisData.length) {
|
|
@@ -698,30 +706,30 @@ const outsourcingPaiDan = React.createClass({
|
|
|
processName: thisdata.processName,
|
|
|
adminName: thisdata.adminName,
|
|
|
createDate: thisdata.createDate,
|
|
|
- remarks: thisdata.remarks
|
|
|
+ remarks: thisdata.remarks,
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
this.setState({
|
|
|
- dataSourceY: theArr
|
|
|
+ dataSourceY: theArr,
|
|
|
});
|
|
|
- }.bind(this)
|
|
|
+ }.bind(this),
|
|
|
}).always(
|
|
|
- function() {
|
|
|
+ function () {
|
|
|
this.setState({
|
|
|
- loading: false
|
|
|
+ loading: false,
|
|
|
});
|
|
|
}.bind(this)
|
|
|
);
|
|
|
},
|
|
|
closeOrderLog() {
|
|
|
this.setState({
|
|
|
- avisible: false
|
|
|
+ avisible: false,
|
|
|
});
|
|
|
},
|
|
|
getOrderLog() {
|
|
|
this.setState({
|
|
|
- avisible: true
|
|
|
+ avisible: true,
|
|
|
});
|
|
|
this.rizhi();
|
|
|
},
|
|
@@ -729,7 +737,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
this.setState({
|
|
|
visible: false,
|
|
|
modKey: "1",
|
|
|
- width: "800px"
|
|
|
+ width: "800px",
|
|
|
});
|
|
|
},
|
|
|
closeDesc(e, s) {
|
|
@@ -754,6 +762,82 @@ const outsourcingPaiDan = React.createClass({
|
|
|
search() {
|
|
|
this.loadData();
|
|
|
},
|
|
|
+ downImg() {
|
|
|
+ let num = 0;
|
|
|
+ for (let i = 0; i < this.state.orgCodeUrl.length; i++) {
|
|
|
+ if (this.state.orgCodeUrl[i].url == this.state.previewImage) {
|
|
|
+ num = i;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (num == this.state.orgCodeUrl.length - 1) {
|
|
|
+ return message.warning("已经是最后一张了哦");
|
|
|
+ }
|
|
|
+ this.state.previewImage = this.state.orgCodeUrl[num + 1].url;
|
|
|
+ this.setState({
|
|
|
+ previewImage: this.state.previewImage,
|
|
|
+ rotateDeg: 0,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ upImg() {
|
|
|
+ let num = 0;
|
|
|
+ for (let i = 0; i < this.state.orgCodeUrl.length; i++) {
|
|
|
+ if (this.state.orgCodeUrl[i].url == this.state.previewImage) {
|
|
|
+ num = i;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (num == 0) {
|
|
|
+ return message.warning("已经是第一张了哦");
|
|
|
+ }
|
|
|
+ this.state.previewImage = this.state.orgCodeUrl[num - 1].url;
|
|
|
+ this.setState({
|
|
|
+ previewImage: this.state.previewImage,
|
|
|
+ rotateDeg: 0,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ rotate() {
|
|
|
+ let rotateDeg = this.state.rotateDeg + 90;
|
|
|
+ this.setState({
|
|
|
+ rotateDeg,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ downImgs() {
|
|
|
+ let num = 0;
|
|
|
+ for (let i = 0; i < this.state.replenishUrl.length; i++) {
|
|
|
+ if (this.state.replenishUrl[i].url == this.state.previewImage) {
|
|
|
+ num = i;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (num == this.state.replenishUrl.length - 1) {
|
|
|
+ return message.warning("已经是最后一张了哦");
|
|
|
+ }
|
|
|
+ this.state.previewImage = this.state.replenishUrl[num + 1].url;
|
|
|
+ this.setState({
|
|
|
+ previewImage: this.state.previewImage,
|
|
|
+ rotateDeg: 0,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ upImgs() {
|
|
|
+ let num = 0;
|
|
|
+ for (let i = 0; i < this.state.replenishUrl.length; i++) {
|
|
|
+ if (this.state.replenishUrl[i].url == this.state.previewImage) {
|
|
|
+ num = i;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (num == 0) {
|
|
|
+ return message.warning("已经是第一张了哦");
|
|
|
+ }
|
|
|
+ this.state.previewImage = this.state.replenishUrl[num - 1].url;
|
|
|
+ this.setState({
|
|
|
+ previewImage: this.state.previewImage,
|
|
|
+ rotateDeg: 0,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ rotates() {
|
|
|
+ let rotateDeg = this.state.rotateDeg + 90;
|
|
|
+ this.setState({
|
|
|
+ rotateDeg,
|
|
|
+ });
|
|
|
+ },
|
|
|
reset() {
|
|
|
this.state.nameSearch = "";
|
|
|
this.state.releaseDate = [];
|
|
@@ -763,7 +847,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
},
|
|
|
searchSwitch() {
|
|
|
this.setState({
|
|
|
- searchMore: !this.state.searchMore
|
|
|
+ searchMore: !this.state.searchMore,
|
|
|
});
|
|
|
},
|
|
|
render() {
|
|
@@ -772,7 +856,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
const theData = this.state.orderList || {};
|
|
|
const formItemLayout = {
|
|
|
labelCol: { span: 10 },
|
|
|
- wrapperCol: { span: 12 }
|
|
|
+ wrapperCol: { span: 12 },
|
|
|
};
|
|
|
const jsDate = this.state.jsDate || [];
|
|
|
return (
|
|
@@ -794,20 +878,20 @@ const outsourcingPaiDan = React.createClass({
|
|
|
<Input
|
|
|
placeholder="客户名称"
|
|
|
value={this.state.nameSearch}
|
|
|
- onChange={e => {
|
|
|
+ onChange={(e) => {
|
|
|
this.setState({ nameSearch: e.target.value });
|
|
|
}}
|
|
|
/>
|
|
|
<Input
|
|
|
placeholder="订单编号"
|
|
|
value={this.state.orderNoSearch}
|
|
|
- onChange={e => {
|
|
|
+ onChange={(e) => {
|
|
|
this.setState({ orderNoSearch: e.target.value });
|
|
|
}}
|
|
|
/>
|
|
|
<Select
|
|
|
placeholder="流程状态"
|
|
|
- onChange={e => {
|
|
|
+ onChange={(e) => {
|
|
|
this.setState({ processStatus: e });
|
|
|
}}
|
|
|
style={{ width: 160, marginRight: 5 }}
|
|
@@ -824,7 +908,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
: null,
|
|
|
this.state.releaseDate[1]
|
|
|
? moment(this.state.releaseDate[1])
|
|
|
- : null
|
|
|
+ : null,
|
|
|
]}
|
|
|
onChange={(data, dataString) => {
|
|
|
this.setState({ releaseDate: dataString });
|
|
@@ -957,38 +1041,147 @@ const outsourcingPaiDan = React.createClass({
|
|
|
className="demandDetailShow-upload"
|
|
|
listType="picture-card"
|
|
|
fileList={this.state.orgCodeUrl}
|
|
|
- onPreview={file => {
|
|
|
+ onPreview={(file) => {
|
|
|
this.setState({
|
|
|
previewImage: file.url || file.thumbUrl,
|
|
|
- previewVisible: true
|
|
|
+ previewVisible: true,
|
|
|
});
|
|
|
}}
|
|
|
></Upload>
|
|
|
<Modal
|
|
|
maskClosable={false}
|
|
|
footer={null}
|
|
|
+ width={"70%"}
|
|
|
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>
|
|
|
<Button
|
|
|
style={{
|
|
|
float: "right",
|
|
|
marginRight: "140px",
|
|
|
- marginTop: "20px"
|
|
|
+ marginTop: "20px",
|
|
|
}}
|
|
|
onClick={this.getOrderLog}
|
|
|
>
|
|
|
查看订单日志
|
|
|
</Button>
|
|
|
</FormItem>
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 5 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
+ label="补充协议"
|
|
|
+ >
|
|
|
+ <Upload
|
|
|
+ className="demandDetailShow-upload"
|
|
|
+ listType="picture-card"
|
|
|
+ fileList={this.state.replenishUrl}
|
|
|
+ onPreview={(file) => {
|
|
|
+ this.setState({
|
|
|
+ previewImage: file.url || file.thumbUrl,
|
|
|
+ previewVisible: true,
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ ></Upload>
|
|
|
+ <Modal
|
|
|
+ maskClosable={false}
|
|
|
+ footer={null}
|
|
|
+ width={"70%"}
|
|
|
+ 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.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>
|
|
|
+ </FormItem>
|
|
|
</div>
|
|
|
<div className="clearfix">
|
|
|
<FormItem
|
|
@@ -1023,7 +1216,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
wrapperCol={{ span: 18 }}
|
|
|
label="收款节点"
|
|
|
>
|
|
|
- {jsDate.map(item => {
|
|
|
+ {jsDate.map((item) => {
|
|
|
return (
|
|
|
<p>
|
|
|
{getjiedian(item.dunSubject)} -- {item.money} 万元
|
|
@@ -1110,7 +1303,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
columns={this.state.columnsW}
|
|
|
dataSource={this.state.dataSourceW}
|
|
|
pagination={this.state.pagination}
|
|
|
- expandedRowRender={record => (
|
|
|
+ expandedRowRender={(record) => (
|
|
|
<p style={{ margin: 0 }}>{record.remarks}</p>
|
|
|
)}
|
|
|
scroll={{ x: 300, y: 0 }}
|
|
@@ -1156,7 +1349,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
rows={4}
|
|
|
placeholder="请输入驳回原因"
|
|
|
value={this.state.content}
|
|
|
- onChange={e => {
|
|
|
+ onChange={(e) => {
|
|
|
this.setState({ content: e.target.value });
|
|
|
}}
|
|
|
/>
|
|
@@ -1183,7 +1376,7 @@ const outsourcingPaiDan = React.createClass({
|
|
|
</Modal>
|
|
|
</div>
|
|
|
);
|
|
|
- }
|
|
|
+ },
|
|
|
});
|
|
|
|
|
|
export default outsourcingPaiDan;
|