@{
    ViewBag.Title = "风险预警/禁止查询";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
    ViewData["DateValueDate"] = ViewBag.valueDate;
    var pageObj = new
    {
        ValueDate = ViewBag.valueDate?.ToString(),
        HedgeRiskMonitoringConfig = ViewBag.HedgeRiskMonitoringConfig
    };
}
@section JS{
    <script src="~/Scripts/app/tradeHelper.js?v=@HtmlUtil.JsVersion"></script>
    <script src="~/Statics/libs/export/excellentexport.js?v=@(HtmlUtil.JsVersion)"></script>
    <script>
        var page = @Json.Serialize(pageObj);
    </script>
    <script>
        var vue = new Vue({
            el: "#app",
            data: page.HedgeRiskMonitoringConfig,
            created() {


            },
            methods: {
                closeAll: function () {
                    console.log(this.quotaStopLoss);
                    $("#SetupQuotaStopLoss").hide();
                    console.log(this.quotaStopLoss);
                },
                Save: function () {

                },
                ExportHedgeRiskMonitoring() {
                    var PostData = {
                        quotaStopLoss: this.quotaStopLoss
                        , quotaCostRisk: this.quotaCostRisk
                        , quotaPressureTest: this.quotaPressureTest
                        , quotaCashDelta: this.quotaCashDelta
                        , quotaContractTerm: this.quotaContractTerm
                        , quotaUnderlyingConcentration: this.quotaUnderlyingConcentration
                        , quotaStockEqvNotional: this.quotaStockEqvNotional
                        , quotaMarginHold: this.quotaMarginHold
                    };
                    var postData = _.assign({}, PostData);
                    window.open("/RiskHedging/ExportHedgeRiskMonitoring?" + $.param(postData, true) + "&endDate=" + $("#DateValueDate").val());
                }
            }
        })

        $(function () {

            main.setTradeDatePicker(moment(page.ValueDate));

        })
    </script>
}
<style>
    #DateValueDate {
        width: 152px !important;
        font-size: 1rem !important;
    }
</style>
<div id="app" class="searchdiv">
    <div class="first-wrap-gtja client">
        <span> @Html.SearchDate("ValueDate", "结算日期")</span>

        <button v-on:click="ExportHedgeRiskMonitoring()" class="btn btn-primary">导出</button>

        @* <button v-on:click="showWindow()" class="btn btn-primary">限额设置</button>*@
    </div>
    <div id="SetupQuotaStopLoss">

        <div class="yc-panel">
            <div style="margin-top:15px">
                <div class="row-cols-6">
                    <div class="form-group col-6">

                        <label class="formlabel">止损限额</label>
                        <input class="text-box" v-model="quotaStopLoss" type="text" name="QuotaStopLoss" />

                        <label class="formlabel">风险价值</label>
                        <input class="text-box" v-model="quotaCostRisk" type="text" />

                    </div>
                    <div class="form-group col-6">
                        <label class="formlabel">压力测试</label>
                        <input class="text-box" v-model="quotaPressureTest" type="text" />
                        <label class="formlabel">CashDelta</label>
                        <input v-model="quotaCashDelta" class="text-box" type="text" />
                    </div>
                    <div class="form-group col-6">
                        <label class="formlabel">合约期限</label>
                        <input v-model="quotaContractTerm" class="text-box" type="text" />

                        <label class="formlabel">标的集中度</label>
                        <input v-model="quotaUnderlyingConcentration" class="text-box" type="text" />
                    </div>
                    <div class="form-group col-6">
                        <label class="formlabel">存续名义本金</label>
                        <input v-model="quotaStockEqvNotional" class="text-box" type="text" />

                        <label class="formlabel">预付金占用</label>
                        <input v-model="quotaMarginHold" class="text-box" type="text" />
                    </div>
                    <span style="color:red">压力测试时会使用到情景分析中的"对冲风险压力测试"配置</span>
                </div>
            </div>
        </div>
    </div>
</div>