|
@@ -18,6 +18,7 @@ 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) {
|
|
@@ -973,36 +974,39 @@ class CheckProject extends Component {
|
|
|
|
|
|
render() {
|
|
|
return (
|
|
|
- <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>
|
|
|
+ { 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>
|
|
|
- <div style={{paddingLeft:'100px'}}>
|
|
|
- 专利名称:<span style={{marginLeft:'15px'}}>
|
|
|
+ {
|
|
|
+ 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 ? '发明专利' :
|
|
@@ -1010,215 +1014,217 @@ class CheckProject extends Component {
|
|
|
this.props.patentNameType === 3 ? this.props.patentName : ''
|
|
|
}
|
|
|
</span>
|
|
|
- </div>
|
|
|
- </div> : <div/>
|
|
|
- }
|
|
|
- <div className="thirdParty">
|
|
|
- <div>
|
|
|
+ </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>
|
|
|
+ </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
|
|
|
+ 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>
|
|
|
- ))
|
|
|
- }
|
|
|
- </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/>}
|
|
|
- {/*
|
|
|
+ {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}
|
|
|
- onRefresh={()=>{
|
|
|
- this.props.onRefresh();
|
|
|
- this.getSelectOrderPayment();
|
|
|
- }}
|
|
|
- changeVisible={()=>{
|
|
|
- this.getSelectOrderPayment();
|
|
|
- this.props.onRefresh && this.props.onRefresh();
|
|
|
- this.setState({
|
|
|
+ {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}
|
|
|
+ onRefresh={()=>{
|
|
|
+ this.props.onRefresh();
|
|
|
+ this.getSelectOrderPayment();
|
|
|
+ }}
|
|
|
+ changeVisible={()=>{
|
|
|
+ this.getSelectOrderPayment();
|
|
|
+ this.props.onRefresh && this.props.onRefresh();
|
|
|
+ this.setState({
|
|
|
payRecordVisible: false,
|
|
|
- })
|
|
|
- }}
|
|
|
- /> : <div/>}
|
|
|
- </div>
|
|
|
+ })
|
|
|
+ }}
|
|
|
+ /> : <div/>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ </div>
|
|
|
)
|
|
|
}
|
|
|
}
|