FEV2 / fw-cms

  import React from "react";

  import { Popover, Table } from "antd";

  import { useStore } from "../index";

  import { CompanyCategoryTypeEnum, ExpireRepayRuleEnum } from "@/pages/finance/entitys";

  import rmb from "@/utils/rmb";

  import { ExclamationCircleFilled } from "@ant-design/icons";

  
  const { Column } = Table;
  
  enum DepositPayMethodEnum {
    "前期一次性支付" = 1,
    "每张票支付",
  }
  
  export default function SalesFinanceList() {
    const { setCurrent, setVisible, companyList, loading } = useStore();
  
    return (
      <Table dataSource={companyList} rowKey="compId" pagination={false} loading={loading} scroll={{ x: 1400 }}>
        <Column
          title="公司名称"
          dataIndex="compName"
          fixed="left"
          render={(name, row: SpecialAccount.Companylist) => `${name}(${CompanyCategoryTypeEnum[row.compCategory!]})`}
          width={120}
        />

  
        <Column
          title={
            <Popover
              placement="topLeft"
              content={
                <div>
                  <p>
                    <span style={{ color: "red" }}>提示：</span>
                    <span>保证金指真实的保证金，而非票据保证金账户上的钱</span>
                  </p>
                </div>
              }
            >
              <span>

                还款保证金账户  

                <ExclamationCircleFilled style={{ color: "#40a9ff" }} />
              </span>
            </Popover>
          }
          dataIndex="depositAccountName"
          align="center"
          render={(name) => name || "-"}
          width={120}
        />
  

        <Column title="一般账户" dataIndex="accountName" width={120} />
        <Column title="还款账户" dataIndex="repayAccountName" width={120} />
        <Column title="最大授信额度(元)" dataIndex="maxCreditQuota" render={(count) => count.toFixed(2)} width={120} />
        <Column

          title="保证金固定金额或比例"

          dataIndex="depositValue"
          render={(count, row: SpecialAccount.Companylist) => `${rmb.p(count)}${row.depositType == 1 ? "元" : "%"}`}
          width={120}
        />
        <Column title="保证金支付方式" dataIndex="depositPayMethod" render={(v) => DepositPayMethodEnum[v]} width={120} />
        <Column title="出票手续费(%)" dataIndex="billServiceFee" render={(count) => `${count.toFixed(2)}%`} width={120} />
        <Column title="期限(自然月)" dataIndex="billLimitDates" render={(m) => (m ? `${m}个月` : "-")} width={120} />
        <Column
          title="票据到期提前还款天数"
          dataIndex="repayAdvanceDays"
          render={(d) => (d ? `${d}个工作日` : "-")}
          width={120}
        />

        {/* 票据到期还款推送 */}
        <Column
          title={
            <Popover
              placement="topLeft"
              content={
                <>
                  <p> 票据内剩余总金额=票据内已还款总金额-票据到期金额</p>
                  <p> 票据内剩余总金额≥0，不推票据到期还款待办</p>
                  <p>票据内剩余总金额＜0，推票据到期还款待办，金额对应为票据内剩余总金额</p>
                </>
              }
            >
              <span>
                票据到期还款推送&nbsp;&nbsp;
                <ExclamationCircleFilled style={{ color: "#40a9ff" }} />
              </span>
            </Popover>
          }
          dataIndex="expireRepayRule"
          render={(d: number) => d && ExpireRepayRuleEnum[d]}
          width={120}
        />
  

        <Column title="是否支持票转贷" dataIndex="toLoan" width={120} render={(val) => (val ? "支持" : "不支持")} />
        <Column
          title="票转贷最长期限"
          dataIndex="toLoanDueTime"

          render={(v, r: SpecialAccount.Companylist) => (r.toLoan ? `${v}${r.toLoanDueTimeTypeName}` || "-" : "-")}

          width={120}
        />
        <Column
          title="票转贷年利率(%)"
          dataIndex="billTransferInterest"

          render={(count, row: any) => (row.toLoan ? (count ? `${count.toFixed(2)}%` : "-") : "-")}

          width={120}
        />
        <Column
          title="票转贷结息日"
          dataIndex="interestSettleDay"

          render={(day, row: any) => (row.toLoan ? (day ? `每月${day}日` : "-") : "-")}

          width={120}
        />
        <Column
          title="票转贷还款提前天数"
          dataIndex="toLoanRepayAdvanceDays"

          render={(day, row: any) => (row.toLoan ? (day ? `${day || 0}工作日` : "-") : "-")}

          width={120}
        />
        <Column title="是否支持贷款启票" dataIndex="loan" width={120} render={(val) => (val ? "支持" : "不支持")} />
        <Column
          title="贷款启票年利率(%)"
          dataIndex="loanInterest"

          render={(count, row: any) => (row.loan ? (count ? `${count.toFixed(2)}%` : "-") : "-")}

          width={120}
        />
        <Column
          title="贷款启票结息日"
          dataIndex="loanRepayAdvanceDays"

          render={(day, row: any) => (row.loan ? (day ? `每月${day}日` : "-") : "-")}

          width={120}
        />
        <Column
          title="贷款启票还款提前天数"
          dataIndex="loanInterestSettleDay"

          render={(day, row: any) => (row.loan ? (day ? `${day || 0}工作日` : "-") : "-")}

          width={120}
        />
        <Column
          title="操作"
          align="center"
          render={(text, record: SpecialAccount.Companylist) => (
            <>
              <a
                onClick={(e) => {
                  e.preventDefault();
                  setCurrent(record);
                  setVisible(true);
                }}
              >
                编辑
              </a>
            </>
          )}
          width={180}
        />
      </Table>
    );
  }