stat.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. {% extends "../theme.html" %}
  2. {% block content %}
  3. {%include 'inc/menu.html'%}
  4. <div class="pannel">
  5. <form action="/device/stat" method="get">
  6. <input type="hidden" name="type" id="type" value="{{data['input']['type']}}" />
  7. <input type="hidden" name="id" id="id" value="{{data['input']['id']}}" />
  8. <select name="device" id="device">
  9. {% for v in data['device'] %}
  10. <option value="{{v['id']}}" {% if 'device' in data['search'] and data['search']['device'] == v['id'] %}selected{% end %}>{{v['name']}}</option>
  11. {% end %}
  12. </select>
  13. <select name="group" id="group" {% if 'start' in data['search'] or 'end' in data['search'] %}style="display:none;"{% end %}>
  14. {% for v in data['group'] %}
  15. <option value="{{v['id']}}" {% if 'group' in data['search'] and data['search']['group'] == v['id'] %}selected{% end %}>{{v['name']}}</option>
  16. {% end %}
  17. </select>
  18. <input type="text" name="start" id="start" readonly class="form_datetime" value="{% if 'start' in data['search'] %}{{data['search']['start']}}{% end %}" style="width:150px;">
  19. ~
  20. <input type="text" name="end" id="end" readonly class="form_datetime" value="{% if 'end' in data['search'] %}{{data['search']['end']}}{% end %}" style="width:150px;">
  21. <input type="submit" value="查询">
  22. </form>
  23. <div class="box" id="main" style="width: 100%;height:400px;">
  24. </div>
  25. </div>
  26. {% end %}
  27. {% block script %}
  28. {%include 'chart/page.html'%}
  29. <script type="text/javascript" src="{{static_url('pc/lib/laydate/laydate.js')}}"></script>
  30. <script type="text/javascript">
  31. dateTheme = '#247ed0'
  32. laydate.render({
  33. elem: '#start'
  34. ,theme: dateTheme
  35. ,max: 0
  36. ,type: 'datetime'
  37. /*
  38. ,mark: {
  39. '0-9-14': '浇水'
  40. ,'0-9-26': '施肥' //每年的日期
  41. }
  42. */
  43. ,done: function(value, date){
  44. /*
  45. if(date.year === 2017 && date.month === 9 && date.date === 14){
  46. alert('我都干了什么啊');
  47. }
  48. */
  49. var start = value
  50. var end = $("#end").val()
  51. if (start || end) {
  52. $("#group").hide();
  53. } else {
  54. $("#group").show();
  55. }
  56. }
  57. });
  58. laydate.render({
  59. elem: '#end'
  60. ,theme: dateTheme
  61. //,min: $('#start').val()
  62. ,max: 0
  63. ,type: 'datetime'
  64. ,done: function(value, date){
  65. var start = $("#start").val()
  66. var end = value
  67. if (start || end) {
  68. $("#group").hide();
  69. } else {
  70. $("#group").show();
  71. }
  72. }
  73. });
  74. </script>
  75. {% end %}