From 0b27b9263ce721844d124ec4541a83b0f6db6c13 Mon Sep 17 00:00:00 2001 From: YYC <1833023622@qq.com> Date: 星期一, 19 六月 2023 10:46:26 +0800 Subject: [PATCH] 电子巡更 --- igds-app/device-verb.html | 78 ++++++++++++++++++++++++--------------- 1 files changed, 48 insertions(+), 30 deletions(-) diff --git a/igds-app/device-verb.html b/igds-app/device-verb.html index e446e09..6f85bcc 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-tf"> + <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> @@ -89,19 +89,39 @@ </li> </ul> </div> + --> </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 +133,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 +156,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 +174,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> -- Gitblit v1.9.3