zszq-trs/YLErpWeb/Views/trade/quotaTrial.cshtml

@model QuotaTrial
@{
    ViewBag.Title = "交易试算";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
    var pageObj = new
    {
        Remark = "",
        Data = Model,
        LastStatus = ViewBag?.LastStatusStr,
        IsTF = YLErp.PS.Config.Company == CompanyEnum.天风,
    };
}
<style>
    .status {
        font-size: 1.6rem;
        font-weight: bold;
    }

    .panel {
        background-color: white;
        width: 100%;
    }

        .panel span {
            display: inline-block;
            font-size: 1.6rem;
        }

    .yc-panel {
        background-color: #F2F2F2;
    }

        .yc-panel div {
            margin: 10px 0;
        }

    th, td {
        border: 1px solid black;
        text-align: center;
        font-weight: bolder;
        font-size: 1.5rem;
        padding: 5px;
    }

    .row-content {
        width: 100%;
        display: flex;
    }

    .row-bottom {
        text-align: end;
    }

    .quota-Head {
        color: red;
    }

    .warning-Head {
        color: orange;
    }

    .Available-Head {
        color: green;
    }

    .quota-content {
        font-weight: inherit;
        font-size: initial;
        text-align: left;
        padding: 5px;
        white-space: pre-wrap;
        width: 80%;
    }

    #remark {
        width: 100%;
        height: 100px;
        resize: none;
    }
</style>
<script type="text/javascript">
    var page = @Json.Serialize(pageObj);

    $(function () {
        if (page.Data.TrialStatus !== 0) {
            $("#remark").bind("change", function () {
                page.Data.Remark = $("#remark textarea").val();
            });
        }
    });
</script>

<div class="yc-panel">
    <div class="row-content">
        <div style="width:20%">
            @switch (Model.TrialStatus)
            {
                case YLErp.Enums.QuotaTrialStatusEnum.Success:
                    <i class="fa fa-check-circle status" style="color:green" aria-hidden="true"></i><span class="status">通过</span>
                    break;
                case YLErp.Enums.QuotaTrialStatusEnum.Warning:
                    <i class="fa fa-exclamation-triangle status" style="color:gold" aria-hidden="true"></i><span class="status">预警</span>
                    break;
                case YLErp.Enums.QuotaTrialStatusEnum.RiskWarning:
                    <i class="fa fa-exclamation-triangle status" style="color:orange" aria-hidden="true"></i><span class="status">风控需审批</span>
                    break;
                case YLErp.Enums.QuotaTrialStatusEnum.Error:
                    <i class="fa fa-ban status" style="color:red" aria-hidden="true"></i><span class="status">不通过</span>
                    break;
            }
        </div>
        <div class="panel">
            <span>交易编号:@Model.TradeNumber</span>
            <span style=" min-width: 30%; float: right;">客户:@Model.ClientName</span>
        </div>
    </div>
    @if (Model.TrialStatus != YLErp.Enums.QuotaTrialStatusEnum.Success || !string.IsNullOrWhiteSpace(Model.AvailableForClient) || !string.IsNullOrWhiteSpace(Model.RiskWarningDetails))
    {
        <div class="row-content">
            <table style="width:100%">
                <tr>
                    <th>检查类别</th>
                    <th>详情</th>
                </tr>
                @if (!string.IsNullOrWhiteSpace(Model.FundCheckDetails))
                {
                    <tr>
                        <td class="quota-Head">应付资金检查</td>
                        <td class="quota-content">@Model.FundCheckDetails</td>
                    </tr>
                }
                @if (!string.IsNullOrWhiteSpace(Model.QuotaCheckDetails))
                {
                    <tr>
                        <td class="quota-Head">限额检查</td>
                        <td class="quota-content">@Model.QuotaCheckDetails</td>
                    </tr>
                }
                @if (!string.IsNullOrWhiteSpace(Model.RiskWarningDetails))
                {
                    <tr>
                        <td class="warning-Head">风险预警</td>
                        <td class="quota-content">@Model.RiskWarningDetails</td>
                    </tr>
                }
                @if (!string.IsNullOrWhiteSpace(Model.QuotaWarningDetails))
                {
                    <tr>
                        <td class="warning-Head">限额预警</td>
                        <td class="quota-content">@Model.QuotaWarningDetails</td>
                    </tr>
                }
                @if (!string.IsNullOrWhiteSpace(Model.AvailableForClient))
                {
                    <tr>
                        <td class="Available-Head">资金状况</td>
                        <td class="quota-content">@Model.AvailableForClient</td>
                    </tr>
                }
            </table>
        </div>
        if (!string.IsNullOrWhiteSpace(ViewBag?.LastStatusStr))
        {
            <div class="row-content" id="lastStatus">
                <span class="quota-content" style="color: red;">上次试算结果:@(ViewBag?.LastStatusStr),请填写说明</span>
            </div>
        }
        <div class="row-content" id="remark">
            <span class="status" style="width: 20%;text-align: center;">说明:</span>
            <textarea id="remark"></textarea>
        </div>
    }
</div>