From 05bbc875545347bd449e7342c779746e5e04b738 Mon Sep 17 00:00:00 2001
From: zhangqun <179111901@qq.com>
Date: Thu, 2 Nov 2023 16:48:36 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B5=E8=84=91=E6=95=85=E9=9A=9C=E4=B8=8A?=
 =?UTF-8?q?=E6=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vocalldemo/fault.png   | Bin 0 -> 7177 bytes
 vocalldemo/report.html | 218 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 218 insertions(+)
 create mode 100644 vocalldemo/fault.png
 create mode 100644 vocalldemo/report.html

diff --git a/vocalldemo/fault.png b/vocalldemo/fault.png
new file mode 100644
index 0000000000000000000000000000000000000000..748c6d0b02454329bef9ea7b1dad296527cbbad4
GIT binary patch
literal 7177
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
LNkvXXu0mjfYjVed

literal 0
HcmV?d00001

diff --git a/vocalldemo/report.html b/vocalldemo/report.html
new file mode 100644
index 0000000..1f48d4a
--- /dev/null
+++ b/vocalldemo/report.html
@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>电脑故障上报</title>
+  <style>
+    html,
+    body {
+      height: 100%;
+      min-height: 600px;
+    }
+
+    body {
+      background: url(bg.jpg) center no-repeat;
+      background-size: 150% 150%;
+    }
+
+    * {
+      margin: 0;
+      padding: 0;
+    }
+
+    .page-title {
+      font-size: 38px;
+      text-align: center;
+      line-height: 60px;
+      font-weight: bold;
+      margin: 40px 0;
+      text-shadow: 0 2px rgba(255, 255, 255, 0.7);
+    }
+
+    .wrapper {
+      min-width: 800px;
+      max-width: 1000px;
+      margin: 0 auto;
+      overflow: auto;
+    }
+
+    .alarm-box {
+      overflow: hidden;
+    }
+
+    .alarm-item {
+      width: 25%;
+      margin: 0 auto;
+    }
+
+    .alarm-item-box {
+      position: relative;
+      height: 200px;
+      margin: 15px;
+      border: 3px solid #eee;
+      border-radius: 10%;
+      background: #fff;
+      cursor: pointer;
+    }
+
+    .alarm-item-box.active {
+      border-color: red;
+    }
+
+    .alarm-item-box.alarm1 {
+      background: url('fault.png') no-repeat center 10px;
+      background-size: 120px 130px;
+    }
+
+    .alarm-item-box .txt {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 30px;
+      font-weight: bold;
+      line-height: 30px;
+      text-align: center;
+    }
+
+    /* 按钮 */
+    .alarm-foot {
+      text-align: center;
+      margin-top: 20px;
+    }
+
+    .alarm-foot .alarm-btn {
+      display: inline-block;
+      width: 150px;
+      color: #fff;
+      text-align: center;
+      line-height: 38px;
+      border-radius: 5px;
+      background-color: #f00;
+      margin: 0 10px;
+      cursor: pointer;
+    }
+
+    .alarm-foot .alarm-btn.stop {
+      color: #333;
+      border: 1px solid #ddd;
+      background-color: #fff;
+    }
+
+    .input {
+      outline-style: none;
+      border: 1px solid #ddd;
+      border-radius: 5px;
+      padding: 3px 8px;
+    }
+
+    .input:focus {
+      border-color: #409eff;
+      box-shadow: 0 0 3px #008cff;
+      /*设置获取焦点时的阴影*/
+    }
+
+    .page-small-title {
+      display: inline-block;
+      width: 95px;
+      text-align: center;
+      text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
+    }
+
+  </style>
+  <script src="jquery.min.js"></script>
+  <!-- 引入样式 -->
+  <link rel="stylesheet" href="layer/theme/default/layer.css">
+  <!-- 引入组件库 -->
+  <script src="layer/layer.js"></script>
+</head>
+
+<body>
+  <div class="wrapper">
+    <div class="page-title">电脑故障上报</div>
+    <div class="alarm-box">
+      <div class="alarm-item">
+        <div class="alarm-item-box alarm1">
+          <div class="txt">电脑异常</div>
+        </div>
+      </div>
+    </div>
+    <div style="flex: 1;display: flex;align-items: center;margin-top: 20px;">
+      <div class="page-small-title">本机IP</div>
+      <input class="input" id="ip" placeholder="本机IP" style="width: 200px;">
+      </input>
+    </div>
+    <div id="speckBox" style="overflow: hidden;">
+      <div style="flex: 1;display: flex;align-items: top;margin: 20px 0;">
+        <div class="page-small-title">备注信息</div>
+        <textarea id="volTxt" class="input" style="width:80%;height:100px;"></textarea>
+      </div>
+    </div>
+    <!-- 报警按钮 -->
+    <div class="alarm-foot" style="padding-bottom: 30px;">
+      <div class="alarm-btn" id="alarmBtn">上报故障</div>
+    </div>
+  </div>
+  <script>
+    // const baseUrl = "http://152.136.119.150:81";//外网测试环境
+    //本地测试
+    // const baseUrl = "http://192.168.1.102:81";//本地测试环境-上报
+    // const iotBaseUrl = "http://182.139.182.190:60032";//物联网平台测试
+    //现场测试
+    const baseUrl = "http://171.16.8.51:81";//上报
+    const iotBaseUrl = "http://171.16.8.58:8080"//物联网平台环境
+    //上报报警
+    document.getElementById('alarmBtn').onclick = function () {
+      reportIot();
+    }
+    //报警信息上报
+    function reportIot() {
+      let ip = $('#ip').val();
+      if(ip == '') {
+        layer.msg('未成功获取本机IP，请联系运维人员');
+        return;
+      }
+      let data = {
+          "alarmTypeIdentity": "700007",
+          "description": $('#volTxt').val(),
+          "deviceSn": ip,
+          "platformCode": "DIANXIN",
+      }
+      var loadingIndex = layer.load(0, {shade: false});
+      $.ajax({
+        url:  baseUrl + "/appData/escalation", type: "post", contentType: "application/json;charset=UTF-8", dataType: "json", data: JSON.stringify(data),timeout: 6000, success: function (res) {
+          layer.close(loadingIndex);
+          let _data = JSON.parse(res.data);
+          if (_data.resultCode == 0) {
+            layer.msg('故障上报成功');
+          }else{
+            console.log(_data.msg);
+            layer.msg('故障上报失败，请联系运维人员');
+          }
+        },error: function() {
+          layer.close(loadingIndex);
+          layer.msg('故障上报失败，请联系运维人员');
+        }
+      });
+    }
+    //获取本机IP
+    getIp();
+    function getIp() {
+      $.ajax({
+        url:  baseUrl + "/appData/escalation", type: "post", contentType: "application/json;charset=UTF-8", dataType: "json", data: {},timeout: 6000, success: function (res) {
+          let _data = JSON.parse(res.data);
+          if (res.code === 200) {
+            $('#ip').val(res.data);
+          }else{
+            layer.msg('本机IP获取失败，请联系运维人员');
+          }
+        },error: function() {
+          layer.msg('本机IP获取失败，请联系运维人员');
+        }
+      });
+    }
+  </script>
+
+</body>
+
+</html>
\ No newline at end of file