|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<title>诊间电脑报警软件</title>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
html,
|
|
|
|
|
|
body {
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
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 {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 25%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.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('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJR2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1N2JiODZhLThmY2MtY2Y0Ni04YWJlLTI2MWIzMjhhZWE1ZiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2OGViOWU1Mi0yYmM0LWI1NDMtYTkxZi1lMmY1ZDdhMDE1NTEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iRkE0NzY5NjRBQzcxRDk2MzE4NjRFREVFNDkzMDg1RTEiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0iIiB0aWZmOkltYWdlV2lkdGg9IjY1MCIgdGlmZjpJbWFnZUxlbmd0aD0iNTM3IiB0aWZmOlBob3RvbWV0cmljSW50ZXJwcmV0YXRpb249IjIiIHRpZmY6U2FtcGxlc1BlclBpeGVsPSIzIiB0aWZmOlhSZXNvbHV0aW9uPSIxLzEiIHRpZmY6WVJlc29sdXRpb249IjEvMSIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMSIgZXhpZjpFeGlmVmVyc2lvbj0iMDIzMSIgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIgZXhpZjpQaXhlbFhEaW1lbnNpb249IjY1MCIgZXhpZjpQaXhlbFlEaW1lbnNpb249IjUzNyIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDctMTBUMTY6MDI6MzErMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA3LTEwVDE2OjIxOjMxKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA3LTEwVDE2OjIxOjMxKzA4OjAwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTM3MTdhZTctNjQ5OS1jNDQ5LWEwM2YtNGIwNTExNGIzNDRmIiBzdEV2dDp3aGVuPSIyMDIzLTA3LTEwVDE2OjIxOjMxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBpbWFnZS9qcGVnIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gaW1hZ2UvanBlZyB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjY4ZWI5ZTUyLTJiYzQtYjU0My1hOTFmLWUyZjVkN2EwMTU1MSIgc3RFdnQ6d2hlbj0iMjAyMy0wNy0xMFQxNjoyMTozMSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MzcxN2FlNy02NDk5LWM0NDktYTAzZi00YjA1MTE0YjM0NGYiIHN0UmVmOmRvY3VtZW50SUQ9IkZBNDc2OTY0QUM3MUQ5NjMxODY0RURFRTQ5MzA4NUUxIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9IkZBNDc2OTY0QUM3MUQ5NjMxODY0RURFRTQ5MzA4NUUxIi8+IDx0aWZmOkJpdHNQZXJTYW1wbGU+IDxyZGY6U2VxPiA8cmRmOmxpPjg8L3JkZjpsaT4gPHJkZjpsaT44PC9yZGY6bGk+IDxyZGY6bGk+ODwvcmRmOmxpPiA8L3JkZjpTZXE+IDwvdGlmZjpCaXRzUGVyU2FtcGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmdG+FgAAE3WSURBVHgB7eEH3J5lefj/f47jPK/rns/IXhASViCsEAJGQIYi7r1brdvWbVVqtdqi1lZbrbV+tdbZuvfCiYAsWUIIKyFABgnZyZNn3/d9Xed5Hv88oQhteaz0+3v1+8/j/X6LmdHV1fXwlK6urkkpXV1dk1K6urompXR1dU1K6erqmpTS1dU1KaWrq2tSSldX16SUrq6uSSldXV2TUrq6uialdHV1TUrp6uqalNLV1TUppaura1JKV1fXpJSurq5JKV1dXZNSurq6JqV0dXVNSunq6pqU0tXVNSmlq6trUkpXV9eklK6urkkpXV1dk1K6urompXR1dU1K6erqmpTS1dU1KaWrq2tSSldX16SUrq6uSSldXV2TUrq6uialdHV1TUrp6uqalNLV1TUppaura1JKV1fXpJSurq5JKV1dXZNSurq6JqV0dXVNSunq6pqU0tXVNSmlq6trUkpXV9eklK6urkkpXV1dk/JMYT/52pfPXLPqphVbNm5cvG/v3ukxJe2f1j+48LBF9x532mk3PPUPX3o5Xf/FJT/47vLbr7n29HvX33PEvr17Z8YUtdHTHF2w8LB7jz15+aqV555z+SFHHtPm94CYGVPNpz/0dy+85Lvfes7Q7h1zxdKZxIRiCJCSEUIkiNw4bcEh9z3xOc/71mve+a6v0sV3P/upJ377y19+ydb19xzpynBa7h0iICpYTJQxEjJP/9y5Pzz9sedd+tLXvuH/zDlscWIKEzNjqrjr9lt7/+6Ct39k0+rVy3r7elaYQqvVolN0MAMBVI
|
|
|
|
|
|
background-size: 120px 130px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.alarm-item-box.alarm2 {
|
|
|
|
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJR2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjM3YWMwZjVmLTdlZDktZWE0MC04MjZmLWY4ZDIwMTFmNzU0YiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5ZGY0YTllNi0yMGJmLTJhNDMtYjkwZS0zMjVkN2E2ODNlZTUiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iRkE0NzY5NjRBQzcxRDk2MzE4NjRFREVFNDkzMDg1RTEiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0iIiB0aWZmOkltYWdlV2lkdGg9IjY1MCIgdGlmZjpJbWFnZUxlbmd0aD0iNTM3IiB0aWZmOlBob3RvbWV0cmljSW50ZXJwcmV0YXRpb249IjIiIHRpZmY6U2FtcGxlc1BlclBpeGVsPSIzIiB0aWZmOlhSZXNvbHV0aW9uPSIxLzEiIHRpZmY6WVJlc29sdXRpb249IjEvMSIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMSIgZXhpZjpFeGlmVmVyc2lvbj0iMDIzMSIgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIgZXhpZjpQaXhlbFhEaW1lbnNpb249IjY1MCIgZXhpZjpQaXhlbFlEaW1lbnNpb249IjUzNyIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDctMTBUMTY6MDI6MzErMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA3LTEwVDE2OjQyOjE1KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA3LTEwVDE2OjQyOjE1KzA4OjAwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjQwMWFhNjAtZTJiOS0xODQ0LWFkMmYtNzJhYTYwZDc1NzRiIiBzdEV2dDp3aGVuPSIyMDIzLTA3LTEwVDE2OjQyOjE1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBpbWFnZS9qcGVnIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gaW1hZ2UvanBlZyB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjlkZjRhOWU2LTIwYmYtMmE0My1iOTBlLTMyNWQ3YTY4M2VlNSIgc3RFdnQ6d2hlbj0iMjAyMy0wNy0xMFQxNjo0MjoxNSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NDAxYWE2MC1lMmI5LTE4NDQtYWQyZi03MmFhNjBkNzU3NGIiIHN0UmVmOmRvY3VtZW50SUQ9IkZBNDc2OTY0QUM3MUQ5NjMxODY0RURFRTQ5MzA4NUUxIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9IkZBNDc2OTY0QUM3MUQ5NjMxODY0RURFRTQ5MzA4NUUxIi8+IDx0aWZmOkJpdHNQZXJTYW1wbGU+IDxyZGY6U2VxPiA8cmRmOmxpPjg8L3JkZjpsaT4gPHJkZjpsaT44PC9yZGY6bGk+IDxyZGY6bGk+ODwvcmRmOmxpPiA8L3JkZjpTZXE+IDwvdGlmZjpCaXRzUGVyU2FtcGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph7aOGcAADgHSURBVHgB7cEHnF5lmfD/33Wfc54yPZPJpE16SCOBNEJIIl2kSQdpKggoVV1XUUABdV0XcS3YK4ovgihNeicQIARIJ50kpEySyfT6PM859329mcTyd9dZCcn68v/M/f2KquJ53t9n8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8DyvRwbP83pk8N6TVqxYUYT3/1yI957y6KOPTjDGuOOPP34V3v9zId57xj333DOjpqZmy6xZs2rx3hNEVfE87+8zeJ7XI4P3v2r9W5vC5x793cxnH79/Kn+y4e0tBu//F0RV8favxYtWV7bmukrIt5s186759gdm7jhta13b8gcXnPrHbKqhsrWhrvr8S35wzdRZM2vx3tNCvP3q//zsO6cVGn9w1bad+WPrNhbzjZs2kDYxQwZUTvzlvc9OvO5Kobykme/87mu1U2c9dA3ee1qIt9/MfX7+8IZN3/mXT32k/vBCY4YdbZ2kKaBxQFec4+JTQ0b0bYW0oSKzaSjee57B229++qPbr6iIGg8nzpMKWxnSrwkKAg6yQZ7DpjQAHTRuz/L6AuOWLVtbhveeZvD2i9u+eu4tQ4ofPLJUSkEUcJAIIIiCKJ
|
|
|
|
|
|
background-size: 140px 140px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.alarm-item-box.alarm3 {
|
|
|
|
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJR2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQyYTMyMGY5LWU1OWItNmE0ZS04YWMyLWQyMjljZDg1MmJkYiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmMWMzODU2OC1lZTY0LTdiNDktYjJkNC1mY2FhMDhmNDRkYmUiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iRkE0NzY5NjRBQzcxRDk2MzE4NjRFREVFNDkzMDg1RTEiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0iIiB0aWZmOkltYWdlV2lkdGg9IjY1MCIgdGlmZjpJbWFnZUxlbmd0aD0iNTM3IiB0aWZmOlBob3RvbWV0cmljSW50ZXJwcmV0YXRpb249IjIiIHRpZmY6U2FtcGxlc1BlclBpeGVsPSIzIiB0aWZmOlhSZXNvbHV0aW9uPSIxLzEiIHRpZmY6WVJlc29sdXRpb249IjEvMSIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMSIgZXhpZjpFeGlmVmVyc2lvbj0iMDIzMSIgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIgZXhpZjpQaXhlbFhEaW1lbnNpb249IjY1MCIgZXhpZjpQaXhlbFlEaW1lbnNpb249IjUzNyIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDctMTBUMTY6MDI6MzErMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA3LTEwVDE2OjE3OjQ1KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA3LTEwVDE2OjE3OjQ1KzA4OjAwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YTRlMjU5ZmYtODFiNi1jYTRjLThiOWQtYTA1ODQzZDc0ZWJlIiBzdEV2dDp3aGVuPSIyMDIzLTA3LTEwVDE2OjE3OjQ1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBpbWFnZS9qcGVnIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gaW1hZ2UvanBlZyB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmYxYzM4NTY4LWVlNjQtN2I0OS1iMmQ0LWZjYWEwOGY0NGRiZSIgc3RFdnQ6d2hlbj0iMjAyMy0wNy0xMFQxNjoxNzo0NSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNGUyNTlmZi04MWI2LWNhNGMtOGI5ZC1hMDU4NDNkNzRlYmUiIHN0UmVmOmRvY3VtZW50SUQ9IkZBNDc2OTY0QUM3MUQ5NjMxODY0RURFRTQ5MzA4NUUxIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9IkZBNDc2OTY0QUM3MUQ5NjMxODY0RURFRTQ5MzA4NUUxIi8+IDx0aWZmOkJpdHNQZXJTYW1wbGU+IDxyZGY6U2VxPiA8cmRmOmxpPjg8L3JkZjpsaT4gPHJkZjpsaT44PC9yZGY6bGk+IDxyZGY6bGk+ODwvcmRmOmxpPiA8L3JkZjpTZXE+IDwvdGlmZjpCaXRzUGVyU2FtcGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrCJlYIAAIIhSURBVHja7J11nGXFmfe/VXXkat92GXdjBAaHwSUkQEggJCHuIe4b281mY5tsdLNxIbIJcUIgBIIO7sMI4y7t3n31nFNV7x/n9gjM9JDd7Mv77vTz+RRM273nnlO/evz3CGstEzIhE3J4kRO3YEImZAIgEzIhEwCZkAmZAMiETMgEQCZkQiYAMiETMgGQCZmQCYBMyIRMAGRCJmQCIBMyIRMyAZAJmZAJgEzIhEwAZEImZAIgEzIhEwCZkAmZAMiETMgEQCZkQiYAMiETMgGQCZmQCYBMyIRMyARAJmRCJgAyIRMyAZAJmZAJgEzIhEwAZEImZAIgEzIhEwCZkAmZAMiETMgEQCZkQiZkAiATMiETAJmQCZkAyIRMyP+YOM/nm5dXbf7b/0hIbFBipGMbevduuns7cYdGiLTAcwokc82ImmkkJ2fIHH88PXf8lcqGXbRcsoKKNgz9+U6a3nItPX+5gdwZZ+BnUxR7I8LtG0kvmExh63bSdbXIRI5yoUzDuacw8NPf4jU1MpJL0rriZAqde+i77oc0nXI2TtM0Co+vof7at1FY9Sj5B58g2rGHqd/+N0Y2dTC09klHbFiX9PJDfv2H35+rdA22VvpGamVfV50/2NlYGRzNUKwkrbFSS4yUwiZcNwwSyXKpsX4o0VA/kGhu6fOnzuqqfPtbA0O9+8LKSYvLmeOOLzYsP5eOT38cZQNqzliBe+Hl9NxwPdZTZJvb6Pzp9TRdeTn1LzyfgetvwCTShI/cQcuH/4H++x4hU1/P8O5NOCYDrfXYDV
|
|
|
|
|
|
background-size: 140px 140px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.alarm-item-box.alarm4 {
|
|
|
|
|
|
background: url('data:image/png;base64,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
|
|
|
|
|
|
background-size: 140px 140px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.alarm-item-box .txt {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
bottom: 30px;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 设置报警位置 */
|
|
|
|
|
|
.btn-saveAddress {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
width: 120px;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
background-color: #008cff;
|
|
|
|
|
|
margin: 0 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 按钮 */
|
|
|
|
|
|
.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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 播报模式 */
|
|
|
|
|
|
.toggle-btn {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
width: 180px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.toggle-btn .btn {
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 34px;
|
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.toggle-btn .btn:nth-child(1) {
|
|
|
|
|
|
border-radius: 5px 0 0 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.toggle-btn .btn:nth-child(2) {
|
|
|
|
|
|
border-radius: 0 5px 5px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.toggle-btn .btn.active {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
border-color: #008cff;
|
|
|
|
|
|
background-color: #008cff;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<script src="jquery.min.js"></script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div class="wrapper">
|
|
|
|
|
|
<div class="page-title">诊间电脑报警软件</div>
|
|
|
|
|
|
<div style="overflow: hidden;">
|
|
|
|
|
|
<div class="toggle-btn">
|
|
|
|
|
|
<div class="btn active">
|
|
|
|
|
|
直接播报
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="btn" style="border-left: 0;">
|
|
|
|
|
|
按键播报
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="alarm-box">
|
|
|
|
|
|
<div class="alarm-item">
|
|
|
|
|
|
<div class="alarm-item-box alarm1">
|
|
|
|
|
|
<div class="txt">普通纠纷</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="alarm-item">
|
|
|
|
|
|
<div class="alarm-item-box alarm2">
|
|
|
|
|
|
<div class="txt">肢体接触</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="alarm-item">
|
|
|
|
|
|
<div class="alarm-item-box alarm3">
|
|
|
|
|
|
<div class="txt">暴力伤害</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="alarm-item">
|
|
|
|
|
|
<div class="alarm-item-box alarm4">
|
|
|
|
|
|
<div class="txt">火灾</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="alarm-foot">
|
|
|
|
|
|
<div style="display: none;" class="alarm-btn" id="alarmBtn">一键播报</div>
|
|
|
|
|
|
<div class="alarm-btn stop" id="stopButton">停止播报</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="flex: 1;display: flex;align-items: center;margin-top: 20px;">
|
|
|
|
|
|
<div class="page-small-title">报警点位置</div>
|
|
|
|
|
|
<select class="input" id="address" placeholder="报警位置" style="width: 200px;">
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<button id="btnSaveAddress" class="btn-saveAddress">设置警点位置</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<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 style="display: flex;margin: 10px 0 20px;">
|
|
|
|
|
|
<div style="flex: 1;display: flex;align-items: center;">
|
|
|
|
|
|
<div class="page-small-title">语速</div>
|
|
|
|
|
|
<input class="input" id="rate" placeholder="语速" value="0.6" style="width: 120px;" />（0.1到10）
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="flex: 1;display: flex;align-items: center;">
|
|
|
|
|
|
<div class="page-small-title">音量</div>
|
|
|
|
|
|
<input class="input" id="volume" placeholder="语速" value="1" style="width: 120px;" />（0到1）
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="flex: 1;display: flex;align-items: center;">
|
|
|
|
|
|
<div class="page-small-title">循环次数</div>
|
|
|
|
|
|
<input class="input" id="repeatNum" placeholder="语速" value="3" style="width: 120px;" />
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="display: flex;margin: 10px 0 20px;">
|
|
|
|
|
|
<div style="flex: 1;display: flex;align-items: center;">
|
|
|
|
|
|
<div class="page-small-title">音色</div>
|
|
|
|
|
|
<select class="input" id="voices" placeholder="音色" style="width: 200px;">
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<button style="display:none;" id="btnGetVoice">获取音色</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
// const baseUrl = "http://152.136.119.150:81";//外网测试环境
|
|
|
|
|
|
const baseUrl = "http://171.16.8.51:81";//"http://192.168.1.102:81";//本地测试环境
|
|
|
|
|
|
const iotBaseUrl = "http://171.16.8.58:8080"//"http://182.139.182.190:60032";//物联网平台外网测试环境
|
|
|
|
|
|
if (!('speechSynthesis' in window)) {
|
|
|
|
|
|
throw alert("对不起，您的浏览器不支持")
|
|
|
|
|
|
}
|
|
|
|
|
|
const alarmLevel = {
|
|
|
|
|
|
1: '普通纠纷',
|
|
|
|
|
|
2: '肢体接触',
|
|
|
|
|
|
3: '暴力伤害',
|
|
|
|
|
|
4: '火灾'
|
|
|
|
|
|
};
|
|
|
|
|
|
let speakType = 1;//播报模式，1直接播报 2按键播报
|
|
|
|
|
|
var repeatNum = 3;//循环播放次数
|
|
|
|
|
|
var utterThis = new window.SpeechSynthesisUtterance();
|
|
|
|
|
|
utterThis.lang = 'zh-CN';
|
|
|
|
|
|
utterThis.pitch = 2;
|
|
|
|
|
|
document.querySelector('#stopButton').onclick = function () {
|
|
|
|
|
|
window.speechSynthesis.pause();
|
|
|
|
|
|
window.speechSynthesis.cancel();
|
|
|
|
|
|
}
|
|
|
|
|
|
//获取音色
|
|
|
|
|
|
var voices = [];
|
|
|
|
|
|
voices = speechSynthesis.getVoices();
|
|
|
|
|
|
document.getElementById('btnGetVoice').onclick = function () {
|
|
|
|
|
|
voices = speechSynthesis.getVoices();
|
|
|
|
|
|
console.log(voices);
|
|
|
|
|
|
if (voices && voices.length > 0) {
|
|
|
|
|
|
voices.forEach(function (v, index) {
|
|
|
|
|
|
if (v.lang != 'zh-CN' || !v.localService) {
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
var option = document.createElement("option");
|
|
|
|
|
|
option.value = index
|
|
|
|
|
|
option.text = v.name;
|
|
|
|
|
|
document.getElementById('voices').add(option);
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
|
document.getElementById('btnGetVoice').click();
|
|
|
|
|
|
}, 800)
|
|
|
|
|
|
// 选择报警级别
|
|
|
|
|
|
let level = null;
|
|
|
|
|
|
document.querySelectorAll('.alarm-item-box').forEach(function (dom, index) {
|
|
|
|
|
|
dom.addEventListener('click', function () {
|
|
|
|
|
|
let _actDom = document.querySelectorAll('.alarm-item-box.active');
|
|
|
|
|
|
if (_actDom.length > 0) {
|
|
|
|
|
|
_actDom[0].classList.remove('active')
|
|
|
|
|
|
}
|
|
|
|
|
|
dom.classList.add('active');
|
|
|
|
|
|
level = index;
|
|
|
|
|
|
document.querySelector('textarea#volTxt').value = alarmLevel[index + 1];
|
|
|
|
|
|
var txt = document.querySelector('textarea#volTxt').value;
|
|
|
|
|
|
if (speakType == 1) {
|
|
|
|
|
|
speak(txt);
|
|
|
|
|
|
reportSaveIot(txt);//本地存储 =》 上报
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
|
|
|
|
|
//切换播报模式
|
|
|
|
|
|
document.querySelectorAll('.toggle-btn .btn').forEach(function (dom, index) {
|
|
|
|
|
|
dom.addEventListener('click', function () {
|
|
|
|
|
|
let _actDom = document.querySelectorAll('.toggle-btn .btn.active');
|
|
|
|
|
|
if (_actDom.length > 0) {
|
|
|
|
|
|
_actDom[0].classList.remove('active')
|
|
|
|
|
|
}
|
|
|
|
|
|
dom.classList.add('active');
|
|
|
|
|
|
speakType = index + 1;
|
|
|
|
|
|
document.getElementById('alarmBtn').style.display = speakType == 1 ? 'none' : 'inline-block';
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
|
|
|
|
|
//一键播报
|
|
|
|
|
|
document.getElementById('alarmBtn').onclick = function () {
|
|
|
|
|
|
var txt = document.querySelector('textarea#volTxt').value;
|
|
|
|
|
|
if (level == null || txt == '') {
|
|
|
|
|
|
alert('播报内容不能为空')
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
console.log(txt)
|
|
|
|
|
|
speak(txt);
|
|
|
|
|
|
reportSaveIot(txt);//本地存储 =》 上报
|
|
|
|
|
|
}
|
|
|
|
|
|
//播报
|
|
|
|
|
|
function speak(txt) {
|
|
|
|
|
|
window.speechSynthesis.cancel();//先清除播放队列
|
|
|
|
|
|
var rate = document.querySelector('input#rate').value;
|
|
|
|
|
|
var volume = document.querySelector('input#volume').value;
|
|
|
|
|
|
var voice = document.querySelector('select#voices').value;
|
|
|
|
|
|
var num = document.querySelector('input#repeatNum').value;
|
|
|
|
|
|
utterThis.text = txt
|
|
|
|
|
|
utterThis.rate = rate ? rate : 1;
|
|
|
|
|
|
utterThis.volume = volume ? volume : 1;
|
|
|
|
|
|
if (voice != undefined) {
|
|
|
|
|
|
utterThis.voice = voices[voice];
|
|
|
|
|
|
}
|
|
|
|
|
|
// window.speechSynthesis.resume();
|
|
|
|
|
|
let count = 1;
|
|
|
|
|
|
window.speechSynthesis.speak(utterThis);
|
|
|
|
|
|
repeatNum = parseInt(num) > 0 ? num : 1;
|
|
|
|
|
|
while (count < repeatNum) {
|
|
|
|
|
|
window.speechSynthesis.speak(utterThis);
|
|
|
|
|
|
count++;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
//报警设备接口
|
|
|
|
|
|
let token = window.sessionStorage.getItem('bizToken');
|
|
|
|
|
|
let deviceList = [];
|
|
|
|
|
|
getDeviceList();
|
|
|
|
|
|
function getDeviceList() {
|
|
|
|
|
|
if (token != undefined && token) {
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
url: iotBaseUrl + "/prod-api/api/bizDevice/list?pid=98¶ms[type]=1", type: "get", headers: { Authorization: token }, dataType: "json", success: function (res) {
|
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
|
deviceList = res.rows;
|
|
|
|
|
|
deviceList.forEach(function (v) {
|
|
|
|
|
|
var option = document.createElement("option");
|
|
|
|
|
|
option.value = v.id
|
|
|
|
|
|
option.text = v.name;
|
|
|
|
|
|
document.getElementById('address').add(option);
|
|
|
|
|
|
})
|
|
|
|
|
|
let addressIndex = window.localStorage.getItem('deviceId');
|
|
|
|
|
|
if (addressIndex != undefined && addressIndex) {
|
|
|
|
|
|
let index = deviceList.findIndex(function (item) {
|
|
|
|
|
|
return item.id = addressIndex;
|
|
|
|
|
|
})
|
|
|
|
|
|
document.querySelector('select#address').value = deviceList[index].id;
|
|
|
|
|
|
}
|
|
|
|
|
|
} else if (res.code == 401) {
|
|
|
|
|
|
window.sessionStorage.removeItem('bizToken');
|
|
|
|
|
|
token = "";
|
|
|
|
|
|
getDeviceList();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
url: iotBaseUrl + "/prod-api/api/Login", type: "post", contentType: "application/json;charset=UTF-8", dataType: "json", data: JSON.stringify({
|
|
|
|
|
|
"appKey": 'Arf7bd4f26', "appSecret": 'kb207044c8'
|
|
|
|
|
|
}), success: function (res) {
|
|
|
|
|
|
if (res.code === 0) {
|
|
|
|
|
|
window.sessionStorage.setItem('bizToken', res.data.token);
|
|
|
|
|
|
token = res.data.token;
|
|
|
|
|
|
getDeviceList();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
//报警点位存储本地
|
|
|
|
|
|
document.getElementById('btnSaveAddress').onclick = function () {
|
|
|
|
|
|
var id = document.querySelector('select#address').value;
|
|
|
|
|
|
let index = deviceList.findIndex(function (item) {
|
|
|
|
|
|
return item.id = id;
|
|
|
|
|
|
})
|
|
|
|
|
|
window.localStorage.setItem('deviceId', id);
|
|
|
|
|
|
}
|
|
|
|
|
|
//报警信息上报
|
|
|
|
|
|
function reportSaveIot(txt) {
|
|
|
|
|
|
var id = document.querySelector('select#address').value;
|
|
|
|
|
|
let index = deviceList.findIndex(function (item) {
|
|
|
|
|
|
return item.id = id;
|
|
|
|
|
|
})
|
|
|
|
|
|
if (index < 0) {
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
let formdata = new FormData();
|
|
|
|
|
|
let tags = JSON.parse(deviceList[index].tags);
|
|
|
|
|
|
formdata.append('type', '4');
|
|
|
|
|
|
formdata.append('deviceId', tags.mac);
|
|
|
|
|
|
formdata.append('buildId', '1');
|
|
|
|
|
|
formdata.append('floorNo', tags.floorNo);
|
|
|
|
|
|
formdata.append('longidute', tags.lng);
|
|
|
|
|
|
formdata.append('latidute', tags.lat);
|
|
|
|
|
|
formdata.append('content', txt);
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
url: baseUrl + "/appData/putFile", type: "post", contentType: false, processData: false, dataType: 'json', data: formdata, success: function (res) {
|
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
|
console.log('上报成功');
|
|
|
|
|
|
reportIot(txt);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
//报警信息上报
|
|
|
|
|
|
function reportIot(txt) {
|
|
|
|
|
|
var id = document.querySelector('select#address').value;
|
|
|
|
|
|
let index = deviceList.findIndex(function (item) {
|
|
|
|
|
|
return item.id = id;
|
|
|
|
|
|
})
|
|
|
|
|
|
if (index < 0) {
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
const device = deviceList[index];
|
|
|
|
|
|
const tags = device.tags ? JSON.parse(device.tags) : null;
|
|
|
|
|
|
let data = {
|
|
|
|
|
|
"alarmTypeIdentity": "700007",
|
|
|
|
|
|
"description": txt,
|
|
|
|
|
|
"deviceSn": tags.mac,
|
|
|
|
|
|
"platformCode": "DIANXIN",
|
|
|
|
|
|
}
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
url: baseUrl + "/appData/escalation", type: "post", contentType: "application/json;charset=UTF-8", dataType: "json", data: JSON.stringify(data), success: function (res) {
|
|
|
|
|
|
let _data = JSON.parse(res.data);
|
|
|
|
|
|
if (_data.resultCode == 0) {
|
|
|
|
|
|
console.log('上报成功2');
|
|
|
|
|
|
}else{
|
|
|
|
|
|
console.log(_data.msg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
