bpb_fx.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <link rel="stylesheet" type="text/css" href="css/main.css">
  7. <link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
  8. <link rel="stylesheet" type="text/css" href="css/bpb.css">
  9. </head>
  10. <body onclick="clearEle();" class="bpb_bg">
  11. <div class="bpb_title"></div>
  12. <div class="bpb_content"><div style="text-align: center;">正在开发中...</div></div>
  13. </body>
  14. </html>
  15. <!-- 引入qwebchannel.js、Player.js、PlayerUtils.js -->
  16. <script type="text/javascript" src="jquery-3.4.1.js"></script>
  17. <script type="text/javascript" src="jquery-ui.min.js"></script>
  18. <script type="text/javascript" src="echarts.min.js"></script>
  19. <script src="global.js"></script>
  20. <script type="text/javascript" src="template.js"></script>
  21. <script>
  22. //汉化日期控件
  23. $.datepicker.regional['zh-CN'] = {
  24. clearText: '清除',
  25. clearStatus: '清除已选日期',
  26. closeText: '关闭',
  27. closeStatus: '不改变当前选择',
  28. prevText: '<上月',
  29. prevStatus: '显示上月',
  30. prevBigText: '<<',
  31. prevBigStatus: '显示上一年',
  32. nextText: '下月>',
  33. nextStatus: '显示下月',
  34. nextBigText: '>>',
  35. nextBigStatus: '显示下一年',
  36. currentText: '今天',
  37. currentStatus: '显示本月',
  38. monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
  39. monthNamesShort: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],
  40. monthStatus: '选择月份',
  41. yearStatus: '选择年份',
  42. weekHeader: '周',
  43. weekStatus: '年内周次',
  44. dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
  45. dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
  46. dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
  47. dayStatus: '设置 DD 为一周起始',
  48. dateStatus: '选择 m月 d日, DD',
  49. dateFormat: 'yy-mm-dd',
  50. firstDay: 1,
  51. initStatus: '请选择日期',
  52. isRTL: false
  53. };
  54. $(document).ready(function () {
  55. $.datepicker.setDefaults($.datepicker.regional['zh-CN']); //设置日期控制语言
  56. $("#datepicker1").datepicker({
  57. dateFormat: "yy-mm-dd",
  58. showOn: "button",
  59. buttonText: "选择日期",
  60. changeMonth: true,
  61. changeYear: true,
  62. numberOfMonths: 1,
  63. rangeSelect: true,
  64. onClose: function (selectedDate) {
  65. $("#datepicker2").datepicker("option", "minDate", selectedDate);
  66. $("#datepicker2").val('');
  67. var isNowDay = selectedDate==new Date().Format("yyyy-MM-dd");
  68. var hour1Opts = [];
  69. var nowHour = new Date().Format("h");
  70. for (var i = 0; i < 24; i++) {
  71. if( !isNowDay || (isNowDay && i<=nowHour)) hour1Opts.push('<option value="' + i + '">' + i + ' 时</option>');
  72. }
  73. $("#hour1,#hourP1").html(hour1Opts.join(''))
  74. }
  75. });
  76. $("#datepicker2").datepicker({
  77. dateFormat: "yy-mm-dd",
  78. showOn: "button",
  79. buttonText: "选择日期",
  80. changeMonth: true,
  81. changeYear: true,
  82. numberOfMonths: 1,
  83. rangeSelect: true,
  84. defaultDate: new Date().Format("yyyy-MM-dd"),
  85. onClose:function(selectedDate){
  86. var isNowDay = selectedDate==new Date().Format("yyyy-MM-dd");
  87. var hour2Opts = [];
  88. var nowHour = new Date().Format("h");
  89. for (var i = 0; i < 24; i++) {
  90. if( !isNowDay || (isNowDay && i<=nowHour)) hour2Opts.push('<option value="' + i + '">' + i + ' 时</option>');
  91. }
  92. $("#hour2,#hourP2").html(hour2Opts.join(''))
  93. }
  94. });
  95. //日期不能超过当前日期
  96. //$("#datepicker1,#datepicker2").datepicker("option", "maxDate", new Date().Format("yyyy-MM-dd"));
  97. $("#date_select,#ui-datepicker-div,#day_select").on("click", function (e) {
  98. e.stopPropagation();
  99. });
  100. $("#bpb_content").height($(window).height()-$(".bpb_title").height());
  101. });
  102. function clearEle(){
  103. }
  104. function GetData() {
  105. $.getJSON(SERVER_URL + "/index", {}, function (res) {
  106. setTimeout(function () {
  107. //每60秒主动查询一次数据
  108. GetData()
  109. }, INDEX_TIMEOUT);
  110. if (res == null || res.code != 0) {
  111. return
  112. }
  113. var jsondata = res.data;
  114. })
  115. }
  116. //关闭窗口
  117. function CloseWin() {
  118. }
  119. </script>