@model CalculationLogListViewModel
@{
    ViewBag.Title = "计算日志";
    Layout = "~/Views/Shared/_LayoutMini.cshtml";
    //Layout = "~/Views/Shared/_MainLayout.cshtml";
}
@section CSS{
    <link href="~/Statics/libs/bstable/bootstrap-table.css?v=@(HtmlUtil.JsVersion)" rel="stylesheet" />
}
@section JS{
    <script src="~/Statics/libs/bstable/bootstrap-table.min.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Statics/libs/bstable/bootstrap-table-zh-CN.js?v=@(HtmlUtil.JsVersion)"></script>
    <script type="text/javascript">
        $(function () {
            /*$('[data-toggle="popover"]').popover()*/

            $('#configBtn').click(function () {
                main.open("配置场景开关", '/CalculationLog/CalculationLogConfig', { area: ['550px', '350px'], scrollbar: false })
                /*$('#myInput').focus()*/
            })
            $('#clearBtn').click(function () {
                main.confirm("确认清除全部计算日志吗？", function () {

                    main.post('/CalculationLog/ClearAllLogs', {}, {
                    }).done(function (data) {
                        //window.reload();
                        window.parent.location.reload();
                        layer.closeAll();
                    });
                })
            })

            $('#reloadBtn').click(function () {
                window.location.reload();
            })
        })
        function popover(logNum) {
            main.open("日志详情", '/CalculationLog/CalculationLogDetail?logNum=' + logNum, { area: ['500px', '800px'], scrollbar: true });
        }
    </script>
}
<div>
    <div id="toolbar">
        <button id="configBtn" class="btn btn-secondary">配置</button>
        <button id="reloadBtn" class="btn btn-secondary">刷新页面</button>
        <button id="clearBtn" class="btn btn-secondary">清除全部日志</button>
        <span><b>总数：</b>@Model.calculationLogs.Count</span>
    </div>
    <table data-toggle="table"
           data-toolbar="#toolbar"
           data-search="true"
           data-show-columns="true" id="listGrid">
        <thead>
            <tr class="tr-class-2">
                <th data-field="name" data-valign="middle"></th>
                <th data-field="CreateTime">日志创建时间</th>
                <th data-field="TradeNumber">交易编号</th>
                <th data-field="Scenario">计算场景</th>
                <th data-field="Notional">数量</th>
                <th data-field="Exercise">行权方式</th>
                <th data-field="OptionType">看涨看跌</th>
                <th data-field="TradeDate">交易日期</th>
                <th data-field="MaturityDate">到期日期</th>
                <th data-field="InitialSpotPrice">期初标的价格</th>
                <th data-field="Strike">执行价格</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model.calculationLogs)
            {
                <tr id="tr-id-1" class="tr-class-1" data-title="bootstrap table" data-object='{"key": "value"}'>
                    <td id="td-id-1" class="td-class-1" data-title="@item.LogNum">
                        <button class="btn btn-lg btn-danger"
                           role="button"
                           onclick="popover('@item.LogNum')">查看</button>
                    </td>
                    <td data-value="CreateTime">@item.CreateTime</td>
                    <td data-value="TradeNumber">@item.TradeNumber</td>
                    <td data-value="Scenario">@item.Scenario</td>
                    <td data-value="Notional">@item.Notional</td>
                    <td data-value="Exercise"> @item.Exercise</td>
                    <td data-value="OptionType">@item.OptionType</td>
                    <td data-value="TradeDate">@item.TradeDate</td>
                    <td data-value="MaturityDate">@item.MaturityDate</td>
                    <td data-value="InitialSpotPrice">@item.InitialSpotPrice</td>
                    <td data-value="Strike">@item.Strike</td>
                </tr>
            }
        </tbody>
    </table>
</div>