/***********************************************/
//jquery 常用组件封装
//CREATE:zh 2018-11-18
/***********************************************/

(function ($) {
    {
        el: '#test'
        data: []
    }
    $.fn.hhDatagrid = function (options) {
        var $datagrid = $(this);
        var defaults = {
            size: 'sm',
            cellMinWidth: 80,
            page: true
        }
        layui.use('table', function () {
            var table = layui.table;
            table.render({
                elem: options.el
                //, url: '/demo/table/user/'
                , data: options.data
                , page: true, height: 300
                , size: 'sm'
              , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
              , cols: [[
                { field: 'CN_S_OP_NO', width: 150, title: '单号', sort: true }
                , { field: 'CN_S_OWNER', width: 100, title: '货主', edit: 'text' }
                , { field: 'CN_S_OP_TYPE', width: 120, title: '业务类型', sort: true, edit: 'text' }
                , { field: 'CN_S_STATE', width: 80, title: '状态' }
                , { field: 'CN_T_PAYMENT', title: 'PayMent' } //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
                , { field: 'CN_T_OP_DATE', title: '业务日期', sort: true }
                , { field: 'CN_S_CS_REMARK', title: 'CS备注', sort: true }
                , { field: 'CN_S_BUYER_REMARK', title: 'Buyer备注' }
              ]]
            });
            //监听单元格编辑
            table.on('edit(test)', function (obj) {
                var value = obj.value //得到修改后的值
                , data = obj.data //得到所在行所有键值
                , field = obj.field; //得到字段
                layer.msg('[ID: ' + data.id + '] ' + field + ' 字段更改为：' + value);
            });
        });
    };
});

//lay控件初始化
layui.use(['form', 'laydate'], function () {
    var layform = layui.form;
    form.render();

    var laydate = layui.laydate;
    laydate.render({
        elem: '.hhdate'
    });
});