YYC
2023-06-08 279b87c61ae1bff17d924bc0aa625473c0fc830b
igds-app/device-temp.html
@@ -2,10 +2,13 @@
<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 -->
@@ -18,12 +21,13 @@
      </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>
@@ -33,7 +37,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>
@@ -43,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>
@@ -58,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>
@@ -68,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>
@@ -78,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>
@@ -100,8 +104,8 @@
               <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>
@@ -109,24 +113,40 @@
               <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>
@@ -137,44 +157,13 @@
   </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>