@{
    Layout = Context.Request.Query["v"] == "1" ? "~/Views/Shared/_InfoLayout.cshtml" : "~/Views/Shared/_MainLayout.cshtml";
}

@section JS{
    <script type="text/javascript">
        const fmtSpanRate = main.numberFormat(2, {percent:true});
        $(function () {
            var colModelGrid = [{
                name: 'id', label: 'id', hidden: true, optionHide: true
            }, {
                name: 'UnderlyingCode', label: '标的代码', width: 100, align: 'center'
            }, {
                name: 'UnderlyingName', label: '标的名称', width: 150, align: 'center'
            }, {
                name: 'SpanRate', label: 'Span涨跌幅2', width: 100, align: 'center', formatter: fmtSpanRate
            }, {
                    name: '', label: '操作', index: '', width: 120, align: 'center', formatter(cellValue, options, rowObject) {
                        return '<input type="button" class="wentiEdit" onclick="hisDataShow(\'' + rowObject.id + '\')" value="查看历史记录"></input>';
                }
            }];

            @Html.Raw(JqGridSimple.OutGrid("/UnderlyingSpanTwo/AjaxGetList"));

            $('.searchdiv').on('keydown', "input", function (event) {
                if (event.keyCode == 13) {
                    SearchClick(true);
                }
            });
        });

        function hisDataShow(rowid) {
            var rowData = $('#listGrid').getRowData(rowid);
            $('#stockLabel').text(rowData.UnderlyingCode + '-' + rowData.UnderlyingName);
            $('#hisDataTable').find('tbody').html('');
            $('#hisDataModal').modal('show');
            main.post('/UnderlyingSpanTwo/AjaxGetHisList', { underlyingCode: rowData.UnderlyingCode })
                .done(function (resp) {
                    var html = _.map(resp.obj, x => {
                        return '<tr><td>' + x.ValueDate.substring(0,10) + '</td><td>' + fmtSpanRate(x.SpanRate) + '</td></tr>'
                    }).join("");
                      $('#hisDataTable').find('tbody').html(html);
                });
        }

        function rowdblclick(rowid) {
            var rowData = $(this).getRowData(rowid);
            main.infopage("Span涨跌幅2设置", "/UnderlyingSpanTwo/Edit?underlyingCode=" + rowData.UnderlyingCode, { area: ['550px', '50%'] });
        }
        function SearchClick(isSearchclick) {
            var listGrid = $('#listGrid');
            listGrid.appendPostData({ UnderlyingCode: $("#UnderlyingCode").val() });
            listGrid.appendPostData({ UnderlyingName: $("#UnderlyingName").val() });
            if (isSearchclick === true) {
                listGrid.jqGrid('setGridParam', {page: 1});
            }
            listGrid.trigger('reloadGrid');
        }
        function setSpanRate() {
            main.infopage("Span涨跌幅2设置", "/UnderlyingSpanTwo/Edit", { area: ['550px', '50%'] });
        }
        function importSpanRate() {
            main.open("Span涨跌幅2导入", "/UnderlyingSpanTwo/Upload", { area: ['800px', '600px'] });
        }
    </script>
}

<div class="searchdiv">
    @Html.ShortInput("UnderlyingCode", "标的代码")
    @Html.ShortInput("UnderlyingName", "标的名称")
    <button class="btn btn-primary " onclick="SearchClick(true);"><span class="glyphicon glyphicon-search"></span> 查询</button>
    @if (CurUser.基础参数管理.Span涨跌幅2设置)
    {
        @MyControls.Btn("设置Span涨跌幅2", "setSpanRate()")
    }

    @if (CurUser.基础参数管理.Span涨跌幅2导入)
    {
        @MyControls.Btn("批量维护Span涨跌幅2", "importSpanRate()")
    }
</div>

@Html.Raw(JqGridSimple.OutTable())

<div class="modal" tabindex="-1" id="hisDataModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Span涨跌幅2历史记录</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="stockLabel" style="margin-bottom:15px;"></div>
                <table id="hisDataTable" class="table table-bordered table-hover">
                    <colgroup>
                        <col span="1" width="150" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th>日期</th>
                            <th>数据</th>
                        </tr>
                    </thead>
                    <tbody>
                        @*<tr>
                                <td>2019-10-20</td>
                                <td>0.2</td>
                            </tr>*@
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>