@{

}

<div class="wrapper-content J_mainContent gray-bg-right">
    <div class="row">
        <div class="ibox">
            <div class="ibox-title">
                <h5>费用</h5>
            </div>
            <div class="ibox-content">
                <form class="form-horizontal" id="formCond">
                    <div class="col-lg-2 col-md-3">
                        <input name="MBLNO" class="form-control" type="text" placeholder="提单号">
                    </div>
                    <div class="col-lg-2 col-md-3">
                        <input name="INVNO" class="form-control" type="text" placeholder="发票号">
                    </div>
                    <div class="col-lg-2 col-md-3">
                        <input name="VESSEL" class="form-control" type="text" placeholder="船名">
                    </div>
                    <div class="col-lg-1 col-md-2">
                        <input name="VOYNO" class="form-control" type="text" placeholder="航次">
                    </div>
                    <div class="col-lg-2 col-md-3 form-group">
                        <a class="btn btn-resect" id="btn-reset">重置</a>
                        <a class="btn btn-query" id="btnSearch">搜索</a>
                    </div>
                </form>

                <table id="table"
                       data-toggle="table"
                       data-toolbar="#toolbar"
                       data-show-refresh="false"
                       data-show-toggle="false"
                       data-show-columns="false"
                       data-query-params="queryParams"
                       data-url="@Url.Action("OpSeaeList")"
                       data-pagination="true"
                       data-side-pagination="server"
                       data-total-field="Total"
                       data-data-field="Data"
                       data-page-number="1"
                       data-page-size="10"
                       data-sortable="true"
                       data-sort-class="table-active"
                       data-silent-sort="false"
                       data-method="post">
                    <thead>
                        <tr>
                            <th data-field="VESSEL" data-sortable="true">@Resources.LangAll.LabelVESSEL</th>
                            <th data-field="VOYNO" data-sortable="true">@Resources.LangAll.LabelVOYNO</th>
                            <th data-field="MBLNO" data-sortable="true">@Resources.LangAll.LabelMBLNO</th>
                            <th data-field="INVNO" data-sortable="true">@Resources.LangAll.LabelINVNO</th>
                            @*<th data-field="CUSTOMNO" data-sortable="true">@Resources.LangAll.LabelCUSTOMNO</th>*@
                            <th data-field="CNTRTOTAL" data-sortable="true">@Resources.LangAll.LabelCtrnTypeNum</th>
                            <th data-field="ETD" data-sortable="true">@Resources.LangAll.LabelETD</th>
                            @*<th data-field="ETA" data-sortable="true">@Resources.LangAll.LabelETA</th>*@
                            <th data-field="YARD" data-sortable="true">@Resources.LangAll.LabelYARD</th>
                            <th data-field="AMOUNT_RMB" data-sortable="true" class="text-right">@Resources.LangFee.LabelFeeRMB</th>
                            <th data-field="AMOUNT_USD" data-sortable="true" class="text-right">@Resources.LangFee.LabelFeeUSD</th>
                            <th data-field="BSNO" data-formatter="mblnoFormatter">操作</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>


@section styles
{
    <link type="text/css" rel="stylesheet" href="~/Content/css/orderlist.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/css/opfeelist.css" />
}

@section scripts{

    <script>
        $(function () {
            $('#table').bootstrapTable({ height: $(window).height() - 20 });
            $('#feeTable').bootstrapTable();

            $("#btnSearch").click(function () {
                $('#table').bootstrapTable('refresh')
            })
        })

        function queryParams(params) {
            var condition = {};
            $('#formCond').find('input[name]').each(function () {
                condition[$(this).attr('name')] = $(this).val()
            })
            params.condition = JSON.stringify(condition);

            return params
        }


        function mblnoFormatter(value, row, index) {
                return [
                    '<a class="audit tabs" data-url="@Url.Action("OpFeeList")?BSNO=' + row.BSNO + '" data-title="@Resources.LangFee.TextFeeInfo">查看费用',
                    '</a>'
                ].join('');
        }

    </script>
}