device-management.html 4.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>设备管理</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <link rel="stylesheet" type="text/css" href="../../../fonts/font-awesome/css/font-awesome.min.css"/>
  12. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  14. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
  15. <link rel="stylesheet" type="text/css" href="../css/device-management.css"/>
  16. </head>
  17. <body>
  18. <div class="h45">
  19. <div class="demo-comtop">
  20. <a class="mui-action-back"></a>
  21. <h1>设备管理</h1>
  22. <!--<div class="header-link">
  23. <img src="../images/shoumiao_icon.png" width="23" class="mt10">
  24. </div>-->
  25. </div>
  26. </div>
  27. <div class="plr15 ptb10 c-border-b bgc-fff ui-grid ui-grid-middle">
  28. <div class="ui-col-1 c-f17">居民设备使用情况<span class="c-f14 c-909090 ml10" id="count">(0)</span></div>
  29. <div class="ui-col-0"><a class="c-btn c-btn-17b3ec" id="remindBtn">提醒测量</a></div>
  30. </div>
  31. <div class="plr15 ptb10 bgc-fff c-border-b ui-grid ui-grid-middle">
  32. <div class="ui-col-1 c-f14">过滤条件:
  33. <span class="filter-label">全部</span><!--
  34. --><span class="filter-label">全部</span><!--
  35. --><span class="filter-label">全部</span>
  36. </div>
  37. <div class="ui-col-0" id="filterBtn">
  38. <img src="../images/saixuan_icon.gif" width="22">
  39. </div>
  40. </div>
  41. <div class="mui-scroll-wrapper" style="top: 148px;">
  42. <div class="mui-scroll">
  43. <ul class="plr15" id="result_wrapper">
  44. </ul>
  45. <div id="no_result_wrap" class="c-hide">
  46. <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
  47. <div class="c-f14 c-333 c-t-center">抱歉,暂未找到符合条件的结果。</div>
  48. </div>
  49. </div>
  50. </div>
  51. <script type="text/html" id="li-tmp">
  52. {{each list as it}}
  53. <li class="ptb10 device-card" data-json="{{it | getJsonStr}}">
  54. <div class="ui-col-0 mr15">
  55. <div class="img-box">
  56. <img src="{{it.photo | getPhoto}}">
  57. </div>
  58. </div>
  59. <div class="ui-col-1">
  60. <div class="c-f17">{{it.name}}</div>
  61. <div class="mt5 c-f14 c-999">{{it.category_code | getCategoryName}} - {{it.device_name}}</div>
  62. {{if it.operate_code == 1}}
  63. <div class="mt5 c-f14 c-999">&bull; 登记时间:{{it.create_time | formatDate}}</div>
  64. {{/if}}
  65. {{if it.operate_code == 2}}
  66. <div class="mt5 c-f14 c-999">&bull; 解绑时间:{{it.create_time | formatDate}}</div>
  67. {{/if}}
  68. </div>
  69. <div class="ui-col-0"><i class="fa fa-angle-right"></i></div>
  70. {{if it.operate_code == 1}}
  71. <div class="flag-box"><img src="../images/bangdi_icon.png"></div>
  72. {{else}}
  73. <div class="flag-box"><img src="../images/jiebang_icon.png"></div>
  74. {{/if}}
  75. </li>
  76. {{/each}}
  77. </script>
  78. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  79. <script src="../../../js/mui.js" type="text/javascript" charset="utf-8"></script>
  80. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  81. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  82. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  83. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  84. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  85. <script src="../js/templateHepler.js" type="text/javascript" charset="utf-8"></script>
  86. <script src="../js/device-management.js" type="text/javascript" charset="utf-8"></script>
  87. </body>
  88. </html>