99 lines
7.1 KiB
Plaintext
99 lines
7.1 KiB
Plaintext
<div id="PDFContainer">
|
|
<div id="PartialTitle" 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="@(Context.Request.UrlLeftPart())/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;">到期日:{{Model.EndDate}} </span>
|
|
</p>
|
|
</div>
|
|
<div style="margin-top:19px;" class="infoclass" id="info">
|
|
<table style="border: 1px solid #ddd;width: 100%;max-width: 100%;margin-bottom: 20px;">
|
|
<tr id="DateTitle" style="height:40px;text-align:center;">
|
|
<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>
|
|
</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>
|
|
<th colspan="3" style="border:1px solid #416fab;">买入</th>
|
|
<th colspan="3" style="border:1px solid #416fab;">卖出 </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>
|
|
<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>
|
|
<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>
|
|
<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>
|
|
<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>
|
|
<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>
|
|
|
|
<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>
|