@model List<flat_price_quotation_group>
@{
    Layout = "~/Views/Shared/_LayoutMini.cshtml";
}

@section JS{
    <script type="text/javascript">
    var contract = {};
    var quotation = @Html.JsonSerialize(Model);
    </script>
    <script src="~/Scripts/app/quotation/quotationpreview.js?v=@(HtmlUtil.JsVersion)"></script>
}

<div class="ui-widget" id="listdiv">
    <div><input value="导出" type="button" v-on:click="output" /><input type="button" value="刷新" v-on:click="refresh" /></div>
    <div><span>报价日: @valuedateBLL.ValueDate.ToString("yyyy-MM-dd")</span><span>到期日: @YLErp.QdpModule.QdpCalendarHelper.GetNonHoliday(valuedateBLL.ValueDate.AddMonths(1)).ToString("yyyy-MM-dd")</span></div>
    <div>
        <table class="table table-bordered table-sm">
            <tr><th colspan="2">报价品种</th><th colspan="2">标的信息</th><th colspan="2">买价</th><th colspan="2">卖价</th></tr>
            <tr><th>板块</th><th>品种</th><th>代码</th><th>价格</th><th>绝对值</th><th>百分比%</th><th>绝对值</th><th>百分比%</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">{{data.AssetType}}</td>
                            <td>{{flat.UnderlyingType}}</td>
                            <td>{{flat.UnderlyingCode}}</td>
                            <td>{{flat.SpotPrice}}</td>
                            <td>{{flat.BuyOptionPrice | FixNumber}}</td>
                            <td>{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                            <td>{{flat.SellOptionPrice | FixNumber}}</td>
                            <td>{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                        </tr>
                    </template>
                    <template v-else>
                        <tr>
                            <td>{{flat.UnderlyingType}}</td>
                            <td>{{flat.UnderlyingCode}}</td>
                            <td>{{flat.SpotPrice}}</td>
                            <td>{{flat.BuyOptionPrice | FixNumber}}</td>
                            <td>{{flat.BuyOptionPrice,flat.SpotPrice | Percent}}</td>
                            <td>{{flat.SellOptionPrice | FixNumber}}</td>
                            <td>{{flat.SellOptionPrice,flat.SpotPrice| Percent}}</td>
                        </tr>
                    </template>
                </template>


            </template>
        </table>

    </div>
</div>