首页大屏数据交互2

czt

2025-12-25 fa0414b2f44aa07c282b73195f7ea2ef3ab1eb74

首页大屏数据交互2

 fzzy-igdss-core/src/main/java/com/fzzy/igds/data/GroupDeptData.java

@@ -14,6 +14,7 @@
    /**
     * 监管库区信息
     */
    private String deptId;        //行政区划编码
    private String code;        //行政区划编码
    private String county;      //行政区名称
    private String deptName;    //库区名称
@@ -29,4 +30,10 @@
    private Double jd; //经度
    private Double wd; //维度

    //近七天AI事件次数
    private Integer warnNum7 =0;

    //当天AI事件次数
    private Integer dailyTotal = 0;

}

 fzzy-igdss-core/src/main/java/com/fzzy/igds/service/EventInfoService.java

@@ -82,6 +82,9 @@
        }

        QueryWrapper<EventInfo> queryWrapper = new QueryWrapper<>();
        if (StringUtils.isNotBlank(param.getCompanyId())) {
            queryWrapper.eq("company_id", param.getCompanyId());
        }
        if (StringUtils.isNotBlank(param.getDeptId())) {
            queryWrapper.likeRight("dept_id", param.getDeptId());
        }

 fzzy-igdss-core/src/main/java/com/fzzy/igds/service/SnapRecordService.java

@@ -89,6 +89,7 @@
        if (null != param.getEnd()) {
            queryWrapper.le("snap_time", DateUtil.getNextZero(param.getEnd()));
        }
        queryWrapper.orderByDesc("snap_time");
        return snapRecordMapper.selectList(queryWrapper);
    }


 fzzy-igdss-web/src/main/java/com/fzzy/group/GroupController.java

@@ -6,6 +6,7 @@
import com.fzzy.igds.domain.Dept;
import com.fzzy.igds.domain.DicArea;
import com.fzzy.igds.domain.Slogan;
import com.fzzy.igds.domain.SnapRecord;
import com.fzzy.igds.utils.ContextUtil;
import com.fzzy.igds.websocket.WebSocketPacket;
import com.fzzy.common.manager.CommonManager;
@@ -58,7 +59,7 @@

        //查询库区信息
        List<Dept> deptList = groupManager.getAllDept(user.getCompanyId());
        view.put("deptList", deptList);
        view.put("deptAllList", deptList);

        return prefix + "/index";
    }
@@ -158,4 +159,17 @@
        return groupManager.indexDeptList(param);
    }

    /**
     * 首页--抓拍跟踪信息
     *
     * @param param
     * @return
     */
    @RequestMapping("/index-snap-list")
    @ResponseBody
    public PageResponse<List<SnapRecord>> indexSnapList(@RequestBody IgdsBaseParam param) {

        return groupManager.indexSnapList(param);
    }

}

 fzzy-igdss-web/src/main/java/com/fzzy/group/manager/GroupManager.java

@@ -1,19 +1,18 @@
package com.fzzy.group.manager;

import com.fzzy.common.manager.CommonManager;
import com.fzzy.igds.constant.Constant;
import com.fzzy.igds.constant.FoodVariety;
import com.fzzy.igds.constant.RespCodeEnum;
import com.fzzy.igds.data.*;
import com.fzzy.igds.domain.Depot;
import com.fzzy.igds.domain.Dept;
import com.fzzy.igds.domain.DicArea;
import com.fzzy.igds.domain.InoutRecord;
import com.fzzy.igds.domain.*;
import com.fzzy.igds.service.*;
import com.fzzy.igds.utils.ContextUtil;
import com.fzzy.igds.utils.DateUtil;
import com.fzzy.igds.utils.NumberUtil;
import com.ruoyi.common.utils.StringUtils;
import lombok.extern.slf4j.Slf4j;
import org.apache.commons.lang3.time.DateFormatUtils;
import org.springframework.stereotype.Component;

import javax.annotation.Resource;
@@ -30,6 +29,8 @@
public class GroupManager {

    @Resource
    private CommonManager commonManager;
    @Resource
    private DicAreaService dicAreaService;
    @Resource
    private CoreDeptService deptService;
@@ -39,6 +40,10 @@
    private CoreCompanyService coreCompanyService;
    @Resource
    private InoutRecordService inoutRecordService;
    @Resource
    private EventInfoService eventInfoService;
    @Resource
    private SnapRecordService snapRecordService;

    /**
     * 获取省及下属市州集合
@@ -202,6 +207,7 @@
            List<Depot> depotList;
            for (Dept dept : deptList) {
                deptData = new GroupDeptData();
                deptData.setDeptId(dept.getId());
                deptData.setDeptName(dept.getKqmc());
                deptData.setCode(dept.getXzqhdm());
                deptData.setCounty(dept.getXzqhmc());
@@ -243,6 +249,23 @@
                        }
                    }
                }

                //统计AI事件数量
                IgdsBaseParam igdsParam = new IgdsBaseParam();
                igdsParam.setDeptId(dept.getId());
                igdsParam.setCompanyId(param.getCompanyId());
                igdsParam.setStart(DateUtil.getNewByDay(new Date(), -6));
                igdsParam.setEnd(DateUtil.getNextZero(new Date()));
                List<EventInfo> enevtList = eventInfoService.getListByParam(igdsParam);
                if (null != enevtList && !enevtList.isEmpty()) {
                    deptData.setWarnNum7(enevtList.size());
                    for (EventInfo eventInfo : enevtList) {
                        if(DateFormatUtils.format(new Date(), "yyyyMMdd").equals(DateFormatUtils.format(eventInfo.getTime(), "yyyyMMdd"))){
                            deptData.setDailyTotal(deptData.getDailyTotal() + 1);
                        }
                    }
                }

                list.add(deptData);
            }
        }
@@ -317,4 +340,25 @@

        return groupGisData;
    }

    /**
     * 大屏首页-抓拍跟踪信息
     * @param param
     * @return
     */
    public PageResponse<List<SnapRecord>> indexSnapList(IgdsBaseParam param) {

        param.setStart(DateUtil.getNewByDay(new Date(), -10));
        param.setEnd(new Date());
        List<SnapRecord> listSnap = snapRecordService.getListByParam(param);

        if (null != listSnap && !listSnap.isEmpty()) {
            //判断文件是否存在
            for (SnapRecord record : listSnap) {
                record.setImgName(commonManager.isImgExit( record.getImgName(), null));
            }
        }

        return new PageResponse<>(RespCodeEnum.CODE_0000, listSnap);
    }
}

 fzzy-igdss-web/src/main/resources/static/group/index.js

@@ -1,7 +1,8 @@
var nowClientWidth = document.documentElement.clientWidth; // 当前视口宽度
var hisVarietyChart = null;   // 品种柱状图
var deptList = null;   // 所有库区列表信息
var deptCode = null;          // 当前闪烁地区的编码
var snapList = null;          // 当前闪烁地区的编码
var deptListMap = {};
var timer;     // 库区定时
var deptNum = 0;  //库区切换下标
var mapChart = null;
@@ -30,6 +31,12 @@
    // 时间
    initTime();

    if (deptAllList) {
        for (var i = 0; i < deptAllList.length; i++) {
            deptListMap[deptAllList[i].id] = deptAllList[i].kqmc;
        }
    }

    //初始化标语
    initDicSlogan();

@@ -42,20 +49,11 @@
    //请求监管库区信息
    ajaxDeptList();

    //请求抓拍跟踪信息
    ajaxSnapList();

    clearInterval(timer);
    timing();

    //TODO 请求AI事件信息
    // ajaxMsg();

    //TODO 请求抓拍跟踪信息
    // ajaxFoodNum();



    //抓拍跟踪滚动
    jQuery(".block2").slide({ mainCell: ".bd ul", autoPage: true, effect: "topLoop", autoPlay: true, vis: 4 });
    jQuery(".follow").slide({ mainCell: ".bd ul", autoPlay: true, effect: "leftMarquee", vis: 5, interTime: 50 });
}

// socket信息返回處理
@@ -65,6 +63,62 @@
        dicSlogan = data;
        initDicSlogan();
    }
}

/**
 * 请求获取库区相关信息
 */
function ajaxSnapList() {
    snapList = null;
    $.ajax({
        type: "POST",
        url: "/group/index-snap-list",
        dataType: "json",
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify({
            "companyId": companyId
        }),
        success: function (result) {
            if (result.code == "0000") {
                snapList = result.data;
                renderSnap();
            }
        },
        error: function (error) {

        }
    });
}

function renderSnap() {
    var html = '';
    if (snapList != null && snapList.length > 0) {
        $.each(snapList, function (index, item) {
            html += '<li style="float: left; width: 246px;">';
            html += '<div class="item">';
            html += '<div class="pic">';
            html += '<img src="'+item.imgName+'" alt="">';
            html += '</div><div class="tit">'+item.snapTime+'</div>';
            html += '<div class="tit" style="white-space: nowrap;">'+deptListMap[item.deptId]+'</div>';
            html += '</div></li>';
        })
    }else {
        $.each(deptAllList, function (index, item) {
            html += '<li style="float: left; width: 246px;">';
            html += '<div class="item">';
            html += '<div class="pic">';
            html += '<img src="/img/img-fail.jpg" alt="">';
            html += '</div><div class="tit">近期暂无抓拍图</div>';
            html += '<div class="tit" style="white-space: nowrap;">'+item.kqmc+'</div>';
            html += '</div></li>';
        })
    }
    $("#snapList").html(html);

    //抓拍跟踪滚动
    jQuery(".block2").slide({ mainCell: ".bd ul", autoPage: true, effect: "topLoop", autoPlay: true, vis: 4 });
    jQuery(".follow").slide({ mainCell: ".bd ul", autoPlay: true, effect: "leftMarquee", vis: 5, interTime: 40 });

}

/**
@@ -289,37 +343,16 @@
}

/**
 * 请求获取动态信息
 * 更新AI动态分析
 * @param data
 */
function ajaxMsg() {
    $.ajax({
        type: "POST",
        url: "../../visual/index-info",
        dataType: "json",
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify({
            "companyId": companyId
        }),
        success: function (result) {
            if (result.code == "0000") {
                renderMsg(result.data);
            }
        },
        error: function (error) {

        }
    });
}

// 更新动态信息
function renderMsg(data) {
function renderMsg() {
    var html = '';
    var flag = false;
    var num1 = '';
    var num7 = '';
    if (data != null && data.length > 0) {
        $.each(data, function (index, item) {
            var deptAreaId = item.deptAreaId;
    var flag = false;
    if (deptList != null && deptList.length > 0) {
        $.each(deptList, function (index, item) {
            if(item.dailyTotal === 0){
                num1 = '当日一切正常';
            }else{
@@ -331,59 +364,28 @@
                num7 = '近七天数量'+ item.warnNum7 + '个';
            }
            html += '<div class="panel-content-body-tr">';
            if (item.level && item.level === "01") {
            if (item.warnNum7 > 10) {
                flag = true;
                // html += '<img src="../../static/images/visual/l1.png"  style="width:10%; height:85%;" alt="">';
                html += '<span class="body-item sp" style="color: #bc2032;" onclick=\"toAiHome('+'\''+ deptAreaId+'\'' + ')\" >' + item.deptAreaName + '</span>';
                html += '<span class="body-item sp" style="color: #bc2032;flex: 1.5;">' + item.deptName + '</span>';
                html += '<span class="body-item sp" style="color: #bc2032;">' + num1 + '</span>';
                html += '<span class="body-item sp" style="color: #bc2032;">' + num7 + '</span>';
                // html += '<span class="body-item" style="color: #bc2032; flex: 0.3;">' + item.createTime + '</span>';
            } else if (item.level && item.level === "02") {
            } else if (item.warnNum7 > 1 && item.warnNum7 < 10) {
                flag = true;
                // html += '<img src="../../static/images/visual/l2.png" style="width:10%; height:85%;" alt="">';
                html += '<span class="body-item sp" style="color: #f37b3d;" onclick=\"toAiHome('+'\''+ deptAreaId+'\'' + ')\"  >' + item.deptAreaName + '</span>';
                html += '<span class="body-item sp" style="color: #f37b3d;flex: 1.5;">' + item.deptName + '</span>';
                html += '<span class="body-item sp" style="color: #f37b3d;">' + num1+ '</span>';
                html += '<span class="body-item sp" style="color: #f37b3d;">' + num7 + '</span>';
                // html += '<span class="body-item" style="color: #f37b3d; flex: 0.3;">' + item.createTime + '</span>';
            } else if (item.level && item.level === "03"){
                flag = true;
                // html += '<img src="../../static/images/visual/l3.png" style="width:10%; height:85%;" alt="">';
                html += '<span class="body-item sp"  onclick=\"toAiHome('+'\''+ deptAreaId+'\'' + ')\" >' + item.deptAreaName + '</span>';
                html += '<span class="body-item sp">' + num1 + '</span>';
                html += '<span class="body-item sp">' + num7 + '</span>';
                // html += '<span class="body-item" style="flex: 0.3;">' + item.createTime + '</span>';
            }else {
                flag = true;
                // html += '<img src="../../static/images/visual/l3.png" style="width:10%; height:85%;" alt="">';
                html += '<span class="body-item sp"  onclick=\"toAiHome('+'\''+ deptAreaId+'\'' + ')\" >' + item.deptAreaName + '</span>';
                html += '<span class="body-item sp" style="flex: 1.5;">' + item.deptName + '</span>';
                html += '<span class="body-item sp">' + num1 + '</span>';
                html += '<span class="body-item sp">' + num7 + '</span>';
                // html += '<span class="body-item" style="flex: 0.3;">' + item.createTime + '</span>';
            }
            html += '</div>';
        })
    } else {
        if (deptAreaList != null && deptAreaList.length > 0) {
            $.each(deptAreaList, function (index, item) {
                html += '<div class="panel-content-body-tr">';
                html += '<span class="body-item sp">' + item.name + '</span>';
                html += '<span class="body-item sp">' + '当日分析一切正常' + '</span>';
                html += '<span class="body-item" style="flex: 0.3;">' + formatDate('mm/dd', new Date()) + '</span>';
                html += '</div>';
            });
        }
    }
    $("#panel-title").html('监管动态信息  <i class="dot"></i>');
    if(flag){
        $("#panel-title").html('库区AI事件信息  <i class="dot"></i>');
    }
    $("#inventoryInfo").html(html);
}

/**
 * 跳转至后台预警页面
 * @param deptAreaId
 */
function toAiHome(deptAreaId) {
    var url = "../home?t=WarnInfo&deptAreaId="+deptAreaId;
    window.parent.open(url, "_self");
}

/**
@@ -403,6 +405,7 @@
            if (result.code == "0000") {
                deptList = result.data;
                renderDeptInfo();
                renderMsg();
            }
        },
        error: function (error) {
@@ -451,87 +454,6 @@
    return points;
}

/* ---------- 获取要切换库区的数据信息 ---------- */
function getChangeDeptArea(id) {
    deptAreaList = [];
    index1 = 0;
    clearInterval(timer1);

    if (id) {
        if (id === "511400") {
            deptAreaList = deptAreaAllList;
        } else {
            if (deptAreaAllList != null && deptAreaAllList.length > 0) {
                $.each(deptAreaAllList, function (index, item) {
                    if (id.length > 6 && id == item.deptCompany) {
                        deptAreaList.push(item);
                    }
                    if (id.length == 6 && id == item.deptCounty) {
                        deptAreaList.push(item);
                    }
                })
            }
        }
    } else {
        deptAreaList = deptAreaAllList;
    }

    deptAreaSwitch();
}

/* ---------- 库区定时切换 ---------- */
function deptAreaSwitch() {
    timer1 = setInterval(function () {
        if (index1 == deptAreaList.length) {
            index1 = 0;
        }

        renderDeptArea();

        index1 += 1;

    }, 3000);
}

// 更新库区信息
function renderDeptArea() {

    if (deptAreaList == null || deptAreaList.length <= 0) {
        return;
    }

    $("#cityAndCounty").html(deptAreaList[index1].deptCityName + "-" + deptAreaList[index1].deptCountyName);
    $("#deptAreaName").html(deptAreaList[index1].name);
    $("#depotNum").html(deptAreaList[index1].depotNum == null ? "0" : deptAreaList[index1].depotNum);
    $("#depotOilNum").html(deptAreaList[index1].depotOilNum == null ? "0" : deptAreaList[index1].depotOilNum);

    if (deptAreaList[index1].storageStr.length > 9
        || deptAreaList[index1].oilStorageStr.length > 9
        || deptAreaList[index1].areaStr.length > 9) {
        $("#foodNum").css("font-size", "28px");
        $("#oilNum").css("font-size", "28px");
        $("#area").css("font-size", "28px");
    } else if(deptAreaList[index1].storageStr.length > 5
        || deptAreaList[index1].oilStorageStr.length > 5
        || deptAreaList[index1].areaStr.length > 5){
        $("#foodNum").css("font-size", "30px");
        $("#oilNum").css("font-size", "30px");
        $("#area").css("font-size", "30px");
    } else {
        $("#foodNum").css("font-size", "46px");
        $("#oilNum").css("font-size", "46px");
        $("#area").css("font-size", "46px");
    }
    $("#foodNum").html(deptAreaList[index1].storageStr);
    $("#oilNum").html(deptAreaList[index1].oilStorageStr);
    $("#area").html(deptAreaList[index1].areaStr);

    if (deptCode) {
        $("#" + deptCode).removeClass("kuqu-h");
    }
    deptCode = deptAreaList[index1].deptCounty;
    $("#" + deptCode).addClass("kuqu-h");
}

/**
 * 请求获取统计数量信息

 fzzy-igdss-web/src/main/resources/templates/group/index.html

@@ -35,7 +35,7 @@
            padding: 10px;
            overflow: hidden;
            position: relative;
            padding-left: 60px;
            /*padding-left: 60px;*/
        }

        .item_cont .bd .year {
@@ -78,7 +78,7 @@
            content: "";
            width: 99.2%;
            position: absolute;
            bottom: 45px;
            bottom: 65px;
            left: 5px;
            z-index: 1;
            border-bottom: 1px dashed #3288FF;
@@ -90,12 +90,11 @@

        .item_cont .bd ul li::after {
            content: "";

            width: 29px;
            height: 53px;
            position: absolute;
            bottom: 20px;
            left: 50%;
            bottom: 40px;
            left: 45%;
            z-index: 0;
            background: url(/img/web/group/icon_dot4.png) no-repeat bottom 0 center;
        }
@@ -156,77 +155,77 @@
            </div><!-- i-m1 end -->

            <div class="left-m2">
                <div class="panel-title" id="panel-title">AI事件动态</div>
                <div class="panel-title" id="panel-title">库区AI事件信息</div>

                <div class="panel-content">
                    <div class="panel-content-head">
                        <span class="head-item">所属库点</span>
                        <span class="head-item" style="flex: 1.5;">所属库点</span>
                        <span class="head-item">当日分析</span>
                        <span class="head-item" style="flex: 0.4;">日期</span>
                        <span class="head-item">日期</span>
                    </div>

                    <div class="panel-content-body" id="inventoryInfoBox">
                        <div id="inventoryInfo">
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">伊宁县康达农业发展有限公司</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">伊宁县恒达农业发展有限公司</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">伊宁县艾西热普烘干厂</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">尼勒克县木斯乡潘刚烘干厂</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">新疆伊宁保健饲料有限公司库区</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">伊宁县凯源玉米种植农民专业合作社</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">伊宁县玉源农副产品购销专业合作社</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">新疆牟氏谷金农业科技有限责任公司库区</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">新疆广泰隆农业发展有限公司</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">伊宁县广粮商贸有限公司库区</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">昭苏75团</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item sp">昭苏77团</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县康达农业发展有限公司</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县恒达农业发展有限公司</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县艾西热普烘干厂</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">尼勒克县木斯乡潘刚烘干厂</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">新疆伊宁保健饲料有限公司库区</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县凯源玉米种植农民专业合作社</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县玉源农副产品购销专业合作社</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">新疆牟氏谷金农业科技有限责任公司库区</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">新疆广泰隆农业发展有限公司</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县广粮商贸有限公司库区</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">昭苏75团</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">昭苏77团</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
                        </div>
                    </div>
                </div>
@@ -320,105 +319,118 @@
                <div class="item4 bgt follow">
                    <div class="item_cont">
                        <div class="bd">
                            <div class="year">2025年</div>
<!--                            <div class="year">2025年</div>-->
                            <div class="tempWrap" style="overflow:hidden; position:relative; width:100%">
                                <ul style="width: 2280px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -980px;">
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic3.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic4.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic3.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic4.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                    <li class="clone" style="float: left; width: 246px;">
                                        <div class="item">
                                            <div class="pic">
                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">
                                            </div>
                                            <div class="tit">11-15 15:00:20</div>
                                        </div>
                                    </li>
                                <ul id="snapList" style="width: 2280px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -980px;">
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic3.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic4.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic3.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic4.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->

                                </ul>
                            </div>
                        </div>
@@ -451,7 +463,7 @@

    var deptId = [[${deptId}]];
    var dicSlogan = [[${dicSlogan}]];
    var deptList = [[${deptList}]];
    var deptAllList = [[${deptAllList}]];
    var bizType = [[${bizType}]];
    var bizTag = [[${bizTag}]];
</script>