|
|
@@ -7,485 +7,493 @@ import { getApprovedState, getPaymentState, getOrderState, getProjectState, getO
|
|
|
import ProjectOperation from "../../../../common/projectOperation";
|
|
|
|
|
|
const ApproveDetaile = Form.create()(React.createClass({
|
|
|
- loadData(record) {
|
|
|
- this.state.data = [];
|
|
|
- this.setState({
|
|
|
- loading: true
|
|
|
- });
|
|
|
- $.ajax({
|
|
|
- method: "get",
|
|
|
- dataType: "json",
|
|
|
- crossDomain: false,
|
|
|
- url: globalConfig.context + '/api/admin/order/getOrderCommodity',
|
|
|
- data: {
|
|
|
- orderNo: record ? record.orderNo : this.props.datauser.orderNo
|
|
|
- },
|
|
|
- success: function (data) {
|
|
|
- let theArr = [];
|
|
|
- if (!data.data) {
|
|
|
- if (data.error && data.error.length) {
|
|
|
- message.warning(data.error[0].message);
|
|
|
- };
|
|
|
- } else {
|
|
|
- for (let i = 0; i < data.data.length; i++) {
|
|
|
- let thisdata = data.data[i];
|
|
|
- theArr.push({
|
|
|
- key: i,
|
|
|
- id: thisdata.id,
|
|
|
- orderNo: thisdata.orderNo,
|
|
|
- commodityName: thisdata.commodityName,
|
|
|
- commodityType: thisdata.commodityType,
|
|
|
- commodityMode: thisdata.commodityMode,
|
|
|
- commodityQuantity: thisdata.commodityQuantity,
|
|
|
- commodityPrice: thisdata.commodityPrice,
|
|
|
- discountPrice: thisdata.discountPrice,
|
|
|
- commodityFirstPayment: thisdata.commodityFirstPayment,
|
|
|
- createTimes: thisdata.createTimes,
|
|
|
- discountFirstPayment: thisdata.discountFirstPayment,
|
|
|
- remarks: thisdata.remarks,
|
|
|
- });
|
|
|
- };
|
|
|
- }
|
|
|
- this.setState({
|
|
|
- dataSource: theArr,
|
|
|
- });
|
|
|
- }.bind(this),
|
|
|
- }).always(function () {
|
|
|
- this.setState({
|
|
|
- loading: false
|
|
|
- });
|
|
|
- }.bind(this));
|
|
|
- },
|
|
|
- getInitialState() {
|
|
|
- return {
|
|
|
- loading: false,
|
|
|
- visible: false,
|
|
|
- lookState: true,
|
|
|
- orgCodeUrl: [],
|
|
|
- lookflowList: [],
|
|
|
- checkedKeys: [],
|
|
|
- columns: [
|
|
|
- {
|
|
|
- title: '业务项目名称',
|
|
|
- dataIndex: 'commodityName',
|
|
|
- key: 'commodityName',
|
|
|
- render: (text, record) => {
|
|
|
- return (
|
|
|
- <span>{text}<span style={{ color: "red" }}>{record.patentTypeName}</span></span>
|
|
|
- )
|
|
|
- }
|
|
|
- }, {
|
|
|
- title: '项目类别',
|
|
|
- dataIndex: 'commodityType',
|
|
|
- key: 'commodityType',
|
|
|
- render: (text) => {
|
|
|
- return (getOrderType(text))
|
|
|
- }
|
|
|
- }, {
|
|
|
- title: '项目数量',
|
|
|
- dataIndex: 'commodityQuantity',
|
|
|
- key: 'commodityQuantity'
|
|
|
- }, {
|
|
|
- title: '服务市价(万元)',
|
|
|
- dataIndex: 'commodityPrice',
|
|
|
- key: 'commodityPrice'
|
|
|
- }, {
|
|
|
- title: '实签价格(万元)',
|
|
|
- dataIndex: 'discountPrice',
|
|
|
- key: 'discountPrice'
|
|
|
- }, {
|
|
|
- title: '下单时间',
|
|
|
- dataIndex: 'createTimes',
|
|
|
- key: 'createTimes'
|
|
|
- }, {
|
|
|
- title: '项目说明',
|
|
|
- dataIndex: 'remarks',
|
|
|
- key: 'remarks',
|
|
|
- render: (text) => {
|
|
|
- return (text && text.length > 8 ? text.substr(0, 8) + '…' : text)
|
|
|
- }
|
|
|
- }
|
|
|
- ],
|
|
|
- flowList: [
|
|
|
- {
|
|
|
- title: '平台流水号',
|
|
|
- dataIndex: 'billNo',
|
|
|
- key: 'billNo',
|
|
|
- }, {
|
|
|
- title: '平台流水时间',
|
|
|
- dataIndex: 'createTime',
|
|
|
- key: 'createTime'
|
|
|
- }, {
|
|
|
- title: '流水金额(万元)',
|
|
|
- dataIndex: 'transactionAmount',
|
|
|
- key: 'transactionAmount'
|
|
|
- }, {
|
|
|
- title: '付款人名称',
|
|
|
- dataIndex: 'payerName',
|
|
|
- key: 'payerName'
|
|
|
- }, {
|
|
|
- title: '收款人名称',
|
|
|
- dataIndex: 'payeeName',
|
|
|
- key: 'payeeName'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '流水科目',
|
|
|
- dataIndex: 'transactionSubject',
|
|
|
- key: 'transactionSubject',
|
|
|
- render: (text) => { return getTransactionProject(text) }
|
|
|
- }, {
|
|
|
- title: '流水外联',
|
|
|
- dataIndex: 'transactionChannel',
|
|
|
- key: 'transactionChannel',
|
|
|
- render: (text) => { return getTransactionChannel(text) }
|
|
|
- }, {
|
|
|
- title: '财务流水号',
|
|
|
- dataIndex: 'financialPayNo',
|
|
|
- key: 'financialPayNo',
|
|
|
- }, {
|
|
|
- title: '财务流水时间',
|
|
|
- dataIndex: 'financialPayTime',
|
|
|
- key: 'financialPayTime',
|
|
|
- }, {
|
|
|
- title: '流水确认',
|
|
|
- dataIndex: 'confirmSign',
|
|
|
- key: 'confirmSign',
|
|
|
- render: (text) => { return text ? '已确认' : '待确认' }
|
|
|
- }, {
|
|
|
- title: '确认时间',
|
|
|
- dataIndex: 'confirmTime',
|
|
|
- key: 'confirmTime',
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
- },
|
|
|
- //查看基本详情基本信息
|
|
|
- loaduser(record) {
|
|
|
- if (record) {
|
|
|
- this.state.orderList = []
|
|
|
- $.ajax({
|
|
|
- method: "get",
|
|
|
- dataType: "json",
|
|
|
- crossDomain: false,
|
|
|
- url: globalConfig.context + '/api/admin/order/getServiceOrderDetail',
|
|
|
- data: {
|
|
|
- orderNo: record.orderNo
|
|
|
- },
|
|
|
- success: function (data) {
|
|
|
- let thisData = data.data;
|
|
|
- if (!thisData) {
|
|
|
- if (data.error && data.error.length) {
|
|
|
- message.warning(data.error[0].message);
|
|
|
- };
|
|
|
- thisData = {};
|
|
|
- };
|
|
|
- this.setState({
|
|
|
- id: thisData.id,
|
|
|
- orderList: thisData,
|
|
|
- orderAmount: thisData.orderAmount,
|
|
|
- firstPayment: thisData.firstPayment,
|
|
|
- signTotalAmount: thisData.signTotalAmount,
|
|
|
- signFirstPayment: thisData.signFirstPayment,
|
|
|
- approval: thisData.approval == 0 ? thisData.approval.toString() : thisData.approval,
|
|
|
- orderRemarks: thisData.orderRemarks,
|
|
|
- orgCodeUrl: thisData.orgCodeUrl ? splitUrl(thisData.orgCodeUrl, ',', globalConfig.avatarHost + '/upload') : [],
|
|
|
- //签单
|
|
|
- orderNo: thisData.orderNo,//订单编号
|
|
|
- buyerName: thisData.buyerName,
|
|
|
- });
|
|
|
- }.bind(this),
|
|
|
- }).always(function () {
|
|
|
- this.setState({
|
|
|
- loading: false
|
|
|
- });
|
|
|
- }.bind(this));
|
|
|
- }
|
|
|
- },
|
|
|
- handleOk(e) {
|
|
|
- this.setState({
|
|
|
- visible: false,
|
|
|
- });
|
|
|
- this.props.closeDesc(false, true);
|
|
|
- },
|
|
|
- handleCancel(e) {
|
|
|
- this.setState({
|
|
|
- visible: false,
|
|
|
- });
|
|
|
- this.props.closeDesc(false);
|
|
|
- },
|
|
|
- nextCancel() {
|
|
|
- this.setState({
|
|
|
- addnextVisible: false
|
|
|
- })
|
|
|
- },
|
|
|
- lookflow() {
|
|
|
- this.setState({
|
|
|
- loading: true,
|
|
|
- lookVisible: true,
|
|
|
- })
|
|
|
- this.state.lookSource = [];
|
|
|
- $.ajax({
|
|
|
- method: "get",
|
|
|
- dataType: "json",
|
|
|
- crossDomain: false,
|
|
|
- url: globalConfig.context + '/api/admin/order/getBillByOrderNo',
|
|
|
- data: {
|
|
|
- orderNo: this.props.datauser.orderNo,
|
|
|
- },
|
|
|
- success: function (data) {
|
|
|
- let theArr = [];
|
|
|
- if (!data.data) {
|
|
|
- if (data.error && data.error.length) {
|
|
|
- message.warning(data.error[0].message);
|
|
|
- };
|
|
|
- } else {
|
|
|
- for (let i = 0; i < data.data.length; i++) {
|
|
|
- let thisdata = data.data[i];
|
|
|
- theArr.push({
|
|
|
- key: i,
|
|
|
- billNo: thisdata.billNo,
|
|
|
- transactionAmount: thisdata.transactionAmount,
|
|
|
- createTime: thisdata.createTime,
|
|
|
- payerName: thisdata.payerName,
|
|
|
- payeeName: thisdata.payeeName,
|
|
|
- transactionSubject: thisdata.transactionSubject,
|
|
|
- transactionChannel: thisdata.transactionChannel,
|
|
|
- financialPayNo: thisdata.financialPayNo,
|
|
|
- financialPayTime: thisdata.financialPayTime,
|
|
|
- orderNo: thisdata.orderNo,
|
|
|
- departmentName: thisdata.departmentName,
|
|
|
- salesmanName: thisdata.salesmanName,
|
|
|
- financeName: thisdata.financeName,
|
|
|
- confirmSign: thisdata.confirmSign,
|
|
|
- deleteSign: thisdata.deleteSign,
|
|
|
- confirmTime: thisdata.confirmTime
|
|
|
- });
|
|
|
- };
|
|
|
- };
|
|
|
- this.setState({
|
|
|
- lookflowList: theArr,
|
|
|
- });
|
|
|
- }.bind(this),
|
|
|
- }).always(function () {
|
|
|
- this.setState({
|
|
|
- loading: false
|
|
|
- });
|
|
|
- }.bind(this));
|
|
|
- },
|
|
|
- lookCancel() {
|
|
|
- this.setState({
|
|
|
- lookVisible: false
|
|
|
- })
|
|
|
- },
|
|
|
- tableRowClick(record, index) {
|
|
|
- this.setState({
|
|
|
- editFw: record,
|
|
|
- projectOperationVisible: true,
|
|
|
- });
|
|
|
- },
|
|
|
- componentWillMount() {
|
|
|
+ loadData(record) {
|
|
|
+ this.state.data = [];
|
|
|
+ this.setState({
|
|
|
+ loading: true
|
|
|
+ });
|
|
|
+ $.ajax({
|
|
|
+ method: "get",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + '/api/admin/order/getOrderCommodity',
|
|
|
+ data: {
|
|
|
+ orderNo: record ? record.orderNo : this.props.datauser.orderNo
|
|
|
+ },
|
|
|
+ success: function (data) {
|
|
|
+ let theArr = [];
|
|
|
+ if (!data.data) {
|
|
|
+ if (data.error && data.error.length) {
|
|
|
+ message.warning(data.error[0].message);
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ for (let i = 0; i < data.data.length; i++) {
|
|
|
+ let thisdata = data.data[i];
|
|
|
+ theArr.push({
|
|
|
+ key: i,
|
|
|
+ id: thisdata.id,
|
|
|
+ orderNo: thisdata.orderNo,
|
|
|
+ commodityName: thisdata.commodityName,
|
|
|
+ commodityType: thisdata.commodityType,
|
|
|
+ commodityMode: thisdata.commodityMode,
|
|
|
+ commodityQuantity: thisdata.commodityQuantity,
|
|
|
+ commodityPrice: thisdata.commodityPrice,
|
|
|
+ discountPrice: thisdata.discountPrice,
|
|
|
+ commodityFirstPayment: thisdata.commodityFirstPayment,
|
|
|
+ createTimes: thisdata.createTimes,
|
|
|
+ discountFirstPayment: thisdata.discountFirstPayment,
|
|
|
+ remarks: thisdata.remarks,
|
|
|
+ });
|
|
|
+ };
|
|
|
+ }
|
|
|
+ this.setState({
|
|
|
+ dataSource: theArr,
|
|
|
+ });
|
|
|
+ }.bind(this),
|
|
|
+ }).always(function () {
|
|
|
+ this.setState({
|
|
|
+ loading: false
|
|
|
+ });
|
|
|
+ }.bind(this));
|
|
|
+ },
|
|
|
+ getInitialState() {
|
|
|
+ return {
|
|
|
+ loading: false,
|
|
|
+ visible: false,
|
|
|
+ lookState: true,
|
|
|
+ orgCodeUrl: [],
|
|
|
+ lookflowList: [],
|
|
|
+ checkedKeys: [],
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ title: '业务项目名称',
|
|
|
+ dataIndex: 'commodityName',
|
|
|
+ key: 'commodityName',
|
|
|
+ render: (text, record) => {
|
|
|
+ return <span>
|
|
|
+ {text}<span style={{ color: "red" }}>{record.patentTypeName}</span>{"-" + record.id}
|
|
|
+ <div>
|
|
|
+ {record.cSort == 6 && record.projectType == 1 && <span>(含{record.htMember == 1 ? '高新会员&' : ''}{record.additionalDeduction == 1 ? '加计扣除&' : ''}{record.rdAwardsubsidy == 1 ? '研发奖补' : ''})</span>}
|
|
|
+ {record.cSort == 6 && record.projectType == 3 && <span>(仅提供单边会员服务)</span>}
|
|
|
+ {record.cSort == 6 && record.projectType == 2 && <span>(仅填报表,仅咨询,不出备查资料)</span>}
|
|
|
+ {record.cSort == 3 && <span>{record.technologyProjectType==0?'(简易项目)':record.technologyProjectType==1?'(市区级)':record.technologyProjectType==2?'(省级)':record.technologyProjectType==3?'(国家级)':''}</span>}
|
|
|
+ {record.cSort == 8 ? (record.type != 2 && record.patentType == 1) ? <span>(变更)</span> : <span>{record.ordinaryRisk == 0 ? '(普通申请)' : record.ordinaryRisk == 1 ? '(风险代理)' : ''}</span> : ""}
|
|
|
+ {record.type == 2 && <span>({record.days == 0 ? '普通' : record.days == 1 ? '加急' : ''}{record.scheme == 0 ? '&无方案' : record.scheme == 1 ? '&有方案' : ''})</span>}
|
|
|
+ </div>
|
|
|
+ </span>
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ title: '项目类别',
|
|
|
+ dataIndex: 'commodityType',
|
|
|
+ key: 'commodityType',
|
|
|
+ render: (text) => {
|
|
|
+ return (getOrderType(text))
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ title: '项目数量',
|
|
|
+ dataIndex: 'commodityQuantity',
|
|
|
+ key: 'commodityQuantity'
|
|
|
+ }, {
|
|
|
+ title: '服务市价(万元)',
|
|
|
+ dataIndex: 'commodityPrice',
|
|
|
+ key: 'commodityPrice'
|
|
|
+ }, {
|
|
|
+ title: '实签价格(万元)',
|
|
|
+ dataIndex: 'discountPrice',
|
|
|
+ key: 'discountPrice'
|
|
|
+ }, {
|
|
|
+ title: '下单时间',
|
|
|
+ dataIndex: 'createTimes',
|
|
|
+ key: 'createTimes'
|
|
|
+ }, {
|
|
|
+ title: '项目说明',
|
|
|
+ dataIndex: 'remarks',
|
|
|
+ key: 'remarks',
|
|
|
+ render: (text) => {
|
|
|
+ return (text && text.length > 8 ? text.substr(0, 8) + '…' : text)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ flowList: [
|
|
|
+ {
|
|
|
+ title: '平台流水号',
|
|
|
+ dataIndex: 'billNo',
|
|
|
+ key: 'billNo',
|
|
|
+ }, {
|
|
|
+ title: '平台流水时间',
|
|
|
+ dataIndex: 'createTime',
|
|
|
+ key: 'createTime'
|
|
|
+ }, {
|
|
|
+ title: '流水金额(万元)',
|
|
|
+ dataIndex: 'transactionAmount',
|
|
|
+ key: 'transactionAmount'
|
|
|
+ }, {
|
|
|
+ title: '付款人名称',
|
|
|
+ dataIndex: 'payerName',
|
|
|
+ key: 'payerName'
|
|
|
+ }, {
|
|
|
+ title: '收款人名称',
|
|
|
+ dataIndex: 'payeeName',
|
|
|
+ key: 'payeeName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '流水科目',
|
|
|
+ dataIndex: 'transactionSubject',
|
|
|
+ key: 'transactionSubject',
|
|
|
+ render: (text) => { return getTransactionProject(text) }
|
|
|
+ }, {
|
|
|
+ title: '流水外联',
|
|
|
+ dataIndex: 'transactionChannel',
|
|
|
+ key: 'transactionChannel',
|
|
|
+ render: (text) => { return getTransactionChannel(text) }
|
|
|
+ }, {
|
|
|
+ title: '财务流水号',
|
|
|
+ dataIndex: 'financialPayNo',
|
|
|
+ key: 'financialPayNo',
|
|
|
+ }, {
|
|
|
+ title: '财务流水时间',
|
|
|
+ dataIndex: 'financialPayTime',
|
|
|
+ key: 'financialPayTime',
|
|
|
+ }, {
|
|
|
+ title: '流水确认',
|
|
|
+ dataIndex: 'confirmSign',
|
|
|
+ key: 'confirmSign',
|
|
|
+ render: (text) => { return text ? '已确认' : '待确认' }
|
|
|
+ }, {
|
|
|
+ title: '确认时间',
|
|
|
+ dataIndex: 'confirmTime',
|
|
|
+ key: 'confirmTime',
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ //查看基本详情基本信息
|
|
|
+ loaduser(record) {
|
|
|
+ if (record) {
|
|
|
+ this.state.orderList = []
|
|
|
+ $.ajax({
|
|
|
+ method: "get",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + '/api/admin/order/getServiceOrderDetail',
|
|
|
+ data: {
|
|
|
+ orderNo: record.orderNo
|
|
|
+ },
|
|
|
+ success: function (data) {
|
|
|
+ let thisData = data.data;
|
|
|
+ if (!thisData) {
|
|
|
+ if (data.error && data.error.length) {
|
|
|
+ message.warning(data.error[0].message);
|
|
|
+ };
|
|
|
+ thisData = {};
|
|
|
+ };
|
|
|
+ this.setState({
|
|
|
+ id: thisData.id,
|
|
|
+ orderList: thisData,
|
|
|
+ orderAmount: thisData.orderAmount,
|
|
|
+ firstPayment: thisData.firstPayment,
|
|
|
+ signTotalAmount: thisData.signTotalAmount,
|
|
|
+ signFirstPayment: thisData.signFirstPayment,
|
|
|
+ approval: thisData.approval == 0 ? thisData.approval.toString() : thisData.approval,
|
|
|
+ orderRemarks: thisData.orderRemarks,
|
|
|
+ orgCodeUrl: thisData.orgCodeUrl ? splitUrl(thisData.orgCodeUrl, ',', globalConfig.avatarHost + '/upload') : [],
|
|
|
+ //签单
|
|
|
+ orderNo: thisData.orderNo,//订单编号
|
|
|
+ buyerName: thisData.buyerName,
|
|
|
+ });
|
|
|
+ }.bind(this),
|
|
|
+ }).always(function () {
|
|
|
+ this.setState({
|
|
|
+ loading: false
|
|
|
+ });
|
|
|
+ }.bind(this));
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleOk(e) {
|
|
|
+ this.setState({
|
|
|
+ visible: false,
|
|
|
+ });
|
|
|
+ this.props.closeDesc(false, true);
|
|
|
+ },
|
|
|
+ handleCancel(e) {
|
|
|
+ this.setState({
|
|
|
+ visible: false,
|
|
|
+ });
|
|
|
+ this.props.closeDesc(false);
|
|
|
+ },
|
|
|
+ nextCancel() {
|
|
|
+ this.setState({
|
|
|
+ addnextVisible: false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ lookflow() {
|
|
|
+ this.setState({
|
|
|
+ loading: true,
|
|
|
+ lookVisible: true,
|
|
|
+ })
|
|
|
+ this.state.lookSource = [];
|
|
|
+ $.ajax({
|
|
|
+ method: "get",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + '/api/admin/order/getBillByOrderNo',
|
|
|
+ data: {
|
|
|
+ orderNo: this.props.datauser.orderNo,
|
|
|
+ },
|
|
|
+ success: function (data) {
|
|
|
+ let theArr = [];
|
|
|
+ if (!data.data) {
|
|
|
+ if (data.error && data.error.length) {
|
|
|
+ message.warning(data.error[0].message);
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ for (let i = 0; i < data.data.length; i++) {
|
|
|
+ let thisdata = data.data[i];
|
|
|
+ theArr.push({
|
|
|
+ key: i,
|
|
|
+ billNo: thisdata.billNo,
|
|
|
+ transactionAmount: thisdata.transactionAmount,
|
|
|
+ createTime: thisdata.createTime,
|
|
|
+ payerName: thisdata.payerName,
|
|
|
+ payeeName: thisdata.payeeName,
|
|
|
+ transactionSubject: thisdata.transactionSubject,
|
|
|
+ transactionChannel: thisdata.transactionChannel,
|
|
|
+ financialPayNo: thisdata.financialPayNo,
|
|
|
+ financialPayTime: thisdata.financialPayTime,
|
|
|
+ orderNo: thisdata.orderNo,
|
|
|
+ departmentName: thisdata.departmentName,
|
|
|
+ salesmanName: thisdata.salesmanName,
|
|
|
+ financeName: thisdata.financeName,
|
|
|
+ confirmSign: thisdata.confirmSign,
|
|
|
+ deleteSign: thisdata.deleteSign,
|
|
|
+ confirmTime: thisdata.confirmTime
|
|
|
+ });
|
|
|
+ };
|
|
|
+ };
|
|
|
+ this.setState({
|
|
|
+ lookflowList: theArr,
|
|
|
+ });
|
|
|
+ }.bind(this),
|
|
|
+ }).always(function () {
|
|
|
+ this.setState({
|
|
|
+ loading: false
|
|
|
+ });
|
|
|
+ }.bind(this));
|
|
|
+ },
|
|
|
+ lookCancel() {
|
|
|
+ this.setState({
|
|
|
+ lookVisible: false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ tableRowClick(record, index) {
|
|
|
+ this.setState({
|
|
|
+ editFw: record,
|
|
|
+ projectOperationVisible: true,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ componentWillMount() {
|
|
|
|
|
|
- },
|
|
|
- componentWillReceiveProps(nextProps) { //props改变时触发
|
|
|
- this.state.visible = nextProps.showDesc;
|
|
|
- if (nextProps.userDetaile && nextProps.showDesc) {
|
|
|
- this.loaduser(nextProps.datauser);
|
|
|
- this.loadData(nextProps.datauser);
|
|
|
- }
|
|
|
- },
|
|
|
- render() {
|
|
|
- const FormItem = Form.Item
|
|
|
- const formItemLayout = {
|
|
|
- labelCol: { span: 8 },
|
|
|
- wrapperCol: { span: 14 },
|
|
|
- };
|
|
|
- const orderDetaiel = this.state.orderList || [];
|
|
|
- return (
|
|
|
- <div>
|
|
|
- <Modal maskClosable={false} visible={this.state.visible}
|
|
|
- onOk={this.handleOk} onCancel={this.handleCancel}
|
|
|
- width='1200px'
|
|
|
- title='订单详情'
|
|
|
- footer=''
|
|
|
- className="admin-desc-content">
|
|
|
- <Form layout="horizontal" id="demand-form" style={{ paddingBottom: '40px' }} >
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <div className="clearfix">
|
|
|
- <div className="clearfix">
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单编号" >
|
|
|
- <span>{orderDetaiel.orderNo}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="下单时间" >
|
|
|
- <span>{orderDetaiel.createTime}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="客户名称" >
|
|
|
- <span>{orderDetaiel.buyerName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单类型" >
|
|
|
- <span>{getOrderType(orderDetaiel.orderType)}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单外联" >
|
|
|
- <span>{getOrderChannel(orderDetaiel.orderChannel)}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单状态" >
|
|
|
- <span>{getOrderState(orderDetaiel.orderStatus)}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="已收款项" >
|
|
|
- <span>{orderDetaiel.actuallyTotalAmount + '万元'}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="结算状态" >
|
|
|
- <span>{getPaymentState(orderDetaiel.liquidationStatus)}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="市价订单金额" >
|
|
|
- <span>{orderDetaiel.orderAmount + '万元'}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="市价首款金额" >
|
|
|
- <span>{orderDetaiel.firstPayment + '万元'}</span>
|
|
|
- </FormItem>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="实签订单金额" >
|
|
|
- <span>{orderDetaiel.signTotalAmount + '万元'}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="实签首款金额" >
|
|
|
- <span>{orderDetaiel.signFirstPayment + '万元'}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="特批立项" >
|
|
|
- <span>{getApprovedState(orderDetaiel.approval)}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="合同编号" >
|
|
|
- <span>{orderDetaiel.contractNo}</span>
|
|
|
- </FormItem>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem
|
|
|
- labelCol={{ span: 4 }}
|
|
|
- wrapperCol={{ span: 16 }}
|
|
|
- label="订单留言" >
|
|
|
- <span>{orderDetaiel.orderRemarks}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="订单负责人" >
|
|
|
- <span>{orderDetaiel.salesmanName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="业务品类" >
|
|
|
- <span>{orderDetaiel.projectType}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div className='clearfix'>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="意向时间" >
|
|
|
- <span>{orderDetaiel.createTime}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="签单时间" >
|
|
|
- <span>{orderDetaiel.signTime}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="财务负责人" >
|
|
|
- <span>{orderDetaiel.financeName}</span>
|
|
|
- <Button onClick={this.lookflow} style={{ float: 'right' }}>查看流水</Button>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="项目负责人" >
|
|
|
- <span>{orderDetaiel.technicianName}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="立项时间" >
|
|
|
- <span>{orderDetaiel.setUpTime}</span>
|
|
|
- </FormItem>
|
|
|
- <FormItem className="half-item"
|
|
|
- {...formItemLayout}
|
|
|
- label="项目状态" >
|
|
|
- <span>{getProjectState(orderDetaiel.projectStage)}</span>
|
|
|
- </FormItem>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span style={{ marginLeft: '50px', fontSize: '20px' }}>业务项目</span>
|
|
|
- </div>
|
|
|
- <div className="patent-table">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table size="middle" columns={this.state.columns}
|
|
|
- dataSource={this.state.dataSource}
|
|
|
- pagination={false}
|
|
|
- onRowClick={this.tableRowClick}
|
|
|
- />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </Spin>
|
|
|
- </Form >
|
|
|
- </Modal>
|
|
|
- {this.state.projectOperationVisible ? <ProjectOperation
|
|
|
- readOnly={true}
|
|
|
- orderNo={this.state.orderNo}
|
|
|
- visible={this.state.projectOperationVisible}
|
|
|
- dataInfor={this.state.editFw}
|
|
|
- onCancel={() => {
|
|
|
- this.setState({
|
|
|
- projectOperationVisible: false,
|
|
|
- editFw: {},
|
|
|
- });
|
|
|
- }}
|
|
|
- /> : null}
|
|
|
- <Modal maskClosable={false} visible={this.state.lookVisible}
|
|
|
- onOk={this.lookCancel} onCancel={this.lookCancel}
|
|
|
- width='1300px'
|
|
|
- title='查看流水'
|
|
|
- footer=''
|
|
|
- className="admin-desc-content">
|
|
|
- <Form layout="horizontal" id="demand-form">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <div className="clearfix">
|
|
|
- <Table columns={this.state.flowList}
|
|
|
- dataSource={this.state.lookflowList}
|
|
|
- pagination={false}
|
|
|
- />
|
|
|
- </div>
|
|
|
- </Spin>
|
|
|
- </Form >
|
|
|
- </Modal>
|
|
|
- </div>
|
|
|
- )
|
|
|
- }
|
|
|
+ },
|
|
|
+ componentWillReceiveProps(nextProps) { //props改变时触发
|
|
|
+ this.state.visible = nextProps.showDesc;
|
|
|
+ if (nextProps.userDetaile && nextProps.showDesc) {
|
|
|
+ this.loaduser(nextProps.datauser);
|
|
|
+ this.loadData(nextProps.datauser);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ render() {
|
|
|
+ const FormItem = Form.Item
|
|
|
+ const formItemLayout = {
|
|
|
+ labelCol: { span: 8 },
|
|
|
+ wrapperCol: { span: 14 },
|
|
|
+ };
|
|
|
+ const orderDetaiel = this.state.orderList || [];
|
|
|
+ return (
|
|
|
+ <div>
|
|
|
+ <Modal maskClosable={false} visible={this.state.visible}
|
|
|
+ onOk={this.handleOk} onCancel={this.handleCancel}
|
|
|
+ width='1200px'
|
|
|
+ title='订单详情'
|
|
|
+ footer=''
|
|
|
+ className="admin-desc-content">
|
|
|
+ <Form layout="horizontal" id="demand-form" style={{ paddingBottom: '40px' }} >
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <div className="clearfix">
|
|
|
+ <div className="clearfix">
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单编号" >
|
|
|
+ <span>{orderDetaiel.orderNo}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="下单时间" >
|
|
|
+ <span>{orderDetaiel.createTime}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="客户名称" >
|
|
|
+ <span>{orderDetaiel.buyerName}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单类型" >
|
|
|
+ <span>{getOrderType(orderDetaiel.orderType)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单外联" >
|
|
|
+ <span>{getOrderChannel(orderDetaiel.orderChannel)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单状态" >
|
|
|
+ <span>{getOrderState(orderDetaiel.orderStatus)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="已收款项" >
|
|
|
+ <span>{orderDetaiel.actuallyTotalAmount + '万元'}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="结算状态" >
|
|
|
+ <span>{getPaymentState(orderDetaiel.liquidationStatus)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="市价订单金额" >
|
|
|
+ <span>{orderDetaiel.orderAmount + '万元'}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="市价首款金额" >
|
|
|
+ <span>{orderDetaiel.firstPayment + '万元'}</span>
|
|
|
+ </FormItem>
|
|
|
+ <div className='clearfix'>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="实签订单金额" >
|
|
|
+ <span>{orderDetaiel.signTotalAmount + '万元'}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="实签首款金额" >
|
|
|
+ <span>{orderDetaiel.signFirstPayment + '万元'}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="特批立项" >
|
|
|
+ <span>{getApprovedState(orderDetaiel.approval)}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="合同编号" >
|
|
|
+ <span>{orderDetaiel.contractNo}</span>
|
|
|
+ </FormItem>
|
|
|
+ <div className='clearfix'>
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 16 }}
|
|
|
+ label="订单留言" >
|
|
|
+ <span>{orderDetaiel.orderRemarks}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className='clearfix'>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="订单负责人" >
|
|
|
+ <span>{orderDetaiel.salesmanName}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="业务品类" >
|
|
|
+ <span>{orderDetaiel.projectType}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div className='clearfix'>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="意向时间" >
|
|
|
+ <span>{orderDetaiel.createTime}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="签单时间" >
|
|
|
+ <span>{orderDetaiel.signTime}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="财务负责人" >
|
|
|
+ <span>{orderDetaiel.financeName}</span>
|
|
|
+ <Button onClick={this.lookflow} style={{ float: 'right' }}>查看流水</Button>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="项目负责人" >
|
|
|
+ <span>{orderDetaiel.technicianName}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="立项时间" >
|
|
|
+ <span>{orderDetaiel.setUpTime}</span>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem className="half-item"
|
|
|
+ {...formItemLayout}
|
|
|
+ label="项目状态" >
|
|
|
+ <span>{getProjectState(orderDetaiel.projectStage)}</span>
|
|
|
+ </FormItem>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span style={{ marginLeft: '50px', fontSize: '20px' }}>业务项目</span>
|
|
|
+ </div>
|
|
|
+ <div className="patent-table">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Table size="middle" columns={this.state.columns}
|
|
|
+ dataSource={this.state.dataSource}
|
|
|
+ pagination={false}
|
|
|
+ onRowClick={this.tableRowClick}
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Spin>
|
|
|
+ </Form >
|
|
|
+ </Modal>
|
|
|
+ {this.state.projectOperationVisible ? <ProjectOperation
|
|
|
+ readOnly={true}
|
|
|
+ orderNo={this.state.orderNo}
|
|
|
+ visible={this.state.projectOperationVisible}
|
|
|
+ dataInfor={this.state.editFw}
|
|
|
+ onCancel={() => {
|
|
|
+ this.setState({
|
|
|
+ projectOperationVisible: false,
|
|
|
+ editFw: {},
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ /> : null}
|
|
|
+ <Modal maskClosable={false} visible={this.state.lookVisible}
|
|
|
+ onOk={this.lookCancel} onCancel={this.lookCancel}
|
|
|
+ width='1300px'
|
|
|
+ title='查看流水'
|
|
|
+ footer=''
|
|
|
+ className="admin-desc-content">
|
|
|
+ <Form layout="horizontal" id="demand-form">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <div className="clearfix">
|
|
|
+ <Table columns={this.state.flowList}
|
|
|
+ dataSource={this.state.lookflowList}
|
|
|
+ pagination={false}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </Spin>
|
|
|
+ </Form >
|
|
|
+ </Modal>
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+ }
|
|
|
}));
|
|
|
|
|
|
export default ApproveDetaile;
|