@{
    ViewBag.Title = "预付金持仓波动率设置";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
    var pageObj = new
    {
        ValueDate = valuedateBLL.ValueDate.ToString("yyyy-MM-dd")
    };
}
<script type="text/javascript">
     var page = @Json.Serialize(pageObj);
    $(() => {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            format: 'yyyy-mm-dd',
        });
        $("#DateFromValueDate").val(page.ValueDate);
        $("#DateToValueDate").val(page.ValueDate);
        initGrid();

    });

    function initGrid() {
        var colModelGrid = [{
            name: '', label: '操作', index: '', width: 90, align: 'center', formatter: showToolName
        }, {
            name: 'id', hidden: true
        }, {
            name: 'EncryptId', hidden: true
        }, {
            name: 'ValueDate', label: '计算日期', index: 'ValueDate', width: 90, align: 'center', formatter: 'date'
        }, {
            name: 'TradeNumber', label: '交易编号', index: 'TradeNumber', width: 150, align: 'center'
        }, {
            name: 'ClientName', label: '交易编号', index: 'ClientName', width: 150, align: 'center'
        }, {
            name: 'Vol', label: '持仓波动率', index: 'vol', width: 80, align: 'center', formatter: showVol
        }, {
            name: 'OptName', label: '操作人', index: 'OptName', width: 150, align: 'center'
        }, {
            name: 'OptDate', label: '操作时间', index: 'OptDate', width: 150, align: 'center'
        }];

        var obj = {
            url: "/trade_vol/GetTradeVolList",
            datatype: 'json',
            height: 'auto',
            width: '96%',
            autowidth: false,
            shrinkToFit: false,
            viewrecords: true,
            jsonReader: { repeatitems: false },
            caption: '',
            mtype: 'POST',
            postData: {"DateFromValueDate": $("#DateFromValueDate").val(), "DateToValueDate": $("#DateToValueDate").val()},
            afterInsertRow: AfterInsertRow,
            onSelectRow: rowclick,
            ondblClickRow: rowdblclick,
            colModel: colModelGrid,
            pager: jQuery('#pagerGrid'),
            pagerpos: 'left',
            rowNum: 20,
            rowList: [20, 30, 50, 200, 10000],
            footerrow: false,
            loadComplete: gridComplete,
            onPaging: onJqgridPaging,
            grouping: true,
            footerrow: false
        };
        var g_grid = jQuery('#listGrid').jqGrid(obj);
        SearchClick(true);
    }

    //修改波动率
    function showVol(cellValue, options, rowObject) {
        return "<input type='text' class='vol-price' value='{0}' data-id='{1}' onchange=\"volPriceChange($(this),'{0}')\" />".template(((parseFloat(cellValue) * 100).toFixed(2) + '%'), rowObject.id);
    }

    function showToolName(cellValue, options, rowObject) {
        var html = "<input type=\"button\" class=\"wentiEdit\" title='操作' onclick=\"showTradeVolView('{0}')\" value=\"{1}\" />".template(rowObject.id, "查看");
        return html;
    }

    function volPriceChange(obj,vol) {
        var val = obj.val();

        if (val == "" || val == null || val == '%') {
            main.alert("波动率数值格式错误");
            obj.val(vol);
            return;
        }

        if (val.indexOf('%') > 0) {
            val = val.substring(0, val.length - 1);
        }
        if (isNaN(val)) {
            main.alert("波动率数值格式错误");
            obj.val(vol);
            return;
        }
        val = parseFloat(val).toFixed(2);
        obj.val(val + '%')
    }

    function reloadeod() {
        //重新加载
        SearchClick();
    }

    function SearchClick(isSearchclick) {
        var listGrid = $('#listGrid');

        listGrid.appendPostData({ DateFromValueDate: $("#DateFromValueDate").val() });
        listGrid.appendPostData({ DateToValueDate: $("#DateToValueDate").val() });
        listGrid.appendPostData({ TradeNumber: $("#TradeNumber").val() });
        listGrid.appendPostData({ ClientId: !$("#ClientId").val() ? null : $("#ClientId").val() });

        if (typeof (isSearchclick) != "undefined" && isSearchclick) {
            //点击搜索时默认第一页
            listGrid.jqGrid('setGridParam', {
                page: 1
            });
        }
        listGrid.trigger('reloadGrid');
    }

    function addTradeVolEdit() {
        main.open("新增持仓波动率（预付金计算）", "/trade_vol/TradeVolEdit?Id=0", { area: ['500px', '400px'] })
    }

    function saveVolPrice() {
        var data = [];
        $(".vol-price").each(function (e) {
            data.push({
                id: $(this).data("id"),
                Vol: parseFloat($(this).val().substring(0, $(this).val().length - 1)) / 100
            });
        })
        main.post("/trade_vol/SaveVolPrice", { list: data }).done(function (ret) {
            reloadeod();

        });
    }

    function exportTradeVol() {
        main.open("新增持仓波动率（预付金计算）", "/trade_vol/TradeVolUpload", { area: ['800px', '600px']  })
    }

    function showTradeVolView(id) {
        main.open("预付金波动率设置查看", `/trade_vol/TradeVolView?Id=${id}`, { area: ['800px', '600px'] })
    }
</script>

<div class="searchdiv">
    @Html.SearchDateRange("ValueDate", "计算日期")
    @Html.ShortInput("TradeNumber", "交易编号")
    @Html.MyAceDropdownInput("ClientId", "客户名称", CurUser.GetClientSelectItems(CurUser.交易管理_查看所有交易))
    @MyControls.SearchBtn()
    @if (CurUser.结算管理_预付金持仓波动率设置新增)
    {
        @MyControls.Btn("新增", "addTradeVolEdit()")
        @MyControls.Btn("批量导入", "exportTradeVol()")
    }
    @if (CurUser.结算管理_预付金持仓波动率设置修改)
    {
        @MyControls.Btn("保存", "saveVolPrice()")
    }
</div>

@Html.Raw(JqGridSimple.OutTable())