|
@@ -1,4 +1,4 @@
|
|
|
-import React,{Component} from 'react';
|
|
|
+import React, { Component } from 'react';
|
|
|
import $ from "jquery/src/ajax";
|
|
|
import {
|
|
|
Spin,
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
message,
|
|
|
Tooltip, Tabs, Button, Modal, Form, Input
|
|
|
} from "antd";
|
|
|
-import {ShowModal,getProjectStatus} from "@/tools";
|
|
|
+import { ShowModal, getProjectStatus } from "@/tools";
|
|
|
import FilterColumn from './filterColumn';
|
|
|
import DetailsModal from './detailsModal/index';
|
|
|
import OrderPaymentModal from './component/orderPaymentModal';
|
|
@@ -14,8 +14,8 @@ import './index.less';
|
|
|
import "../customer.less";
|
|
|
import CheckProject from "../../../components/checkProject";
|
|
|
import PayRecord from "../../../components/checkProject/payRecord";
|
|
|
-import {ChooseList} from "../chooseList";
|
|
|
-import {getProjectName} from "../../../../tools";
|
|
|
+import { ChooseList } from "../chooseList";
|
|
|
+import { getProjectName } from "../../../../tools";
|
|
|
|
|
|
const { TabPane } = Tabs;
|
|
|
const layout = {
|
|
@@ -32,10 +32,10 @@ const formItemLayout = {
|
|
|
wrapperCol: { span: 14 },
|
|
|
};
|
|
|
|
|
|
-class CostAuditList extends Component{
|
|
|
+class CostAuditList extends Component {
|
|
|
constructor(props) {
|
|
|
super(props);
|
|
|
- this.state={
|
|
|
+ this.state = {
|
|
|
loading: true,
|
|
|
columns: [
|
|
|
{
|
|
@@ -85,10 +85,10 @@ class CostAuditList extends Component{
|
|
|
return (
|
|
|
<Tooltip placement="bottom" title={text}>
|
|
|
<div style={{
|
|
|
- maxWidth:'150px',
|
|
|
- overflow:'hidden',
|
|
|
+ maxWidth: '150px',
|
|
|
+ overflow: 'hidden',
|
|
|
textOverflow: "ellipsis",
|
|
|
- whiteSpace:'nowrap',
|
|
|
+ whiteSpace: 'nowrap',
|
|
|
}}>{text}</div>
|
|
|
</Tooltip>
|
|
|
)
|
|
@@ -117,7 +117,7 @@ class CostAuditList extends Component{
|
|
|
key: "chooseType",
|
|
|
render: (text) => {
|
|
|
return text === 0 ? '第三方成本' :
|
|
|
- text === 1 ? '催款节点' : text === 2 ? '官费' : '';
|
|
|
+ text === 1 ? '催款节点' : text === 2 ? '官费' : '';
|
|
|
},
|
|
|
},
|
|
|
{
|
|
@@ -157,10 +157,10 @@ class CostAuditList extends Component{
|
|
|
key: "status",
|
|
|
render: (text) => {
|
|
|
return text === 0 ? '审核' :
|
|
|
- text === 1 ? '待支付' :
|
|
|
- text === 2 ? '驳回' :
|
|
|
- text === 3 ? '已支付' :
|
|
|
- text === 4 ? '已取消' : '';
|
|
|
+ text === 1 ? '待支付' :
|
|
|
+ text === 2 ? '驳回' :
|
|
|
+ text === 3 ? '已支付' :
|
|
|
+ text === 4 ? '已取消' : '';
|
|
|
},
|
|
|
},
|
|
|
{
|
|
@@ -175,8 +175,8 @@ class CostAuditList extends Component{
|
|
|
render: (text, record) => {
|
|
|
return (
|
|
|
<div style={{
|
|
|
- display:'flex',
|
|
|
- alignItems:'center',
|
|
|
+ display: 'flex',
|
|
|
+ alignItems: 'center',
|
|
|
}}>
|
|
|
<Button type="primary" size="small" onClick={(e) => {
|
|
|
e.stopPropagation();
|
|
@@ -189,9 +189,9 @@ class CostAuditList extends Component{
|
|
|
}}>
|
|
|
{
|
|
|
this.props.isPatentManager ? '查看详情' :
|
|
|
- record.status === 0 ? '待审核' :
|
|
|
- record.status === 1 ? '待支付' :
|
|
|
- record.status === 2 ? '查看详情' : '查看详情'
|
|
|
+ record.status === 0 ? '待审核' :
|
|
|
+ record.status === 1 ? '待支付' :
|
|
|
+ record.status === 2 ? '查看详情' : '查看详情'
|
|
|
}
|
|
|
</Button>
|
|
|
{!this.props.isPatentManager ? <Button
|
|
@@ -209,7 +209,7 @@ class CostAuditList extends Component{
|
|
|
tid: record.tid,
|
|
|
projectType: record.projectType,
|
|
|
})
|
|
|
- }}>
|
|
|
+ }}>
|
|
|
付款记录
|
|
|
</Button> : null}
|
|
|
</div>
|
|
@@ -225,7 +225,7 @@ class CostAuditList extends Component{
|
|
|
showQuickJumper: true,
|
|
|
pageSize: 10,
|
|
|
onChange: function (page) {
|
|
|
- this.loadData(page,this.state.searchInfor);
|
|
|
+ this.loadData(page, this.state.searchInfor);
|
|
|
}.bind(this),
|
|
|
showTotal: function (total) {
|
|
|
return "共" + total + "条数据";
|
|
@@ -248,15 +248,15 @@ class CostAuditList extends Component{
|
|
|
|
|
|
componentDidMount() {
|
|
|
this.loadData()
|
|
|
- if(this.props.isPatentManager){
|
|
|
+ if (this.props.isPatentManager) {
|
|
|
let arr = this.state.columns;
|
|
|
arr.splice(7, 0, {
|
|
|
title: "官费",
|
|
|
dataIndex: "officialCost",
|
|
|
key: "officialCost",
|
|
|
- render: (text,record) => {
|
|
|
+ render: (text, record) => {
|
|
|
return (
|
|
|
- (text === 1 ? '含官费' : '不含官费' ) +
|
|
|
+ (text === 1 ? '含官费' : '不含官费') +
|
|
|
(text === 1 ? (record.costReduction === 1 ? '有费减' : record.costReduction === 0 ? '无费减' : '') : '')
|
|
|
)
|
|
|
}
|
|
@@ -265,7 +265,7 @@ class CostAuditList extends Component{
|
|
|
title: "流程状态",
|
|
|
dataIndex: "processStatus",
|
|
|
key: "processStatus",
|
|
|
- render: (text,record) => {
|
|
|
+ render: (text, record) => {
|
|
|
return (
|
|
|
text === 0 ? '发起' :
|
|
|
text === 1 ? '专利管理员审核' :
|
|
@@ -274,9 +274,9 @@ class CostAuditList extends Component{
|
|
|
}
|
|
|
})
|
|
|
this.setState({
|
|
|
- columns:arr
|
|
|
+ columns: arr
|
|
|
})
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
let arr = this.state.columns;
|
|
|
arr.splice(9, 0, {
|
|
|
title: "签单金额(万元)",
|
|
@@ -289,12 +289,12 @@ class CostAuditList extends Component{
|
|
|
key: "settlementAmount",
|
|
|
})
|
|
|
this.setState({
|
|
|
- columns:arr
|
|
|
+ columns: arr
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- loadData(pageNo,data={}) {
|
|
|
+ loadData(pageNo, data = {}) {
|
|
|
this.setState({
|
|
|
loading: true,
|
|
|
});
|
|
@@ -345,7 +345,7 @@ class CostAuditList extends Component{
|
|
|
);
|
|
|
}
|
|
|
|
|
|
- tableRowClick(record){
|
|
|
+ tableRowClick(record) {
|
|
|
this.setState({
|
|
|
visible: true,
|
|
|
selectInfor: record,
|
|
@@ -353,15 +353,15 @@ class CostAuditList extends Component{
|
|
|
}
|
|
|
|
|
|
//专利审核
|
|
|
- examineAll(status){
|
|
|
- if(!this.state.remarks){
|
|
|
+ examineAll(status) {
|
|
|
+ if (!this.state.remarks) {
|
|
|
message.warning('请输入备注')
|
|
|
return;
|
|
|
}
|
|
|
let _this = this;
|
|
|
Modal.confirm({
|
|
|
title: '确定要批量审核已标记的条目吗?',
|
|
|
- content: '已标记的序号为'+_this.state.selectedRowKeys.join(','),
|
|
|
+ content: '已标记的序号为' + _this.state.selectedRowKeys.join(','),
|
|
|
okText: '确定',
|
|
|
okType: 'primary',
|
|
|
cancelText: '取消',
|
|
@@ -370,12 +370,12 @@ class CostAuditList extends Component{
|
|
|
loading: true,
|
|
|
});
|
|
|
let data = {
|
|
|
- remarks:_this.state.remarks,
|
|
|
- status:status
|
|
|
+ remarks: _this.state.remarks,
|
|
|
+ status: status
|
|
|
}
|
|
|
- if(_this.state.selectedRowKeys.length === 1){
|
|
|
+ if (_this.state.selectedRowKeys.length === 1) {
|
|
|
data.pid = _this.state.selectedRowKeys[0]
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
data.pids = _this.state.selectedRowKeys.join(',')
|
|
|
}
|
|
|
$.ajax({
|
|
@@ -393,7 +393,7 @@ class CostAuditList extends Component{
|
|
|
message.success('审核成功')
|
|
|
_this.setState({
|
|
|
selectedRowKeys: [],
|
|
|
- patentVisible:false
|
|
|
+ patentVisible: false
|
|
|
});
|
|
|
_this.loadData(_this.state.page);
|
|
|
} else {
|
|
@@ -410,14 +410,14 @@ class CostAuditList extends Component{
|
|
|
|
|
|
//批量审核
|
|
|
printAll() {
|
|
|
- if(this.state.selectedRowKeys.length === 0){
|
|
|
+ if (this.state.selectedRowKeys.length === 0) {
|
|
|
message.warning('请先选择需要批量支付的条目');
|
|
|
return;
|
|
|
}
|
|
|
let _this = this;
|
|
|
Modal.confirm({
|
|
|
title: '确定要批量支付已标记的条目吗?',
|
|
|
- content: '已标记的序号为'+_this.state.selectedRowKeys.join(','),
|
|
|
+ content: '已标记的序号为' + _this.state.selectedRowKeys.join(','),
|
|
|
okText: '确定',
|
|
|
okType: 'primary',
|
|
|
cancelText: '取消',
|
|
@@ -445,17 +445,17 @@ class CostAuditList extends Component{
|
|
|
title: '操作提醒',
|
|
|
content: (
|
|
|
<div>
|
|
|
- <div style={{paddingBottom:'15px'}}>
|
|
|
- {'操作成功'+okLength+'条,'+'操作失败'+failLength+'条'}
|
|
|
+ <div style={{ paddingBottom: '15px' }}>
|
|
|
+ {'操作成功' + okLength + '条,' + '操作失败' + failLength + '条'}
|
|
|
</div>
|
|
|
{
|
|
|
failLength !== 0 ?
|
|
|
- <div>操作失败序号为:{data.data.fail.join(',')}</div>:
|
|
|
- <div/>
|
|
|
+ <div>操作失败序号为:{data.data.fail.join(',')}</div> :
|
|
|
+ <div />
|
|
|
}
|
|
|
</div>
|
|
|
),
|
|
|
- onOk() {},
|
|
|
+ onOk() { },
|
|
|
});
|
|
|
_this.setState({
|
|
|
selectedRowKeys: [],
|
|
@@ -475,19 +475,20 @@ class CostAuditList extends Component{
|
|
|
|
|
|
//导出
|
|
|
exportExec() {
|
|
|
- let data = Object.assign({},this.state.searchInfor);
|
|
|
- for (let key in data){
|
|
|
- if(!data[key]){
|
|
|
+ let data = Object.assign({}, this.state.searchInfor);
|
|
|
+ for (let key in data) {
|
|
|
+ if (!data[key]) {
|
|
|
delete data[key]
|
|
|
}
|
|
|
}
|
|
|
data.pageSize = 9999999;
|
|
|
data.pageNo = 1;
|
|
|
//专利经理审核导出
|
|
|
- if(this.props.isPatentManager){
|
|
|
+ if (this.props.isPatentManager) {
|
|
|
data.type = 1;
|
|
|
}
|
|
|
- window.location.href=(globalConfig.context+'/api/admin/company/exportPaymentList?'+$.param(data));
|
|
|
+ console.log("======", data)
|
|
|
+ // window.location.href = (globalConfig.context + '/api/admin/company/exportPaymentList?' + $.param(data));
|
|
|
}
|
|
|
|
|
|
changeList(arr) {
|
|
@@ -506,209 +507,211 @@ class CostAuditList extends Component{
|
|
|
|
|
|
render() {
|
|
|
return (
|
|
|
- <div className="user-content">
|
|
|
- <div className="content-title" style={{ marginBottom: 10 }}>
|
|
|
- <span style={{ fontWeight: 900, fontSize: 16 }}>{this.props.isPatentManager ? '专利成本审核' : '成本支付审核'}</span>
|
|
|
- </div>
|
|
|
- <Tabs defaultActiveKey="1" onChange={this.callback} className="test">
|
|
|
- <TabPane tab="搜索" key="1">
|
|
|
- <div style={{paddingTop:'10px'}}>
|
|
|
- <FilterColumn
|
|
|
- {...this.props}
|
|
|
- onSearch={(data)=>{
|
|
|
- this.setState({
|
|
|
- searchInfor: data,
|
|
|
- selectedRowKeys: [],
|
|
|
- });
|
|
|
- this.loadData(1,data);
|
|
|
- }}
|
|
|
- onResetSearch={()=>{
|
|
|
- this.setState({
|
|
|
- searchInfor: {}
|
|
|
- });
|
|
|
- this.loadData();
|
|
|
- }}
|
|
|
- />
|
|
|
- </div>
|
|
|
- </TabPane>
|
|
|
- <TabPane tab="操作" key="2">
|
|
|
- <Button
|
|
|
- type="primary"
|
|
|
- style={{ margin: "11px 0px 10px 10px" }}
|
|
|
- onClick={this.props.isPatentManager ? ()=>{
|
|
|
- if(this.state.selectedRowKeys.length === 0){
|
|
|
- message.warning('请先选择需要批量审核的专利');
|
|
|
- return;
|
|
|
- }
|
|
|
- this.setState({
|
|
|
- patentVisible:true
|
|
|
- })
|
|
|
- } : this.printAll}
|
|
|
- disabled={!this.state.dataSource.length}
|
|
|
- >
|
|
|
- {this.props.isPatentManager ? '批量审核' :'批量支付'}
|
|
|
- </Button>
|
|
|
- <Button
|
|
|
- type="primary"
|
|
|
- onClick={this.exportExec}
|
|
|
- style={{ margin: "11px 0px 10px 10px" }}
|
|
|
- >
|
|
|
- {this.props.isPatentManager ? '导出专利成本列表' : '导出财务成本列表'}
|
|
|
- </Button>
|
|
|
- </TabPane>
|
|
|
- <TabPane tab="更改表格显示数据" key="3">
|
|
|
- <div style={{ marginLeft: 10 }}>
|
|
|
- <ChooseList
|
|
|
- columns={this.state.columns}
|
|
|
- changeFn={this.changeList}
|
|
|
- changeList={this.state.changeList}
|
|
|
- top={55}
|
|
|
- margin={11}
|
|
|
- />
|
|
|
- </div>
|
|
|
- </TabPane>
|
|
|
- </Tabs>
|
|
|
- <div className="patent-table">
|
|
|
- <Spin spinning={this.state.loading}>
|
|
|
- <Table
|
|
|
- columns={
|
|
|
- this.state.changeList
|
|
|
- ? this.state.changeList
|
|
|
- : this.state.columns
|
|
|
- }
|
|
|
- dataSource={this.state.dataSource}
|
|
|
- pagination={this.state.pagination}
|
|
|
- style={{
|
|
|
- cursor: 'pointer',
|
|
|
- }}
|
|
|
- onRowClick={(record)=>{
|
|
|
- this.tableRowClick(record)
|
|
|
- }}
|
|
|
- rowSelection={{
|
|
|
- selectedRowKeys:this.state.selectedRowKeys,
|
|
|
- onChange: (selectedRowKeys)=>{
|
|
|
- this.setState({ selectedRowKeys });
|
|
|
- },
|
|
|
- getCheckboxProps: (record) => ({
|
|
|
- // 0审核 1待支付 2驳回 3已支付 只有待支付可以勾选
|
|
|
- disabled: this.props.isPatentManager ? record.processStatus !== 1 : record.status !== 1,
|
|
|
- })
|
|
|
- }}
|
|
|
- scroll={{ x: "max-content", y: 0 }}
|
|
|
- bordered
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </Spin>
|
|
|
- </div>
|
|
|
- {
|
|
|
- this.state.visible ?
|
|
|
- <DetailsModal
|
|
|
- isAuditPayment={!this.props.isPatentManager}
|
|
|
- isAuditPaymentGLY={this.props.isPatentManager}
|
|
|
- tid={this.state.selectInfor.tid}
|
|
|
- orderNo={this.state.selectInfor.orderNo}
|
|
|
- projectType={this.state.selectInfor.projectType}
|
|
|
- projectStatus={this.state.selectInfor.projectStatus}
|
|
|
- taskName={this.state.selectInfor.pname}
|
|
|
- taskID={this.state.selectInfor.tid}
|
|
|
- visible={this.state.visible}
|
|
|
- refreshList={()=>{
|
|
|
- this.loadData(this.state.page,this.state.searchInfor);
|
|
|
- }}
|
|
|
- visitCancel={()=>{
|
|
|
- this.setState({
|
|
|
- visible: false
|
|
|
- })
|
|
|
- this.loadData(this.state.page,this.state.searchInfor);
|
|
|
- }}/> : <div/>
|
|
|
- }
|
|
|
- {this.state.paymentVisible ?
|
|
|
- <OrderPaymentModal
|
|
|
- tid={this.state.tid}
|
|
|
- visible={this.state.paymentVisible}
|
|
|
- projectType={this.state.projectType}
|
|
|
- isAuditPayment={!this.props.isPatentManager}
|
|
|
- isAuditPaymentGLY={this.props.isPatentManager}
|
|
|
- onCancer={()=>{
|
|
|
- this.setState({
|
|
|
- paymentVisible: false,
|
|
|
- tid: 0,
|
|
|
- projectType: 0,
|
|
|
- });
|
|
|
- this.loadData(this.state.page,this.state.searchInfor);
|
|
|
- }}
|
|
|
- onSuccess={()=>{
|
|
|
- this.setState({
|
|
|
- paymentVisible: false,
|
|
|
- tid: 0,
|
|
|
- projectType: 0,
|
|
|
- });
|
|
|
- this.loadData(this.state.page,this.state.searchInfor);
|
|
|
- }}/> :
|
|
|
- <div/>
|
|
|
- }
|
|
|
- {this.state.payRecordVisible ? <PayRecord
|
|
|
- {...this.props}
|
|
|
- payId={this.state.orderPaymentsId}
|
|
|
- visible={this.state.payRecordVisible}
|
|
|
- tid={this.state.tid}
|
|
|
- isAuditPayment={!this.props.isPatentManager}
|
|
|
- isAuditPaymentGLY={this.props.isPatentManager}
|
|
|
- projectType={this.state.projectType}
|
|
|
- changeVisible={()=>{
|
|
|
- this.loadData(this.state.page,this.state.searchInfor);
|
|
|
- this.setState({
|
|
|
- payRecordVisible: false,
|
|
|
- orderPaymentsId: 0,
|
|
|
- tid: 0,
|
|
|
- projectType: 0,
|
|
|
- })
|
|
|
- }}
|
|
|
- /> : <div/>}
|
|
|
- <Modal
|
|
|
- title='专利成本审核'
|
|
|
- className='payRecordComponent'
|
|
|
- width={500}
|
|
|
- maskClosable={false}
|
|
|
- footer={null}
|
|
|
- visible={this.state.patentVisible}
|
|
|
- onCancel={() => {
|
|
|
- this.setState({
|
|
|
- patentVisible:false
|
|
|
- })
|
|
|
- }}
|
|
|
- >
|
|
|
- <Form
|
|
|
- {...layout}
|
|
|
- name="basic"
|
|
|
- initialValues={{
|
|
|
- remember: true,
|
|
|
- }}
|
|
|
- >
|
|
|
- <div style={{
|
|
|
- paddingBottom:'20px'
|
|
|
- }}>
|
|
|
- <div style={{
|
|
|
- paddingBottom:'10px'
|
|
|
- }}>成本审核备注:</div>
|
|
|
- <Input
|
|
|
- row={5}
|
|
|
- type="textarea"
|
|
|
- onChange={(e) => { this.setState({
|
|
|
- remarks:e.target.value
|
|
|
- })}} />
|
|
|
- </div>
|
|
|
- <div style={{display:'flex',justifyContent:'center'}}>
|
|
|
- <Button type='primary' style={{marginRight:'15px'}} onClick={()=>{
|
|
|
- this.examineAll(1);
|
|
|
- }}>通过</Button>
|
|
|
- <Button type='primary' style={{background:'#f00'}} onClick={()=>{
|
|
|
- this.examineAll(2);
|
|
|
- }}>驳回</Button>
|
|
|
- </div>
|
|
|
- </Form>
|
|
|
- </Modal>
|
|
|
- </div>
|
|
|
+ <div className="user-content">
|
|
|
+ <div className="content-title" style={{ marginBottom: 10 }}>
|
|
|
+ <span style={{ fontWeight: 900, fontSize: 16 }}>{this.props.isPatentManager ? '专利成本审核' : '成本支付审核'}</span>
|
|
|
+ </div>
|
|
|
+ <Tabs defaultActiveKey="1" onChange={this.callback} className="test">
|
|
|
+ <TabPane tab="搜索" key="1">
|
|
|
+ <div style={{ paddingTop: 10, paddingLeft: 10 }}>
|
|
|
+ <FilterColumn
|
|
|
+ {...this.props}
|
|
|
+ onSearch={(data) => {
|
|
|
+ this.setState({
|
|
|
+ searchInfor: data,
|
|
|
+ selectedRowKeys: [],
|
|
|
+ });
|
|
|
+ this.loadData(1, data);
|
|
|
+ }}
|
|
|
+ onResetSearch={() => {
|
|
|
+ this.setState({
|
|
|
+ searchInfor: {}
|
|
|
+ });
|
|
|
+ this.loadData();
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </TabPane>
|
|
|
+ <TabPane tab="操作" key="2">
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ style={{ margin: "11px 0px 10px 10px" }}
|
|
|
+ onClick={this.props.isPatentManager ? () => {
|
|
|
+ if (this.state.selectedRowKeys.length === 0) {
|
|
|
+ message.warning('请先选择需要批量审核的专利');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.setState({
|
|
|
+ patentVisible: true
|
|
|
+ })
|
|
|
+ } : this.printAll}
|
|
|
+ disabled={!this.state.dataSource.length}
|
|
|
+ >
|
|
|
+ {this.props.isPatentManager ? '批量审核' : '批量支付'}
|
|
|
+ </Button>
|
|
|
+ <Button
|
|
|
+ type="primary"
|
|
|
+ onClick={this.exportExec}
|
|
|
+ style={{ margin: "11px 0px 10px 10px" }}
|
|
|
+ >
|
|
|
+ {this.props.isPatentManager ? '导出专利成本列表' : '导出财务成本列表'}
|
|
|
+ </Button>
|
|
|
+ </TabPane>
|
|
|
+ <TabPane tab="更改表格显示数据" key="3">
|
|
|
+ <div style={{ marginLeft: 10 }}>
|
|
|
+ <ChooseList
|
|
|
+ columns={this.state.columns}
|
|
|
+ changeFn={this.changeList}
|
|
|
+ changeList={this.state.changeList}
|
|
|
+ top={55}
|
|
|
+ margin={11}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </TabPane>
|
|
|
+ </Tabs>
|
|
|
+ <div className="patent-table">
|
|
|
+ <Spin spinning={this.state.loading}>
|
|
|
+ <Table
|
|
|
+ columns={
|
|
|
+ this.state.changeList
|
|
|
+ ? this.state.changeList
|
|
|
+ : this.state.columns
|
|
|
+ }
|
|
|
+ dataSource={this.state.dataSource}
|
|
|
+ pagination={this.state.pagination}
|
|
|
+ style={{
|
|
|
+ cursor: 'pointer',
|
|
|
+ }}
|
|
|
+ onRowClick={(record) => {
|
|
|
+ this.tableRowClick(record)
|
|
|
+ }}
|
|
|
+ rowSelection={{
|
|
|
+ selectedRowKeys: this.state.selectedRowKeys,
|
|
|
+ onChange: (selectedRowKeys) => {
|
|
|
+ this.setState({ selectedRowKeys });
|
|
|
+ },
|
|
|
+ getCheckboxProps: (record) => ({
|
|
|
+ // 0审核 1待支付 2驳回 3已支付 只有待支付可以勾选
|
|
|
+ disabled: this.props.isPatentManager ? record.processStatus !== 1 : record.status !== 1,
|
|
|
+ })
|
|
|
+ }}
|
|
|
+ scroll={{ x: "max-content", y: 0 }}
|
|
|
+ bordered
|
|
|
+ size="small"
|
|
|
+ />
|
|
|
+ </Spin>
|
|
|
+ </div>
|
|
|
+ {
|
|
|
+ this.state.visible ?
|
|
|
+ <DetailsModal
|
|
|
+ isAuditPayment={!this.props.isPatentManager}
|
|
|
+ isAuditPaymentGLY={this.props.isPatentManager}
|
|
|
+ tid={this.state.selectInfor.tid}
|
|
|
+ orderNo={this.state.selectInfor.orderNo}
|
|
|
+ projectType={this.state.selectInfor.projectType}
|
|
|
+ projectStatus={this.state.selectInfor.projectStatus}
|
|
|
+ taskName={this.state.selectInfor.pname}
|
|
|
+ taskID={this.state.selectInfor.tid}
|
|
|
+ visible={this.state.visible}
|
|
|
+ refreshList={() => {
|
|
|
+ this.loadData(this.state.page, this.state.searchInfor);
|
|
|
+ }}
|
|
|
+ visitCancel={() => {
|
|
|
+ this.setState({
|
|
|
+ visible: false
|
|
|
+ })
|
|
|
+ this.loadData(this.state.page, this.state.searchInfor);
|
|
|
+ }} /> : <div />
|
|
|
+ }
|
|
|
+ {this.state.paymentVisible ?
|
|
|
+ <OrderPaymentModal
|
|
|
+ tid={this.state.tid}
|
|
|
+ visible={this.state.paymentVisible}
|
|
|
+ projectType={this.state.projectType}
|
|
|
+ isAuditPayment={!this.props.isPatentManager}
|
|
|
+ isAuditPaymentGLY={this.props.isPatentManager}
|
|
|
+ onCancer={() => {
|
|
|
+ this.setState({
|
|
|
+ paymentVisible: false,
|
|
|
+ tid: 0,
|
|
|
+ projectType: 0,
|
|
|
+ });
|
|
|
+ this.loadData(this.state.page, this.state.searchInfor);
|
|
|
+ }}
|
|
|
+ onSuccess={() => {
|
|
|
+ this.setState({
|
|
|
+ paymentVisible: false,
|
|
|
+ tid: 0,
|
|
|
+ projectType: 0,
|
|
|
+ });
|
|
|
+ this.loadData(this.state.page, this.state.searchInfor);
|
|
|
+ }} /> :
|
|
|
+ <div />
|
|
|
+ }
|
|
|
+ {this.state.payRecordVisible ? <PayRecord
|
|
|
+ {...this.props}
|
|
|
+ payId={this.state.orderPaymentsId}
|
|
|
+ visible={this.state.payRecordVisible}
|
|
|
+ tid={this.state.tid}
|
|
|
+ isAuditPayment={!this.props.isPatentManager}
|
|
|
+ isAuditPaymentGLY={this.props.isPatentManager}
|
|
|
+ projectType={this.state.projectType}
|
|
|
+ changeVisible={() => {
|
|
|
+ this.loadData(this.state.page, this.state.searchInfor);
|
|
|
+ this.setState({
|
|
|
+ payRecordVisible: false,
|
|
|
+ orderPaymentsId: 0,
|
|
|
+ tid: 0,
|
|
|
+ projectType: 0,
|
|
|
+ })
|
|
|
+ }}
|
|
|
+ /> : <div />}
|
|
|
+ <Modal
|
|
|
+ title='专利成本审核'
|
|
|
+ className='payRecordComponent'
|
|
|
+ width={500}
|
|
|
+ maskClosable={false}
|
|
|
+ footer={null}
|
|
|
+ visible={this.state.patentVisible}
|
|
|
+ onCancel={() => {
|
|
|
+ this.setState({
|
|
|
+ patentVisible: false
|
|
|
+ })
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <Form
|
|
|
+ {...layout}
|
|
|
+ name="basic"
|
|
|
+ initialValues={{
|
|
|
+ remember: true,
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <div style={{
|
|
|
+ paddingBottom: '20px'
|
|
|
+ }}>
|
|
|
+ <div style={{
|
|
|
+ paddingBottom: '10px'
|
|
|
+ }}>成本审核备注:</div>
|
|
|
+ <Input
|
|
|
+ row={5}
|
|
|
+ type="textarea"
|
|
|
+ onChange={(e) => {
|
|
|
+ this.setState({
|
|
|
+ remarks: e.target.value
|
|
|
+ })
|
|
|
+ }} />
|
|
|
+ </div>
|
|
|
+ <div style={{ display: 'flex', justifyContent: 'center' }}>
|
|
|
+ <Button type='primary' style={{ marginRight: '15px' }} onClick={() => {
|
|
|
+ this.examineAll(1);
|
|
|
+ }}>通过</Button>
|
|
|
+ <Button type='primary' style={{ background: '#f00' }} onClick={() => {
|
|
|
+ this.examineAll(2);
|
|
|
+ }}>驳回</Button>
|
|
|
+ </div>
|
|
|
+ </Form>
|
|
|
+ </Modal>
|
|
|
+ </div>
|
|
|
);
|
|
|
}
|
|
|
}
|