import React, { Component } from 'react' import { Form, Spin, Table, Modal, Col, Upload, Input, Button, message, Row, } from 'antd' import {getProjectStatus,} from '@/tools' 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: 0, // 专利 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 {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) => { 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]*/} { }
) }, }, ], //付款节点表头 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 *** } }, }, { 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){ setTimeout(()=>{ this.getSelectOutsourceLog(); this.getSelectOrderPayment(); },500) } } componentDidUpdate(prevProps, prevState, snapshot) { } 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 ?
供应商信息(外包派单,不走总部)
提示高于总部价格,费用个人承担
:
供应商信息(普通单)
}
项目状态:{getProjectStatus(this.props.projectStatus)}
第三方信息
付款节点
备注
合同/协议扫描件
{ this.setState({ previewImage: file.url || file.thumbUrl, previewVisible: true, }) }} /> { this.setState({ previewVisible: false }) }} >
{parseInt(this.props.startType) !== 1 ?
外包状态
{ this.state.outsourceLogs.map((value,index)=>(
{value.aname}
{ value.status === 0 ? '发起外包审核' : value.status === 1 ? '通过' : '驳回' }
{value.remarks}
{value.createTimes}
)) } :
}
支付记录
编号
{/**/} {/*
*/} {/* 订单编号*/} {/*
*/} {/**/}
支付类型
申请支付金额(万元)
申请时间
状态
{ this.state.selectOrderPayments.map((value,index)=>(
{index+1 < 10 ? '0'+(index+1) : index+1}
{/**/} {/*
*/} {/* 订单编号*/} {/*
*/} {/**/}
{value.paymentType === 0 ? '第三方' : '官费'}
{value.applicationAmount}
{value.createTimes}
{ value.status === 0 ? '审核' : value.status === 1 ? '驳回' : value.status === 2 ? '待支付' : '已支付' }
)) } {/* 申请付款 tid:项目id nodeId: 付款节点id previewPayInfor: 项目或者节点信息 */} { this.props.onRefresh(); this.getSelectOrderPayment(); }} changeVisible={()=>{ this.setState({ previewPayVisible: false, nodeId: 0, //付款节点id previewPayInfor: {}, }) }}/> ) } } export default CheckProject