var pageCurr;
layui.config({
    base: baseUrl + "/static/layui/lay/modules/"
}).use(['table','laydate', 'form', 'admin'], function(){
    var table = layui.table;
    var $ = layui.jquery;
    var layer = layui.layer;
    var layDate = layui.laydate;
    var form = layui.form;
    var admin = layui.admin;

    // 数据渲染
    tableIns = table.render({

        elem: '#item',
        headers: {token: localStorage.getItem('token')},
        url: baseUrl+'/item/list/chaoPirce',
        page: true,
        limit: 16,
        limits: [16, 30, 50, 100, 200, 500],
        toolbar: '#toolbar',
        cellMinWidth: 50,
        cols: [[
            {type: 'checkbox'}
            // ,{field: 'id', align: 'center',title: 'ID'}
            // ,{field: 'hostId', align: 'center',title: ''}
            ,{field: 'uuid', align: 'center',title: '项目编号'}
            ,{field: 'name', align: 'center',title: '项目名称'}
            ,{field: 'inUuid', align: 'center',title: '内部编号', hide: true}
            ,{field: 'cstmrUuid$', align: 'center',title: '客户名称'}
            ,{field: 'plandeAmt', align: 'center',title: '预计运费'}
            ,{field: 'realdeAmt', align: 'center',title: '实际运费'}
            ,{field: 'excessAmount', align: 'center',title: '超出运费'}
            ,{field: 'dutyMan', align: 'center', title: '责任人'}
            ,{field: 'dutyDepartment', align: 'center', title: '责任部门'}
            ,{field: 'status$', align: 'center',title: '状态'}
            ,{field: 'memo', align: 'center',title: '备注'}
            // ,{fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width:150}
        ]],
        request: {
            pageName: 'curr',
            pageSize: 'limit'
        },
        parseData: function (res) {
            return {
                'code': res.code,
                'msg': res.msg,
                'count': res.data.total,
                'data': res.data.records
            }
        },
        response: {
            statusCode: 200
        },
        done: function(res, curr, count) {
            // console.log(res)
            if (res.code === 403) {
                top.location.href = baseUrl+"/";
            }
            pageCurr=curr;
            limit();
        }
    });

    // 监听排序事件
    table.on('sort(item)', function (obj) {
        var searchData = {};
        $.each($('#search-box [name]').serializeArray(), function() {
            searchData[this.name] = this.value;
        });
        searchData['orderByField'] = obj.field;
        searchData['orderByType'] = obj.type;
        tableIns.reload({
            where: searchData,
            page: {curr: 1}
        });
    });


    // 搜索
    form.on('submit(search)', function (data) {

        pageCurr = 1;
        tableReload(false);
    });
    // 重置
    form.on('submit(reset)', function (data) {
        pageCurr = 1;
        clearFormVal($('#search-box'));
        tableReload(false);
    });

    // 时间选择器
    function layDateRender(mData) {
        console.log(mData)
        setTimeout(function () {
            layDate.render({
                elem: '#startTime',
                type: 'datetime',
                value: mData!==null&&mData!==undefined?strToDate(mData['startTime$']):null
            });
            layDate.render({
                elem: '#realStartTime',
                type: 'datetime',
                value: mData!==null&&mData!==undefined?strToDate(mData['realStartTime$']):null
            });
            layDate.render({
                elem: '#endTime',
                type: 'datetime',
                value: mData!==null&&mData!==undefined?strToDate(mData['endTime$']):null
            });
            layDate.render({
                elem: '#realEndTime',
                type: 'datetime',
                value: mData!==null&&mData!==undefined?strToDate(mData['realEndTime$']):null
            });
            layDate.render({
                elem: '#createTime\\$',
                type: 'datetime',
                value: mData!==null&&mData!==undefined?strToDate(mData['createTime$']):null
            });
            layDate.render({
                elem: '#modifyTime\\$',
                type: 'datetime',
                value: mData!==null&&mData!==undefined?strToDate(mData['modifyTime$']):null
            });
        }, 500);

    }
    layDateRender();

});

// 关闭动作
$(document).on('click','#data-detail-close', function () {
    parent.layer.closeAll();
});

function tableReload(child) {
    var searchData = {};

    $.each($('#search-box [name]').serializeArray(), function() {
        searchData[this.name] = this.value;
    });
    tableIns.reload({
        where: searchData,
        page: {curr: pageCurr}
    });
}