@{
    ViewBag.Title = "收藏品信息";
    Layout = "~/Views/Shared/_LayoutTable.cshtml";
}
<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="col-md-3" style="margin-top:5px">
                <table class="table table-bordered table-striped table-hover">
                    <tr>
                        <td>商品名称：<input type="text" id="ptypename" /></td>
                    </tr>
                </table>
            </div>
            <div class="col-md-3" style="margin-top:5px">
                <table class="table table-bordered table-striped table-hover">
                    <tr>
                        <td>商品编号：<input type="text" id="ptypecode" /></td>
                    </tr>
                </table>
            </div>
            <div class="col-md-3" style="margin-top:5px">
                <table class="table table-bordered table-striped table-hover">
                    <tr>
                        <td>业务员：<input type="text" id="empory" /></td>
                    </tr>
                </table>
            </div>
            <div class="col-md-3" style="margin-top:5px">
                <table class="table table-bordered table-striped table-hover">
                    <tr>
                        <td style="height:52px;text-align:right">
                            <button class="btn btn-default" id="btnSearch"><i class="layui-icon">&#xe615;</i> 查 询</button>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="col-md-12">
                <table id="CollectionInfoTable"></table>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    $(function () {
        $('#CollectionInfoTable').bootstrapTable({
            url: '../WLTManage/GetCollectionInfoList',         //请求后台的URL（*）
            method: 'post',                      //请求方式（*）
            toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            pagination: true,                   //是否显示分页（*）
            sortOrder: "asc",
            undefinedText: "",//排序方式
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 15,                       //每页的记录行数（*）
            pageList: [15, 30, 50],        //可供选择的每页的行数（*）
            minimumCountColumns: 2,  //最少允许的列数
            //height: $(".centerdiv").height()-40,               //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "nub",            //每一行的唯一标识，一般为主键列
            clickToSelect: true,              //是否启用点击选中行
            sortable: true,                     //是否启用排序
            silentSort: true,
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: false,
            paginationFirstText: '首页',
            paginationLastText: '末页',
            paginationPreText: '上一页',
            paginationNextText: '下一页',
            showColumns: false,            //是否显示所有的列
            showRefresh: false,              //是否显示刷新按钮
            showToggle: false,                     //是否显示详细视图和列表视图的切换按钮
             cardView: false,                    //是否显示详细视图
            detailView: false,                   //是否显示父子表
            queryParams: function (params) {
                return {
                    pagesize: params.limit,//页面大小
                    page: params.offset, //页码
                };
            },//传递参数（*）
            columns: [{ checkbox: true },
                {
                    field: "index", title: "序号", align: "center", width: 50, edit: false, formatter: function (value, row, index) {
                        return row.index = index + 1; //返回行号
                    }
                },
                { field: 'FullName', title: '商品名称' },
                { field: 'UserCode', title: '商品编号' },
                { field: 'LoginName', title: '业务员名称' },
                 {
                     field: "del", title: "删除", align: "center", formatter: function (value, row, index) {
                         var strHtml = '<button id="btnDel" class="btn btn-sm" onclick="deleteData(\'' + row["Nub"] + '\')"><i class="glyphicon glyphicon-trash"></i> 删除</button>';
                         return strHtml;
                     }
                 }
            ]
        });
    });
    //行删除按钮
    function deleteData(nub) {
        layer.confirm("确认删除？", function (enter) {
            if (enter) {
                $.ajax({
                    url: "../WLTManage/DeleteCollectionInfo",
                    dataType: "text",
                    data: { nub: nub },
                    type: "post",
                    success: function (data) {
                        layer.msg(data, { icon: 1, time: 2000 });
                        //删除成功后刷新table
                        $('#CollectionInfoTable').bootstrapTable("refresh");
                    },
                    error: function (data) {
                        layer.msg(data, { icon: 1, time: 2000 });
                    }
                })
            }
        })
    }
    //列表查询
    $("#btnSearch").on("click", function () {
        var ptypename = $("#ptypename").val();
        var ptypecode = $("#ptypecode").val();
        var empory = $("#empory").val();
        $('#CollectionInfoTable').bootstrapTable("refresh", {
            url: "../WLTManage/GetCollectionInfoList?fullname=" + ptypename + "&usercode=" + ptypecode + "&loginname=" + empory
        })
    });
    </script>
</body>