空调开关和温度显示

YYC

2023-06-08 279b87c61ae1bff17d924bc0aa625473c0fc830b

空调开关和温度显示

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

@@ -205,12 +205,29 @@
    height: 45px;
    line-height: 45px;
}
.m-opts .group1 {

    font-size: 16px;
    color: #000;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
}

.group .oh {
    float: none;
    width: auto;
    height: 45px;
    overflow: hidden;
    padding-left: 7px;
    position: relative;
}

.group1 .oh {
    float: none;
    width: auto;
    height: 45px;
    /* overflow: hidden; */
    padding-left: 7px;
    position: relative;
}
@@ -291,12 +308,37 @@


.range {
    position: absolute;
    /* position: absolute; */
    top: -2px;
    left: 7px;
    right: 10px;
}
.range1 {
    position: absolute;
    top: 0px;
    left: 40px;
    right: 5px;
}

.range1 .bar {
    position: absolute;
    top: 25px;
    left: 0;
    width: 90%;
    height: 3px;
    background-color: #f5f6f7;
    border-radius: 3px;
    overflow: hidden;
}

.range1 .bar .subbar {
    position: absolute;
    left: 0;
    height: 3px;
    background-color: #178255;
    border-radius: 3px;
    overflow: hidden;
}
.range .bar {
    position: absolute;
    top: 25px;

 igds-app/device-temp.html

@@ -26,7 +26,8 @@
                        <div class="g-tittf1">仓库正面</div>
                        <ul class="ul-listmana1 ullisttf1">
                            <li>
                                <div class="con myfancy" passCode="011" serId="100" targetStatus="OPEN" data-win="#win_kt">
                                <div class="con myfancy" passCode="011" serId="100" targetStatus="OPEN"
                                    data-win="#win_kt">
                                    <div class="pic pic2">
                                        <img src="images/e1.png">
                                    </div>
@@ -46,7 +47,7 @@
                                </div>
                            </li>
                            <li>
                                <div class="con myfancy" data-win="#win_kt">
                                <div class="con myfancy" data-win="#win_kt" targetStatus="OPEN">
                                    <div class="pic pic2">
                                        <img src="images/e1.png">
                                    </div>
@@ -61,7 +62,7 @@
                        <div class="g-tittf1">仓库反面</div>
                        <ul class="ul-listmana1 ullisttf1">
                            <li>
                                <div class="con myfancy" data-win="#win_kt">
                                <div class="con myfancy" data-win="#win_kt" targetStatus="CLOSE">
                                    <div class="pic pic2">
                                        <img src="images/e1.png">
                                    </div>
@@ -71,7 +72,7 @@
                                </div>
                            </li>
                            <li>
                                <div class="con myfancy" data-win="#win_kt">
                                <div class="con myfancy" data-win="#win_kt" targetStatus="CLOSE">
                                    <div class="pic pic2">
                                        <img src="images/e1.png">
                                    </div>
@@ -81,7 +82,7 @@
                                </div>
                            </li>
                            <li>
                                <div class="con myfancy" data-win="#win_kt">
                                <div class="con myfancy" data-win="#win_kt" targetStatus="CLOSE">
                                    <div class="pic pic2">
                                        <img src="images/e1.png">
                                    </div>
@@ -103,7 +104,7 @@
                    <div class="name">空调</div>
                    <div class="group">
                        <div class="l"><b>开关</b></div>
                        <div class="r">
                        <div class="r" id="switch">
                            <div class="mui-switch mui-switch-mini" id="vibrationSwitch">
                                <div class="mui-switch-handle"></div>
                            </div>
@@ -112,15 +113,6 @@
                    <div class="group sel-box">
                        <div class="l"><b>模式:</b></div>
                        <div class="r">
                            <!-- <select class="sel" id="targetModel">
                                <option value="">请选择</option>
                                <option value="HEATING">制热</option>
                                <option value="01-REFRIGERATION">制冷</option>
                                <option value="02-AERATION">通风</option>
                                <option value="DEHU">除湿</option>
                            </select>
                            <i class="mui-icon mui-icon-arrowright"></i> -->

                            <div class="val" id="targetModel">
                                <div class="placeholder">请选择</div>
                                <div class="real-val" id="ywlx-val"></div>
@@ -128,16 +120,34 @@
                            <i class="mui-icon mui-icon-arrowright"></i>
                        </div>
                    </div>
                    <div class="group">
<!--                     <div class="group">
                        <div class="l"><b>温度</b></div>
                        <div class="r oh">
                            <div class="range">
                                <input class="lcmf-range" value="17" id="range" type="range" min="9" max="25">
                                <div class="bar">
                                    <div class="subbar" style="width: 50%;"></div>
                                <div class="mui-input-row mui-input-range">

                                    <input class="lcmf-range" value="17" id="range" type="range" min="9" max="25">
                                    <div class="bar">
                                        <div class="subbar" style="width: 50%;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> -->
					
                    <div class="group1">
                        <div class="l"><b>温度</b></div>
                        <div class="r oh">
                            <div class="range1">
                                <div class="mui-input-row mui-input-range">
                                    <input class="lcmf-range" value="17" id="range" type="range" min="9" max="25">
                                    <div class="bar">
                                        <div class="subbar" style="width: 50%;"></div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="confirm">确定</div>
                </div>

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

@@ -50,18 +50,6 @@
    // depotName = self.depotName
}

//监听开关状态
document.getElementById("vibrationSwitch").addEventListener("toggle", function(event) {
    if (event.detail.isActive) {
        targetStatus = 'OPEN';
        data.data.targetStatus = targetStatus;
        console.log("你启动了开关");
    } else {
        targetStatus = 'CLOSE';
        data.data.targetStatus = targetStatus;
        console.log("你关闭了开关");
    }
})
//获取设备列表（空调）
function getDeviceList() {
    mui.ajax(url, {
@@ -226,17 +214,34 @@
    })
})

//监听开关状态
document.getElementById("vibrationSwitch").addEventListener("toggle", function(event) {
    if (event.detail.isActive) {
        targetStatus = 'OPEN';
        data.data.targetStatus = targetStatus;
        console.log("你启动了开关");
    } else {
        targetStatus = 'CLOSE';
        data.data.targetStatus = targetStatus;
        console.log("你关闭了开关");
    }
})
//空调操作
mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .con", function() {

    targetStatus = this.getAttribute("targetStatus")
    data.data.targetStatus = targetStatus
    var html = '';
    if (targetStatus == 'OPEN') {
        //改变开关的默认状态
        document.getElementById("vibrationSwitch").classList.add('mui-active');
        $('.mui-switch-handle').css("-webkit-transform" , "translate3d(16px, 0, 0)");
        console.log("开")
    } else if (targetStatus == 'CLOSE') {
        document.getElementById("vibrationSwitch").classList.remove('mui-active');
        $('.mui-switch-handle').css("-webkit-transform" , "translate3d(0, 0, 0)");
        console.log("关")
    }
	
    var passCode = this.getAttribute("passCode");
    var serId = this.getAttribute("serId");
    var name = this.getAttribute("name");