hb_zhgd_screen/js/pages/constrDisplay/constrDisplay.js

let form, laydate, flow, layer, table;
let pageNum = 1, pageSize = 32; // 定义分页
let dataList = [];
let scheduledTask2 = false;
layui.use(["form", 'laydate', 'table', 'flow', 'layer'], function () {
    form = layui.form;
    laydate = layui.laydate;
    flow = layui.flow;
    layer = layui.layer;
    table = layui.table;
    dataFlow({
        pageNum: pageNum,
        pageSize: pageSize,
        bidCode: parent.$('#bidPro').val()
    });
    getClassMeetings();
    $("#workContent").niceScroll({ cursorborder: "", cursorcolor: "#c0c4cc", boxzoom: true });
    $("#mainRisk").niceScroll({ cursorborder: "", cursorcolor: "#c0c4cc", boxzoom: true });
    $("#yeWorkContent").niceScroll({ cursorborder: "", cursorcolor: "#c0c4cc", boxzoom: true });
    $("#ID-flow-demo").niceScroll({ cursorborder: "", cursorcolor: "#c0c4cc", boxzoom: true });
    initTable(parent.$('#bidPro').val());
    form.on('select(classMeeting)', function (data) {
        const item = dataList.find(item => item.id === data.value);
        setData(item);
    })
    timedRefresh2();
});

// 刷新数据-五分钟刷新一次
function timedRefresh2() {
    if (scheduledTask2) {
        $('#ID-flow-demo').empty();
        dataFlow({
            pageNum: 1,
            pageSize: pageSize,
            bidCode: parent.$('#bidPro').val()
        });
        reloadTable(1);
    } else {
        scheduledTask2 = true;
    }
    setTimeout(timedRefresh2, 1000 * 60 * 5);
}

/**数据流加载*/
function dataFlow(queryParams) {
    flow.load({
        elem: '#ID-flow-demo', // 流加载容器
        scrollElem: '#ID-flow-demo', // 滚动条所在元素，一般不用填，此处只是演示需要。
        end: '数据加载完毕',
        direction: 'bottom',
        done: function (page, next) { // 执行下一页的回调
            console.error(page);
            pageNum = page;
            let lis = [];
            queryParams.pageNum = page;
            let returnData = loadData(queryParams);
            if (returnData != null) {
                lis = initImgData(returnData.data)
                next(lis.join(''), page < returnData.count / pageSize);
            }
        }
    });
}

/**加载图片数据*/
function loadData(queryParams) {
    let returnData = null;
    let paramData = 'bidCode=' + queryParams.bidCode + '&page=' + queryParams.pageNum + '&limit=' + queryParams.pageSize;
    let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
    const url = commonUrl + "screen/largeScreen/constrDisplay/getUserInfo?params=" + montageParam;
    ajaxRequestGet(url, "GET", false, function () {
    }, function (result) {
        if (result.code === 0) {
            console.log(result)
            returnData = result;
        } else if (result.code === 500) {
            layer.msg(result.msg, { icon: 2 });
        }
    }, function (xhr, status, error) {
        error(xhr, status, error)
    }, aqEnnable);
    return returnData;
}

/**渲染图片*/
function initImgData(list) {
    let htmlArr = [];
    if (list && list.length > 0) {
        $.each(list, function (index, item) {
            let filePath = imgUrl + item.image + "?token=" + sessionStorage.getItem("zhgd_token");
            let back_img = '../../../img/constrDisplay/img-3.png';
            htmlArr.push("<div class='img-info'>" +
                "        <div class='imgData layout' style='background: url(" + back_img + ") no-repeat 0 0 / 100% 100%;'>\n" +
                "             <img src='" + filePath + "' onclick='viewImg(" + JSON.stringify(item) + ")'>" +
                "        </div>" +
                "        <div class='imgData2 layout'>" +
                "            <p class='img-color3'>" + item.userName + "</p>" +
                "        </div>" +
                "        <div class='imgData2 layout'>" +
                "            <p>" + item.accessTime + "</p>" +
                "        </div>" +
                "    </div>");
        })
    }
    return htmlArr;
}

// 重载表格
function reloadTable(pageNum) {
    table.reload("currentTableId", {
        page: {
            curr: pageNum ? pageNum : 1,
        },
        where: {
            bidCode: parent.$('#bidPro').val(),
        },
    },
    );
}

function initTable(bidCode) {
    const url = commonUrl + "screen/largeScreen/constrDisplay/getUserInfoDetails";
    table.render({
        elem: '#demo2',
        id: 'currentTableId',
        url: url,
        skin: 'line',
        page: true,
        height: 'full-550',
        headers: {
            "decrypt": "decrypt",
            "Authorization": token
        },
        where: {
            bidCode: bidCode,
        },
        cols: [[
            { type: 'numbers', title: '序号', width: '10%' }, // 添加序号列
            { field: 'userName', title: '姓名', align: 'center', width: '20%' },
            {
                title: '图片', align: 'center', width: '20%', templet: function (d) {
                    let html = "", filePath = imgUrl + d.image + "?token=" + sessionStorage.getItem("zhgd_token");
                    html += "<img src=" + filePath + " onclick='viewImg(" + JSON.stringify(d) + ")'>";
                    return html;
                },
            },
            { field: 'accessType', title: '类型', align: 'center', width: '20%' },
            { field: 'accessTime', title: '时间', align: 'center', width: '30%' },
        ]],
        done: function (res, curr, count, origin) {
            console.log(res);
        }
    })
}

// 工作情况
function getClassMeetings() {
    const url = commonUrl + "screen/largeScreen/constrDisplay/getSgInfo";
    const params = { bidCode: parent.$('#bidPro').val() }
    let encryptStr = encryptCBC(JSON.stringify(params));
    ajaxRequest(url, "POST", encryptStr, true, function () {
    }, function (result) {
        console.log(result);
        if (result.code === 200) {
            dataList = result.data;
            setSelectValue(result.data);
        } else if (result.code === 500) {
            layer.msg(result.msg, { icon: 2 });
        }
    }, function (xhr) {
        error(xhr)
    }, "application/json", aqEnnable);

    function setSelectValue(list) {
        let html = '';
        if (list && list.length > 0) {
            $.each(list, function (index, item) {
                if (index === 0) {
                    setData(item);
                }
                html += '<option value="' + item.id + '">工作情况' + (index + 1) + '</option>';
            })
            if(list.length===1){
                $('#sel-id').css("display","none")
            }

        } else {
            $('#sel-id').css("display","none")
            setData(null);
        }
        $('#classMeeting').empty().append(html);
        layui.form.render();
    }
}

function setData(obj) {
    $('#workContent').empty().append(obj == null ? '暂无数据' : obj.workContent);
    $('#mainRisk').empty().append(obj == null ? '暂无数据' : obj.mainRisk);
    $('#yeWorkContent').empty().append(obj == null ? '暂无数据' : obj.yworkContent);
}


function viewImg(item) {
    let filePath = imgUrl + item.image + "?token=" + sessionStorage.getItem("zhgd_token");
    layer.photos({
        shade: 0.5,
        footer: false,
        photos: {
            "title": "图片预览",
            "start": 0,
            "data": [
                {
                    "pid": 1,
                    "src": filePath,
                }
            ]
        },
    });
}


function handleData() {
    let obj={};
    obj.workContent=$("#workContent").text()
    obj.mainRisk=$("#mainRisk").text();
    obj.yeWorkContent=$("#yeWorkContent").text();

    openIframeByParamObj("handleData", "无计划预警信息", "./addData.html", "72%", "95%", obj, 1);
}