import React, { Component } from "react";
import TabelContent from "../../../common/tabelContent";
import LegalRecd from "../collectioning/legalRecd";
import DunningRecord from "../../order/pressMoney/dunningRecord";
import { Form, Button, message, Modal, Icon, Input } from "antd";
import $ from "jquery/src/ajax";
import dayjs from "dayjs";
const { TextArea } = Input;
const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 6 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 14 },
  },
};
class DelayLegalAffairs extends Component {
  constructor(props) {
    super(props);
    this.state = {
      columns: [
        {
          title: "序号",
          dataIndex: "key",
          key: "key",
          width: 45,
        },
        {
          title: "合同编号",
          dataIndex: "contractNo",
          key: "contractNo",
          width: 70,
        },
        {
          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: "orderArrears",
          key: "orderArrears",
          width: 80,
        },
        {
          title: "法务类型",
          dataIndex: "type",
          key: "type",
          width: 80,
        },
        {
          title: "法务时间",
          dataIndex: "operationDate",
          key: "operationDate",
          width: 125,
        },
        {
          title: "操作",
          dataIndex: "id",
          key: "id",
          width: 290,
          render: (text, record, index) => {
            let _this = this;
            return (
              
                {/*  */}
                
                
                {/* 法务记录 */}
                
              
            );
          },
        },
      ],
      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: "times",
          title: "法务时间",
          dataKey: ["startTime", "endTime"],
        },
      ],
      visible: false,
      visibleLegal: false,
      visibleRecd: false,
      orderNoTransfer: "",
      visibleTransfer: false,
      transferKey: 0,
      adminHid: "inline-block",
    };
    this.modelBack = this.modelBack.bind(this);
    this.transfer = this.transfer.bind(this);
    this.onFresh = this.onFresh.bind(this);
  }
  componentDidMount() {
    if (!adminData.isLegal) {
      this.setState({
        adminHid: "none",
      });
    }
  }
  transfer(orderNo) {
    this.setState({
      transferLoading: true,
    });
    if (this.state.remarks == "") {
      message.warning("请填写原因");
    }
    $.ajax({
      method: "post",
      dataType: "json",
      crossDomain: false,
      url: globalConfig.context + "/api/admin/lagalAffairs/addLagalAffairsLog",
      data: {
        orderNo,
        type: 0,
        remarks: this.state.remarks,
        status: 0,
        date: dayjs().format("YYYY-MM-DD"),
      },
      success: function (data) {
        if (data.error.length) {
          message.warning(data.error[0].message);
        } else {
          message.success("重启成功");
          this.setState({
            visibleTransfer: false,
            transferKey: this.state.transferKey + 13,
          });
          this.tabelContentRef && this.tabelContentRef.onRefresh();
        }
      }.bind(this),
    }).done(
      function () {
        this.setState({
          transferLoading: false,
        });
      }.bind(this)
    );
  }
  modelBack() {
    this.setState({
      visibleLegal: true,
    });
  }
  onFresh() {
    this.setState({
      visibleRecd: false,
    });
    this.tabelContentRef && this.tabelContentRef.onRefresh();
  }
  render() {
    return (
      
        
          延期法务
        
         (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: 2 }}
          //修改type类型
          exportExecProcessing={(data) => {
            data.type = 2;
            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;
              let status;
              if (thisdata.status == 0) {
                status = "否";
              } else if (thisdata.status == 1) {
                status = "已回款";
              } else if (thisdata.status == 2) {
                status = "已诉讼";
              } else if (thisdata.status == 3) {
                status = "已坏账处理";
              }
              if (thisdata.type == 0) {
                thisdata.type = "法务催收中";
              } else if (thisdata.type == 1) {
                thisdata.type = "延期法务";
              } else if (thisdata.type == 2) {
                thisdata.type = `已完成法务/${status}`;
              }
              theArr.push(thisdata);
            }
            return theArr;
          }}
          onRowClick={this.tableRowClick}
        />
         {
            this.setState({
              visibleTransfer: false,
              transferKey: this.state.transferKey + 13,
            });
          }}
          width="550px"
          style={{ color: "red" }}
          footer=""
          className="admin-desc-content"
        >
          
            {" "}
            
            
              是否重启催款?
            
          
          
            
                
            
          
          
            
            
          
        
        {this.state.visibleRecd && (
           {
              this.setState({
                visibleRecd: false,
                dataInfor: {},
              });
            }}
          />
        )}
        {this.state.visible ? (
           {
              this.setState({
                visible: false,
                dataInfor: {},
              });
            }}
          />
        ) : (
          ""
        )}
       
    );
  }
}
export default DelayLegalAffairs;