|
@@ -127,6 +127,9 @@ class CheckProject extends Component {
|
|
|
},
|
|
|
},
|
|
|
],//支付记录
|
|
|
+
|
|
|
+ outsourcingLogLoading: false,
|
|
|
+ payRecordsLoading: false,
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -877,6 +880,9 @@ class CheckProject extends Component {
|
|
|
|
|
|
//外包日志列表
|
|
|
getSelectOutsourceLog(){
|
|
|
+ this.setState({
|
|
|
+ outsourcingLogLoading: true
|
|
|
+ })
|
|
|
$.ajax({
|
|
|
method: 'get',
|
|
|
dataType: 'json',
|
|
@@ -898,13 +904,18 @@ class CheckProject extends Component {
|
|
|
}.bind(this),
|
|
|
}).always(
|
|
|
function () {
|
|
|
-
|
|
|
+ this.setState({
|
|
|
+ outsourcingLogLoading: false
|
|
|
+ })
|
|
|
}.bind(this)
|
|
|
)
|
|
|
}
|
|
|
|
|
|
//支付列表
|
|
|
getSelectOrderPayment() {
|
|
|
+ this.setState({
|
|
|
+ payRecordsLoading: true
|
|
|
+ })
|
|
|
$.ajax({
|
|
|
method: 'get',
|
|
|
dataType: 'json',
|
|
@@ -926,7 +937,9 @@ class CheckProject extends Component {
|
|
|
}.bind(this),
|
|
|
}).always(
|
|
|
function () {
|
|
|
-
|
|
|
+ this.setState({
|
|
|
+ payRecordsLoading: false
|
|
|
+ })
|
|
|
}.bind(this)
|
|
|
)
|
|
|
}
|
|
@@ -1112,74 +1125,78 @@ class CheckProject extends Component {
|
|
|
</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/>}
|
|
|
+ <Spin spinning={this.state.outsourcingLogLoading}>
|
|
|
+ {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/>}
|
|
|
+ </Spin>
|
|
|
+ <Spin spinning={this.state.payRecordsLoading}>
|
|
|
+ {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/>}
|
|
|
+ </Spin>
|
|
|
{/*
|
|
|
- 申请付款
|
|
|
- tid:项目id
|
|
|
- nodeId: 付款节点id
|
|
|
- previewPayInfor: 项目或者节点信息
|
|
|
- */}
|
|
|
+ 申请付款
|
|
|
+ tid:项目id
|
|
|
+ nodeId: 付款节点id
|
|
|
+ previewPayInfor: 项目或者节点信息
|
|
|
+ */}
|
|
|
{this.state.previewPayVisible ? <ApplyPaymentModal
|
|
|
{...this.props}
|
|
|
tid={this.props.tid}
|