通风操作

YYC

2023-05-30 ea6bc6a90863e8800db77091810c647aa9328963

通风操作

 igds-app/device-verb.html

@@ -18,17 +18,17 @@
        </header>
        <div class="mui-content">
            <div class="mui-scroll-wrapper g-src_box">
                <div class="m-mana">
                <div class="m-mana" id="recordList">
                    <div class="m-tf">
                        <div class="g-tittf1">仓库正面</div>
                        <ul class="ul-listmana1 ullisttf1">
                            <li>
                                <div class="con myfancy huanliu">
                                    <div class="pic">
                                        <img src="images/d6.png">
                                        <img src="images/device-status/STATUS_01_OPEN.png">
                                    </div>
                                    <div class="info in" style="background-image: url(images/e3.png);">
                                        环流风机1
                                        风窗1
                                    </div>
                                </div>
                            </li>
@@ -92,16 +92,35 @@
                </div>
            </div>
        </div>
        <!-- 风窗和通风口 弹窗 -->
        <div class="m-pop" id="win_chuangkou">
            <div class="pop-bg"></div>
            <div class="inner">
                <div class="m-opts">
                    <div class="name" id="Fname">风窗</div>
                    <div class="btns">
                        <a href="" class="btn" targetStatus="OPEN" style="background: linear-gradient(90deg,#ec8b42,#ffaf48);">打开</a>
                        <a href="" class="btn" targetStatus="CLOSE" style="background: linear-gradient(90deg,#5889e2,#73b2e7);">关闭</a>
                    </div>
                    <div class="btns">
                        <a href="" class="btn" targetStatus="OPEN_ALL" style="background: linear-gradient(90deg,#2aaad9,#72c6f1);">全开</a>
                        <a href="" class="btn" targetStatus="CLOSE_ALL" style="background: linear-gradient(90deg,#f36968,#fb9475);">全关</a>
                    </div>
                </div>
                <div class="close"><span class="mui-icon mui-icon-close"></span></div>
            </div>
        </div>
		
        <!-- 环流风机 弹窗 -->
        <div class="m-pop" id="win_huanliu">
            <div class="pop-bg"></div>
            <div class="inner">
                <div class="m-opts huanliu">
                    <div class="name">环流风机</div>
                    <div class="name" id="huanliuName">环流风机</div>
                    <div class="btns">
                        <a href="" class="btn" style="background: linear-gradient(90deg,#ec8b42,#ffaf48);">开门</a>
                        <a href="" class="btn" style="background: linear-gradient(90deg,#5889e2,#73b2e7);">关风机</a>
                        <a href="" class="btn" style="background: linear-gradient(90deg,#178255,#379a71);">关门</a>
                        <a href="" class="btn" targetStatus="F_OPEN" style="background: linear-gradient(90deg,#ec8b42,#ffaf48);">强风</a>
                        <a href="" class="btn" targetStatus="F_CLOSE" style="background: linear-gradient(90deg,#5889e2,#73b2e7);">关风机</a>
                        <a href="" class="btn" targetStatus="F_OPEN_F" style="background: linear-gradient(90deg,#178255,#379a71);">弱风</a>
                    </div>

                </div>
@@ -113,19 +132,19 @@
            <div class="pop-bg"></div>
            <div class="inner">
                <div class="m-opts hunliu">
                    <div class="name">混流风机</div>
                    <div class="name" id="hunliuName">混流风机</div>
                    <div class="btns sty1">
                        <a href="" class="btn" style="background: linear-gradient(90deg,#2aaad9,#68c2f0);">开风口</a>
                        <a href="" class="btn" style="background: linear-gradient(90deg,#f36868,#fb9475);">关风口</a>
                        <a href="" class="btn" targetStatus="W_OPEN" style="background: linear-gradient(90deg,#2aaad9,#68c2f0);">开风口</a>
                        <a href="" class="btn" targetStatus="W_CLOSE" style="background: linear-gradient(90deg,#f36868,#fb9475);">关风口</a>
                    </div>
                    <div class="btns">
                        <a href="" class="btn" style="background: linear-gradient(90deg,#ec8b42,#ffaf48);">正转</a>
                        <a href="" class="btn" style="background: linear-gradient(90deg,#5889e2,#73b2e7);">关风机</a>
                        <a href="" class="btn" style="background: linear-gradient(90deg,#178255,#379a71);">反转</a>
                        <a href="" class="btn" targetStatus="F_OPEN" style="background: linear-gradient(90deg,#ec8b42,#ffaf48);">正转</a>
                        <a href="" class="btn" targetStatus="F_CLOSE" style="background: linear-gradient(90deg,#5889e2,#73b2e7);">关风机</a>
                        <a href="" class="btn" targetStatus="F_OPEN_F" style="background: linear-gradient(90deg,#178255,#379a71);">反转</a>
                    </div>
                    <div class="btns sty1">
                        <a href="" class="btn" style="background: linear-gradient(90deg,#2aaad9,#68c2f0);">风口全开</a>
                        <a href="" class="btn" style="background: linear-gradient(90deg,#f36868,#fb9475);">风口全关</a>
                        <a href="" class="btn" targetStatus="W_OPEN_ALL" style="background: linear-gradient(90deg,#2aaad9,#68c2f0);">风口全开</a>
                        <a href="" class="btn" targetStatus="W_CLOSE_ALL" style="background: linear-gradient(90deg,#f36868,#fb9475);">风口全关</a>
                    </div>
                </div>
                <div class="close"><span class="mui-icon mui-icon-close"></span></div>
@@ -136,15 +155,14 @@
            <div class="pop-bg"></div>
            <div class="inner">
                <div class="m-opts">
                    <div class="name">加压风机</div>
                    <div class="name" id="jiayaName">加压风机</div>
                    <div class="btns">
                        <a href="" class="btn" style="background: linear-gradient(90deg,#ec8c42,#ffb453);">打开</a>
                        <a href="" class="btn" style="background: linear-gradient(90deg,#188255,#379a71);">关闭</a>
                        <a href="" class="btn" targetStatus="OPEN" style="background: linear-gradient(90deg,#ec8c42,#ffb453);">打开</a>
                        <a href="" class="btn" targetStatus="CLOSE" style="background: linear-gradient(90deg,#188255,#379a71);">关闭</a>
                    </div>
                    <div class="btns">

                        <a href="" class="btn" style="background: linear-gradient(90deg,#2aaad9,#72c6f1);">全开</a>
                        <a href="" class="btn" style="background: linear-gradient(90deg,#f36968,#fb9475);">全关</a>
                        <a href="" class="btn" targetStatus="OPEN_ALL" style="background: linear-gradient(90deg,#2aaad9,#72c6f1);">全开</a>
                        <a href="" class="btn" targetStatus="CLOSE_ALL" style="background: linear-gradient(90deg,#f36968,#fb9475);">全关</a>
                    </div>
                </div>
                <div class="close"><span class="mui-icon mui-icon-close"></span></div>
@@ -155,19 +173,18 @@
            <div class="pop-bg"></div>
            <div class="inner">
                <div class="m-opts">
                    <div class="name">轴流风机</div>
                    <div class="name" id="zhouliuName">轴流风机</div>
                    <div class="btns">
                        <a href="" class="btn" style="background: linear-gradient(90deg,#2aaad9,#72c6f1);">开风窗</a>
                        <a href="" class="btn" style="background: linear-gradient(90deg,#f36968,#fb9475);">关风窗</a>
                        <a href="" class="btn" targetStatus="OPEN" style="background: linear-gradient(90deg,#2aaad9,#72c6f1);">开风窗</a>
                        <a href="" class="btn" targetStatus="CLOSE" style="background: linear-gradient(90deg,#f36968,#fb9475);">关风窗</a>
                    </div>
                    <div class="btns">
                        <a href="" class="btn" style="background: linear-gradient(90deg,#ec8c42,#ffb453);">开风机</a>
                        <a href="" class="btn" style="background: linear-gradient(90deg,#188255,#379a71);">关风机</a>
                        <a href="" class="btn" targetStatus="F_OPEN" style="background: linear-gradient(90deg,#ec8c42,#ffb453);">开风机</a>
                        <a href="" class="btn" targetStatus="F_CLOSE" style="background: linear-gradient(90deg,#188255,#379a71);">关风机</a>
                    </div>
                    <div class="btns">

                        <a href="" class="btn" style="background: linear-gradient(90deg,#2aaad9,#72c6f1);">风窗全开</a>
                        <a href="" class="btn" style="background: linear-gradient(90deg,#f36968,#fb9475);">风窗全关</a>
                        <a href="" class="btn" targetStatus="OPEN_ALL" style="background: linear-gradient(90deg,#2aaad9,#72c6f1);">风窗全开</a>
                        <a href="" class="btn" targetStatus="CLOSE_ALL" style="background: linear-gradient(90deg,#f36968,#fb9475);">风窗全关</a>
                    </div>
                </div>
                <div class="close"><span class="mui-icon mui-icon-close"></span></div>

 igds-app/js/admin/device-temp.js

@@ -130,7 +130,7 @@
            if (frontList && frontList.length > 0) {
                html += '<div class="m-tf"><div class="g-tittf1">仓库正面</div><ul class="ul-listmana1 ullisttf1">';
                $.each(frontList, function(index, item) {
                    if (item.serId) {

                        html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
                            item.serId + '" targetStatus="' + item.targetStatus + '" name="' + item.name +
                            '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
@@ -142,14 +142,14 @@
                                item.name + '</div>'
                        }
                        html += '</div></div></li>'
                    }

                })
                html += '</ul></div>'
            }
            if (backList && backList.length > 0) {
                html += '<div class="m-tf"><div class="g-tittf1">仓库反面</div><ul class="ul-listmana1 ullisttf1">';
                $.each(backList, function(index, item) {
                    if (item.serId) {

                        html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
                            item.serId + '" targetStatus="' + item.targetStatus + '" name="' + item.name +
                            '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
@@ -161,14 +161,14 @@
                                item.name + '</div>'
                        }
                        html += '</div></div></li>'
                    }

                })
                html += '</ul></div>'
            }
            if (leftList && leftList.length > 0) {
                html += '<div class="m-tf"><div class="g-tittf1">仓库左侧面</div><ul class="ul-listmana1 ullisttf1">';
                $.each(leftList, function(index, item) {
                    if (item.serId) {

                        html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
                            item.serId + '" targetStatus="' + item.targetStatus + '" name="' + item.name +
                            '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
@@ -180,16 +180,16 @@
                                item.name + '</div>'
                        }
                        html += '</div></div></li>'
                    }

                })
                html += '</ul></div>'
            }
            if (rightList && rightList.length > 0) {
                html += '<div class="m-tf"><div class="g-tittf1">仓库右侧面</div><ul class="ul-listmana1 ullisttf1">';
                $.each(rightList, function(index, item) {
                    if (item.serId) {

                        html += '<li><div class="con myfancy" passCode="' + item.passCode + '" serId="' +
                            item.serId + '" targetStatus="' + item.targetStatus + '" name="' + item.name +
                        item.serId + '" targetStatus="' + item.status + '" name="' + item.name +
                            '" data-win="#win_kt"><div class="pic pic2"><img src="images/e1.png"></div>';
                        if (targetStatus == 'OPEN') {
                            html += '<div class="info out" style="background-image: url(images/e8.png);">' +
@@ -199,7 +199,7 @@
                                item.name + '</div>'
                        }
                        html += '</div></div></li>'
                    }

                })
                html += '</ul></div>'
            }

 igds-app/js/admin/device-verb.js

@@ -1,23 +1,34 @@
var deviceData;
var deviceList;
var deptId;
var depotId;
var deptId; //库区编码
var depotId; //仓库编码
var frontList = []; //仓库正面设备列表
var backList = []; //仓库反面设备列表
var leftList = []; //仓库左侧面设备列表
var rightList = []; //仓库右侧面设备列表
var deviceDetail = {
    "passCode": "",
    "serId": "",
    "location": "",
    "type": "",
    "status":""
}
//设备控制
var data = {
    "interfaceId": "5403",
    "outId": "10403",
    "interfaceId": "5402",
    "outId": "10402",
    "reqDateTime": new Date(),
    "tokenAuth": "",
    "data": [],
    // {
    //     "deptId": "",
    //     "depotId": "",
    //     "type": "01",
    //     "type": "",
    //     "passCode": "",
    //     "serId": "",
    //     "targetStatus": ""
    // }
};

//设备列表
var data1 = {
    "interfaceId": "5401",
    "outId": "10401",
@@ -52,10 +63,275 @@
    // depotName = self.depotName
}

var slider = mui(".mui-slider");
slider.slider({
    interval: 3000
});
//获取设备列表（通风）
function getDeviceList() {
    mui.ajax(url, {
        type: "POST",
        dataType: "json",
        crossDomain: true,
        contentType: "application/json;charset=utf-8",
        data: JSON.stringify(data1),
        success: function(result) {
            if (result.code == "0000") {
                deviceData = result.data;
            } else {
                mui.toast(result.msg);
            }
        },
        error: function() {
            mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
        }
    })
}

//渲染页面
function renderDevice() {
    var html = '';
    if (deviceData) {
        var deviceList = deviceData.listDevice;
        if (deviceList && deviceList.length > 0) {
            $.each(deviceList, function(index, item) {
                if (item.location == '01') {
                    frontList.push(item)
                } else if (item.location == '02') {
                    backList.push(item)
                } else if (item.location == '03') {
                    leftList.push(item)
                } else if (item.location == '04') {
                    rightList.push(item)
                }
            })
        }
        if (frontList && frontList.length > 0) { //仓库正面
            html += '<div class="m-tf"><div class="g-tittf1">仓库正面</div><ul class="ul-listmana1 ullisttf1">';
            $.each(frontList, function(index, item) {
                if (item.type == '01') { //风窗
                    html += '<li><div class="con myfancy chuangkou" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="front" type="01">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_01_OPEN.png"></div>'
                    html += '<div class="info in" style="background-image: url(images/e3.png);">' + item.name +
                        '</div>'
                    html += '</div></li>'
                } else if (item.type == '02') { //轴流风机
                    html += '<li><div class="con myfancy zhouliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="front">';
                    html += '<div class="pic"><img src="images/d8.png"></div>'
                    html += '<div class="info in" style="background-image: url(images/e4.png);">' + item.name +
                        '</div>'
                    html += '</div></li>'
                } else if (item.type == '04') { //环流风机
                    html += '<li><div class="con myfancy huanliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="front">';
                    html += '<div class="pic"><img src="images/d7.png"></div>'
                    html += '<div class="info out" style="background-image: url(images/e5.png);"> ' + item
                        .name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0B') { //通风口
                    html += '<li><div class="con myfancy chuangkou" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="front" type="0B">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_0B_OPEN.png"></div>'
                    html += '<div class="info out" ' + item.name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0C') { //混流风机
                    html += '<li><div class="con myfancy hunliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="front">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_01_OPEN.png"></div>'
                    html += '<div class="info full" style="background-image: url(images/e6.png);">' + item
                        .name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0D') { //加压风机
                    html += '<li><div class="con myfancy jiaya" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="front">';
                    html += '<div class="pic pic1"><img src="images/d9.png"></div>'
                    html += '<div class="info full" style="background-image: url(images/e7.png);">' + item
                        .name + '</div>'
                    html += '</div></li>'
                }
            })
            html += '</ul></div>'
        } else if (backList && backList.length > 0) { //仓库反面
            html += '<div class="m-tf"><div class="g-tittf1">仓库反面</div><ul class="ul-listmana1 ullisttf1">';
            $.each(backList, function(index, item) {
                if (item.type == '01') { //风窗
                    html += '<li><div class="con myfancy chuangkou" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="back" type="01">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_01_OPEN.png"></div>'
                    html += '<div class="info in" style="background-image: url(images/e3.png);">' + item.name +
                        '</div>'
                    html += '</div></li>'
                } else if (item.type == '02') { //轴流风机
                    html += '<li><div class="con myfancy zhouliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name + '" location="back">';
                    html += '<div class="pic"><img src="images/d8.png"></div>'
                    html += '<div class="info in" style="background-image: url(images/e4.png);">' + item.name +
                        '</div>'
                    html += '</div></li>'
                } else if (item.type == '04') { //环流风机
                    html += '<li><div class="con myfancy huanliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name + '" location="back">';
                    html += '<div class="pic"><img src="images/d7.png"></div>'
                    html += '<div class="info out" style="background-image: url(images/e5.png);"> ' + item
                        .name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0B') { //通风口
                    html += '<li><div class="con myfancy chuangkou" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="back" type="0B">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_0B_OPEN.png"></div>'
                    html += '<div class="info out" ' + item.name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0C') { //混流风机
                    html += '<li><div class="con myfancy hunliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name + '" location="back">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_01_OPEN.png"></div>'
                    html += '<div class="info full" style="background-image: url(images/e6.png);">' + item
                        .name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0D') { //加压风机
                    html += '<li><div class="con myfancy jiaya" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name + '" location="back">';
                    html += '<div class="pic pic1"><img src="images/d9.png"></div>'
                    html += '<div class="info full" style="background-image: url(images/e7.png);">' + item
                        .name + '</div>'
                    html += '</div></li>'
                }
            })
            html += '</ul></div>'
        } else if (leftList && leftList.length > 0) { //仓库左侧面
            html += '<div class="m-tf"><div class="g-tittf1">仓库左侧面</div><ul class="ul-listmana1 ullisttf1">';
            $.each(leftList, function(index, item) {
                if (item.type == '01') { //风窗
                    html += '<li><div class="con myfancy chuangkou" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="left" type="01">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_01_OPEN.png"></div>'
                    html += '<div class="info in" style="background-image: url(images/e3.png);">' + item.name +
                        '</div>'
                    html += '</div></li>'
                } else if (item.type == '02') { //轴流风机
                    html += '<li><div class="con myfancy zhouliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name + '" location="left">';
                    html += '<div class="pic"><img src="images/d8.png"></div>'
                    html += '<div class="info in" style="background-image: url(images/e4.png);">' + item.name +
                        '</div>'
                    html += '</div></li>'
                } else if (item.type == '04') { //环流风机
                    html += '<li><div class="con myfancy huanliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name + '" location="left">';
                    html += '<div class="pic"><img src="images/d7.png"></div>'
                    html += '<div class="info out" style="background-image: url(images/e5.png);"> ' + item
                        .name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0B') { //通风口
                    html += '<li><div class="con myfancy chuangkou" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="left" type="0B">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_0B_OPEN.png"></div>'
                    html += '<div class="info out" ' + item.name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0C') { //混流风机
                    html += '<li><div class="con myfancy hunliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name + '" location="left">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_01_OPEN.png"></div>'
                    html += '<div class="info full" style="background-image: url(images/e6.png);">' + item
                        .name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0D') { //加压风机
                    html += '<li><div class="con myfancy jiaya" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name + '" location="left">';
                    html += '<div class="pic pic1"><img src="images/d9.png"></div>'
                    html += '<div class="info full" style="background-image: url(images/e7.png);">' + item
                        .name + '</div>'
                    html += '</div></li>'
                }
            })
            html += '</ul></div>'
        } else if (rightList && rightList.length > 0) { //仓库右侧面
            html += '<div class="m-tf"><div class="g-tittf1">仓库右侧面</div><ul class="ul-listmana1 ullisttf1">';
            $.each(rightList, function(index, item) {
                if (item.type == '01') { //风窗
                    html += '<li><div class="con myfancy chuangkou" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="right" type="01">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_01_OPEN.png"></div>'
                    html += '<div class="info in" style="background-image: url(images/e3.png);">' + item.name +
                        '</div>'
                    html += '</div></li>'
                } else if (item.type == '02') { //轴流风机
                    html += '<li><div class="con myfancy zhouliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="right">';
                    html += '<div class="pic"><img src="images/d8.png"></div>'
                    html += '<div class="info in" style="background-image: url(images/e4.png);">' + item.name +
                        '</div>'
                    html += '</div></li>'
                } else if (item.type == '04') { //环流风机
                    html += '<li><div class="con myfancy huanliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="right">';
                    html += '<div class="pic"><img src="images/d7.png"></div>'
                    html += '<div class="info out" style="background-image: url(images/e5.png);"> ' + item
                        .name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0B') { //通风口
                    html += '<li><div class="con myfancy chuangkou" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="right" type="0B">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_0B_OPEN.png"></div>'
                    html += '<div class="info out" ' + item.name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0C') { //混流风机
                    html += '<li><div class="con myfancy hunliu" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="right">';
                    html += '<div class="pic"><img src="images/device-status/STATUS_01_OPEN.png"></div>'
                    html += '<div class="info full" style="background-image: url(images/e6.png);">' + item
                        .name + '</div>'
                    html += '</div></li>'
                } else if (item.type == '0D') { //加压风机
                    html += '<li><div class="con myfancy jiaya" status="' + item.status + '" passCode="' +
                        item.passCode + '" serId="' + item.serId + '"name="' + item.name +
                        '" location="right">';
                    html += '<div class="pic pic1"><img src="images/d9.png"></div>'
                    html += '<div class="info full" style="background-image: url(images/e7.png);">' + item
                        .name + '</div>'
                    html += '</div></li>'
                }
            })
            html += '</ul></div>'
        }
    }
}

//设备操作请求
function toControlDevice() {
    mui.ajax(url, {
        type: "POST",
        dataType: "json",
        crossDomain: true,
        contentType: "application/json;charset=utf-8",
        data: JSON.stringify(data),
        success: function(result) {
            if (result.code == "0000") {
                window.setTimeout(function() {
                    renderDevice();
                }, 200)
            } else {
                mui.alert(result.msg, "提示", ["确定"], function() {}, "div")
            }
        },
        error: function() {
            mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
        }
    })
}

mui('.mui-scroll-wrapper').scroll({
    indicators: false, //是否显示滚动条
@@ -63,22 +339,243 @@
    bounce: false, //是否启用回弹
    deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});

//空调操作
//风窗和通风口弹窗
mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .chuangkou", function() {
    deviceDetail.passCode = this.getAttribute("passCode");
    deviceDetail.serId = this.getAttribute("serId");
    deviceDetail.location = this.getAttribute("location");
    deviceDetail.type = this.getAttribute("type")
    deviceDetail.status = this.getAttribute("status")
    var name = this.getAttribute("name");
    document.getElementById("Fname").innerText = name
    $('#win_chuangkou').css('display', 'flex');
});
//环流弹窗
mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .huanliu", function() {
    deviceDetail.passCode = this.getAttribute("passCode");
    deviceDetail.serId = this.getAttribute("serId");
    deviceDetail.location = this.getAttribute("location");
    deviceDetail.status = this.getAttribute("status")
    deviceDetail.type = '04'
    var name = this.getAttribute("name");
    document.getElementById("huanliuName").innerText = name
    $('#win_huanliu').css('display', 'flex');
});
//混流弹窗
mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .hunliu", function() {
    deviceDetail.passCode = this.getAttribute("passCode");
    deviceDetail.serId = this.getAttribute("serId");
    deviceDetail.location = this.getAttribute("location");
    deviceDetail.status = this.getAttribute("status")
    deviceDetail.type = "0C"
    var name = this.getAttribute("name");
    document.getElementById("hunliuName").innerText = name
    $('#win_hunliu').css('display', 'flex');
});
//轴流弹窗
mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .zhouliu", function() {
    deviceDetail.passCode = this.getAttribute("passCode");
    deviceDetail.serId = this.getAttribute("serId");
    deviceDetail.location = this.getAttribute("location");
    deviceDetail.status = this.getAttribute("status")
    deviceDetail.type = "02"
    var name = this.getAttribute("name");
    document.getElementById("zhouliuName").innerText = name
    $('#win_zhouliu').css('display', 'flex');
});
//加压风机弹窗
mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .jiaya", function() {
    deviceDetail.passCode = this.getAttribute("passCode");
    deviceDetail.serId = this.getAttribute("serId");
    deviceDetail.location = this.getAttribute("location");
    deviceDetail.status = this.getAttribute("status");
    deviceDetail.type = "0D"
    var name = this.getAttribute("name");
    document.getElementById("zhouliuName").innerText = name
    $('#win_jiaya').css('display', 'flex');
});
//设备操作
mui(".m-pop").on("tap", ".inner a", function() {
    var id = this.getAttribute("id");
    //所进行的操作
    var targetStatus = this.getAttribute("targetStatus");

    //如果是轴流风机，先根据风机状态判断风机操作是否可以执行
    if (deviceDetail.type == '02') {
        //风机状态为风机开风窗开，即F_OPEN或者F_OPEN_F时，不能执行关风窗操作
        if ((deviceDetail.status == 'F_OPEN' || deviceDetail.status == 'F_OPEN_F') && targetStatus == 'CLOSE') {
            mui.alert("此风机正在运行，不能执行关闭风窗操作！", "提示", ["确定"], function() {}, "div")
            return;
        }
        //风机状态为风机开风窗开，即F_OPEN或者F_OPEN_F时，不能执行风窗全关操作
        if ((deviceDetail.status == 'F_OPEN' || deviceDetail.status == 'F_OPEN_F') && targetStatus ==
            'W_CLOSE_ALL') {
            mui.alert("此风机正在运行，不能执行风窗全关操作！", "提示", ["确定"], function() {}, "div")
            return;
        }
        //风机状态为风机关风窗关，即W_CLOSE时，不能执行开风机操作
        if (deviceDetail.status == 'W_CLOSE' && (targetStatus == 'F_CLOSE' || targetStatus == 'F_OPEN')) {
            mui.alert("此风机的风窗关闭中，不能执行风机操作！", "提示", ["确定"], function() {}, "div")
            return;
        }
    }
    //如果是混流风机，先判断风机操作是否可以执行
    if (deviceDetail.type == '0C') {
        //风机状态为风机开风口开，即F_OPEN时，不能执行关风口操作
        if ((deviceDetail.status == 'F_OPEN_F' || deviceDetail.status == 'F_OPEN') && targetStatus == 'CLOSE') {
            mui.alert("此风机正在运行，不能执行关闭风口操作！", "提示", ["确定"], function() {}, "div")
            return;
        }
        //风机状态为风机开风窗开，即F_OPEN时，不能执行风窗全关操作
        if ((deviceDetail.status == 'F_OPEN_F' || deviceDetail.status == 'F_OPEN') && targetStatus ==
            'W_CLOSE_ALL') {
            mui.alert("此风机正在运行，不能执行风口全关操作！", "提示", ["确定"], function() {}, "div")
            return;
        }
        //风机状态为风机关风窗关，即W_CLOSE时，不能执行开风窗操作
        if (deviceDetail.status == 'W_CLOSE' && (targetStatus == 'F_CLOSE' || targetStatus == 'F_OPEN' ||
                targetStatus == 'F_OPEN_F')) {
            mui.alert("此风机的风口关闭中，不能执行风机操作！", "提示", ["确定"], function() {}, "div")
            return;
        }
        //风机状态为风机开风窗开，即F_OPEN时，不能执行反转操作
        if (deviceDetail.status == 'F_OPEN' && targetStatus == 'F_OPEN_F') {
            mui.alert("此风机正转状态，不能执行反转操作！", "提示", ["确定"], function() {}, "div")
            return;
        }
        //风机状态为风机开风窗开，即F_OPEN_F时，不能执行正转操作
        if (deviceDetail.status == 'F_OPEN_F' && targetStatus == 'F_OPEN') {
            mui.alert("此风机反转状态，不能执行正转操作！", "提示", ["确定"], function() {}, "div")
            return;
        }
    }
    //判断是否是批量
    var batchTag = false;
    if (targetStatus == 'W_OPEN_ALL') {
        targetStatus = 'OPEN';
        batchTag = true;
    }
    if (targetStatus == 'W_CLOSE_ALL') {
        targetStatus = 'CLOSE';
        batchTag = true;
    }
    if (targetStatus == 'OPEN_ALL') {
        targetStatus = 'OPEN';
        batchTag = true;
    }
    if (targetStatus == 'CLOSE_ALL') {
        targetStatus = 'CLOSE';
        batchTag = true;
    }

    //仓库前面
    if (deviceDetail.location == "front") {
        //参数清空
        data.data = [];
        if (batchTag) { //批量操作
            $.each(frontList, function(index, item) {
                if (deviceDetail.type == item.type) {
                    data.data.push({
                        "deptId": deptId,
                        "depotId": depotId,
                        "passCode": item.passCode,
                        "serId": item.serId,
                        "type": item.type,
                        "targetStatus": targetStatus
                    })
                }
            })
        } else { //单设备操作
            data.data.push({
                "deptId": deptId,
                "depotId": depotId,
                "passCode": deviceDetail.passCode,
                "serId": deviceDetail.serId,
                "type": deviceDetail.type,
                "targetStatus": targetStatus
            })
        }
    } else if (deviceDetail.location == "back") {
        //参数清空
        data.data = [];
        if (batchTag) { //批量操作
            $.each(backList, function(index, item) {
                if (deviceDetail.type == item.type) {
                    data.data.push({
                        "deptId": deptId,
                        "depotId": depotId,
                        "passCode": item.passCode,
                        "serId": item.serId,
                        "type": item.type,
                        "targetStatus": targetStatus
                    })
                }
            })
        } else { //单设备操作
            data.data.push({
                "deptId": deptId,
                "depotId": depotId,
                "passCode": deviceDetail.passCode,
                "serId": deviceDetail.serId,
                "type": deviceDetail.type,
                "targetStatus": targetStatus
            })
        }
    } else if (deviceDetail.location == "left") {
        //参数清空
        data.data = [];
        if (batchTag) { //批量操作
            $.each(leftList, function(index, item) {
                if (deviceDetail.type == item.type) {
                    data.data.push({
                        "deptId": deptId,
                        "depotId": depotId,
                        "passCode": item.passCode,
                        "serId": item.serId,
                        "type": item.type,
                        "targetStatus": targetStatus
                    })
                }
            })
        } else { //单设备操作
            data.data.push({
                "deptId": deptId,
                "depotId": depotId,
                "passCode": deviceDetail.passCode,
                "serId": deviceDetail.serId,
                "type": deviceDetail.type,
                "targetStatus": targetStatus
            })
        }
    } else if (deviceDetail.location == "right") {
        //参数清空
        data.data = [];
        if (batchTag) { //批量操作
            $.each(rightList, function(index, item) {
                if (deviceDetail.type == item.type) {
                    data.data.push({
                        "deptId": deptId,
                        "depotId": depotId,
                        "passCode": item.passCode,
                        "serId": item.serId,
                        "type": item.type,
                        "targetStatus": targetStatus
                    })
                }
            })
        } else { //单设备操作
            data.data.push({
                "deptId": deptId,
                "depotId": depotId,
                "passCode": deviceDetail.passCode,
                "serId": deviceDetail.serId,
                "type": deviceDetail.type,
                "targetStatus": targetStatus
            })
        }
    }

    //发送操作请求
    toControlDevice();

    closePop();
});
@@ -90,3 +587,8 @@
    e.stopPropagation();
    $('.m-pop').fadeOut();
});

var slider = mui(".mui-slider");
slider.slider({
    interval: 3000
});