From ea6bc6a90863e8800db77091810c647aa9328963 Mon Sep 17 00:00:00 2001
From: YYC <1833023622@qq.com>
Date: 星期二, 30 五月 2023 16:27:42 +0800
Subject: [PATCH] 通风操作
---
igds-app/device-verb.html | 118 +++++++++++++++++++++++++----------------------------------
1 files changed, 50 insertions(+), 68 deletions(-)
diff --git a/igds-app/device-verb.html b/igds-app/device-verb.html
index becf351..3884dba 100644
--- a/igds-app/device-verb.html
+++ b/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>
--
Gitblit v1.9.3