123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265 |
- import React,{Component} from "react";
- import TabelContent from "../../../common/tabelContent";
- import {Button, message,Modal} from "antd";
- import $ from "jquery/src/ajax";
- import DunningRecord from "./dunningRecord";
- const confirm = Modal.confirm;
- class PressMoney extends Component{
- constructor(props) {
- super(props);
- this.state={
- columns: [
- {
- title: "序号",
- dataIndex: "key",
- key: "key",
- width: 45,
- },
- {
- title: "合同编号",
- dataIndex: "contractNo",
- key: "contractNo",
- width: 140,
- },
- {
- title: "客户名称",
- dataIndex: "buyerName",
- key: "buyerName",
- width: 150,
- },
- {
- title: "订单负责人",
- dataIndex: "salesmanName",
- key: "salesmanName",
- width: 120,
- },
- {
- title: "订单部门",
- dataIndex: "depName",
- key: "depName",
- width: 120,
- },
- {
- title: "签单金额(万元)",
- dataIndex: "totalAmount",
- key: "totalAmount",
- width: 80,
- },
- {
- title: "已收款(万元)",
- dataIndex: "settlementAmount",
- key: "settlementAmount",
- width: 80,
- },
- {
- title: "应收款(万元)",
- dataIndex: "orderReceivables",
- key: "orderReceivables",
- width: 80,
- },
- {
- title: "欠款(万元)",
- dataIndex: "orderArrears",
- key: "orderArrears",
- width: 80,
- },
- {
- title: "催款启动日期",
- dataIndex: "dunStartTimes",
- key: "dunStartTimes",
- width: 125,
- },
- {
- title: "自动移交法务(天)",
- dataIndex: "daysRemaining",
- key: "daysRemaining",
- width: 80,
- render: (text) => {
- return (
- text === 0 ? '已移交法务' : text+'天'
- )
- }
- },
- {
- title: "操作",
- dataIndex: "id",
- key: "id",
- width: 250,
- render: (text, record, index) => {
- let _this = this;
- return (
- <div style={{display:'flex',alignItems:'center'}}>
- <Button
- disabled={record.daysRemaining === 0}
- type="primary"
- style={{marginRight: "10px",}}
- onClick={e => {
- e.stopPropagation();
- confirm({
- title: '提醒',
- content: '你确定移交法务吗?',
- okText:'转交',
- cancelText:'取消',
- onOk() {
- _this.transfer(record.orderNo);
- }
- });
- }}
- >
- 移交法务
- </Button>
- <Button
- type="primary"
- style={{marginRight: "10px",}}
- onClick={e => {
- e.stopPropagation();
- this.setState({
- visible:true,
- dataInfor:record
- })
- }}
- >
- 催款记录
- </Button>
- <Button
- type="primary"
- style={{marginRight: "10px",}}
- onClick={e => {
- e.stopPropagation();
- }}
- >
- 法务记录
- </Button>
- </div>
- )
- }
- }
- ],
- searchList:[
- {
- type:'text',
- dataKey:'userName',
- placeholder:'请输入客户名称'
- },
- {
- type:'text',
- dataKey:'contractNo',
- placeholder:'请输入合同编号'
- },
- {
- type:'autoComplete',
- dataKey:'aid',
- api:'/api/admin/customer/listAdminByName',
- search:'adminName',
- placeholder:'请输入营销人名称'
- },
- {
- type:'departmentSelect',
- dataKey:'depId',
- placeholder:'请选择订单部门'
- },
- {
- type:'select',
- dataKey:'legalAffairs',
- placeholder:'请选择是否移交法务',
- selectList:[
- {
- value:'1',
- label:'已移交法务'
- },
- {
- value:'0',
- label:'未移交法务'
- },
- ]
- },
- {
- type:'times',
- title:'催款启动',
- dataKey:['startTime','endTime'],
- },
- ],
- visible: false
- }
- this.tabelContentRef=null;
- this.transfer = this.transfer.bind(this);
- }
- transfer(orderNo){
- this.setState({
- transferLoading: true
- });
- $.ajax({
- method: "post",
- dataType: "json",
- crossDomain: false,
- url:
- globalConfig.context + "/api/admin/lagalAffairs/transfer",
- data: {
- orderNo
- },
- success: function (data) {
- if(data.error.length){
- message.warning(data.error[0].message);
- }else{
- message.success('移交成功');
- this.tabelContentRef && this.tabelContentRef.onRefresh();
- }
- }.bind(this)
- }).done(
- function () {
- this.setState({
- transferLoading: false
- });
- }.bind(this)
- );
- }
- render() {
- return(
- <div className="user-content signatureStatistics">
- <div className="content-title">
- <span>
- 催款记录
- </span>
- </div>
- <TabelContent
- ref={ref => this.tabelContentRef = ref}
- scroll={{ x: 0, y: 1000 }}
- searchList={this.state.searchList}
- columns={this.state.columns}
- tabelApi={'/api/admin/lagalAffairs/orderList'}
- exportApi={'/api/admin/lagalAffairs/orderList/Exprot'}
- query={{type:0}}
- exportExecProcessing={(data)=>{
- data.type = 0;
- return data;
- }}
- dataProcessing={(data)=>{
- let theArr = [];
- for (let i = 0; i < data.data.list.length; i++) {
- let thisdata = data.data.list[i];
- thisdata.key=i + 1;
- theArr.push(thisdata);
- }
- return theArr;
- }}
- />
- {this.state.visible && <DunningRecord
- dataInfor={this.state.dataInfor}
- visible={this.state.visible}
- onCancel={()=>{
- this.setState({
- visible:false,
- dataInfor:{}
- })
- }}
- />}
- </div>
- )
- }
- }
- export default PressMoney;
|