通风操作

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>
@@ -177,46 +194,11 @@
   <script src="./js/mui.min.js"></script>
   <script src="./js/jquery.js"></script>
   <script src="js/lib.js"></script>
   <script src="js/admin/device-verb.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
      });

      //空调操作
      mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .huanliu", function() {
         $('#win_huanliu').css('display', 'flex');
      });
      mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .hunliu", function() {
         $('#win_hunliu').css('display', 'flex');
      });
      mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .zhouliu", function() {
         $('#win_zhouliu').css('display', 'flex');
      });
      mui(".mui-scroll-wrapper").on("tap", ".m-tf ul li .jiaya", function() {
         $('#win_jiaya').css('display', 'flex');
      });
      mui(".m-pop").on("tap", ".inner a", 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();
      });
      mui.plusReady(function() {
         init();
      })
   </script>
</html>