@{
    ViewBag.Title = "限额监控";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
    var pageObj = new
    {
        ValueDate = valuedateBLL.ValueDate.ToString("yyyy-MM-dd"),
        SummaryType = ViewBag.SummaryType,
        QuotaTypeDict = YLErp.Enums.QuotaTypeClass.GetQuotaTypeList().Select(O => new SelectListItem() { Text = O.Text, Value = O.Value }).ToDictionary(K => K.Value, V => V.Text),
        //Statusqutaindexlist = YLErp.Enums.QuotaTypeClass.GetQuotaTypesList().Select(O => new SelectListItem() { Text = O.Text, Value = O.Value }).ToDictionary(K => K.Value, V => V.Text),
        ApprovalStatusDict = YLErp.Helpers.EnumHelper.GetDescriptionsByEnum(typeof(YLErp.Enums.QuotaSettingApprovalStatus)).ToDictionary(K => K.Value, V => V.Key),
        AllowApproval = CurUser.风险控制_限额规则审批,
        UseClientStockEqvNotional = PS.Config.ErpElement.UseClientStockEqvNotional,
        IsGuoXin = PS.Config.Company == CompanyEnum.国信金阳,
        IsGuangfa = PS.Config.Company == CompanyEnum.广发商贸,
        IsHaiTong = PS.Config.Company == CompanyEnum.海通,
    };
}
@section CSS{
    <style>
        #gbox_listGrid {
            margin: 0;
        }

        .lineCss {
            background-color: black;
            top: 0px;
            width: 80%;
            margin: auto;
            height: 1px;
            transform: rotate( 6deg );
        }

        .checkbox {
            position: relative;
            top: 5px;
            height: 20px;
            width: 20px;
        }

        .yc-panel .search-label {
            margin: 5px 10px 0 0;
        }

        .yc-panel .search-group {
            display: flex;
            padding: 5px;
        }

        .fa-question {
            border: solid 1px;
            width: 15px;
            text-align: center;
            cursor: help;
        }

        .remarkGroup {
            margin: 5px 0;
        }

        .radio {
            margin: 0 10px 0 20px;
        }

        .remarkContext {
            width: 100%;
        }

            .remarkContext:read-only {
                color: #626262;
                background-color: #f1f1f1;
            }

        #DateValueDate {
            width: 152px !important;
            font-size: 1rem !important;
        }

        .bootstrap-select.show-tick .dropdown-menu li a span.text {
            max-width: 300px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
}
    @section JS{
    <script>
        const page = @Json.Serialize(pageObj);
    </script>
    <script src="@HtmlUtil.BasicDataJs("品种")"></script>
    <script src="~/Scripts/app/tradeHelper.js?v=@HtmlUtil.JsVersion"></script>
    <script src="~/Statics/libs/export/excellentexport.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Scripts/app/risk/quotaMonitor.js?v=@HtmlUtil.JsVersion"></script>
}

    <div class="htmlContext">
        <div class="searchdiv" style="display:none">
            <div class="first-wrap-gtja">
            @if (PS.Config.ErpElement.UseSettleDataAcquisition == true)
            {
                <div class="search-group">
                    @Html.SearchDate("ValueDate", "数据日期", htmlAttributes: new { global = "", asset = "", variety = "", underlying = "", trade = "", client = "",assetunit="" })
                </div>
            }
            <div class="search-group">
                <span class="search-label" for="TradeNumber">交易编号</span>
                <input trade class="search-input" id="TradeNumber" name="TradeNumber" type="text" value="" autocomplete="off">
            </div>
            @Html.MyAceDropdownInput("ClientId", "客户名称", ClientDataModel.GetAllOpenClient(), htmlAttributes: new { trade = "", client = "" })
            @Html.MyAceDropdownInput("ClientNumber", "客户编号", ClientDataModel.GetAllOpenClientNumber(), htmlAttributes: new { client = "" })
            <div class="search-group">
                <span class="search-label">标的代码</span>
                <select trade underlying data-placeholder="请选择 标的代码" id="UnderlyingId" name="UnderlyingId" multiple></select>
            </div>
            @Html.SearchDateRange("TradeDate", "成交日期", htmlAttributes: new { trade = "" })

            @Html.MyAceDropdownInput("AssetId", "簿记账户", AssetunitController.GetClientassetunit(), htmlAttributes: new { trade = "" ,assetunit="" })
            @Html.MyAceDropdownInput("TradeStatus", "交易状态", GlobalData.GetSelectItems(ConsTrade.AllTradeStatus), true, htmlAttributes: new { trade = "" })
            <div class="search-group">
                <label class="search-label">限额维度</label>
                <select setting class="selectpicker" data-actions-box="true" data-live-search="true" id="QuotaType" name="QuotaType">
                    <option value="-1">全部</option>
                    @foreach (var item in pageObj.QuotaTypeDict)
                    {
                        <option value="@item.Key">@item.Value</option>
                    }
                </select>
            </div>
            <div class="search-group">
                <label class="search-label">限额指标</label>
                <select setting class="selectpicker" data-actions-box="true" data-live-search="true" id="QuotaIndex" name="QuotaIndex">
                    <option value="">全部</option>
                    @foreach (var item in ViewBag.QuotaIndexList)
                    {
                        <option value="@item">@item</option>
                    }
                </select>
            </div>
            <div class="search-group">
                <label class="search-label">预先检查</label>
                <select setting class="selectpicker" data-actions-box="true" data-live-search="true" id="Precheck" name="Precheck">
                    <option value="">全部</option>
                    <option value="true">是</option>
                    <option value="false">否</option>
                </select>
            </div>

            @Html.MyAceDropdownInput("UseValid", "状态", new SelectListItem[]{ new SelectListItem(){ Text ="有效",Value="有效" },new SelectListItem(){ Text ="无效",Value="无效" },new SelectListItem(){ Text ="待生效",Value="待生效" },new SelectListItem(){ Text ="待删除",Value="待删除" }}.ToList())
            @Html.MyAceDropdownInput("confriomStatus", "确认状态", pageObj.ApprovalStatusDict.Select(O=>new SelectListItem(){ Text = O.Value,Value =O.Key }).ToList())
        </div>
    </div>
    <div class="searchdiv">
        <div>
            @MyControls.SearchBtn()
            @MyControls.Btn("导出", "Output()")
            <div style="display: inline-block; margin-left: 20px;">
                @MyControls.Btn("限额指标设置", "showWindow('设置')")
                @MyControls.Btn("操作历史", "showWindow('历史')")
                <div style="width: 30px; display: inline;margin-right:50px;" onclick="showcolumnChooser();return false;">
                    <img src="~/Images/configure.png" />
                </div>
            </div>
        </div>
    </div>
    <ul id="myTab" class="nav nav-tabs nav-main">
        <li class="nav-item">
            <a class="nav-link" tag="global" href="javascript:void(0)">整体业务汇总</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" tag="underlying" href="javascript:void(0)">标的汇总</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" tag="trade" href="javascript:void(0)">逐笔汇总</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" tag="client" href="javascript:void(0)">客户汇总</a>
        </li>

        <li class="nav-item">
            <a class="nav-link" tag="setting" href="javascript:void(0)">限额指标记录</a>
        </li>
    </ul>
    <div id="riskContent" class="yc-panel my-0 p-0">
        <table id='listGrid' class='scroll' cellpadding='0' cellspacing='0'></table>
        <div id='pagerGrid'></div>
        <div class="search-group" style="display:none;"><i global asset variety underlying trade client>红色高亮表示超出限额;黄色高亮表示超出预警.</i></div>
    </div>
</div>
<div id="extendInfo" style="display: none;padding: 1rem 0;">
    @Html.Raw(JqGridSimple.OutTable(1))
</div>
<div id="optContent" style="display:none;">
    <div class="yc-panel">
        <div class="remarkGroup">
            <span>操作类型</span>
            <input class="radio" type="radio" name="optType" value="pass" checked />通过
            <input class="radio" type="radio" name="optType" value="reject" />拒绝
        </div>
        <div class="remarkGroup">
            <span>变更备注</span>
            <textarea class="remarkContext" name="editRemark" id="editRemark" readonly></textarea>
        </div>
        <div class="remarkGroup">
            <span>确认备注</span>
            <textarea class="remarkContext" name="remark" id="remark"></textarea>
        </div>
    </div>
</div>
<form id="quotaMonitorUploadForm" style="display:none;">
    <div style="margin: 13px;">
        <p>
            <span>  导入设置限额指标</span>
        </p>
        <div class="mb-4">
            <input type="file" id="openFile" name="file" accept=".xlsx" />
        </div>
        <div class="mb-4">
            @MyControls.Btn("导入设置限额指标", "quotaMonitorUploadForm('/risk/UploadQuotaSetting')")
            <button class="btn btn-primary" type="button" onclick="layer.closeAll();">关闭</button>
        </div>
        <div class="mb-4">
            <div>
                <a class="btn btn-link" href="/download/ImportTemplate/限额指标设置（标的汇总维度）" target="_blank">
                    限额指标设置（ 标的汇总维度）导入模板下载
                </a>
                <p class="mt-3 ml-3">
                    <span>说明：当前仅支持批量批量导入标的汇总维度的限额指标</span>
                </p>
            </div>
        </div>
    </div>
</form>