@using Microsoft.AspNetCore.Html
@using YLErp
@model List<flat_price_quotation_group>
@{
    ViewBag.Title = "报价预览";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
    var valueDate = ViewBag.ValueDate;
    var maturityDate = ViewBag.maturityDate;
    var companyName = PS.Config.Company;
    var isSYWG = YLErp.PS.Config.Company == YLErp.Configuration.CompanyEnum.申万;
    var isGDGZ = YLErp.PS.Config.Company == YLErp.Configuration.CompanyEnum.光大光子;
    var isHTZY = YLErp.PS.Config.Company == YLErp.Configuration.CompanyEnum.海通;
    var buypriceTitle = isSYWG || isGDGZ ? "客户卖价" : "买价";
    var sellpriceTitle = isSYWG || isGDGZ ? "客户买价" : "卖价";
}

@section CSS{
    <style>
        th, td {
            text-align: center;
        }

        .infoclass tr:nth-child(odd) {
            background: #ecedec;
        }

            .infoclass tr:nth-child(odd) td:nth-child(1) {
                background: #ecedec;
            }

            .infoclass tr:nth-child(odd) td:nth-child(2) {
                background: #ecedec;
            }

        #volquotation tr:nth-child(even) {
            background: #ecedec;
        }

        #volquotation tr:nth-child(odd) td:nth-child(3) {
            background: #fff;
        }

            #volquotation tr:nth-child(odd) td:nth-child(3) td {
                background: #fff;
            }

        #volquotation tr:nth-child(even) td:nth-child(3) tr td:nth-child(3) {
            background: #ecedec;
        }
    </style>
    @if (isGDGZ)
    {
        <style>
            #listdiv table th {
                background: #532E86 !important;
            }

            #listdiv table tr * {
                border-color: #AE9FC1 !important;
            }
        </style>
    }
}
@functions{
    IHtmlContent fromatList(string[] list)
    {
        if (list != null && list.Length > 0)
        {
            return Json.Serialize(list);
        }
        return new HtmlString("");
    }
}

@section JS{
    <script type="text/javascript">
        var valuedate = '@maturityDate';
        $(function () {
            $("#PartialTitle").hide();
            $("#DateTitle").hide();
            $("#assetType").val(@fromatList(ViewBag.assetType));
            $("#DateHistoryDate").val(valuedate);
            var minDate = "@CalendarBLL.GetMinQuoteDate().ToString("yyyy-MM-dd")";
            var maxDate = "@YLErp.QdpModule.QdpCalendarHelper.GetNonHoliday(valuedateBLL.ValueDate.AddMonths(3).AddDays(-1)).ToString("yyyy-MM-dd")";
            main.setTradeDatePicker(maxDate, $("#DateHistoryDate"), maxDate, changeDate);
            $("#DateHistoryDate").datepicker("option", "minDate", minDate);
            $("#DateHistoryDate").datepicker("option", "maxDate", maxDate);
            SetAceDropDown();
        });

        function changeDate(selectedDate) {
            vue.Model.EndDate = moment(selectedDate).format("YYYY-MM-DD");
            var assetType = $("#assetType").val();
            main.post("/quotationconfirm/getSelfVolatilityQuotation", { date: selectedDate, assetType: assetType }).done(function (res) {

                if (res.obj)
                    vue.quotation = res.obj;
                else
                    main.message(res.message);
            });
        }
        var VolatilityQuotation = @Json.Serialize(ViewBag.VolatilityQuotation);
        var quotation = @Json.Serialize(Model);
        function searchDate() {
            var valueDate = $("#DateHistoryDate").val();
            if (valueDate == "" || valueDate == null) {
                main.message("请选择有效日期!");
                return;
            }
            window.location.href = "/quotationconfirm/OutPutHistoryPDF/?valueDate=" + valueDate;
        }

        function openHistoryVol() {
            main.open("报价波动率历史", "/quotationconfirm/quotationvolhistory", { area: ['55%', '95%'] });
        }
    </script>
    <script src="~/Scripts/app/quotation/quotationpreview.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Statics/libs/export/excellentexport.js?v=@(HtmlUtil.JsVersion)"></script>
}

<div id="listdiv">
    <div class="title-wrap" style="width:100%;height:105px;">
        <p style="text-align: center;font-size: 22px;font-weight: 600;margin:0px;">
            <img style="margin-right:5px;height:34px;" src="/App_Docs/Images/title.png" />
            @(PS.Config.CompanyName + "商品场外期权报价")
        </p>
        <p style="text-align:center;">1个月平值看涨/看跌期权</p>
        <p style="text-align:center;margin:0px;">
            <span style="margin-left:15px;">报价日: @valuedateBLL.ValueDate.ToString("yyyy-MM-dd")</span>
            <span style="margin-left:15px;">到期日: <input id="DateHistoryDate" name="DateHistoryDate" type="text" class="datepicker" /></span>
        </p>
    </div>
    <div style="width:385px;">
        <form method='post' action='quotationpreview'>
            @Html.MyAceDropdownInput("assetType", "报价板块:",YLErp.Web.Controllers.varietyController.GetAllAssetType())
            <a onfocus="this.blur();" style="display:none;" download="code.xls" id="createexcel" class="ipt-todo hide">code</a>
            <div class="mt-2">
                <input value="导出pdf" type="button" class="btn btn-primary" v-on:click="output" />
                <input value="导出excel" type="button" class="btn btn-primary" v-on:click="outputexcel" />
                <input type="button" value="查询" v-on:click="query" class="btn btn-primary" />
            </div>
        </form>
    </div>
    @if (!isHTZY)
    {
        <div style="margin-top:19px;" class="infoclass">
            <table style="border: 1px solid #ddd;width: 100%;max-width: 100%;margin-bottom: 20px;">
                <tr style="height:40px;background:#15498c;color:#fff;text-align:center;">
                    <th colspan="2" style="border:1px solid #416fab;">报价品种</th>
                    <th colspan="2" style="border:1px solid #416fab;">标的信息</th>
                    @if (PS.Config.Is渤海 || PS.Config.Is润和)
                    {
                        <th colspan="3" style="border:1px solid #416fab;">@buypriceTitle</th>
                        <th style="border:1px solid #416fab;" colspan="3">@sellpriceTitle</th>
                    }
                    else
                    {
                        <th colspan="2" style="border:1px solid #416fab;">@buypriceTitle</th>
                        <th style="border:1px solid #416fab;" colspan="2">@sellpriceTitle</th>
                    }
                </tr>
                <tr style="height:40px;background:#15498c;color:#fff;">
                    <th style="border:1px solid #416fab;">板块</th>
                    <th style="border:1px solid #416fab ;">品种</th>
                    <th style="border:1px solid #416fab;">代码</th>
                    <th style="border:1px solid #416fab;">价格</th>
                    @if (isGDGZ)
                    {
                        <th style="border:1px solid #416fab;">波动率</th>
                    }
                    else
                    {
                        if (PS.Config.Is渤海 || PS.Config.Is润和)
                        {
                            <th style="border:1px solid #416fab ;">波动率</th>
                        }
                        <th style="border:1px solid #416fab;">绝对值</th>
                    }
                    <th style="border:1px solid #416fab;">百分比%</th>
                    @if (isGDGZ)
                    {
                        <th style="border:1px solid #416fab;">百分比%</th>
                        <th style="border:1px solid #416fab ;">波动率</th>
                    }
                    else
                    {
                        if (PS.Config.Is渤海 || PS.Config.Is润和)
                        {
                            <th style="border:1px solid #416fab ;">波动率</th>
                        }
                        <th style="border:1px solid #416fab ;">绝对值</th>
                        <th style="border:1px solid #416fab;">百分比%</th>
                    }
                </tr>


                <template v-for="(data,index) in quotation">
                    <template v-for="(flat,index2) in data.flat_price_quotations">
                        <template v-if="index2==0">
                            <tr>
                                <td v-bind:rowspan="data.flat_price_quotations.length" style="border:1px solid #416fab;width: 1.5rem;letter-spacing: 1rem;padding-left: 10px;background:#fff;">{{data.AssetType}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.ShortName}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.UnderlyingCode}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.SpotPrice| FixNumber}}</td>
                                @if (isGDGZ)
                                {
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionVol,1 | Percent}}</td>
                                }
                                else
                                {
                                    if (PS.Config.Is渤海 || PS.Config.Is润和)
                                    {
                                        <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionVol,1 | Percent}}</td>
                                    }
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice | FixNumber}}</td>
                                }
                                <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                                @if (isGDGZ)
                                {
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionVol,1 | Percent}}</td>
                                }
                                else
                                {
                                    if (PS.Config.Is渤海 || PS.Config.Is润和)
                                    {
                                        <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionVol,1 | Percent}}</td>
                                    }
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice | FixNumber}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                                }

                            </tr>
                        </template>
                        <template v-else>
                            <tr>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.ShortName}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.UnderlyingCode}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{ flat.SpotPrice | FixNumber}}</td>
                                @if (isGDGZ)
                                {
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionVol,1 | Percent}}</td>
                                }
                                else
                                {
                                    if (PS.Config.Is渤海 || PS.Config.Is润和)
                                    {
                                        <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionVol,1 | Percent}}</td>
                                    }
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice | FixNumber}}</td>
                                }
                                <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                                @if (isGDGZ)
                                {
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionVol,1 | Percent}}</td>
                                }
                                else
                                {
                                    if (PS.Config.Is渤海 || PS.Config.Is润和)
                                    {
                                        <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionVol,1 | Percent}}</td>
                                    }
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice | FixNumber}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                                }
                            </tr>
                        </template>
                    </template>

                </template>
            </table>
        </div>
        <div style="text-align: center;margin: auto;">
            <input value="查看历史波动率" type="button" onclick="openHistoryVol();" class="btn btn-primary" />
        </div>
        <div id="volquotation" style="width:60%;margin:0px auto;border: none ;margin-top:19px;">

            <table style="width: 100%;max-width: 100%;margin-bottom: 20px;border: none ;">
                <tbody>
                    <tr><td style="border: 1px solid #416fab;height:42px;"></td><td style="border: 1px solid #416fab;"></td><th style="background:#15498c;color:#fff;border: 1px solid #416fab;width:160px;">到期日</th><th style="background:#15498c;color:#fff;width:160px;border: 1px solid #416fab;">Bid</th><th style="background:#15498c;color:#fff;width:160px;border: 1px solid #416fab;">Ask</th><td style="border: 1px solid #416fab;"></td></tr>
                    <template v-for="(vol,index) in VolatilityQuotation">
                        <tr style="border: 1px solid #416fab;">
                            <td style="border: 1px solid #416fab;">{{vol.UnderlyingType}}</td>
                            <td style="border: 1px solid #416fab;">{{vol.CommodityCode}}</td>
                            <td colspan="3" style="padding:5px 0px;border: 1px solid #416fab;">
                                <table class="table2" style="background:#eeeeee;width:100%;">
                                    <template v-for="(abdata,index2) in vol.BidAskMatureData">
                                        <tr><td style="width: 160px;word-wrap: break-word;word-break: break-all;white-space: pre-wrap !important;">{{abdata.Expire}}</td><td style="width: 160px;word-wrap: break-word;word-break: break-all;white-space: pre-wrap !important;">{{abdata.BidVol|Fix4Number}}</td><td style="width: 160px;word-wrap: break-word;word-break: break-all;white-space: pre-wrap !important;">{{abdata.AskVol|Fix4Number}}</td></tr>
                                    </template>
                                </table>
                            </td>
                            <td style="border: 1px solid #416fab;">{{vol.MarketName}}</td>
                        </tr>
                    </template>
                </tbody>
            </table>
        </div>


        if (!isSYWG && !isGDGZ)
        {
            <div id="info" class="infoclass" style="margin-top:19px;display:none">
                <table id="infotable" style="border: 1px solid #ddd;width: 100%;max-width: 100%;margin-bottom: 20px;">
                    <tr style="height:40px;text-align:center;">
                        @if (PS.Config.Is渤海 || PS.Config.Is润和)
                        {
                            <th colspan="5" style="border:1px solid #416fab;">报价日: @valuedateBLL.ValueDate.ToString("yyyy-MM-dd")</th>
                            <th colspan="5" style="border:1px solid #416fab;">到期日:{{Model.EndDate}}</th>
                        }
                        else
                        {
                            <th colspan="4" style="border:1px solid #416fab;">报价日: @valuedateBLL.ValueDate.ToString("yyyy-MM-dd")</th>
                            <th colspan="4" style="border:1px solid #416fab;">到期日:{{Model.EndDate}}</th>
                        }
                    </tr>
                    <tr style="height:40px;background:#15498c;color:#fff;text-align:center;">
                        <th colspan="2" style="border:1px solid #416fab;">报价品种</th>
                        <th colspan="2" style="border:1px solid #416fab;">标的信息</th>
                        @if (PS.Config.Is渤海 || PS.Config.Is润和)
                        {
                            <th colspan="3" style="border:1px solid #416fab;">@buypriceTitle</th>
                            <th colspan="3" style="border:1px solid #416fab;">@sellpriceTitle</th>
                        }
                        else
                        {
                            <th colspan="2" style="border:1px solid #416fab;">@buypriceTitle</th>
                            <th colspan="2" style="border:1px solid #416fab;">@sellpriceTitle</th>
                        }
                    </tr>
                    <tr style="height:40px;background:#15498c;color:#fff;">
                        <th style="border:1px solid #416fab;">板块</th>
                        <th style="border:1px solid #416fab ;">品种</th>
                        <th style="border:1px solid #416fab;">代码</th>
                        <th style="border:1px solid #416fab;">价格</th>
                        @if (PS.Config.Is渤海 || PS.Config.Is润和)
                        {
                            <th style="border:1px solid #416fab ;">波动率</th>
                        }
                        <th style="border:1px solid #416fab;">绝对值</th>
                        <th style="border:1px solid #416fab;">百分比%</th>
                        @if (PS.Config.Is渤海 || PS.Config.Is润和)
                        {
                            <th style="border:1px solid #416fab ;">波动率</th>
                        }
                        <th style="border:1px solid #416fab ;">绝对值</th>
                        <th style="border:1px solid #416fab;">百分比%</th>
                    </tr>
                    <template v-for="(data,index) in quotation">
                        <template v-for="(flat,index2) in data.flat_price_quotations">
                            <template v-if="index2==0">
                                <tr>
                                    <td :rowspan="data.flat_price_quotations.length" style="border:1px solid #416fab;width: 1.5rem;letter-spacing: 1rem;padding-left: 10px;background:#fff;">{{data.AssetType}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.ShortName}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.UnderlyingCode}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SpotPrice| FixNumber}}</td>
                                    @if (PS.Config.Is渤海 || PS.Config.Is润和)
                                    {
                                        <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionVol,1 | Percent}}</td>
                                    }
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice | FixNumber}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                                    @if (PS.Config.Is渤海 || PS.Config.Is润和)
                                    {
                                        <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionVol,1 | Percent}}</td>
                                    }
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice | FixNumber}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                                </tr>
                            </template>
                            <template v-else>
                                <tr>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.ShortName}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.UnderlyingCode}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SpotPrice| FixNumber}}</td>
                                    @if (PS.Config.Is渤海 || PS.Config.Is润和)
                                    {
                                        <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionVol,1 | Percent}}</td>
                                    }
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice | FixNumber}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                                    @if (PS.Config.Is渤海 || PS.Config.Is润和)
                                    {
                                        <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionVol,1 | Percent}}</td>
                                    }
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice | FixNumber}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                                </tr>
                            </template>
                        </template>


                    </template>


                    @if (PS.Config.ErpElement.Company == CompanyEnum.国贸启润)
                    {
                        <template>
                            <tr>
                                <td style="width:100%" colspan="8">1、公开报价有效范围为1000万名义本金以内，我司有权根据当天行情变动及成交情况进行调整</td>

                            </tr>
                            <tr>
                                <td style="width:100%" colspan="8">2、本报价仅向我司特定客户（已完成适当性评估的合格投资者）提供，如需进一步了解我司场外业务请联系021-33588323。</td>
                            </tr>
                        </template>
                    }


                </table>
            </div>

        }
        else if (isGDGZ)
        {
            <div id="info" class="infoclass" style="margin-top:19px;display:none">
                <table id="infotable" style="border: 1px solid #ddd;width: 100%;max-width: 100%;margin-bottom: 20px;">
                    <tr style="height:40px;text-align:center;"><th colspan="4" style="border:1px solid #AE9FC1;">报价日: @valuedateBLL.ValueDate.ToString("yyyy-MM-dd")</th><th colspan="3" style="border:1px solid #AE9FC1;">到期日:{{Model.EndDate}}</th></tr>
                    <tr style="height:40px;background:#532E86;color:#fff;text-align:center;"><th colspan="2" style="border:1px solid #AE9FC1;">报价品种</th><th style="border:1px solid #AE9FC1;">标的信息</th><th colspan="2" style="border:1px solid #AE9FC1;">@buypriceTitle</th><th style="border:1px solid #AE9FC1;" colspan="2">@sellpriceTitle</th></tr>
                    <tr style="height:40px;background:#532E86;color:#fff;"><th style="border:1px solid #AE9FC1;">板块</th><th style="border:1px solid #AE9FC1 ;">品种</th><th style="border:1px solid #AE9FC1;">代码</th><th style="border:1px solid #AE9FC1;">波动率</th><th style="border:1px solid #AE9FC1;">百分比%</th><th style="border:1px solid #AE9FC1;">百分比%</th><th style="border:1px solid #AE9FC1 ;">波动率</th></tr>
                    <template v-for="(data,index) in quotation">
                        <template v-for="(flat,index2) in data.flat_price_quotations">
                            <template v-if="index2==0">
                                <tr>
                                    <td :rowspan="data.flat_price_quotations.length" style="border:1px solid #AE9FC1;width: 1.5rem;letter-spacing: 1rem;padding-left: 10px;background:#fff;">{{data.AssetType}}</td>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.ShortName}}</td>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.UnderlyingCode}}</td>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.BuyOptionVol,1 | Percent}}</td>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.SellOptionVol,1 | Percent}}</td>
                                </tr>
                            </template>
                            <template v-else>
                                <tr>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.ShortName}}</td>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.UnderlyingCode}}</td>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.BuyOptionVol,1 | Percent}}</td>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                                    <td style="border:1px solid #AE9FC1;height:40px;">{{flat.SellOptionVol,1 | Percent}}</td>
                                </tr>
                            </template>
                        </template>


                    </template>
                </table>
            </div>
        }
        else if (isSYWG)
        {
            <div id="info" class="infoclass" style="margin-top:19px;display:none">
                <table id="infotable" style="border: 1px solid #ddd;width: 100%;max-width: 100%;margin-bottom: 20px;">
                    <tr style="height: 30px;"><th colspan="8" style="border: 1px solid #416fab;font-weight:800;font-size:large">申银万国智富投资有限公司</th></tr>
                    <tr>
                        <th colspan="4" style="height: 30px;border: 1px solid #416fab;">报价日: @valuedateBLL.ValueDate.ToString("yyyy-MM-dd")</th>
                        <th colspan="4" style="height: 30px;border: 1px solid #416fab;">一个月平值场外报价表</th>
                    </tr>
                    <tr style="height: 40px;color: black; text-align: center;">
                        <th rowspan="2" style="border: 1px solid #416fab;width:10%">类别</th>
                        <th rowspan="2" style="border: 1px solid #416fab;">品种</th>
                        <th rowspan="2" style="border: 1px solid #416fab;">合约</th>
                        <th rowspan="2" style="border: 1px solid #416fab;">标的价格</th>
                        <th colspan="2" style="background: #f4af85;">@buypriceTitle</th>
                        <th colspan="2" style="background: #a9d08f;">@sellpriceTitle</th>
                    </tr>
                    <tr>
                        <th style="background: #f4af85;border: 1px solid #416fab;">绝对值</th>
                        <th style="background: #f4af85;border: 1px solid #416fab;">百分比%</th>
                        <th style="background: #a9d08f;border: 1px solid #416fab;">绝对值</th>
                        <th style="background: #a9d08f;border: 1px solid #416fab;">百分比%</th>
                    </tr>
                    <template v-for="(data,index) in quotation">
                        <template v-for="(flat,index2) in data.flat_price_quotations">
                            <template v-if="index2==0">
                                <tr>
                                    <td :rowspan="data.flat_price_quotations.length" style="border:1px solid #416fab;width: 1.5rem;letter-spacing: 1rem;padding-left: 10px;background:#fff;">{{data.AssetType}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.ShortName}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.UnderlyingCode}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SpotPrice| FixNumber}}</td>
                                    <td style="background: #f4af85;border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice | FixNumber}}</td>
                                    <td style="background: #f4af85;border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                                    <td style="background: #a9d08f;border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice | FixNumber}}</td>
                                    <td style="background: #a9d08f;border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                                </tr>
                            </template>
                            <template v-else>
                                <tr>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.ShortName}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.UnderlyingCode}}</td>
                                    <td style="border:1px solid #416fab;height:40px;">{{flat.SpotPrice| FixNumber}}</td>
                                    <td style="background: #f4af85;border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice | FixNumber}}</td>
                                    <td style="background: #f4af85;border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                                    <td style="background: #a9d08f;border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice | FixNumber}}</td>
                                    <td style="background: #a9d08f;border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                                </tr>
                            </template>
                        </template>

                    </template>
                    <tr><th colspan="8" style="text-align:right;padding-right:5%">到期日:{{Model.EndDate}}</th></tr>
                </table>
            </div>
        }

        <div id="info_csv" class="infoclass" style="margin-top:19px;display:none">
            <table id="infotable_csv" style="border: 1px solid #ddd;width: 100%;max-width: 100%;margin-bottom: 20px;">
                <tr style="height:40px;text-align:center;"><th colspan="4" style="border:1px solid #416fab;">报价日: @valuedateBLL.ValueDate.ToString("yyyy-MM-dd")</th><th colspan="1" style="border:1px solid #416fab;"><th colspan="1" style="border:1px solid #416fab;"><th colspan="1" style="border:1px solid #416fab;"><th colspan="4" style="border:1px solid #416fab;">到期日:{{Model.EndDate}}</th></tr>
                <tr style="height:40px;background:#15498c;color:#fff;text-align:center;"><th colspan="2" style="border:1px solid #416fab;">报价品种</th><th colspan="1" style="border:1px solid #416fab;"><th colspan="2" style="border:1px solid #416fab;">标的信息</th><th colspan="1" style="border:1px solid #416fab;"><th colspan="2" style="border:1px solid #416fab;">@buypriceTitle</th><th colspan="1" style="border:1px solid #416fab;"><th style="border:1px solid #416fab;" colspan="2">@sellpriceTitle</th></tr>
                <tr style="height:40px;background:#15498c;color:#fff;"><th style="border:1px solid #416fab;">板块</th><th style="border:1px solid #416fab ;">品种</th><th style="border:1px solid #416fab;">代码</th><th style="border:1px solid #416fab;">价格</th><th style="border:1px solid #416fab;">绝对值</th><th style="border:1px solid #416fab;">百分比%</th><th style="border:1px solid #416fab ;">绝对值</th><th style="border:1px solid #416fab;">百分比%</th></tr>
                <template v-for="(data,index) in quotation">
                    <template v-for="(flat,index2) in data.flat_price_quotations">
                        <template v-if="index2==0">
                            <tr>
                                <td :rowspan="data.flat_price_quotations.length" style="border:1px solid #416fab;width: 1.5rem;letter-spacing: 1rem;padding-left: 10px;background:#fff;">{{data.AssetType}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.ShortName}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.UnderlyingCode}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.SpotPrice| FixNumber}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice | FixNumber}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice | FixNumber}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                            </tr>
                        </template>
                        <template v-else>
                            <tr>
                                <td style="border:1px solid #416fab;height:40px;"></td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.ShortName}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.UnderlyingCode}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.SpotPrice| FixNumber}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice | FixNumber}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice | FixNumber}}</td>
                                <td style="border:1px solid #416fab;height:40px;">{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                            </tr>
                        </template>
                    </template>


                </template>
            </table>
        </div>
    }
    else
    {
        @await Html.PartialAsync("~/Views/quotationconfirm/CustomizedViews/HTZYquotationConfirmView.cshtml");
    }
</div>