增加通风作业页面

czt

2025-05-26 71df484843f8df041db16e263851775a7c8e00b6

增加通风作业页面

 igds-dzhwk-web/src/main/java/com/fzzy/igds/dzhwk/controller/WebController.java

@@ -3,8 +3,11 @@
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import java.util.List;

/**
 * @Description
@@ -123,6 +126,15 @@
        return prefix + "verb";
    }

    /**
     * ä»“储保管作业-通风控制
     * @param view
     * @return
     */
    @RequestMapping("/verb-control")
    public String verbControl(ModelMap view) {
        return prefix + "verb-control";
    }

    /**
     * ä»“储保管作业-温控作业

 igds-dzhwk-web/src/main/resources/static/dzhwk/drag/drag-drop.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1 @@
Dragdrop=function(window){var doc=window.document;var E={on:function(el,type,fn){el.addEventListener?el.addEventListener(type,fn,false):el.attachEvent?el.attachEvent("on"+type,fn):el['on'+type]=fn},un:function(el,type,fn){el.removeEventListener?el.removeEventListener(type,fn,false):el.detachEvent?el.detachEvent("on"+type,fn):el['on'+type]=null},evt:function(e){return e||window.event}};return function(opt){var conf=null,defaultConf,diffX,diffY;function Config(opt){this.target=opt.target;this.bridge=opt.bridge;this.dragable=opt.dragable!=false;this.dragX=opt.dragX!=false;this.dragY=opt.dragY!=false;this.area=opt.area;this.callback=opt.callback};function Dragdrop(opt){if(!opt){return}conf=new Config(opt);defaultConf=new Config(opt);conf.bridge?E.on(conf.bridge,'mousedown',mousedown):E.on(conf.target,'mousedown',mousedown)};Dragdrop.prototype={dragX:function(){conf.dragX=true;conf.dragY=false},dragY:function(b){conf.dragY=true;conf.dragX=false},dragAll:function(){conf.dragX=true;conf.dragY=true},setArea:function(a){conf.area=a},setBridge:function(b){conf.bridge=b},setDragable:function(b){conf.dragable=b},reStore:function(){conf=new Config(defaultConf);conf.target.style.top='0px';conf.target.style.left='0px'},getDragX:function(){return conf.dragX},getDragY:function(){return conf.dragY}};function mousedown(e){e=E.evt(e);var el=conf.target;el.style.position='absolute';el.style.cursor='move';if(el.setCapture){E.on(el,"losecapture",mouseup);el.setCapture();e.cancelBubble=true}else if(window.captureEvents){e.stopPropagation();E.on(window,"blur",mouseup);e.preventDefault()}diffX=e.clientX-el.offsetLeft;diffY=e.clientY-el.offsetTop;E.on(doc,'mousemove',mousemove);E.on(doc,'mouseup',mouseup)};function mousemove(e){var el=conf.target,e=E.evt(e),moveX=e.clientX-diffX,moveY=e.clientY-diffY;var minX,maxX,minY,maxY;if(conf.area){minX=conf.area[0];maxX=conf.area[1];minY=conf.area[2];maxY=conf.area[3];moveX<minX&&(moveX=minX);moveX>maxX&&(moveX=maxX);moveY<minY&&(moveY=minY);moveY>maxY&&(moveY=maxY)}if(conf.dragable){conf.dragX&&(el.style.left=moveX+'px');conf.dragY&&(el.style.top=moveY+'px');if(conf.callback){var obj={moveX:moveX,moveY:moveY};conf.callback.call(conf,obj)}}};function mouseup(e){var el=conf.target;el.style.cursor='default';E.un(doc,'mousemove',mousemove);E.un(doc,'mouseup',mouseup);if(el.releaseCapture){E.un(el,"losecapture",mouseup);el.releaseCapture()}if(window.releaseEvents){E.un(window,"blur",mouseup)}};return new Dragdrop(opt)}}(this);

 igds-dzhwk-web/src/main/resources/static/dzhwk/verb/verb-DeviceHand-pfc.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,396 @@
var viewAB = "01";// é»˜è®¤æ­£é¢

/**
 * æ ¹æ®è®¾å¤‡åˆ—表渲染设备示意图，要求被渲染的divID = device_view
 *
 * @param listDevice
 */
renderDevice = function (listDevice) {
    // é¦–先清空div中的内容
    $("#device_view").empty();
    // æ ¹æ®è®¾å¤‡åˆ—表添加原型信息
    addDevice(listDevice, viewAB);
};

// åˆ‡æ¢å›¾ç‰‡a=正面，b=背面
function cutImg(depotId, target) {
    $("#device_view").empty();

    var imgPath = "../../img/dzhwk/depot/pfc_a.png";
    if (target == "02") {
        imgPath = "../../img/dzhwk/depot/pfc_b.png";
    }

    $("#device_view").html('<img style="width: 100%;" src="'+imgPath+'"/>');
    viewAB = target;
};
// åŠ¨æ€æ·»åŠ è®¾å¤‡ä¿¡æ¯
function addDevice(list) {
    if (!list || list.length == 0) return;
    var mainImg = $("#device_view");
    var parentLeft = mainImg.offset().left, parentTop = mainImg.offset().top;

    var temp;
    var left = 0, top = 0;
    var imgResult;
    $.each(list, function (index, item) {
        // èŽ·å–PC的位置
        left = parentLeft + item.posX - 20;
        top = parentTop + item.posY - 10;
        // left = item.posX - 15;
        // top = item.posY - parentTop + 10;
        // console.log(item.name+"---"+left +"---"+top);

        temp = "";
        if(viewAB == item.location){
            imgResult = getStatusImg(item);
            if (!imgResult.statusImg) {
                return true;// è·³è¿‡
            }
            temp += "<div id='" + item.id + "' class='device' " + "depotid='"
                + item.depotId + "' name='" + item.name + "' type='"
                + item.type + "' passcode='" + item.passCode + "' serid='"
                + item.serId + "' posx='" + item.posX + "' posy='"
                + item.posY
                + "' status='" + item.status
                + "' link='" + item.link
                + "' select='false"
                + "' onclick=showControl('" + item.id + "') style='left:"
                + left + "px;top:" + top + "px;'>";

            if (imgResult.statusImg.indexOf("gif") > 0) {
                temp += "<img class='img_device' src='" + imgResult.statusImg
                    + "' />";
            } else {
                if (item.type == DeviceType.TYPE_04) {
                    temp += "<img class='img_device' src='" + imgResult.statusImg
                        + "' style='height:30px;' />";
                } else {
                    temp += "<img class='img_device' src='" + imgResult.statusImg + "' />";
                }
            }
            //表示有故障
            if(imgResult.errorTag){
                temp +="<i class='err-img'></i>";
            }
            temp +="</div>";

            mainImg.append(temp);
        }
    });
};

// æ ¹æ®è®¾å¤‡ç±»åž‹å’ŒçŠ¶æ€ï¼ŒèŽ·å–当前设备的显示状态图片
function getStatusImg(item) {
    var result = {
        statusImg: null,
        errorTag: false
    }
    if (DeviceType.TYPE_01 == item.type) {
        if (!item.status || DeviceStatus.ERROR == item.status || DeviceStatus.ZERO == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_01_CLOSE.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.CLOSE == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_01_CLOSE.png";
            return result;
        }
        if (DeviceStatus.OPEN == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_01_OPEN.png";
            return result;
        }
    }
    if (DeviceType.TYPE_02 == item.type) {
        if (!item.status || DeviceStatus.ERROR == item.status || DeviceStatus.ZERO == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_02_W_CLOSE.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.W_CLOSE == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_02_W_CLOSE.png";
            return result;
        }
        if (DeviceStatus.W_OPEN == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_02_W_OPEN.png";
            return result;
        }
        if (DeviceStatus.F_CLOSE == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_02_W_OPEN.png";
            return result;
        }
        if (DeviceStatus.F_OPEN == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_02_F_OPEN.gif";
            return result;
        }
        if (DeviceStatus.F_OPEN_F == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_02_F_OPEN_F.gif";
            return result;
        }
    }
    if (DeviceType.TYPE_04 == item.type) {
        if (!item.status || DeviceStatus.ERROR == item.status || DeviceStatus.ZERO == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_04_CLOSE.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.CLOSE == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_04_CLOSE.png";
            return result;
        }
        if (DeviceStatus.F_CLOSE == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_04_CLOSE.png";
            return result;
        }
        if (DeviceStatus.OPEN == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_04_OPEN.gif";
            return result;
        }
        if (DeviceStatus.F_OPEN == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_04_OPEN.gif";
            return result;
        }
    }
    
    if (DeviceType.TYPE_07 == item.type) {// ç”µåŠ¨è¶é˜€
        if (!item.status){
            result.statusImg = "/img/dzhwk/device/icon-off.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.ERROR == item.status || DeviceStatus.ZERO == item.status){
            result.statusImg = "/img/dzhwk/device/icon-off.png";
            return result;
        }
        if (DeviceStatus.CLOSE == item.status){
            result.statusImg = "/img/dzhwk/device/icon-off.png";
            return result;
        }
        if (DeviceStatus.OPEN == item.status){
            result.statusImg = "/img/dzhwk/device/icon-on.png";
            return result;
        }
    }
    if (DeviceType.TYPE_0B == item.type) {
        if (!item.status || DeviceStatus.ERROR == item.status || DeviceStatus.ZERO == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0B_CLOSE.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.CLOSE == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0B_CLOSE.png";
            return result;
        }
        if (DeviceStatus.OPEN == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0B_OPEN.png";
            return result;
        }
    }
    if (DeviceType.TYPE_0C == item.type) {
        if (!item.status || DeviceStatus.ERROR == item.status || DeviceStatus.ZERO == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0C_W_CLOSE.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.W_CLOSE == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0C_W_CLOSE.png";
            return result;
        }
        if (DeviceStatus.W_OPEN == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0C_W_OPEN.png";
            return result;
        }
        if (DeviceStatus.F_CLOSE == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0C_W_OPEN.png";
            return result;
        }
        if (DeviceStatus.F_OPEN == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0C_F_OPEN.gif";
            return result;
        }
        if (DeviceStatus.F_OPEN_F == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0C_F_OPEN_F.gif";
            return result;
        }
    }
    
    if (DeviceType.TYPE_0D == item.type) {
        if (!item.status || DeviceStatus.ERROR == item.status || DeviceStatus.ZERO == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0D_CLOSE.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.CLOSE == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0D_CLOSE.png";
            return result;
        }
        if (DeviceStatus.OPEN == item.status) {
            result.statusImg = "/img/dzhwk/device/STATUS_0D_OPEN.gif";
            return result;
        }
    }
    return result;
};

// æ ¹æ®CSS标签控制那些组件支持拖拽.device
function dragDevice() {
    var tips = $(".device");
    if (tips.length == 0) {
        return;
    }
    var container = $("#device_view");
    var parentLeft = container.offset().left, parentTop = container.offset().top;
    // var height = container.outerHeight();
    // console.log("parentLeft=" + parentLeft);
    // console.log("parentTop=" + parentTop);
    var maxX = 1800, maxY = 1000;
    $.each(tips, function (index, item) {
        var dd = new Dragdrop({
            target: item,
            area: [0, maxX, 0, maxY],
            callback: function (obj) {
                console.log('x:' + (obj.moveX) + ' y:' + (obj.moveY));
            }
        });
        dd.dragAll();
    });
};

// ä¿å­˜è®¾å¤‡ä½ç½®ä¿¡æ¯
function updatePos() {
    var tips = $(".device");
    if (tips.length == 0) {
        return;
    }
    var container = $("#device_view");
    var parentLeft = container.offset().left, parentTop = container.offset().top;
    // å°è£…数据进行保存
    var data = new Array();
    var id = null, curDepotId = null;
    var offset;

    $.each(tips, function (index, item) {
        id = item.id;
        posX = item.getAttribute("posx");
        posY = item.getAttribute("posy");
        curDepotId = item.getAttribute("depotid");
        offset = $('#' + id).offset();
        // console.log(item);
        // console.log("left=" + (offset.left - parentLeft) + "-----top="
        // + (offset.top - parentTop));
        data[index] = {
            bizId: id,
            depotId: curDepotId,
            selfTag: viewAB,
            posX: offset.left - parentLeft,
            posY: offset.top - parentTop
        };
    });
    $.ajax({
        type: 'POST',
        url: "../../basic/control/update-verb-pos",
        dataType: 'JSON',
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            layer.msg(result.msg);
        },
        error: function (result) {
            layer.msg(result.msg);
        }
    });
}

/**
 * æ ¹æ®è®¾å¤‡ç±»åž‹å’Œç›®æ ‡çŠ¶æ€ï¼Œè°ƒæ•´åŠ¨ç”»æ•ˆæžœ
 *
 * @param deviceType
 *            è®¾å¤‡ç±»åž‹
 * @param targetStatus
 *            ç›®æ ‡çŠ¶æ€
 * @param isEnd
 *            æ˜¯å¦æ‰§è¡Œå®Œæˆ
 */
function updateAnimate(deviceType, targetStatus, isEnd) {
    // console.log("deviceType===" + deviceType);
    // console.log("targetStatus===" + targetStatus);
    // èŽ·å–动效的操作
    var img = "/img/dzhwk/device/STATUS_01_CLOSE.png";
    if (deviceType == DeviceType.TYPE_01) {
        if (targetStatus == DeviceStatus.CLOSE) {
            img = "/img/dzhwk/device/ANIMATE_01_CLOSE.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_01_CLOSE.png";
        }
        if (targetStatus == DeviceStatus.OPEN) {
            img = "/img/dzhwk/device/ANIMATE_01_OPEN.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_01_OPEN.png";
        }
    }

    if (deviceType == DeviceType.TYPE_02) {
        if (targetStatus == DeviceStatus.W_CLOSE) {
            img = "/img/dzhwk/device/ANIMATE_02_W_CLOSE.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_02_CLOSE.png";
        }
        if (targetStatus == DeviceStatus.W_OPEN) {
            img = "/img/dzhwk/device/ANIMATE_02_W_OPEN.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_02_W_OPEN.png";
        }
        if (targetStatus == DeviceStatus.F_OPEN) {
            img = "/img/dzhwk/device/ANIMATE_02_F_OPEN.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_02_F_OPEN.gif";
        }
        if (targetStatus == DeviceStatus.F_CLOSE) {
            img = "/img/dzhwk/device/ANIMATE_02_F_CLOSE.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_02_W_OPEN.png";
        }
    }

    if (deviceType == DeviceType.TYPE_0B) {
        if (targetStatus == DeviceStatus.CLOSE) {
            img = "/img/dzhwk/device/ANIMATE_0B_CLOSE.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_0B_CLOSE.png";
        }
        if (targetStatus == DeviceStatus.OPEN) {
            img = "/img/dzhwk/device/ANIMATE_0B_OPEN.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_0B_OPEN.png";
        }
    }

    if (deviceType == DeviceType.TYPE_0C) {
        if (targetStatus == DeviceStatus.W_CLOSE) {
            img = "/img/dzhwk/device/ANIMATE_0C_W_CLOSE.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_0C_W_CLOSE.png";
        }
        if (targetStatus == DeviceStatus.W_OPEN) {
            img = "/img/dzhwk/device/ANIMATE_0C_W_OPEN.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_0C_W_OPEN.png";
        }
        if (targetStatus == DeviceStatus.F_OPEN) {
            img = "/img/dzhwk/device/ANIMATE_0C_F_OPEN.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_0C_F_OPEN.gif";
        }
        if (targetStatus == DeviceStatus.F_OPEN_F) {
            img = "/img/dzhwk/device/ANIMATE_0C_F_OPEN_F.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_0C_F_OPEN.gif";
        }
        if (targetStatus == DeviceStatus.F_CLOSE) {
            img = "/img/dzhwk/device/ANIMATE_0C_F_CLOSE.gif";
            if (isEnd)
                img = "/img/dzhwk/device/STATUS_0C_W_OPEN.png";
        }
    }
    $("#img_animate").attr('src', img);
}

 igds-dzhwk-web/src/main/resources/static/dzhwk/verb/verb-control-pfc.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,464 @@
var layer;
var form;
var deviceList;// å½“前仓库的所有设备列表
var depotId;
var deviceType = DeviceType.TYPE_01;// è¢«é€‰ä¸­çš„设备类型，默认是通风窗
var viewTargetStatus;// ç›®æ ‡çŠ¶æ€ï¼Œæ ¹æ®è®¾å¤‡ç±»åž‹å’Œå½“前值调用动效
var domSelectDevice;// è¢«é€‰ä¸­çš„设备dom对象

$(function () {
    layui.use(['layer', 'form'], function () {
        form = layui.form;
        layer = layui.layer;
        form.render();

        // ç›‘听仓库选择
        form.on('select(select_depotId)', function (obj) {
            return query(true, true, true);
        });

        //初始化刷新数据
        initData();
    });

    // æ·»åŠ åˆ‡æ¢åŠ¨ä½œ
    $(".js-tf-btn").click(
        function () {
            $(this).addClass("active").siblings(".js-tf-btn").removeClass(
                "active");
        });

    $(".js-xg115-arrow").click(function () {
        $(this).siblings(".xg115-btnhide").toggle();
        $(this).toggleClass("active");
    });
});

function initData() {
    if (depotId) {
        $("#depotId").val(depotId);
        query(true, true, true);
        form.render();
    }
}

/**
 * æ£€æµ‹ä»“库类型是否发生改变，如果发生改变，重新切换页面
 */
function onDepotChange(obj) {
    var depotType = obj.elem[obj.elem.selectedIndex].getAttribute('type');
    if (depotType == DEPOT_TYPE) {
        query(true, true, true);
    } else {
        changeView(depotType);
    }
}

function changeView(depotType) {
    depotId = $("#depotId").val();
    window.location.href = "./gateway?depotId=" + depotId + "&depotType=" + depotType;
    return true;
}

/** è§†é¢‘查看直接跳转到视频概览页面**/
function showVideo() {
    window.parent.openTab("./basic/security/aerial-video?t=1", "视频鸟瞰", "aerial-video");
};

function closeAll() {
    layer.msg("终端不支持当前功能……");
};

// çŠ¶æ€æŸ¥è¯¢
function queryStatus() {
    depotId = $("#depotId").val();
    if (!depotId) {
        layer.msg("请先选择仓库！");
        return;
    }
    //把当前页面的设备传递到后台
    var data = {
        deptId: deptId,
        depotId: depotId,
        deviceList: []
    };
    var tips = $(".device");
    $.each(tips, function (index, item) {
        data.deviceList.push({
            id: item.id,
            depotId: item.getAttribute("depotid"),
            passCode: item.getAttribute("passcode"),
            name: item.getAttribute("name"),
            serId: item.getAttribute("serid"),
            link: item.getAttribute("link"),
            type: item.getAttribute("type"),
            companyId: companyId
        });
    });
    $.ajax({
        type: "POST",
        url: "../../basic/verb/query-status",
        dataType: "json",
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            if ("ORDER_SUCCESS" != result.code) {
                layer.msg(result.msg);
            }
        },
        error: function (result) {
            layer.msg("获取数据失败，请重新尝试！");
        }
    });
};

/**
 * @param isNew æ˜¯å¦æ–°åº“跟新仓库信息并执行状态刷新
 * @param isCut æ˜¯å¦åˆ‡æ¢é¡µé¢
 * @param isQueryStatus æ˜¯å¦æ›´æ–°çŠ¶æ€
 */
function query(isNew, isCut, isQueryStatus) {
    depotId = $("#depotId").val();
    if (!depotId) {
        layer.msg("请先选择仓库！");
        return;
    }
    if (isNew) {
        updateGrainInfo();
    }

    deviceList = [{"companyId":"5303","depotId":"P0101","id":"53030P190220_1001","link":"3001","location":"01","locationName":"02-背面","name":"轴流窗#1","passCode":1001,"posX":797,"posY":217,"serId":"20","status":"F_OPEN","statusName":"风机正转","type":"02","typeName":"02-轴流风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1002","link":"3002","location":"01","locationName":"02-背面","name":"轴流窗#2","passCode":1002,"posX":557,"posY":216,"serId":"20","status":"W_OPEN","statusName":"风口开","type":"02","typeName":"02-轴流风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1003","location":"01","locationName":"01-正面","name":"通风窗#3","passCode":1003,"posX":932,"posY":220,"serId":"20","status":"CLOSE","statusName":"关闭","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1004","location":"01","locationName":"01-正面","name":"通风窗#4","passCode":1004,"posX":999,"posY":221,"serId":"20","status":"CLOSE","statusName":"关闭","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1005","location":"01","locationName":"01-正面","name":"通风窗#5","passCode":1005,"posX":722,"posY":217,"serId":"20","status":"OPEN","statusName":"打开","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1006","location":"01","locationName":"01-正面","name":"通风窗#6","passCode":1006,"posX":638,"posY":218,"serId":"20","status":"OPEN","statusName":"打开","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1007","location":"01","locationName":"01-正面","name":"通风窗#7","passCode":1007,"posX":380,"posY":214,"serId":"20","status":"OPEN","statusName":"打开","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1008","location":"01","locationName":"01-正面","name":"通风窗#8","passCode":1008,"posX":284,"posY":212,"serId":"20","status":"OPEN","statusName":"打开","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1011","link":"3001","location":"02","locationName":"02-背面","name":"轴流窗#1","passCode":1011,"posX":927,"posY":219,"serId":"20","status":"F_OPEN","statusName":"风机正转","type":"02","typeName":"02-轴流风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1012","link":"3002","location":"02","locationName":"02-背面","name":"轴流窗#2","passCode":1012,"posX":386,"posY":213,"serId":"20","status":"W_OPEN","statusName":"风口开","type":"02","typeName":"02-轴流风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1013","location":"02","locationName":"01-正面","name":"通风窗#3","passCode":1013,"posX":804,"posY":218,"serId":"20","status":"CLOSE","statusName":"关闭","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1014","location":"02","locationName":"01-正面","name":"通风窗#4","passCode":1014,"posX":999,"posY":218,"serId":"20","status":"CLOSE","statusName":"关闭","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1015","location":"02","locationName":"01-正面","name":"通风窗#5","passCode":1015,"posX":722,"posY":219,"serId":"20","status":"OPEN","statusName":"打开","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1016","location":"02","locationName":"01-正面","name":"通风窗#6","passCode":1016,"posX":641,"posY":217,"serId":"20","status":"OPEN","statusName":"打开","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1017","location":"02","locationName":"01-正面","name":"通风窗#7","passCode":1017,"posX":562,"posY":217,"serId":"20","status":"OPEN","statusName":"打开","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_1018","location":"02","locationName":"01-正面","name":"通风窗#8","passCode":1018,"posX":284,"posY":212,"serId":"20","status":"OPEN","statusName":"打开","type":"01","typeName":"01-风窗"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2001","link":"4002","location":"01","locationName":"未配置","name":"通风口#1","passCode":2001,"posX":937,"posY":358,"serId":"20","status":"W_OPEN","statusName":"风口开","type":"0C","typeName":"0C-混流风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2002","link":"4003","location":"01","locationName":"未配置","name":"通风口#2","passCode":2002,"posX":393,"posY":382,"serId":"20","status":"W_OPEN","statusName":"风口开","type":"0C","typeName":"0C-混流风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2003","location":"01","locationName":"未配置","name":"通风口#3","passCode":2003,"posX":998,"posY":356,"serId":"20","status":"CLOSE","statusName":"关闭","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2004","location":"01","locationName":"未配置","name":"通风口#4","passCode":2004,"posX":574,"posY":375,"serId":"20","status":"CLOSE","statusName":"关闭","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2005","location":"01","locationName":"未配置","name":"通风口#5","passCode":2005,"posX":730,"posY":368,"serId":"20","status":"OPEN","statusName":"打开","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2006","location":"01","locationName":"未配置","name":"通风口#6","passCode":2006,"posX":802,"posY":364,"serId":"20","status":"OPEN","statusName":"打开","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2007","location":"01","locationName":"未配置","name":"通风口#7","passCode":2007,"posX":651,"posY":369,"serId":"20","status":"OPEN","statusName":"打开","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2008","location":"01","locationName":"未配置","name":"通风口#8","passCode":2008,"posX":295,"posY":382,"serId":"20","status":"OPEN","statusName":"打开","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2011","link":"4002","location":"02","locationName":"未配置","name":"通风口#1","passCode":2011,"posX":795,"posY":364,"serId":"20","status":"W_OPEN","statusName":"风口开","type":"0C","typeName":"0C-混流风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2012","link":"4003","location":"02","locationName":"未配置","name":"通风口#2","passCode":2012,"posX":560,"posY":374,"serId":"20","status":"W_OPEN","statusName":"风口开","type":"0C","typeName":"0C-混流风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2013","location":"02","locationName":"未配置","name":"通风口#3","passCode":2013,"posX":281,"posY":384,"serId":"20","status":"CLOSE","statusName":"关闭","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2014","location":"02","locationName":"未配置","name":"通风口#4","passCode":2014,"posX":378,"posY":381,"serId":"20","status":"CLOSE","statusName":"关闭","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2015","location":"02","locationName":"未配置","name":"通风口#5","passCode":2015,"posX":637,"posY":369,"serId":"20","status":"OPEN","statusName":"打开","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2016","location":"02","locationName":"未配置","name":"通风口#6","passCode":2016,"posX":720,"posY":365,"serId":"20","status":"OPEN","statusName":"打开","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2017","location":"02","locationName":"未配置","name":"通风口#7","passCode":2017,"posX":924,"posY":355,"serId":"20","status":"OPEN","statusName":"打开","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_2018","location":"02","locationName":"未配置","name":"通风口#8","passCode":2018,"posX":986,"posY":350,"serId":"20","status":"OPEN","statusName":"打开","type":"0B","typeName":"0B-通风口"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_5001","location":"01","locationName":"04-右侧","name":"环流风机#1","passCode":5001,"posX":492,"posY":262,"serId":"20","status":"CLOSE","statusName":"关闭","type":"04","typeName":"04-环流风机"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_5002","location":"01","locationName":"04-右侧","name":"环流风机#2","passCode":5001,"posX":879,"posY":259,"serId":"20","status":"CLOSE","statusName":"关闭","type":"04","typeName":"04-环流风机"}];

    if(isCut){
        toCutExe(viewAB,true);
    }
    // if (isQueryStatus) {
    //     queryStatus();
    // }
    // $.ajax({
    //     type: "POST",
    //     url: "../../basic/verb/list-device-manual",
    //     dataType: "json",
    //     contentType: "application/json;charset=UTF-8",
    //     data: JSON.stringify({
    //         depotId: depotId
    //     }),
    //     success: function (result) {
    //         if (isNew) {
    //             updateGrainInfo();
    //         }
    //
    //         if (result.code != "0000") {
    //             layer.msg(result.msg);
    //             deviceList = null;
    //             if(isCut){
    //                 toCutExe(viewAB,true);
    //             }
    //             return;
    //         }
    //         deviceList = result.data;
    //         if(isCut){
    //             toCutExe(viewAB,true);
    //         }
    //         if (isQueryStatus) {
    //             queryStatus();
    //         }
    //     },
    //     error: function (result) {
    //         layer.msg("获取数据失败，请重新尝试！");
    //     }
    // });
};

// èŽ·å–当前仓库的最新粮情数据信息
function updateGrainInfo() {
    $("#tempIn").text("26.6");
    $("#humidityIn").text("41");
    $("#humidityOut").text("63");
    $("#tempOut").text("32.4");
    $("#updateTime").text("2025-05-16 09:05");
    // $.ajax({
    //     type: "POST",
    //     url: "../../basic/grain/grain-data",
    //     dataType: "json",
    //     contentType: "application/json;charset=UTF-8",
    //     data: JSON.stringify({
    //         depotId: depotId,
    //         deptId: deptId,
    //         depotType: DEPOT_TYPE
    //     }),
    //     success: function (result) {
    //         if (result.code != "0000") {
    //             addRedLog(result.msg)
    //             return;
    //         }
    //         var grainData = result.data;
    //         // æ›´æ–°ä¿¡æ¯
    //         $("#tempIn").text(grainData.tempIn <= -100?"--":(grainData.tempIn).toFixed(1));
    //         $("#humidityIn").text((grainData.humidityIn).toFixed(1));
    //         $("#humidityOut").text((grainData.humidityOut).toFixed(1));
    //         $("#tempOut").text(grainData.tempOut <= -100?"--":(grainData.tempOut).toFixed(1));
    //         $("#updateTime").text(grainData.receiveDate);
    //     },
    //     error: function (result) {
    //         layer.msg("当前仓库的粮情数据信息获取失败！");
    //     }
    // });
};


/**
 * åˆ‡æ¢æ•ˆæžœ
 * @param target æ­£åé¢
 * @param isCutImg æ˜¯å¦æ‰§è¡Œåˆ‡å›¾
 */
function toCutExe(target, isCutImg) {
    // èŽ·å–当前仓库效果图
    viewAB = target;
    if (isCutImg) {
        cutImg(depotId, viewAB);
    }
    // æ ¹æ®è®¾å¤‡åˆ—表添加原型信息
    addDevice(deviceList, viewAB);
};

// æ‰‹åŠ¨æ‰§è¡Œï¼ŒåŒæ—¶æ›´æ–°çŠ¶æ€
function toCut(target) {
    if(target == "03" || target == "04"){
        layer.msg("暂未对接！");
        return;
    }
    toCutExe(target, true);
};

// æ·»åŠ æ“ä½œæ—¥å¿—
function addLog(htmlStr) {
    var info = $("#areationInfo").html();
    $("#areationInfo").html(htmlStr + "</br>" + info);
};

function addRedLog(htmlStr) {
    var info = $("#areationInfo").html();
    $("#areationInfo").html(
        "<span class='font-red'>" + htmlStr + "</span></br>" + info);
};

/**
 * å¼¹å‡ºæ“ä½œæ¡†
 */
function showControl(id) {
    domSelectDevice = $("#" + id);
    var curDepotId = domSelectDevice.attr("depotid");
    // å¦‚果点击的设备不是选择仓库的，不执行
    // if (curDepotId != depotId) {
    //     addRedLog("当前所选设备：" + domSelectDevice.attr("name") + "【非所选仓库】");
    //     return;
    // } else {
    //     addLog("当前所选设备：" + domSelectDevice.attr("name"));
    // }
    addLog("当前所选设备：" + domSelectDevice.attr("name"));
    // æ›´æ–°æ‰€é€‰æ‹©çš„设备类型
    deviceType = domSelectDevice.attr("type");
    if (1 == deviceType)
        deviceType = "01";
    if (2 == deviceType)
        deviceType = "02";
    if (3 == deviceType)
        deviceType = "03";
    if (4 == deviceType)
        deviceType = "04";

    var curStatus = domSelectDevice.attr("status");

    // æ ¹æ®è®¾å¤‡ç±»åž‹å¼¹å‡ºä¸ä¸€æ ·çš„弹出框
    if (DeviceType.TYPE_01 == deviceType) {// é£Žçª—
        layer.open({
            type: 1,
            title: '设备操作-' + domSelectDevice.attr("name"),
            area: ['450px', '210px'],
            shade: 0,
            content: $('#control-FC'),
            btn: 0,
            closeBtn: 2
        });
    }
    if (DeviceType.TYPE_0B == deviceType) {// é€šé£Žå£
        layer.open({
            type: 1,
            title: '设备操作-' + domSelectDevice.attr("name"),
            area: ['450px', '210px'],
            shade: 0,
            content: $('#control-FK'),
            btn: 0,
            closeBtn: 2
        });
    }
    if (DeviceType.TYPE_0C == deviceType) {// æ··æµé£Žæœº
        if (null == curStatus || DeviceStatus.W_CLOSE == curStatus) {// è®¾ç½®é£ŽæœºæŒ‰é’®ä¸å¯ç”¨
            disBtnFj(true, "control-HL");
        } else {
            disBtnFj(false, "control-HL");
        }
        layer.open({
            type: 1,
            title: '设备操作-' + domSelectDevice.attr("name"),
            area: ['450px', '270px'],
            shade: 0,
            content: $('#control-HL'),
            btn: 0,
            closeBtn: 2
        });
    }
    if (DeviceType.TYPE_04 == deviceType) {// çŽ¯æµé£Žæœº
        layer.open({
            type: 1,
            title: '设备操作-' + domSelectDevice.attr("name"),
            area: ['450px', '150px'],
            shade: 0,
            content: $('#control-HL2'),
            btn: 0,
            closeBtn: 2
        });
    }
    if (DeviceType.TYPE_02 == deviceType) {// è½´æµé£Žæœº
        if (null == curStatus || DeviceStatus.W_CLOSE == curStatus) {// è®¾ç½®é£ŽæœºæŒ‰é’®ä¸å¯ç”¨
            disBtnFj2(true, "control-ZL");
        } else {
            disBtnFj2(false, "control-ZL");
        }
        layer.open({
            type: 1,
            title: '设备操作-' + domSelectDevice.attr("name"),
            area: ['480px', '270px'],
            shade: 0,
            content: $('#control-ZL'),
            btn: 0,
            closeBtn: 2
        });
    }
};

// æ ¹æ®DIV获取所有的按钮，风机的按钮序号是 2-4
function disBtnFj(tag, divId) {
    var btns = $("#" + divId).find("button");
    if (tag) {
        $(btns[2]).addClass("layui-btn-disabled");
        $(btns[2]).addClass("btn-dis");
        $(btns[2]).attr("disabled", true);
        $(btns[3]).addClass("layui-btn-disabled");
        $(btns[3]).addClass("btn-dis");
        $(btns[3]).attr("disabled", true);
        $(btns[4]).addClass("layui-btn-disabled");
        $(btns[4]).addClass("btn-dis");
        $(btns[4]).attr("disabled", true);
    } else {
        $(btns[2]).removeClass("layui-btn-disabled");
        $(btns[2]).removeClass("btn-dis");
        $(btns[2]).attr("disabled", false);
        $(btns[3]).removeClass("layui-btn-disabled");
        $(btns[3]).removeClass("btn-dis");
        $(btns[3]).attr("disabled", false);
        $(btns[4]).removeClass("layui-btn-disabled");
        $(btns[4]).removeClass("btn-dis");
        $(btns[4]).attr("disabled", false);
    }
};

function disBtnFj2(tag, divId) {
    var btns = $("#" + divId).find("button");
    if (tag) {
        $(btns[2]).addClass("layui-btn-disabled");
        $(btns[2]).addClass("btn-dis");
        $(btns[2]).attr("disabled", true);
        $(btns[3]).addClass("layui-btn-disabled");
        $(btns[3]).addClass("btn-dis");
        $(btns[3]).attr("disabled", true);
    } else {
        $(btns[2]).removeClass("layui-btn-disabled");
        $(btns[2]).removeClass("btn-dis");
        $(btns[2]).attr("disabled", false);
        $(btns[3]).removeClass("layui-btn-disabled");
        $(btns[3]).removeClass("btn-dis");
        $(btns[3]).attr("disabled", false);
    }
};

// æ ¹æ®æ“ä½œç›®æ ‡çŠ¶æ€å’Œé€‰æ‹©çš„设备进行执行-目标状态
function toExecute(targetStatus) {
    layer.msg("暂未对接设备");
    return;
    var batchTag = false;
    if ("W_OPEN_ALL" == targetStatus) {
        batchTag = true;
        targetStatus = DeviceStatus.OPEN;
    }
    if ("W_CLOSE_ALL" == targetStatus) {
        batchTag = true;
        targetStatus = DeviceStatus.CLOSE;
    }

    // æ ¹æ®è®¾å¤‡ç±»åž‹è¿›è¡Œè°ƒæ•´ï¼Œé’ˆå¯¹é£Žæœºç±»
    if (targetStatus == DeviceStatus.OPEN) {
        if (deviceType == DeviceType.TYPE_02)
            targetStatus = DeviceStatus.W_OPEN;
        if (deviceType == DeviceType.TYPE_0C)
            targetStatus = DeviceStatus.W_OPEN;
    }

    if (targetStatus == DeviceStatus.CLOSE) {
        if (deviceType == DeviceType.TYPE_02)
            targetStatus = DeviceStatus.W_CLOSE;
        if (deviceType == DeviceType.TYPE_0C)
            targetStatus = DeviceStatus.W_CLOSE;
    }

    viewTargetStatus = targetStatus;

    var data = {
        depotId: depotId,
        deptId: deptId,
        batchTag: batchTag,
        deviceType: deviceType,
        targetStatus: targetStatus,
        deviceList: []
    };

    // æ‰¹é‡è®¾å¤‡æ“ä½œï¼Œåªå¤„理相同的设备类型
    if (batchTag) {
        data.deviceList = deviceList;
    } else {
        data.deviceList.push({
            id: domSelectDevice.id,
            depotId: domSelectDevice.attr("depotid"),
            passCode: domSelectDevice.attr("passcode"),
            name: domSelectDevice.attr("name"),
            serId: domSelectDevice.attr("serid"),
            link: domSelectDevice.attr("link"),
            type: domSelectDevice.attr("type"),
            targetStatus: targetStatus
        });
    }

    // å¼€å§‹è°ƒç”¨åŽå°æ‰§è¡Œ
    layer.load(1);

    $.ajax({
        type: 'POST',
        url: "../../basic/verb/control-device",
        dataType: 'JSON',
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            layer.closeAll();
            if (result.code != "ORDER_SUCCESS") {
                layer.msg("执行失败：" + result.msg);
            } else {
                layer.msg("操作指令发送成功，待终端响应……");
            }
        },
        error: function (result) {
            layer.closeAll();
            layer.msg("操作发生异常，暂时无法解决！！");
        }
    });
};

 igds-dzhwk-web/src/main/resources/static/dzhwk/verb/verb-control.css

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,710 @@
@charset "utf-8";

/*-----------------
  Author:xq
  update:2019
 -------------------*/
body {
    font-family: "微软雅黑", Arial, sans-serif;
    font-size: 14px;
    background: #f3f5f8;
}

i, em {
    font-style: normal;
}


.radius-3,
.sdft-list li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.radius-6,
.lq-rMenu li {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.box-shadow {
    -webkit-box-shadow: 0px 0px 9px 3px rgba(230, 230, 230, 0.6);
    -moz-box-shadow: 0px 0px 9px 3px rgba(230, 230, 230, 0.6);
    box-shadow: 0px 0px 9px 3px rgba(230, 230, 230, 0.6);
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/*qtjc*/

.sdtf-body {
    background: #cae3ed url(../../img/dzhwk/common/i-body.png) left top repeat-x;
}

.l-container {
    width: 100%;
    max-width: 1680px;
    min-width: 1340px;
    margin-left: auto;
    margin-right: auto;
}

.l-main {
    margin: 10px;
    position: relative;
    padding-right: 340px;
}

.qt-left {
    /*width: 100%;*/
}

.qt-lTop-l {
    width: 26%;
    min-width: 260px;
}

.qt-left1 {
    padding: 27px 8%;
    background: #7b8e9f;

}

.lq-left1-from {
    margin-bottom: 20px;
}

.qt-left .lq-left1-from:last-child {
    margin-bottom: 0;
}

.qt-left .lq-left1-from .layui-form-label {
    color: #fff;
    padding: 9px 0;
    text-align: left;
    font-size: 16px;
}

.qt-left .lq-left1-from .layui-input-block {
    margin-left: 80px;
}

.qt-left .layui-form-select .layui-edge {
    border-top-color: #666;
}

.qt-left .layui-input-block .layui-input {
    font-size: 16px;
    color: #000;
}

.qt-left .layui-form-select dl dd.layui-this {
    background: #7b8e9f;
}

.sdft-btn-group {
    display: block;
}

.sdft-topbtn {
    background: #fff;
    font-size: 16px;
    color: #969ca6;
    border: 0;
}

.sdft-topbtn.active {
    background: #efd17a;
    color: #283a48;
    font-weight: bold;
}

.sdft-topbtn:hover,
.sdft-topbtn.active:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #283a48;
}

.qt-lTop-r {
    width: 71.5%;
    /*min-width: 940px;*/
}

.sdtf-top-item {
    height: 150px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background: #fff;
}

.sdtf-top-tit {
    height: 24px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    margin: 15px 0;
    width: 100%;
}

.sdtf-top-tit h3 {
    display: inline-block;
    height: 24px;
    position: relative;
    margin: 0 auto;
    padding: 0 25px;
}

.sdtf-top-tit h3:before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: #e2e6e9;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}

.sdtf-top-tit h3 span {
    display: inline-block;
    height: 24px;
    padding: 0 10px;
    /*color: #9ea6ad;*/
    color: #000;
    font-size: 14px;
    position: relative;
    z-index: 3;
    background: #fff;
    overflow: hidden;
}

.sdft-listbox {
    padding: 0 1%;
    overflow: hidden;
}

.sdft-list li {
    float: left;
    width: 25%;
    text-align: center;
    background: #f5f7f9;
    height: 84px;
    overflow: hidden;
    position: relative;
}

.sdft-list li span {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 5px 0 0;
}


.sdft-list-icon6 {
    background: url(../../img/dzhwk/common/sdtf-icon6.png) no-repeat;
}

.sdft-list-icon9 {
    background: url(../../img/dzhwk/common/sdtf-icon9.png) no-repeat;
}

.sdft-list-icon10 {
    background: url(../../img/dzhwk/common/sdtf-icon10.png) no-repeat;
}

.sdft-list li p {
    line-height: 20px;
    color: #324251;
    font-size: 14px;
}


.sdft-list li:hover,
.sdft-list li.active {
    background: #53adce;
}

.sdft-list li:hover p,
.sdft-list li.active p {
    color: #fff;
}

.sdft-list2 li,
.sdft-list2 li:hover {
    background: none;
}

.sdft-list2 li:hover p {
    color: #324251;
}

.xg115-tf-list1 li:after {
    display: block;
    content: '';
    background: #eceef0;
    width: 1px;
    height: 70px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -35px;
    z-index: 2;
}

.sdft-list2 li:last-child:after {
    display: none;
}

.qt-picBox {
    /*     width: 98%; */
    /*     margin: 20px auto; */
    text-align: center;
    margin-top: 15px;
    margin-right: 15px;
}

.qt-pic {
    width: 100%;
    margin: 0 auto;
}

.qt-right {
    width: 340px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.sdtf-r1 {
    background: #fff;
    width: 320px;
    min-height: 230px;
    overflow: hidden;
    padding: 10px;
}

.sdtf-r1-show,
.sdtf-r1-show > img {
    width: 100%;
    height: 196px;
}

.sdtf-r1-btnbox {
    margin-top: 15px;
}

.sdtf-r1-btnbox2 {
    margin-top: 10px;
}

.layui-btn-danger {
    background-color: #e37683;
}

.sdtf-r1-btnbox .layui-btn,
.sdtf-r1-btnbox2 .layui-btn {
    width: 100%;
    height: 34px;
    line-height: 34px;
}

.sdtf-r1-btn1,
.sdtf-r1-btn3 {
    padding-right: 1.5%;
}

.sdtf-r1-btn2,
.sdtf-r1-btn5 {
    padding-left: 1.5%;
}

.sdtf-r1-btn4 {
    padding: 0 1.5%;
}

.sdtf-r1-btn1 .layui-btn {
    background: #5cb498;
}

.sdtf-r1-btnbox2 .layui-btn i img {
    width: 18px;
    height: 18px;
    position: relative;
    top: -1px;
}

.sdtf-r1-btnbox2 .layui-btn {
    color: #324251;
    border-color: #cfd5da;
}

.qt-rTable-box {
    background: #fff;
    overflow: hidden;
    margin-top: 10px;
    width: 320px;
    padding: 10px;
    /*min-height: 450px;*/
    min-height: 490px;
}

.qt-rTable-box .layui-table td,
.qt-rTable-box .layui-table th {
    padding: 9px 0;
    text-align: center;
}


.qt-rTable-box .layui-table th {
    background: #dee6ec;
}

.sdtf-switchbox .layui-form-switch {
    margin-top: 0;
    height: 18px;
    line-height: 18px;
    padding: 0 3px;
}

.sdtf-switchbox .layui-form-switch i {
    top: 1px;
    left: 3px;
}

.sdtf-switchbox .layui-form-onswitch {
    border-color: #53adce;
    background-color: #53adce;
}

.sdtf-switchbox .layui-form-onswitch i {
    margin-left: -18px;
    left: 100%;
}

.mr4 {
    margin-right: 4%;
}


@media all and (max-width: 1650px) {
    .sdft-listbox {
        padding: 0;
    }

    .qt-td-hide {
        display: none;
    }

}

.xg115-tf-list li {
    width: 29.333333%;
    border: 1px solid #e2e6e9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 2%;
}

.xg115-num {
    line-height: 48px;
    height: 45px;
    overflow: hidden;
    margin: 5px 0;
}

.xg115-num span {
    font-size: 18px;
}

.xg115-num strong {
    font-size: 30px;
}

.xg115-sdtf-tit {
    height: 34px;
    margin: 10px 0;
    text-align: center;
}

.xg115-sdtf-time {
    display: inline-block;
    height: 34px;
    background: #f2f3f5;
    padding: 0 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    line-height: 34px;
    color: #000;
    font-size: 14px;
}

.xg115-sdtf-time font {
    font-size: 16px;
    font-family: "arial";
}

.xg115-arrow {
    height: 40px;
    display: block;
    width: 100%;
    background: url(../../img/dzhwk/common/icon-arrow-b.png) center no-repeat;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


.video-pop {
    width: 100%;
    display: none;
}

.videoSkin .layui-layer-title {
    background: none;
    font-size: 0;
    border: 0;
    height: 35px;
}


.videos {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -225px;
    z-index: 100;
    width: 800px;
    height: 450px;

}

.vclose {
    width: 40px;
    height: 40px;
    background: url(../../img/dzhwk/common/icon-close.png) center no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 101;
    cursor: pointer;
}


.shade {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

.xg115-btnhide {
    display: none;
}

.xg115-arrow.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


.rkbk-quick-btn {
    height: 45px;
    width: 185px;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
}

.rkbk-quick-btn i img {
    height: 18px;
    margin-right: 5px;
}

.btn-green {
    background-color: #8bc16a;
}

.btn-violet {
    background-color: #7494d1;
}

.btn-red {
    background-color: #e37878;
}

.btn-blue {
    background-color: #53adce;
}

.err-img {
    background: url(../../img/dzhwk/common/icon-sm-wh.png) center no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.info1 {
    background: url(../../img/dzhwk/common/lq-c-bg1.png) no-repeat;
    background-size: 100% 100%;
}

.info2 {
    background: url(../../img/dzhwk/common/lq-c-bg4.png) no-repeat;
    background-size: 100% 100%;
}

.sdtf-top-item p {
    color: #FFF !important;
}

.sdtf-top-item i {
    color: #FFF !important;
}

.sdtf-top-item strong {
    color: #FFF !important;
}


.lq-left2 {
    background: #fff;
    overflow: hidden;
    /*margin-top: 10px;*/
}

.lq-left2-list {
    width: 100%;
}

.lq-left2-list li {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    padding: 3.5% 6%;
}

.lq-left2-list li h3 {
    float: left;
    color: #6c7781;
    font-size: 16px;
    font-style: italic;
}

.lq-left2-list li > em {
    float: right;
    color: #000;
    font-size: 16px;
}

.lq-left2-list li h3 span {
    background: #6c7781;
    width: 4px;
    height: 4px;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.lq-left2-list li:nth-child(2n) {
    background: #f8f9fa;
}

.lq-left {
    width: 26%;
    min-width: 260px;
}

.lq-center {
    width: 71.5%;
    min-width: 940px;
    /*position: relative;*/
    padding-bottom: 5px;
    overflow-y: hidden;
}

.lq-userbox {
    min-height: 85px;
    padding: 6px 6px;
}

.lq-user {
    text-align: center;
    width: 100%;
}

.lq-user img {
    width: 85px;
    /*height: 85px;*/
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.lq-user p {
    line-height: 30px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-top: 5px;
}

.lq-userItem {
    height: 34px;
    background: #eff4f6;
    overflow: hidden;
    margin-top: 12px;
}

.lq-userItem dt,
.lq-userItem dd {
    float: left;
    height: 34px;
    line-height: 34px;

}

.lq-userItem dt {
    width: 40%;
    text-align: center;
    color: #6c7781;
    font-size: 16px;
    font-style: italic;
}

.lq-userItem dd {
    font-size: 16px;
    color: #000;
}

.lq-userItem dd span {
    font-family: arial;
}

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/i-body.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/icon-arrow-b.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/icon-close.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/icon-sm-fc.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/icon-sm-fj.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/icon-sm-g.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/icon-sm-k.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/icon-sm-wh.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/icon-time.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/lq-c-bg1.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/lq-c-bg4.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/rkbk-photo_02.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/sdtf-icon10.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/sdtf-icon6.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/sdtf-icon9.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/common/sdtf-show_03.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/depot/pfc_a.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/depot/pfc_b.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/5_box_00.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_01_CLOSE.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_01_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_02_F_CLOSE.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_02_F_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_02_W_CLOSE.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_02_W_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_04_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_05_CLOSE.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_05_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_0B_W_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_0C_F_CLOSE.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_0C_F_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_0C_W_CLOSE.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_0C_W_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ANIMATE_0D_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_01_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_01_OPEN.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_02_F_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_02_F_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_02_F_OPEN_F.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_02_ING.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_02_W_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_02_W_OPEN.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_03_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_03_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_04_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_04_F_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_04_F_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_04_F_OPEN2.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_04_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_04_OPEN2.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_07_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_07_OPEN.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_0B_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/CIR_0B_OPEN.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/ERROR.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_01_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_01_OPEN.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_02_F_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_02_F_OPEN-F.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_02_F_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_02_F_OPEN_F.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_02_W_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_02_W_OPEN.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_04_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_04_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_05_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_05_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_0B_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_0B_OPEN.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_0B_W_OPEN.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_0C_F_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_0C_F_OPEN_F.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_0C_W_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_0C_W_OPEN.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_0D_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/STATUS_0D_OPEN.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/WARN.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/icon-off.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/icon-on.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/lamp_CLOSE.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/lamp_OPEN.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/lock.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/lock_open.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/device/·´×ª.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/verb/areation-icon.gif

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/verb/areation-icon.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/verb/areation-map.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/verb/tfhyy-body_03.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/verb/tfhyy-icon1.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/verb/tfhyy-icon2.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/verb/tfhyy-icon3.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/verb/tfhyy-icon4.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/verb/tfhyy-icon5.png

 igds-dzhwk-web/src/main/resources/static/img/dzhwk/verb/tfhyy-titimg.png

 igds-dzhwk-web/src/main/resources/templates/dzhwk/grain-check1.html

@@ -606,7 +606,7 @@
    var companyId = null;
    var dept = null;

    var DEPOT_TYPE = null; //仓库类型
    var DEPOT_TYPE = "01"; //仓库类型
    var depotId = "P0101";// å½“前仓库id，存在空情况
</script>
<script th:src="@{/ajax/libs/layui/layui.js}"></script>

 igds-dzhwk-web/src/main/resources/templates/dzhwk/verb-control.html

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,594 @@
<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>通风作业</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <link rel="stylesheet" th:href="@{/ajax/libs/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/dzhwk/verb/verb-control.css}"/>

    <style>
        .margin-bottom10 {
            margin-bottom: 10px;
        }

        .img_device {
            height: 40px;
            cursor: pointer;
        }

        .device {
            position: absolute;
            cursor: pointer;
        }

        /*#device_view {*/
        /*    background: url('/img/dzhwk/depot/pfc_a.png') no-repeat 5px 5px;*/
        /*    width: 100%;*/
        /*    height: 620px;*/
        /*}*/

        .font-red {
            color: red;
        }

        .select-bottom {
            border-bottom: 3px solid #03ec45;
        }

        .left-input {
            width: 140px !important;
        }

        .btn-fj {
            width: 120px !important;
        }

        .m10 {
            margin: 10px;
        }

        .btn-dis {
            background-color: #FBFBFB !important;;
        }

        .areation-center {
            text-align: center;
        }

        .btn-bottom {
            margin-bottom: 1px;
        }

        .btn-right {
            border-right: 1px solid #7b8e9f;
        }

        .sdtf-top-item {
            height: 189px;
        }
    </style>
</head>
<body class="sdtf-body">

<div class="l-container ">

    <div class="l-main layui-clear">

        <div class="qt-left">

            <div class="qt-lTop layui-clear">
                <div class="qt-lTop-l fl">
                    <div class="qt-left1 layui-clear radius-6 box-shadow">
                        <form class="layui-form" action="">

                            <div class="layui-form-item lq-left1-from">
                                <label class="layui-form-label">仓廒名称</label>
                                <div class="layui-input-block">
                                    <select name="depotId" id="depotId" lay-filter="select_depotId">
                                        <option value="P0101" type="01">P01</option>
                                    </select>
                                </div>
                            </div>

                            <div class="layui-btn-group layui-row sdft-btn-group">
                                <button type="button"
                                        class="layui-btn layui-col-lg6 sdft-topbtn active js-tf-btn btn-bottom btn-right"
                                        onclick="toCut('01')">显示正面
                                </button>
                                <button type="button" class="layui-btn layui-col-lg6 sdft-topbtn js-tf-btn btn-bottom"
                                        onclick="toCut('02')">显示反面
                                </button>
                                <button type="button" class="layui-btn layui-col-lg6 sdft-topbtn js-tf-btn btn-right"
                                        style="margin-right: 1px" onclick="toCut('03')">显示左侧面
                                </button>
                                <button type="button" class="layui-btn layui-col-lg6 sdft-topbtn js-tf-btn"
                                        onclick="toCut('04')">显示右侧面
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <!--qt-lTop-l end-->

                <div class="layui-row qt-lTop-r fr">

                    <div class="layui-col-lg6">
                        <div class="radius-6 mr4 sdtf-top-item info1">
                            <div class="xg115-sdtf-tit">
                                <div class="xg115-sdtf-time">
                                    <i class="i-icon"><img
                                            th:src="@{/img/dzhwk/common/icon-time.png}"/></i> æ£€æµ‹æ—¶é—´ : <font
                                        id="updateTime">00:00:00</font>
                                </div>
                            </div>

                            <div class="layui-row sdft-listbox">

                                <ul class="sdft-list sdft-list2 xg115-tf-list1">
                                    <li><a href="#">
                                        <div class="xg115-num">
                                            <strong id="tempIn">#</strong><i>℃</i>
                                        </div>
                                        <p>仓内温</p>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="xg115-num">
                                            <strong id="humidityIn">#</strong><i>%</i>
                                        </div>
                                        <p>仓内湿</p>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="xg115-num">
                                            <strong id="tempOut">#</strong><i>℃</i>
                                        </div>
                                        <p>仓外温</p>
                                    </a></li>
                                    <li><a href="#">
                                        <div class="xg115-num">
                                            <strong id="humidityOut">#</strong><i>%</i>
                                        </div>
                                        <p>仓外湿</p>
                                    </a></li>

                                </ul>

                            </div>

                        </div>

                    </div>
                    <!--layui-col end-->


                    <div class="layui-col-lg6">
                        <div class="radius-6 mr4 sdtf-top-item info2">
                            <div class="sdtf-top-tit">
                                <h3>
                                    <span>仓库操作</span>
                                </h3>
                            </div>

                            <div class="layui-row sdft-listbox">

                                <ul class="sdft-list sdft-list2 xg115-tf-list">
                                    <li class="videolist"
                                        th:vpath="@{../../static/images/share-video_03.png}"
                                        th:ipath="@{../../static/video/ckin.mp4}"><a
                                            href="javascript:;" onclick="showVideo()"> <span
                                            class="sdft-list-icon6"></span>
                                        <p>视频查看</p>
                                    </a></li>

                                    <li><a href="javascript:;" onclick="closeAll()"> <span
                                            class="sdft-list-icon9"></span>
                                        <p>紧急全关</p>
                                    </a></li>
                                    <li><a href="javascript:;" onclick="queryStatus()"> <span
                                            class="sdft-list-icon10"></span>
                                        <p>更新状态</p>
                                    </a></li>
                                </ul>

                            </div>

                        </div>

                    </div>
                    <!--layui-col end-->

                </div>
                <!-- qt-lTop-r end-->


            </div>
            <!--qt-lTop end-->

            <div class="qt-picBox">

<!--                <div id="device_view" class="pop radius-6">-->
                <div id="device_view">
                    <img style="width: 100%;height: 630px" th:src="@{/img/dzhwk/depot/pfc_a.png}"/>
                </div>

            </div>
            <!--qt-picBox end-->


        </div>
        <!--qt-left end-->


        <div class="qt-right">
            <div class="sdtf-r1 radius-6">

                <div class="sdtf-r1-show">
                    <img th:src="@{/img/dzhwk/common/sdtf-show_03.png}"/>
                </div>

                <div class="xg115-btnhide">
                    <div class="layui-row sdtf-r1-btnbox">
                        <div class="layui-col-lg6 sdtf-r1-btn1">
                            <button type="button" class="layui-btn" onclick="dragDevice()">设备移动</button>
                        </div>
                        <div class="layui-col-lg6 sdtf-r1-btn2">
                            <button type="button" class="layui-btn layui-btn-danger"
                                    onclick="updatePos()">位置保存
                            </button>
                        </div>
                    </div>
                </div>

                <a href="#" class="xg115-arrow js-xg115-arrow"></a>

            </div>
            <!--sdtf-r1 end-->


            <!-- è°ƒæ•´ä¸ºæ“ä½œæ—¥å¿—信息 -->
            <div class="qt-rTable-box radius-6" style="height: 300px;">
                <div class="layui-card-header"
                     style="background: rgb(222,230,236);font-weight: bold;border-bottom:3px solid #FFF;">操作日志
                </div>
                <div id="areationInfo" style="min-height: 445px;background: rgb(222,230,236);;"></div>
            </div>

            <!--qt-rTable-box end-->
        </div>
        <!--qt-right end-->
    </div>
    <!--l-main end-->
</div>
<!--l-container end-->

<div class="shade"></div>

<script th:inline="javascript">
    //仓库列表
    var listDepot = [{
        "bhId": "1",
        "buildingId": "91310114703439394M0010001",
        "checkDate": 1605542400000,
        "companyId": "5303",
        "depotStatus": "4",
        "depotStatusName": "出库中",
        "depotType": "02",
        "depotTypeName": "浅圆仓",
        "deptId": "5303_001",
        "foodLevel": "01",
        "foodLevelName": "一等",
        "foodLocation": "上海市",
        "foodType": "122",
        "foodTypeName": "区级地方储备粮",
        "foodVariety": "1130000",
        "foodVarietyName": "稻谷",
        "foodYear": "2022",
        "id": "P0101",
        "name": "P01-01",
        "perImpurity": 0.36,
        "perWet": 13.7,
        "storageMax": 3000000,
        "storageReal": 0,
        "storeDate": 1668700800000,
        "storeKeeper": "wmf",
        "storeKeeperLevel": "高级保管员",
        "storeKeeperName": "王美福",
        "storeKeeperPhone": "####",
        "storeType": "1"
    }, {
        "bhId": "2",
        "buildingId": "91310114703439394M0010001",
        "companyId": "5303",
        "depotStatus": "4",
        "depotStatusName": "出库中",
        "depotType": "01",
        "depotTypeName": "平房仓",
        "deptId": "5303_001",
        "foodLevel": "01",
        "foodLevelName": "一等",
        "foodLocation": "上海市",
        "foodType": "122",
        "foodTypeName": "区级地方储备粮",
        "foodVariety": "1130000",
        "foodVarietyName": "稻谷",
        "foodYear": "2022",
        "id": "P0102",
        "name": "P01-02",
        "storageMax": 3000000,
        "storageReal": 0,
        "storeDate": 1667836800000,
        "storeKeeper": "wmf",
        "storeKeeperLevel": "高级保管员",
        "storeKeeperName": "王美福",
        "storeKeeperPhone": "####",
        "storeType": "1"
    }, {
        "bhId": "3",
        "buildingId": "91310114703439394M0010002",
        "companyId": "5303",
        "depotStatus": "34",
        "depotStatusName": "封仓-温控中",
        "depotType": "01",
        "depotTypeName": "平房仓",
        "deptId": "5303_001",
        "foodLevel": "01",
        "foodLevelName": "一等",
        "foodLocation": "上海市",
        "foodType": "122",
        "foodTypeName": "区级地方储备粮",
        "foodVariety": "1130000",
        "foodVarietyName": "稻谷",
        "foodYear": "2023",
        "id": "P0103",
        "name": "P01-03",
        "storageMax": 3000000,
        "storageReal": 2164420,
        "storeDate": 1635696000000,
        "storeKeeper": "xjh",
        "storeKeeperLevel": "高级保管员",
        "storeKeeperName": "徐佳昊",
        "storeKeeperPhone": "####",
        "storeType": "1"
    }, {
        "bhId": "4",
        "buildingId": "91310114703439394M0010002",
        "companyId": "5303",
        "depotStatus": "32",
        "depotStatusName": "封仓-熏蒸中",
        "depotType": "01",
        "depotTypeName": "平房仓",
        "deptId": "5303_001",
        "foodLevel": "01",
        "foodLevelName": "一等",
        "foodLocation": "上海市",
        "foodType": "122",
        "foodTypeName": "区级地方储备粮",
        "foodVariety": "1110000",
        "foodVarietyName": "小麦",
        "foodYear": "2024",
        "id": "P0104",
        "name": "P01-04",
        "storageMax": 3000000,
        "storageReal": 3000000,
        "storeDate": 1720454400000,
        "storeKeeper": "xjh",
        "storeKeeperLevel": "高级保管员",
        "storeKeeperName": "徐佳昊",
        "storeKeeperPhone": "####",
        "storeType": "1"
    }, {
        "bhId": "5",
        "buildingId": "91310114703439394M0010003",
        "companyId": "5303",
        "depotStatus": "4",
        "depotStatusName": "出库中",
        "depotType": "01",
        "depotTypeName": "平房仓",
        "deptId": "5303_001",
        "foodLevel": "02",
        "foodLevelName": "二等",
        "foodLocation": "上海市",
        "foodType": "122",
        "foodTypeName": "区级地方储备粮",
        "foodVariety": "1130000",
        "foodVarietyName": "稻谷",
        "foodYear": "2022",
        "id": "P0105",
        "name": "P01-05",
        "storageMax": 3000000,
        "storageReal": 0,
        "storeDate": 1604160000000,
        "storeKeeper": "wmf",
        "storeKeeperLevel": "高级保管员",
        "storeKeeperName": "王美福",
        "storeKeeperPhone": "####",
        "storeType": "1"
    }, {
        "bhId": "6",
        "buildingId": "91310114703439394M0010003",
        "companyId": "5303",
        "depotStatus": "4",
        "depotStatusName": "出库中",
        "depotType": "01",
        "depotTypeName": "平房仓",
        "deptId": "5303_001",
        "foodLevel": "01",
        "foodLevelName": "一等",
        "foodLocation": "上海市",
        "foodType": "122",
        "foodTypeName": "区级地方储备粮",
        "foodVariety": "1130000",
        "foodVarietyName": "稻谷",
        "foodYear": "2022",
        "id": "P0106",
        "name": "P01-06",
        "storageMax": 3000000,
        "storageReal": 0,
        "storeDate": 1604160000000,
        "storeKeeper": "wmf",
        "storeKeeperLevel": "高级保管员",
        "storeKeeperName": "王美福",
        "storeKeeperPhone": "####",
        "storeType": "1"
    }];
    //业务类型
    var bizType = null;
    //userId
    var userId = null;
    var companyId = null;
    var imgMap = null;
    var DEPOT_TYPE = "01"; //仓库类型
    var deptId = "1000";
    var depotId = "P0101";// å½“前仓库id，存在空情况
</script>
<script th:src="@{/ajax/libs/layui/layui.js}"></script>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/dzhwk/common/constant.js}"></script>
<script th:src="@{/dzhwk/common/igds-common.js}"></script>
<script th:src="@{/dzhwk/drag/drag-drop.js}"></script>
<script th:src="@{/dzhwk/verb/verb-DeviceHand-pfc.js}"></script>
<script th:src="@{/dzhwk/verb/verb-control-pfc.js}"></script>
</body>


<!-- å¼¹å‡ºæ¡†-窗户-->
<div class="layui-tab-content areation-center" id="control-FC"
     style="display: none;">
    <div class="layui-btn-container m10">
        <button class="rkbk-quick-btn layui-btn btn-violet"
                onClick="toExecute('OPEN')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>开窗口
        </button>
        <button class="rkbk-quick-btn layui-btn btn-red"
                onClick="toExecute('CLOSE')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>关窗口
        </button>
    </div>
    <div class="layui-btn-container m10">
        <button class="rkbk-quick-btn layui-btn btn-violet"
                onClick="toExecute('W_OPEN_ALL')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-k.png}"/></i>窗口全开
        </button>
        <button class="rkbk-quick-btn layui-btn btn-red"
                onClick="toExecute('W_CLOSE_ALL')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-g.png}"/></i>窗口全关
        </button>
    </div>
</div>

<!-- å¼¹å‡ºæ¡†-通风口-->
<div class="layui-tab-content areation-center" id="control-FK"
     style="display: none;">
    <div class="layui-btn-container m10">
        <button class="rkbk-quick-btn layui-btn btn-violet"
                onClick="toExecute('OPEN')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>开风口
        </button>
        <button class="rkbk-quick-btn layui-btn btn-red"
                onClick="toExecute('CLOSE')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>关风口
        </button>
    </div>
    <div class="layui-btn-container m10">
        <button class="rkbk-quick-btn layui-btn btn-violet"
                onClick="toExecute('W_OPEN_ALL')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-k.png}"/></i>风口全开
        </button>
        <button class="rkbk-quick-btn layui-btn btn-red"
                onClick="toExecute('W_CLOSE_ALL')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-g.png}"/></i>风口全关
        </button>
    </div>
</div>

<!-- å¼¹å‡ºæ¡†-混流风机 -->
<div class="layui-tab-content areation-center" id="control-HL" style="display: none;">
    <div class="layui-btn-container m10">
        <button class="rkbk-quick-btn layui-btn btn-violet"
                onClick="toExecute('OPEN')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>开风口
        </button>
        <button class="rkbk-quick-btn layui-btn btn-red"
                onClick="toExecute('CLOSE')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>关风口
        </button>
    </div>
    <div class="layui-btn-container m10">
        <button class="rkbk-quick-btn btn-fj layui-btn btn-blue"
                onClick="toExecute('F_OPEN')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>正转
        </button>
        <button class="rkbk-quick-btn btn-fj layui-btn btn-red"
                onClick="toExecute('F_CLOSE')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>关风机
        </button>
        <button class="rkbk-quick-btn btn-fj layui-btn btn-blue"
                onClick="toExecute('F_OPEN_F')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>反转
        </button>
    </div>
    <div class="layui-btn-container m10">
        <button class="rkbk-quick-btn layui-btn btn-violet"
                onClick="toExecute('W_OPEN_ALL')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-k.png}"/></i>风口全开
        </button>
        <button class="rkbk-quick-btn layui-btn btn-red"
                onClick="toExecute('W_CLOSE_ALL')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-g.png}"/></i>风口全关
        </button>
    </div>
</div>

<!-- å¼¹å‡ºæ¡†-轴流风窗-->
<div class="layui-tab-content areation-center" id="control-ZL" style="display: none;">
    <div class="layui-btn-container m10">
        <button class="rkbk-quick-btn layui-btn btn-violet"
                onClick="toExecute('OPEN')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>开风窗
        </button>
        <button class="rkbk-quick-btn layui-btn btn-red"
                onClick="toExecute('CLOSE')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fc.png}"/></i>关风窗
        </button>
    </div>
    <div class="layui-btn-container m10">
        <button class="rkbk-quick-btn layui-btn btn-violet"
                onClick="toExecute('W_OPEN_ALL')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-k.png}"/></i>窗口全开
        </button>
        <button class="rkbk-quick-btn layui-btn btn-red"
                onClick="toExecute('W_CLOSE_ALL')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-g.png}"/></i>窗口全关
        </button>
    </div>

    <div class="layui-btn-container m10">
        <button class="rkbk-quick-btn layui-btn btn-blue"
                onClick="toExecute('F_OPEN')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>开风机
        </button>
        <button class="rkbk-quick-btn layui-btn btn-red"
                onClick="toExecute('F_CLOSE')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>关风机
        </button>
    </div>
</div>

<!-- å¼¹å‡ºæ¡†-环流风机-->
<div class="layui-tab-content areation-center" id="control-HL2" style="display: none;">
    <div class="layui-btn-container m10">
        <button class="rkbk-quick-btn btn-fj layui-btn btn-blue"
                onClick="toExecute('F_OPEN')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>开风机
        </button>
        <button class="rkbk-quick-btn btn-fj layui-btn btn-red"
                onClick="toExecute('F_CLOSE')">
            <i><img th:src="@{/img/dzhwk/common/icon-sm-fj.png}"/></i>关风机
        </button>
    </div>
</div>

</html>

 igds-dzhwk-web/src/main/resources/templates/dzhwk/verb.html

@@ -31,7 +31,8 @@
                <div class="col-l g-boxl1">
                    <div class="m-picl">
                        <div class="pic">
                            <img th:src="@{/img/dzhwk/imgl2.jpg}" alt="">
<!--                            <img th:src="@{/img/dzhwk/imgl2.jpg}" alt="">-->
                            <iframe src="../dzhwk/verb-control" style="width: 100%;height: 853px;display: block;" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>