layui.use('table', function(){
    var table = layui.table;
    var layer = layui.layer;
    var form = layui.form;
    //基站设备
    table.render({
        elem: '#cheliang'
        ,url: '/hxzkuwb/findcheliang'
        ,page: true //开启分页
        ,size:'sm'
        ,toolbar:'#toolbarDemo' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
        ,cols: [[ //表头
            {type:'checkbox',sort: true,fixed: "left"}
            ,{field: 'id', title: 'ID', sort: true}
            ,{ field: 'ptagid', title: '标签ID'}
            ,{field: 'pname', title: '车辆名称' ,sort: true}
            ,{field: 'pdepartment', title: '部门',  sort: true}
            ,{field: 'ppower', title: '电量%',sort: true}
            ,{field: 'ppower', title: '电量%',sort: true}
            ,{field: 'ponline', title: '在线状态' ,templet: '#titleTpl'}
            ,{field: 'pimage', title: '车辆图标',templet: '#titleTpl1'}
            ,{field: 'baoliu38', title: '车辆照片',templet: '#titleTpl2'}
            ,{field: 'paddtiem', title: '时间'}
        ]]
        ,limits: [10, 20, 30, 40, 50,60,70,80,90,100,100000]
        ,limit: 20,
    });
    table.on('tool(cheliang)', function(obj){
        var data = obj.data;
        console.log(data.id)
    })
    table.on('toolbar(cheliang)', function(obj) {
        var checkStatus = table.checkStatus(obj.config.id);
        switch(obj.event) {
            case 'getadd' :
                $(".add").show();
                $(".heimu").show();
                break;
            case 'getUpdate':
                var data = checkStatus.data;
                if(data.length>1){
                    layer.alert("一次只能选中一个进行修改")
                }else if(data.length == 0){
                    layer.alert("请选中一条数据")
                }else{
                    $("#up1").val(data[0].ptagid)
                    $("#up2").val(data[0].pname)
                    $("#up5").val(data[0].pphone)
                    $("#up6").val(data[0].pidcardnum)
                    $(".update").show();
                    $(".heimu").show();
                }

                break;
            case 'getshuaxin':
                layer.msg('刷新成功')
                setTimeout(function (){
                    location.reload();
                },500)
                break;
            case 'getsearch':
                var seah = $("#seah").val();
                var whereParams = {
                    pTagid: seah
                };
                table.reload('cheliang', {
                    url: "/hxzkuwb/findCheLiangSearch",
                    method:'post',
                    page: {
                        curr: 1 // 重新从第 1 页开始
                    }
                    ,where: whereParams
                });
                layer.msg('搜索成功')
                break
        }
    })

    $.get("/hxzkuwb/getbumen", function (data) {
        var selectData = [];

        for (var i = 0; i < data.length; i++) {
            var option = {
                value: data[i].departmentname,
                title: data[i].departmentname
            };
            selectData.push(option);
        }

        // 动态生成下拉框选项
        var selectElem = document.getElementById('bumen');
        var selectElem1 = document.getElementById('bumen1');

        for (var i = 0; i < selectData.length; i++) {
            var optionElem = document.createElement('option');
            optionElem.value = selectData[i].value;
            optionElem.innerHTML = selectData[i].title; // 使用 innerHTML 属性来设置 HTML 内容
            selectElem.appendChild(optionElem);
        }

        for (var i = 0; i < selectData.length; i++) {
            var optionElem = document.createElement('option');
            optionElem.value = selectData[i].value;
            optionElem.innerHTML = selectData[i].title; // 使用 innerHTML 属性来设置 HTML 内容
            selectElem1.appendChild(optionElem);
        }

        // 重新渲染下拉框
        form.render('select');
    });
});
function quxiao(){
    layer.msg('操作成功')
    setTimeout(function() {
        $(".add").hide();
        $(".update").hide();
        $(".heimu").hide();
    }, 500);

}