$(function () {
    loadMajor();
    loadCore();
});

/* 新增一个选项卡
* url :选项卡的内容（跳转的地址）
* title:选项卡的标题
* size: name的iframe+size 序号，尽量不用重复
*/
function page(url, title, size, type) {
    var nav = $(window.parent.document).find('.J_menuTabs .page-tabs-content ');
    $(window.parent.document).find('.J_menuTabs .page-tabs-content ').find(".J_menuTab.active").removeClass("active");
    $(window.parent.document).find('.J_mainContent').find("iframe").css("display", "none");

    // 选项卡菜单已存在
    var wpd = $(window.parent.document);
    var mainContent = wpd.find('.J_mainContent');
    var thisIframe = mainContent.find("iframe[data-id='" + url + "']");

    var pageTabs = wpd.find('.J_menuTabs .page-tabs-content');
    // pageTabs.find(".J_menuTab .active").removeClass("active");
    // mainContent.find("iframe").css("display", "none");

    console.log("thisIframe:" + thisIframe.length);
    if (thisIframe.length > 0) {	// 选项卡已打开
        console.log("选项卡已打开");
        thisIframe.css("display", "inline");
        pageTabs.find(".J_menuTab[data-id='" + url + "']").addClass("active");
    } else {
        console.log("选项卡未打开");
        var iframe = '<iframe class="J_iframe" name="iframe"' + size + ' width="100%" height="100%" src="' + url + '" frameborder="0" data-id="' + url
            + '" seamless="" style="display: inline;"></iframe>';
        $(window.parent.document).find('.J_menuTabs .page-tabs-content ').append(
            ' <a href="javascript:;" class="J_menuTab active" data-id="' + url + '">' + title + ' <i class="fa fa-times-circle"></i></a>');
        $(window.parent.document).find('.J_mainContent').append(iframe);
    }
}

var core_data = [{
    "dataname": "焦炭使用量",
    "times": "2022-03-01 12:32:56",
    "dataSource": "炼铁工序生产系统"
}, {
    "dataname": "系统频率",
    "times": "2022-03-03 15:23:26",
    "dataSource": "电力控制系统"
}, {
    "dataname": "线路潮流",
    "times": "2022-03-03 15:23:26",
    "dataSource": "电力控制系统"
}, {
    "dataname": "配料机参数",
    "times": "2022-03-03 15:23:26",
    "dataSource": "炼铁工序生产系统"
}, {
    "dataname": "脱硫脱磷处理量",
    "times": "2022-03-03 15:23:26",
    "dataSource": "炼铁工序生产系统"
}, {
    "dataname": "烧结矿经破碎冷却时间值",
    "times": "2022-03-03 15:23:26",
    "dataSource": "炼铁工序生产系统炼铁工序生产系统炼铁工序生产系统炼铁工序生产系统"
}, {
    "dataname": "测试数据",
    "times": "2022-03-03 15:23:26",
    "dataSource": "测试系统"
},];


var bt_data = [{
    "dataname": "高炉入炉风温度",
    "times": "2022-03-01 12:32:56",
    "dataSource": "炼铁工序生产系统"
}, {
    "dataname": "测试数据",
    "times": "2022-03-03 15:23:26",
    "dataSource": "测试系统"
}, {
    "dataname": "发电机出力",
    "times": "2022-03-03 15:23:26",
    "dataSource": "电力控制系统"
}, {
    "dataname": "母线电压",
    "times": "2022-03-03 15:23:26",
    "dataSource": "电力控制系统"
}, {
    "dataname": "炉顶压力",
    "times": "2022-03-03 15:23:26",
    "dataSource": "炼铁工序生产系统炼铁工序生产系统炼铁工序生产系统炼铁工序生产系统"
}, {
    "dataname": "铁水重量",
    "times": "2022-03-03 15:23:26",
    "dataSource": "炼铁工序生产系统"
}, {
    "dataname": "石灰石数量",
    "times": "2022-03-03 15:23:26",
    "dataSource": "炼铁工序生产系统"
},];

function loadMajors() {
    $('#coreTable').bootstrapTable('destroy').bootstrapTable({
        data: core_data,// 表格数据
        locale: $('#locale').val(),// 语言
        columns: [ // 列详情
            {
                title: '数据名称',// 表头字段名
                field: 'dataname',// 数据 key

                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            }, {
                title: '数据来源',
                field: 'dataSource',

                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            }, {
                title: '上传时间',
                field: 'times',

                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            }
        ]
    });
    $('#coreTable').bootstrapTable("hideLoading");

    $('#majorTable').bootstrapTable('destroy').bootstrapTable({
        data: bt_data,// 表格数据
        locale: $('#locale').val(),// 语言
        columns: [ // 列详情
            {
                title: '数据名称',// 表头字段名
                field: 'dataname',// 数据 key

                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            }, {
                title: '数据来源',
                field: 'dataSource',

                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            }, {
                title: '上传时间',
                field: 'times',

                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            }
        ]
    });
    $('#majorTable').bootstrapTable("hideLoading");
}

//核心数据
function loadMajor() {
    $('#majorTable').bootstrapTable({
        method: 'get', // 服务器数据的请求方式 get or post
        url: "/datas/data/listNoPerms", // 服务器数据的加载地址
        //	showRefresh : true,
        //	showToggle : true,
        //	showColumns : true,
        iconSize: 'outline',
        toolbar: '#exampleToolbar',
        striped: true, // 设置为true会有隔行变色效果
        dataType: "json", // 服务器返回的数据类型
        pagination: false, // 设置为true会在底部显示分页条
        // queryParamsType : "limit",
        // //设置为limit则会发送符合RESTFull格式的参数
        singleSelect: false, // 设置为true将禁止多选
        // contentType : "application/x-www-form-urlencoded",
        // //发送到服务器的数据编码类型
        pageSize: 10, // 如果设置了分页，每页数据条数
        pageNumber: 1, // 如果设置了分布，首页页码
        //search : true, // 是否显示搜索框
        // showColumns: true, // 是否显示内容下拉框（选择显示的列）
        // showRefresh: true,
        // showExport: true,  //是否显示导出按钮
        // exportDataType: "basic",              //basic', 'all', 'selected'.
        // buttonsAlign:"right",  //按钮位置
        // exportTypes:['csv', 'xlsx'],  //导出文件类型
        // Icons:'glyphicon-export',
        sidePagination: "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
        // exportOptions:{
        //     ignoreColumn: [0,1],  //忽略某一列的索引
        //     fileName: '备案数据信息',  //文件名称设置
        //     worksheetName: 'sheet1',  //表格工作区名称
        //     tableName: '备案数据表',
        //     excelstyles: ['background-color', 'color', 'font-size', 'font-weight'],
        //     onMsoNumberFormat: DoOnMsoNumberFormat
        // },
        queryParams: function (params) {
            return {
                //说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                limit: 10,
                offset: 0,
                dataLevel: "核心数据",
                dataStatus: '3',//已审批
            };
        },
        onLoadSuccess: function () {
            //鼠标悬停显示全部内容~
            $('.bootstrap-table tr td').each(function () {
                $(this).attr("title", $(this).text());
                $(this).css("cursor", 'pointer');
            });
        },
        // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
        // queryParamsType = 'limit' ,返回参数必须包含
        // limit, offset, search, sort, order 否则, 需要包含:
        // pageSize, pageNumber, searchText, sortName,
        // sortOrder.
        // 返回false将会终止请求
        columns: [
            {
                field: 'dataName',
                title: '数据名称',
                titleTooltip: "数据名称",
                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            },
            {
                field: 'dataSource',
                title: '数据来源',
                titleTooltip: "数据来源",
                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            },
            {
                field: 'uploadTime',
                title: '上传时间',
                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            }]
    });
}

//重要数据
function loadCore() {
    $('#coreTable').bootstrapTable({
        method: 'get', // 服务器数据的请求方式 get or post
        url: "/dashboard/data/list", // 服务器数据的加载地址
        //	showRefresh : true,
        //	showToggle : true,
        //	showColumns : true,
        iconSize: 'outline',
        toolbar: '#exampleToolbar',
        striped: true, // 设置为true会有隔行变色效果
        dataType: "json", // 服务器返回的数据类型
        pagination: false, // 设置为true会在底部显示分页条
        // queryParamsType : "limit",
        // //设置为limit则会发送符合RESTFull格式的参数
        singleSelect: false, // 设置为true将禁止多选
        // contentType : "application/x-www-form-urlencoded",
        // //发送到服务器的数据编码类型
        pageSize: 10, // 如果设置了分页，每页数据条数
        pageNumber: 1, // 如果设置了分布，首页页码
        //search : true, // 是否显示搜索框
        // showColumns: true, // 是否显示内容下拉框（选择显示的列）
        // showRefresh: true,
        // showExport: true,  //是否显示导出按钮
        // exportDataType: "basic",              //basic', 'all', 'selected'.
        // buttonsAlign:"right",  //按钮位置
        // exportTypes:['csv', 'xlsx'],  //导出文件类型
        // Icons:'glyphicon-export',
        sidePagination: "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
        // exportOptions:{
        //     ignoreColumn: [0,1],  //忽略某一列的索引
        //     fileName: '备案数据信息',  //文件名称设置
        //     worksheetName: 'sheet1',  //表格工作区名称
        //     tableName: '备案数据表',
        //     excelstyles: ['background-color', 'color', 'font-size', 'font-weight'],
        //     onMsoNumberFormat: DoOnMsoNumberFormat
        // },
        queryParams: function (params) {
            return {
                //说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                limit: 10,
                offset: 0,
                dataLevel: "重要数据",
                dataStatus: '3',//已审批
            };
        },
        onLoadSuccess: function () {
            //鼠标悬停显示全部内容~
            $('.bootstrap-table tr td').each(function () {
                $(this).attr("title", $(this).text());
                $(this).css("cursor", 'pointer');
            });
        },
        columns: [
            {
                field: 'dataName',
                title: '数据名称',
                titleTooltip: "数据名称",
                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            },
            {
                field: 'dataSource',
                title: '数据来源',
                titleTooltip: "数据来源",
                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            },
            {
                field: 'uploadTime',
                title: '上传时间',
                cellStyle: formatTableUnit,
                formatter: paramsMatter,
            }]
    });
}