page5.js 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. let cameraLogLevel = "";
  2. function setCameraLogLevel() {
  3. const level = logLevel.value;
  4. fetch("/api/camera/loglevel", {
  5. method: "POST",
  6. headers: {"Content-Type": "application/json"},
  7. body: JSON.stringify({level})
  8. })
  9. .then(async r => {
  10. if (!r.ok) throw new Error(await r.text());
  11. cameraLogLevel = level;
  12. })
  13. .catch(e => {
  14. logLevel.value = cameraLogLevel;
  15. });
  16. }
  17. function getCameraLogLevel() {
  18. fetch("/api/camera/loglevel")
  19. .then(async r => {
  20. if (!r.ok) throw new Error(await r.text());
  21. return r.json();
  22. })
  23. .then(d => {
  24. cameraLogLevel = d.log_level;
  25. logLevel.value = d.log_level;
  26. })
  27. .catch(e => {
  28. cameraLogLevel = "";
  29. logLevel.value = "";
  30. });
  31. }
  32. function downloadCameraLogFile() {
  33. const btn = event.currentTarget;
  34. btn.disabled = true;
  35. fetch("/api/camera/logfile")
  36. .then(async r => {
  37. if (!r.ok) {
  38. throw new Error("HTTP " + r.status);
  39. }
  40. const disposition = r.headers.get("Content-Disposition");
  41. let filename = "camera.log.tar.gz";
  42. if (disposition) {
  43. const match = disposition.match(/filename="?([^";]+)"?/);
  44. if (match) {
  45. filename = match[1];
  46. }
  47. }
  48. return {
  49. blob: await r.blob(),
  50. filename
  51. };
  52. })
  53. .then(({ blob, filename }) => {
  54. const url = URL.createObjectURL(blob);
  55. const a = document.createElement("a");
  56. a.href = url;
  57. a.download = filename;
  58. document.body.appendChild(a);
  59. a.click();
  60. a.remove();
  61. setTimeout(() => {
  62. URL.revokeObjectURL(url);
  63. }, 1000);
  64. alert("下载成功");
  65. })
  66. .catch(e => {
  67. console.error("download failed:", e);
  68. alert("下载失败: " + e.message);
  69. })
  70. .finally(() => {
  71. btn.disabled = false;
  72. btn.textContent = "下载";
  73. });
  74. }
  75. function restartCameraService() {
  76. if (!confirm("确定重启相机服务吗?")) {
  77. return;
  78. }
  79. const btn = event.currentTarget;
  80. btn.disabled = true;
  81. fetch("/api/camera/restart", {
  82. method: "POST"
  83. })
  84. .then(async r => {
  85. if (!r.ok) {
  86. throw new Error(await r.text());
  87. }
  88. logLevel.value = "info";
  89. cameraLogLevel = logLevel.value;
  90. disconnectLog();
  91. connectLog("yfkj-camera-capture.service", "text1");
  92. alert("重启成功");
  93. })
  94. .catch(e => {
  95. console.error("restart failed:", e);
  96. alert("重启失败: " + e.message);
  97. })
  98. .finally(() => {
  99. btn.disabled = false;
  100. });
  101. }
  102. function getCameraStatus() {
  103. setBtnStatus("btn1", false);
  104. setBtnStatus("btn2", false);
  105. setBtnStatus("btn3", false);
  106. setBtnStatus("btn4", false);
  107. fetch("/api/camera/status")
  108. .then(async r => {
  109. if (!r.ok) {
  110. throw new Error("HTTP " + r.status);
  111. }
  112. return r.json();
  113. })
  114. .then(data => {
  115. ["avar1","avar2","avar3","avar4","avar5", "avar6"]
  116. .forEach(id => setText(id, data[id]));
  117. })
  118. .catch(e => {
  119. console.error("getCameraStatus() failed:", e);
  120. ["avar1","avar2","avar3","avar4","avar5", "avar6"]
  121. .forEach(id => setText(id, null));
  122. })
  123. .finally(() => {
  124. setBtnStatus("btn1", true);
  125. setBtnStatus("btn2", true);
  126. setBtnStatus("btn3", true);
  127. setBtnStatus("btn4", true);
  128. });
  129. getCameraLogLevel();
  130. }
  131. function cameraPower(enable) {
  132. fetch("/api/camera/gpio22power", {
  133. method: "POST",
  134. headers: {
  135. "Content-Type": "application/json"
  136. },
  137. body: JSON.stringify({
  138. enable: enable
  139. })
  140. })
  141. .then(async r => {
  142. if (!r.ok) {
  143. throw new Error(await r.text());
  144. }
  145. return r.json();
  146. })
  147. .then(data => {
  148. if (data.ok) {
  149. setText("avar5", enable === "true" ? "🟢打开" : null);
  150. alert(enable === "true" ? "上电成功" : "断电成功");
  151. } else { // 目前后端不会这么返回,避免以后修改代码
  152. alert("操作失败");
  153. }
  154. })
  155. .catch(e => {
  156. alert("操作失败: " + e.message);
  157. });
  158. }
  159. function cameraPing() {
  160. fetch("/api/camera/pingGigeCamera", {method:"POST"})
  161. .then(r => r.json())
  162. .then(data => {
  163. setText("avar6", data.avar6);
  164. alert(data.avar6 === "🟢正常" ? "网口相机Ping测试成功" : "网口相机Ping测试失败");
  165. })
  166. .catch(() => {
  167. setText("avar6", null);
  168. alert("网口相机Ping测试失败");
  169. });
  170. }
  171. function initPage5() {
  172. getCameraStatus();
  173. connectLog("yfkj-camera-capture.service", "text1");
  174. }
  175. function exitPage5() {
  176. disconnectLog();
  177. }