import React, { Component } from 'react' import { Form, Spin, Table, Modal, Col, Upload, Input, Button, message, Row, } from 'antd' import { getMaterialStatus, getUrgentStatus } from '@/tools' import ApplyPaymentModal from './applyPaymentModal'; import './index.less' import $ from "jquery"; class CheckProject extends Component { constructor(props) { super(props) this.state = { value: '', loading: false, previewImage: '', previewVisible: false, previewPayVisible: false, previewPayInfor: {}, //点击申请付款的第三方信息或者支付节点信息 nodeId: -1, // 专利 ContactsListsNew: [ { title: '供应商名称', dataIndex: 'companyName', key: 'companyName', render: (text, record, index) => { if (text) { return {text} } }, }, { title: '单价(万元)', dataIndex: 'unitPrice', key: 'unitPrice', render: (text, record) => { if (text) { return *** } }, }, { title: '数量', dataIndex: 'quantity', key: 'quantity', render: (text, record) => { if (text) { return {text} } }, }, { title: '总价(万元)', dataIndex: 'totalAmount', key: 'totalAmount', render: (text, record) => { if (text) { return *** } }, }, { title: '已付(万元)', dataIndex: 'partyAmount', key: 'partyAmount', render: (text, record) => { if (text) { return {text} } }, }, { title: '材料', dataIndex: 'material', key: 'material', render: (text, record) => { return getMaterialStatus(text) }, }, { title: '加急', dataIndex: 'urgent', key: 'urgent', render: (text, record) => { return getUrgentStatus(text) }, }, { title: '操作', dataIndex: 'action', key: 'action', render: (text, record) => { return (
{/*外包审核通过后,咨询师/咨询经理可申请付款*/} {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/} {this.props.isPreviewPay && this.props.status === 1 && this.props.dataSource.length === 0? :
}
) }, }, ], //付款节点表头 PayNodeTableColunms: [ { title: '供应商名称', dataIndex: 'companyName', key: 'companyName', render: (text, record, index) => { if (text) { return {text} } }, }, { title: '付款科目', dataIndex: 'dunType', key: 'dunType', render: (text, record) => { if (text) { return {text} } }, }, { title: '付款时间', dataIndex: 'partyTimes', key: 'partyTimes', render: (text, record) => { if (text) { return {text} } }, }, { title: '数量', dataIndex: 'quantity', key: 'quantity', render: (text, record) => { if (text) { return {text} } }, }, { title: '总价(万元)', dataIndex: 'totalAmount', key: 'totalAmount', render: (text, record) => { if (text) { return {text} } }, }, { title: '已付(万元)', dataIndex: 'partyAmount', key: 'partyAmount', render: (text, record) => { if (text) { return {text} } }, }, { title: '操作', dataIndex: 'action', key: 'action', render: (text, record) => { return (
{/*外包审核通过后,咨询师/咨询经理可申请付款*/} {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
) }, }, ], outsourceLogs: [],//审核日志 selectOrderPayments: [],//支付列表 } } componentDidMount() { if(this.props.tid){ this.getSelectOutsourceLog(); this.getSelectOrderPayment(); } } onChange() { this.setState({ value: e.target.value, }) } tableRowClickOne(record) {} //点击付款节点详情 payNodeTableRowClickOne(record) {} //外包日志列表 getSelectOutsourceLog(){ $.ajax({ method: 'get', dataType: 'json', crossDomain: false, url: globalConfig.context + '/api/admin/outsourceOrg/selectOutsourceLog', data: { tid: this.props.tid, }, success: function (data) { if (data.error.length) { if (data.error && data.error.length) { message.warning(data.error[0].message); } } else { this.setState({ outsourceLogs: data.data }) } }.bind(this), }).always( function () { }.bind(this) ) } //支付列表 getSelectOrderPayment() { $.ajax({ method: 'get', dataType: 'json', crossDomain: false, url: globalConfig.context + '/api/admin/company/selectOrderPayment', data: { id: this.props.tid, }, success: function (data) { if (data.error.length) { if (data.error && data.error.length) { message.warning(data.error[0].message); } } else { this.setState({ selectOrderPayments: data.data }) } }.bind(this), }).always( function () { }.bind(this) ) } render() { return (
*
类型:
{ parseInt(this.props.startType) === 0 ?
供应商信息(外包派单,不走总部)
提示高于总部价格,费用个人承担
:
供应商信息(普通单)
}
第三方信息
付款节点
备注
合同/协议扫描件
{ this.setState({ previewImage: file.url || file.thumbUrl, previewVisible: true, }) }} /> { this.setState({ previewVisible: false }) }} >
外包状态:
{ this.state.outsourceLogs.map((value,index)=>(
{value.aname}
{ value.status === 0 ? '发起外包审核' : value.status === 1 ? '通过' : '驳回' }
{value.remarks}
{value.createTimes}
)) }
支付记录:
{ this.state.selectOrderPayments.map((value,index)=>(
编号
订单编号
支付类型
申请支付金额(万元)
申请时间
状态
)) } {/* 申请付款 tid:项目id nodeId: 付款节点id previewPayInfor: 项目或者节点信息 */} { this.setState({ previewPayVisible: false }) }}/> ) } } export default CheckProject