data.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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. </head>
  11. <body>
  12. <div class="wrapper clearfix">
  13. {%include '../inc/nav.html'%}
  14. <div class="right-cont">
  15. {%include '../inc/top.html'%}
  16. <div class="main">
  17. {%include '../inc/msg.html'%}
  18. {%include 'inc/menu.html'%}
  19. {% if 'stat' in data and data['stat'] %}
  20. <div>
  21. <div class="pannel" name="chart" id="chart">
  22. <h2>今日(<span class="name">{{data['stat']['name']}}</span>)数据趋势</h2>
  23. <div class="box" id="main" style="width: 100%;height:405px;"></div>
  24. </div>
  25. </div>
  26. {% end %}
  27. {% if 'camera' in data and data['camera'] %}
  28. {% for k,v in enumerate(data['camera']) %}
  29. <div class="{% if k%2 == 0 %}left{% else %}right{% end %} w-half">
  30. <div class="pannel">
  31. <h2>{{v['name']}}</h2>
  32. <video id="player-{{k}}" class="player video-js vjs-default-skin" controls>
  33. <source
  34. src="{{v['value']}}"
  35. type="application/x-mpegURL">
  36. </video>
  37. </div>
  38. </div>
  39. {% end %}
  40. {% end %}
  41. <div id="loadMain">
  42. {% end %}
  43. {% if 'pic' in data and data['pic'] %}
  44. {% if 'camera' in data and data['camera'] %}
  45. {%set index = 0 %}
  46. {% for v in data['camera'] %}
  47. {%set index = index+1 %}
  48. {% end %}
  49. {% else %}
  50. {%set index = 0 %}
  51. {% end %}
  52. {% for k,v in enumerate(data['pic']) %}
  53. <div class="{% if index%2 == 0 %}left{% else %}right{% end %} w-half">
  54. <div class="pannel">
  55. <h2>{{v['name']}}</h2>
  56. <div class="box">
  57. <img src="{{v['value']}}" width="100%" style="display: block;" />
  58. </div>
  59. </div>
  60. </div>
  61. {%set index = index+1 %}
  62. {% end %}
  63. {% end %}
  64. {%include 'inc/data.html'%}
  65. {% if data['ajax'] == False %}
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. {%include '../inc/footer.html'%}
  71. {%include '../inc/script.html'%}
  72. {% end %}
  73. {% if 'stat' not in data %}
  74. {% else %}
  75. {% if data['ajax'] == False %}
  76. {%include 'chart/simple.html'%}
  77. {% else %}
  78. {%include 'chart/ajax.html'%}
  79. {% end %}
  80. {% end %}
  81. {% if data['ajax'] == False %}
  82. {%include 'inc/load.html'%}
  83. </body>
  84. </html>
  85. {% end %}