| | |
| | | <html> |
| | | <head> |
| | | <meta charset="utf-8"> |
| | | <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> |
| | | <meta name="viewport" |
| | | content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> |
| | | <title>温控管理</title> |
| | | <!-- MUI样式 --> |
| | | <link rel="stylesheet" href="./css/mui.min.css" /> |
| | | <link rel="stylesheet" href="css/mui.poppicker.css"> |
| | | <link rel="stylesheet" href="css/mui.picker.min.css" /> |
| | | <!-- 公共css --> |
| | | <link rel="stylesheet" href="./css/admin/public.css" /> |
| | | <!-- 页面css --> |
| | |
| | | </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" 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> |
| | |
| | | </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> |
| | |
| | | </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> |
| | |
| | | <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> |
| | |
| | | </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> |
| | |
| | | </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> |
| | |
| | | <div class="name">空调</div> |
| | | <div class="group"> |
| | | <div class="l"><b>开关</b></div> |
| | | <div class="r"> |
| | | <div class="mui-switch mui-switch-mini"> |
| | | <div class="r" id="switch"> |
| | | <div class="mui-switch mui-switch-mini" id="vibrationSwitch"> |
| | | <div class="mui-switch-handle"></div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="group sel-box"> |
| | | <div class="l"><b>模式:</b></div> |
| | | <div class="r"> |
| | | <select class="sel"> |
| | | <option value="">请选择</option> |
| | | <option value="0">模式1</option> |
| | | <option value="1">模式2</option> |
| | | <option value="2">模式3</option> |
| | | </select> |
| | | <div class="val" id="targetModel"> |
| | | <div class="placeholder">请选择</div> |
| | | <div class="real-val" id="ywlx-val"></div> |
| | | </div> |
| | | <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> |
| | |
| | | </body> |
| | | <script src="./js/mui.min.js"></script> |
| | | <script src="./js/jquery.js"></script> |
| | | <script src="./js/mui.picker.min.js"></script> |
| | | <script src="./js/admin/device-temp.js"></script> |
| | | <script type="text/javascript" charset="utf-8"> |
| | | mui.init(); |
| | | |
| | | var slider = mui(".mui-slider"); |
| | | slider.slider({ |
| | | interval: 3000 |
| | | }); |
| | | |
| | | mui('.mui-scroll-wrapper').scroll({ |
| | | indicators: false, //是否显示滚动条 |
| | | deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏 |
| | | bounce: false, //是否启用回弹 |
| | | deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 |
| | | }); |
| | | |
| | | $('#range').on('input propertychange', function() { //实时事件(获取每个变化的值) |
| | | var val = $('#range').val(); |
| | | $('.subbar').css({ |
| | | width: ((val-9) / 16) * 100 + '%' |
| | | }) |
| | | mui.plusReady(function() { |
| | | init(); |
| | | }) |
| | | |
| | | //空调操作 |
| | | mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .con", function() { |
| | | $('.m-pop').css('display', 'flex'); |
| | | }); |
| | | mui(".m-pop").on("tap", ".inner .confirm", function() { |
| | | var id = this.getAttribute("id"); |
| | | |
| | | closePop(); |
| | | }); |
| | | //关闭弹窗 |
| | | function closePop() { |
| | | $(".m-pop").css('display', 'none'); |
| | | } |
| | | $('.pop-bg,.m-pop .close').click(function(e) { |
| | | e.stopPropagation(); |
| | | $('.m-pop').fadeOut(); |
| | | }); |
| | | </script> |
| | | </html> |