@using CRM.Core.Model.Entity
@using Core.Web.WebHelper
@{
    ViewBag.Title = "QueryRefundInfo";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="x-body">
    <div id="mytoolbar">
        客户ID：
        <div class="layui-inline">
            <input type="text" name="txt_UMID" placeholder="请输入" autocomplete="off" class="layui-input">
        </div>
        <button class="layui-btn" data-type="reload">搜索</button>
    </div>

    <table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>
</div>

<script>
    var selectRow = {};

    layui.use(['table', 'laydate'], function () {
        var table = layui.table
            , laydate = layui.laydate;

        laydate.render({ elem: '#start' });

        laydate.render({ elem: '#end' });
        var param = GetParams("mytoolbar");
        table.render({
            id: 'tableRefund',//列表别名ID
            elem: '#tabl1',//表ID
            url: '/OrderRefund/QueryRefundInfo',
            method: 'POST',
            totalRow: true,
            cols: [[
                { field: 'deptname', title: '事业部', width: 140 }
                ,{
                    field: 'orderid', title: '订单号', width: 95,
                    templet: function (res) {
                        return "<a href=\"javascript:void(0)\" style=\"color:blue\" onclick=\"parent.gotoOrderPay(" + res.orderid + ")\">" + res.orderid + "</a>";
                    }
                }
                , { field: 'depositid', title: '定金ID', width: 120 }
                , { field: 'payprice', title: '到款金额', width: 120 }
                , { field: 'arrivalpay', title: '使用金额', width: 120 }
                , { field: 'payname', title: '付款人姓名', width: 120 }
                , { field: 'paytypename', title: '支付类型', width: 95 }
                , { field: 'payno', title: '流水号'  }
                , { field: 'remark', title: '备注'  }
                , { field: 'paydate', title: '付款日期'  }
            ]]
            , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip', 'refresh'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                , groups: 5 //只显示 1 个连续页码

            }, where: param
        });

        $('#mytoolbar .layui-btn').on('click', function (data) {
            var param = GetParams("mytoolbar");
            table.reload('tableRefund', {
                page: {
                    curr: 1 //重新从第 1 页开始
                },
                where: param
            });
        });

        //监听行单击事件
        table.on('row(tabl1)', function (obj) {
            var data = obj.data; 
            obj.tr.addClass('self-table-click').siblings().removeClass('self-table-click');
            selectRow = data;
        });

    }); 

</script>