data.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. {%set loadUrl = data['url']['data'] + '&ajax=1' %}
  2. {% if data['ajax'] == False %}
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. {%include '../inc/header.html'%}
  7. {% if 'camera' in data and data['camera'] %}
  8. <link href="{{static_url('pc/lib/player/video-js.min.css')}}" rel="stylesheet">
  9. {% end %}
  10. <style>
  11. .button dt {
  12. margin-top: -9px;
  13. padding-bottom: 9px;
  14. }
  15. .button .btn-switch {
  16. border-radius: 0px;
  17. height:32px;
  18. width: 40px;
  19. font-size:12px;
  20. cursor: pointer;
  21. outline:none;
  22. margin-left:-9px;
  23. }
  24. .button .open {
  25. color:white;
  26. }
  27. .button .disabled {
  28. color:#bababa;
  29. }
  30. .button .loading {
  31. background-image: url(data:image/gif;base64,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);
  32. background-position: 50%;
  33. background-repeat: no-repeat;
  34. background-size: 15px 15px;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <div class="wrapper clearfix">
  40. {%include '../inc/nav.html'%}
  41. <div class="right-cont">
  42. {%include '../inc/top.html'%}
  43. <div class="main">
  44. {%include '../inc/msg.html'%}
  45. {%include 'inc/menu.html'%}
  46. {% if 'stat' in data and data['stat'] %}
  47. <div>
  48. <div class="pannel" name="chart" id="chart">
  49. <h2>今日(<span class="name">{{data['stat']['name']}}</span>)数据趋势</h2>
  50. <div class="box" id="main" style="width: 100%;height:405px;"></div>
  51. </div>
  52. </div>
  53. {% end %}
  54. {% if 'camera' in data and data['camera'] %}
  55. {% for k,v in enumerate(data['camera']) %}
  56. <div class="{% if k%2 == 0 %}left{% else %}right{% end %} w-half">
  57. <div class="pannel">
  58. <h2>{{v['name']}}</h2>
  59. <video id="player-{{k}}" class="player video-js vjs-default-skin" controls>
  60. <source
  61. src="{{v['value']}}"
  62. type="application/x-mpegURL">
  63. </video>
  64. </div>
  65. </div>
  66. {% end %}
  67. {% end %}
  68. <div id="loadMain">
  69. {% end %}
  70. {% if 'pic' in data and data['pic'] %}
  71. {% if 'camera' in data and data['camera'] %}
  72. {%set index = 0 %}
  73. {% for v in data['camera'] %}
  74. {%set index = index+1 %}
  75. {% end %}
  76. {% else %}
  77. {%set index = 0 %}
  78. {% end %}
  79. {% for k,v in enumerate(data['pic']) %}
  80. <div class="{% if index%2 == 0 %}left{% else %}right{% end %} w-half">
  81. <div class="pannel">
  82. <h2>{{v['name']}}</h2>
  83. <div class="box">
  84. <img src="{{v['value']}}" width="100%" style="display: block;" />
  85. </div>
  86. </div>
  87. </div>
  88. {%set index = index+1 %}
  89. {% end %}
  90. {% end %}
  91. {%include 'inc/data.html'%}
  92. {% if data['ajax'] == False %}
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. {%include '../inc/footer.html'%}
  98. {%include '../inc/script.html'%}
  99. {% end %}
  100. {% if 'stat' not in data %}
  101. {% else %}
  102. {% if data['ajax'] == False %}
  103. {%include 'chart/simple.html'%}
  104. {% else %}
  105. {%include 'chart/ajax.html'%}
  106. {% end %}
  107. {% end %}
  108. {% if data['ajax'] == False %}
  109. {%include 'inc/load.html'%}
  110. </body>
  111. </html>
  112. {% end %}