1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234 |
- import React, { Component } from 'react'
- import {
- Form,
- Spin,
- Table,
- Modal,
- Col,
- Tag,
- Button,
- message,
- Row,
- Popconfirm,
- } from 'antd'
- import {getProjectStatus,} from '@/tools'
- import { getMaterialStatus, getUrgentStatus } from '@/tools'
- import ApplyPaymentModal from './applyPaymentModal';
- import PayRecord from './payRecord';
- import ImgList from '../../../common/imgList/index';
- import './index.less'
- import $ from "jquery";
- import OldInforProject from "../oldInforProject";
- class CheckProject extends Component {
- constructor(props) {
- super(props)
- this.state = {
- value: '',
- loading: false,
- previewImage: '',
- previewVisible: false,
- payRecordVisible: false,
- orderPaymentsId: 0,
- previewPayVisible: false,
- type: 1,//1 申请付款 2 申请付官费
- previewPayInfor: {}, //点击申请付款的第三方信息或者支付节点信息
- nodeId: 0,
- // 专利
- ContactsListsNew: [],
- //付款节点表头
- PayNodeTableColunms: [],
- outsourceLogs: [],//审核日志
- selectOrderPayments: [],//支付列表
- orderPaymentseColunms: [
- {
- title: '编号',
- dataIndex: 'id',
- key: 'id',
- },
- {
- title: '节点编号',
- dataIndex: 'nodeId',
- key: 'nodeId',
- },
- {
- title: '供应商名称',
- dataIndex: 'companyName',
- key: 'companyName',
- render: (text, record) => {
- return <span>
- {text+'-'+record.tpcId}
- {
- text !== record.tpcName ?
- '('+record.tpcName+')' : ''
- }
- </span>
- },
- },
- {
- title: '支付类型',
- dataIndex: 'chooseType',
- key: 'chooseType',
- render: (text, record) => {
- return <span>
- {/*0第三方 1催款 2官费*/}
- {text === 0 ? '第三方' : text === 1 ? '催款' : '官费'}
- </span>
- },
- },
- {
- title: '申请支付金额(万元)',
- dataIndex: 'applicationAmount',
- key: 'applicationAmount',
- render: (text, record) => {
- return <span>
- {isNaN(parseFloat(text)) ? text : parseFloat(text)}
- </span>
- },
- },
- {
- title: '申请支付数量',
- dataIndex: 'quantity',
- key: 'quantity',
- },
- {
- title: '申请时间',
- dataIndex: 'createTimes',
- key: 'createTimes',
- },
- {
- title: '状态',
- dataIndex: 'status',
- key: 'status',
- render: (text, record) => {
- return <div style={{
- display: 'flex',
- justifyContent: 'center',
- }}>
- <div style={{
- paddingRight: '15px',
- }}>
- {
- text === 0 ? '审核中' :
- text === 1 ? '审核通过' :
- text === 2 ? '已驳回' :
- text === 3 ? '支付完成' : '已取消'
- }
- </div>
- <Button type="primary" size='small' onClick={()=>{
- this.setState({
- payRecordVisible: true,
- orderPaymentsId: record.id,
- })
- }}>
- {this.operationJudgmentName(text)}
- </Button>
- </div>
- },
- },
- ],//支付记录
- }
- }
- componentDidMount() {
- if(this.props.tid){
- setTimeout(()=>{
- this.getSelectOutsourceLog();
- this.getSelectOrderPayment();
- this.projectTypeTabContent(this.props.projectType);
- },500)
- }
- }
- projectTypeTabContent(projectType) {
- this.setState({
- //付款节点表头
- PayNodeTableColunms: [
- {
- title: '节点编号',
- dataIndex: 'id',
- key: 'id',
- },
- {
- title: '供应商名称',
- dataIndex: 'companyName',
- key: 'companyName',
- render: (text, record, index) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '付款科目',
- dataIndex: 'dunType',
- key: 'dunType',
- render: (text, record) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '付款时间',
- dataIndex: 'partyTimes',
- key: 'partyTimes',
- render: (text, record) => {
- return <span>{text ? text : '/'}</span>
- },
- },
- {
- title: '数量',
- dataIndex: 'quantity',
- key: 'quantity',
- render: (text, record) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '总价(万元)',
- dataIndex: 'totalAmount',
- key: 'totalAmount',
- render: (text, record) => {
- return <span>
- {
- isNaN(text) ? text : parseFloat(text)
- }
- </span>
- },
- },
- {
- title: '已付',
- dataIndex: 'partyAmount',
- key: 'partyAmount',
- render: (text, record) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '操作',
- dataIndex: 'dels',
- key: 'dels',
- render: (text, record, index) => {
- return (
- <div>
- {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
- {/*存在支付节点时不显示第三方的申请付款*/}
- {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
- {/*this.props.startType 0外包 1供应商(不需要审核)*/}
- {/*record.status 0-未支付 1-待全款 ,2已全款 status=2的时候已经全款,按钮可以去掉了*/}
- <Button disabled={
- !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && record.status !==2 )
- } type="primary" onClick={() => {
- this.setState({
- previewPayVisible: true,
- previewPayInfor: record,
- })
- }}>
- 申请付款
- </Button>
- {this.props.status === 2 && !this.props.isAuditPaymentGLY ? <Popconfirm
- title="是否删除?"
- onConfirm={() => {
- this.payNodeConfirmDeletNew(record)
- }}
- okText="删除"
- cancelText="不删除"
- >
- <Button
- disabled={this.props.status !== 2}
- onClick={(e) => {
- e.stopPropagation()
- }}
- style={{
- marginLeft: '10px',
- color: '#ffffff',
- background: '#f00',
- border: 'none',
- }}
- >
- 删除
- </Button>
- </Popconfirm> : <div/>}
- </div>
- )
- },
- },
- ],
- })
- if(projectType === 0 || !projectType){ //0正常 1专利 2软著 3审计
- this.setState({
- ContactsListsNew: [
- {
- title: '供应商名称',
- dataIndex: 'companyName',
- key: 'companyName',
- render: (text, record, index) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '单价(万元)',
- dataIndex: 'unitPrice',
- key: 'unitPrice',
- render: (text, record) => {
- if (text) {
- return <span>
- {
- isNaN(text) ? text : parseFloat(text)
- }
- </span>
- }
- },
- },
- {
- title: '数量',
- dataIndex: 'quantity',
- key: 'quantity',
- render: (text, record) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '总价(万元)',
- dataIndex: 'totalAmount',
- key: 'totalAmount',
- render: (text, record) => {
- if (text) {
- return <span>
- {
- isNaN(text) ? text : parseFloat(text)
- }
- </span>
- }
- },
- },
- {
- title: '备注',
- dataIndex: 'remarks',
- key: 'remarks',
- },
- {
- title: '操作',
- dataIndex: 'action',
- key: 'action',
- render: (text, record) => {
- return (
- <div>
- {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
- {/*存在支付节点时不显示第三方的申请付款*/}
- {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
- {/*this.props.startType 0外包 1供应商(不需要审核)*/}
- <Button disabled={
- !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
- } type="primary" onClick={() => {
- this.setState({
- previewPayVisible: true,
- previewPayInfor: record,
- })
- }}>
- 申请付款
- </Button>
- {this.props.status === 2 && !this.props.isAuditPaymentGLY ? <Popconfirm
- title="是否删除?"
- onConfirm={() => {
- this.confirmDeletNew(record)
- }}
- okText="删除"
- cancelText="不删除"
- >
- <Button
- disabled={this.props.status !== 2}
- onClick={(e) => {
- e.stopPropagation()
- }}
- style={{
- marginLeft: '10px',
- color: '#ffffff',
- background: '#f00',
- border: 'none',
- }}
- >
- 删除
- </Button>
- </Popconfirm> : <div/>}
- </div>
- )
- },
- },
- ],
- })
- }else if(projectType === 2){ //2软著
- this.setState({
- ContactsListsNew: [
- {
- title: '供应商名称',
- dataIndex: 'companyName',
- key: 'companyName',
- render: (text, record, index) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '单价(万元)',
- dataIndex: 'unitPrice',
- key: 'unitPrice',
- render: (text, record) => {
- if (text) {
- return <span>
- {
- isNaN(text) ? text : parseFloat(text)
- }
- </span>
- }
- },
- },
- {
- title: '数量',
- dataIndex: 'quantity',
- key: 'quantity',
- render: (text, record) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '总价(万元)',
- dataIndex: 'totalAmount',
- key: 'totalAmount',
- render: (text, record) => {
- if (text) {
- return <span>
- {
- isNaN(text) ? text : parseFloat(text)
- }
- </span>
- }
- },
- },
- {
- 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 (
- <div>
- {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
- {/*存在支付节点时不显示第三方的申请付款*/}
- {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
- {
- <Button disabled={
- !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
- } type="primary" onClick={() => {
- this.setState({
- previewPayVisible: true,
- previewPayInfor: record,
- })
- }}>
- 申请付款
- </Button>
- }
- {this.props.status === 2 && !this.props.isAuditPaymentGLY ? <Popconfirm
- title="是否删除?"
- onConfirm={() => {
- this.confirmDeletNew(record)
- }}
- okText="删除"
- cancelText="不删除"
- >
- <Button
- disabled={this.props.status !== 2}
- onClick={(e) => {
- e.stopPropagation()
- }}
- style={{
- marginLeft: '10px',
- color: '#ffffff',
- background: '#f00',
- border: 'none',
- }}
- >
- 删除
- </Button>
- </Popconfirm> : <div/>}
- </div>
- )
- },
- },
- ],
- })
- }else if(projectType === 1){ //1专利
- if(this.props.patentType === 0){ //专利申请
- this.setState({
- ContactsListsNew: [
- {
- title: '供应商名称',
- dataIndex: 'companyName',
- key: 'companyName',
- render: (text, record, index) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '单价(万元)',
- dataIndex: 'unitPrice',
- key: 'unitPrice',
- render: (text, record) => {
- if (text) {
- return <span>
- {
- isNaN(text) ? text : parseFloat(text)
- }
- </span>
- }
- },
- },
- {
- title: '数量',
- dataIndex: 'quantity',
- key: 'quantity',
- render: (text, record) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: "官费",
- dataIndex: "officialCost",
- key: "officialCost",
- render: (text) => {
- return text === 1 ? '含官费' : '不含官费'
- },
- },
- {
- title: "费减",
- dataIndex: "costReduction",
- key: "costReduction",
- render: (text) => {
- return text === 1 ? '有费减' : '无费减'
- },
- },
- {
- title: '总价(万元)',
- dataIndex: 'totalAmount',
- key: 'totalAmount',
- render: (text, record) => {
- if (text) {
- return <span>
- {
- isNaN(text) ? text : parseFloat(text)
- }
- </span>
- }
- },
- },
- {
- title: '备注',
- dataIndex: 'remarks',
- key: 'remarks',
- },
- {
- title: '操作',
- dataIndex: 'action',
- key: 'action',
- render: (text, record) => {
- return (
- <div>
- {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
- {/*存在支付节点时不显示第三方的申请付款*/}
- {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
- <Button disabled={
- !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
- } type="primary" onClick={() => {
- this.setState({
- previewPayVisible: true,
- previewPayInfor: record,
- })
- }}>
- 申请付款
- </Button>
- {record.officialCost === 1? <Button
- type="primary"
- style={{
- marginLeft: '10px',
- }}
- disabled={!(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1))}
- onClick={() => {
- this.setState({
- previewPayVisible: true,
- previewPayInfor: record,
- type: 2,
- })
- }}>
- 付官费
- </Button> : <div/>}
- {this.props.status === 2 && !this.props.isAuditPaymentGLY ? <Popconfirm
- title="是否删除?"
- onConfirm={() => {
- this.confirmDeletNew(record)
- }}
- okText="删除"
- cancelText="不删除"
- >
- <Button
- disabled={this.props.status !== 2}
- onClick={(e) => {
- e.stopPropagation()
- }}
- style={{
- marginLeft: '10px',
- color: '#ffffff',
- background: '#f00',
- border: 'none',
- }}
- >
- 删除
- </Button>
- </Popconfirm> : <div/>}
- </div>
- )
- },
- },
- ],
- })
- }else{
- this.setState({
- ContactsListsNew: [
- {
- title: '供应商名称',
- dataIndex: 'companyName',
- key: 'companyName',
- render: (text, record, index) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '单价(万元)',
- dataIndex: 'unitPrice',
- key: 'unitPrice',
- render: (text, record) => {
- if (text) {
- return <span>
- {
- isNaN(text) ? text : parseFloat(text)
- }
- </span>
- }
- },
- },
- {
- title: '数量',
- dataIndex: 'quantity',
- key: 'quantity',
- render: (text, record) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '总价(万元)',
- dataIndex: 'totalAmount',
- key: 'totalAmount',
- render: (text, record) => {
- if (text) {
- return <span>
- {
- isNaN(text) ? text : parseFloat(text)
- }
- </span>
- }
- },
- },
- {
- title: '备注',
- dataIndex: 'remarks',
- key: 'remarks',
- },
- {
- title: '操作',
- dataIndex: 'action',
- key: 'action',
- render: (text, record) => {
- return (
- <div>
- {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
- {/*存在支付节点时不显示第三方的申请付款*/}
- {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
- {
- <Button disabled={
- !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
- } type="primary" onClick={() => {
- this.setState({
- previewPayVisible: true,
- previewPayInfor: record,
- })
- }}>
- 申请付款
- </Button>
- }
- {this.props.status === 2 && !this.props.isAuditPaymentGLY ? <Popconfirm
- title="是否删除?"
- onConfirm={() => {
- this.confirmDeletNew(record)
- }}
- okText="删除"
- cancelText="不删除"
- >
- <Button
- disabled={this.props.status !== 2}
- onClick={(e) => {
- e.stopPropagation()
- }}
- style={{
- marginLeft: '10px',
- color: '#ffffff',
- background: '#f00',
- border: 'none',
- }}
- >
- 删除
- </Button>
- </Popconfirm> : <div/>}
- </div>
- )
- },
- },
- ]
- })
- }
- }else if(projectType === 3){ //3审计
- this.setState({
- ContactsListsNew: [
- {
- title: '供应商名称',
- dataIndex: 'companyName',
- key: 'companyName',
- render: (text, record, index) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '单价(万元)',
- dataIndex: 'unitPrice',
- key: 'unitPrice',
- render: (text, record) => {
- if (text) {
- return <span>
- {
- isNaN(text) ? text : parseFloat(text)
- }
- </span>
- }
- },
- },
- {
- title: '数量',
- dataIndex: 'quantity',
- key: 'quantity',
- render: (text, record) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '总价(万元)',
- dataIndex: 'totalAmount',
- key: 'totalAmount',
- render: (text, record) => {
- if (text) {
- return <span>
- {
- isNaN(text) ? text : parseFloat(text)
- }
- </span>
- }
- },
- },
- {
- title: '审计',
- dataIndex: 'audit',
- key: 'audit',
- render: (text, record) => {
- if (text) {
- return <span>{text===0?'无审计':text===1?'年审':'专审'}</span>
- }
- },
- },
- {
- title: '公司资产(万元)',
- dataIndex: 'assets',
- key: 'assets',
- render: (text, record) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '收入(万元)',
- dataIndex: 'income',
- key: 'income',
- render: (text, record) => {
- if (text) {
- return <span>{text}</span>
- }
- },
- },
- {
- title: '操作',
- dataIndex: 'action',
- key: 'action',
- render: (text, record) => {
- return (
- <div>
- {/*外包审核通过后,咨询师/咨询经理可申请付款*/}
- {/*存在支付节点时不显示第三方的申请付款*/}
- {/*0-待审核 ,1-审核通过,2-审核拒绝 true [NULL]*/}
- {
- <Button disabled={
- !(this.props.isPreviewPay && (this.props.status === 1 || parseInt(this.props.startType) === 1) && this.props.dataSource.length === 0)
- } type="primary" onClick={() => {
- this.setState({
- previewPayVisible: true,
- previewPayInfor: record,
- })
- }}>
- 申请付款
- </Button>
- }
- {this.props.status === 2 && !this.props.isAuditPaymentGLY ? <Popconfirm
- title="是否删除?"
- onConfirm={() => {
- this.confirmDeletNew(record)
- }}
- okText="删除"
- cancelText="不删除"
- >
- <Button
- disabled={this.props.status !== 2}
- onClick={(e) => {
- e.stopPropagation()
- }}
- style={{
- marginLeft: '10px',
- color: '#ffffff',
- background: '#f00',
- border: 'none',
- }}
- >
- 删除
- </Button>
- </Popconfirm> : <div/>}
- </div>
- )
- },
- },
- ]
- })
- }
- }
- 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)
- )
- }
- //0审核 1待支付 2驳回 3已支付 4取消
- operationJudgmentName(id) {
- if(this.props.isAuditPayment){ //财务
- return id === 0 ? '待审核' :
- id === 1 ? '待支付' :
- id === 2 ? '查看详情' : '查看详情'
- }else{
- return id === 0 ? '待审核' :
- id === 1 ? '待支付' :
- id === 2 ? '查看详情' : '查看详情'
- }
- }
- // 删除供应商信息
- confirmDeletNew(index) {
- this.setState({
- loading: true,
- ThirdListVisible: false,
- })
- $.ajax({
- url: globalConfig.context + '/api/admin/company/deleteCompany',
- method: 'post',
- data: {
- id: index.id,
- },
- }).done(
- function (data) {
- this.setState({
- loading: false,
- })
- if (!data.error.length) {
- message.success('删除成功!')
- this.props.onRefresh()
- } else {
- message.warning(data.error[0].message)
- }
- }.bind(this)
- )
- }
- render() {
- return (
- <div>
- { this.props.oldInfor && Object.keys(this.props.oldInfor).length > 0 ?
- <OldInforProject oldInfor={this.props.oldInfor}/> :
- <div className="App">
- <div className="projectType">
- <div className="typeTitle">
- <div>类型:</div>
- </div>
- {
- parseInt(this.props.startType) === 0 ?
- <div>
- <div>外包(外包派单,不走总部)</div>
- <div className="tipsText">提示高于总部价格,费用个人承担</div>
- </div> :
- <div>供应商信息(普通单)</div>
- }
- <div style={{marginLeft:'auto'}}>
- <span style={{color:'#58a3ff'}}>项目状态:</span>{getProjectStatus(this.props.projectStatus)}
- </div>
- </div>
- {
- this.props.projectType === 1?
- <div style={{
- display:'flex',
- flexFlow:'row nowrap',
- alignItems:'center',
- padding:'0px 0px 10px 20px'
- }}>
- <div>
- 专利类型:<span style={{marginLeft:'15px'}}>{this.props.patentType === 0 ? '专利申请/变更/转让' : '专利买卖'}</span>
- </div>
- <div style={{paddingLeft:'100px'}}>
- 专利名称:<span style={{marginLeft:'15px'}}>
- {
- this.props.patentNameType === 0 ? '实用新型专利' :
- this.props.patentNameType === 1 ? '发明专利' :
- this.props.patentNameType === 2 ? '外观专利' :
- this.props.patentNameType === 3 ? this.props.patentName : ''
- }
- </span>
- </div>
- </div> : <div/>
- }
- <div className="thirdParty">
- <div>
- <span className="title">
- 第三方信息
- </span>
- </div>
- <div
- className="clearfix"
- >
- <Spin spinning={this.state.loading}>
- <Form layout="horizontal">
- <Table
- pagination={false}
- columns={this.state.ContactsListsNew}
- dataSource={this.props.thirdInfoList}
- onRowClick={this.tableRowClickOne}
- scroll={{ x: 'max-content', y: 0 }}
- bordered
- size="small"
- />
- <Col span={24} offset={9} style={{ marginTop: '15px' }}/>
- </Form>
- </Spin>
- </div>
- </div>
- {/*如果是软著类或者专利类的专利申请,隐藏付款节点*/}
- {!((this.props.projectType === 1 && this.props.patentType === 0) || this.props.projectType === 2) ? <div className="thirdParty">
- <div>
- <span className="title">
- 付款节点
- </span>
- </div>
- <div
- className="clearfix"
- >
- <Spin spinning={this.state.loading}>
- <Form layout="horizontal">
- <Table
- pagination={false}
- columns={this.state.PayNodeTableColunms}
- dataSource={this.props.dataSource}
- onRowClick={this.payNodeTableRowClickOne}
- scroll={{ x: 'max-content', y: 0 }}
- bordered
- size="small"
- />
- <Col span={24} offset={9} style={{ marginTop: '15px' }}/>
- </Form>
- </Spin>
- </div>
- </div> : <div/>}
- <div
- style={{
- borderTop: '1px #000000 dashed',
- padding: '10px 20px 0px 20px',
- }}
- >
- <div>
- <div className="title">备注</div>
- <div style={{fontSize:'15px'}}>
- {this.props.outsourceRemarks}
- </div>
- </div>
- {this.props.fileList && this.props.fileList.length > 0 ? <div style={{paddingTop:'10px'}}>
- <div className="title">合同/协议扫描件</div>
- <div>
- <ImgList fileList={this.props.fileList} ItemWidth={'96px'}/>
- </div>
- {/*<Upload*/}
- {/* className="demandDetailShow-upload"*/}
- {/* listType="picture-card"*/}
- {/* fileList={this.props.fileList}*/}
- {/* onPreview={(file) => {*/}
- {/* this.setState({*/}
- {/* previewImage: file.url || file.thumbUrl,*/}
- {/* previewVisible: true,*/}
- {/* })*/}
- {/* }}*/}
- {/*/>*/}
- <Modal
- maskClosable={false}
- footer={null}
- visible={this.state.previewVisible}
- onCancel={() => {
- this.setState({ previewVisible: false })
- }}
- >
- <img
- alt=""
- style={{ width: '100%' }}
- src={this.state.previewImage || ''}
- />
- </Modal>
- </div> : <div/>}
- </div>
- {parseInt(this.props.startType) !== 1 && this.state.outsourceLogs.length !== 0 ? <div className="outsourceLogConent">
- <div className="title" style={{
- paddingBottom: 0,
- }}>外包状态</div>
- <div className="outsourceLogList">
- {
- this.state.outsourceLogs && this.state.outsourceLogs.map((value,index)=>(
- <div key={index} className="outsourceLogItem outsource">
- <div style={{
- display:'flex',
- flexFlow:'row nowrap',
- paddingBottom: '3px',
- paddingTop: '3px',
- }}>
- <div>
- {value.aname}
- </div>
- <div style={{paddingLeft:'5px'}}>
- {
- value.status === 0 ?
- <Tag color="#2db7f5">发起外包审核</Tag> :
- value.status === 1 ? <Tag color="#87d068">通过</Tag> :
- <Tag color="#f50">驳回</Tag>
- }
- </div>
- <div style={{
- wordBreak: 'break-all',
- maxWidth:'67%',
- }}>
- {value.remarks}
- </div>
- <div style={{paddingLeft: '10px'}}>
- {value.createTimes}
- </div>
- </div>
- </div>
- ))
- }
- </div>
- </div> : <div/>}
- {this.state.selectOrderPayments.length !== 0 ? <div className="outsourceLogConent">
- <div className="title">支付记录</div>
- <Spin spinning={this.state.loading}>
- <Form layout="horizontal">
- <Table
- pagination={false}
- columns={this.state.orderPaymentseColunms}
- dataSource={this.state.selectOrderPayments}
- onRowClick={(record)=>{
- this.setState({
- payRecordVisible: true,
- orderPaymentsId: record.id,
- })
- }}
- scroll={{ x: 'max-content', y: 0 }}
- bordered
- size="small"
- />
- <Col span={24} offset={9} style={{ marginTop: '15px' }}/>
- </Form>
- </Spin>
- </div> : <div/>}
- {/*
- 申请付款
- tid:项目id
- nodeId: 付款节点id
- previewPayInfor: 项目或者节点信息
- */}
- {this.state.previewPayVisible ? <ApplyPaymentModal
- {...this.props}
- tid={this.props.tid}
- type={this.state.type}
- nodeId={this.state.nodeId}
- projectType={this.props.projectType}
- patentType={this.props.patentType}
- previewPayInfor={this.state.previewPayInfor}
- visible={this.state.previewPayVisible}
- onRefresh={()=>{
- this.props.onRefresh();
- this.getSelectOrderPayment();
- }}
- changeVisible={()=>{
- this.setState({
- previewPayVisible: false,
- nodeId: 0, //付款节点id
- previewPayInfor: {},
- type: 1
- })
- }}/> : <div/>}
- {/* 支付记录操作弹出 */}
- {this.state.payRecordVisible ? <PayRecord
- {...this.props}
- tid={this.props.tid}
- projectType={this.props.projectType}
- patentType={this.props.patentType}
- payId={this.state.orderPaymentsId}
- visible={this.state.payRecordVisible}
- isAuditPayment={this.props.isAuditPayment}
- isAuditPaymentGLY={this.props.isAuditPaymentGLY}
- onRefresh={()=>{
- this.props.onRefresh();
- this.getSelectOrderPayment();
- }}
- changeVisible={()=>{
- this.getSelectOrderPayment();
- this.props.onRefresh && this.props.onRefresh();
- this.setState({
- payRecordVisible: false,
- })
- }}
- /> : <div/>}
- </div>
- }
- </div>
- )
- }
- }
- export default CheckProject
|