@{
    ViewBag.Title = "系统工具";
    Layout = "~/Views/Shared/_LayoutMini.cshtml";
    var pageData = new
    {
        settleDate = valuedateBLL.ValueDate.OtcFormatDate()
    };
}
@section CSS{
    <style>
    </style>
}
<div class="container-fluid mt-5">
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">黑箱交易当日盈亏数据校验(适用于收盘后)</h4>
        </div>
        <div class="card-body" id="hxVue">
            <div class="p-4">
                <span class="mr-1">波动率类型:</span>
                <select v-model="volType">
                    <option>对冲</option>
                    <option>持仓</option>
                </select>
                <span class="mr-1">结算日期:</span>
                <input type="date" class="mr-2" v-model="settleDate" />
                <span class="mr-1">黑箱主交易编号:</span>
                <input type="text" v-model="hxMainTradeNumber" value="" />
                <button type="button" class="btn btn-primary" v-on:click="getDatas">查询</button>
            </div>
            <table id="table" class="table table-sm table-bordered">
                <colgroup>
                    <col span="1" width="200" />
                    <col span="1" width="100" />
                    <col span="1" width="100" />
                    <col span="1" width="100" />
                    <col span="1" width="100" />
                    <col span="1" width="100" />
                    <col span="1" width="100" />
                    <col span="1" width="500" />
                </colgroup>
                <thead>
                    <tr>
                        <th colspan="2">子交易</th>
                        <th colspan="5">持仓信息</th>
                        <th colspan="3">计算过程</th>
                    </tr>
                    <tr>
                        <th data-field="TradeNumber">交易编号</th>
                        <th data-field="TradeStatus">交易状态</th>

                        <th data-field="PrePositionNotional">上日持仓数量</th>
                        <th data-field="PositionNotional">当日持仓数量</th>
                        <th data-field="PrePositionPv">上日PV</th>
                        <th data-field="PositionPv">当日PV</th>
                        <th data-field="PositionDailyPnl">当日盈亏</th>

                        <th data-field="DailyPnlCalc">daily pnl</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="item in showList">
                        <td>{{item.TradeNumber}}</td>
                        <td>{{item.TradeStatus}}</td>
                        <td>{{item.PrePositionNotional}}</td>
                        <td>{{item.PositionNotional}}</td>
                        <td>{{item.PrePositionPv}}</td>
                        <td>{{item.PositionPv}}</td>
                        <td>{{item.PositionDailyPnl}}</td>
                        <td>{{item.DailyPnlCalc}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

@section JS{

    <script src="~/Scripts/app/system/systool.js"></script>
    <script>
        const pageData = @Json.Serialize(pageData);
        const vue = new heixiang_daliypnl(pageData);
    </script>
}