Changes for page Demo for Smart Office, Factory
Last modified by Hera Guo on 2024/11/11 17:08
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 42 added, 0 removed)
- 1730710271230-716.png
- 1730710395303-672.png
- 1730710693066-349.png
- 1730710850458-781.png
- 1730710875401-848.png
- 1730710949358-671.png
- 1730710990334-601.png
- 1730712335338-750.png
- 1730712473941-913.png
- 1730712539209-554.png
- 1730770392454-317.png
- 1730770636230-829.png
- 1730770875793-351.png
- 1730771103096-522.png
- 1730771199343-553.png
- 1730771228766-212.png
- 1730771256045-238.png
- 1730771318657-502.png
- 1730771386258-676.png
- 1730771441589-122.png
- 1730771504586-433.png
- 1730857191863-514.png
- 1730857537965-184.png
- 1730857750749-240.png
- 1730862483514-101.png
- 1730862584519-902.png
- 1730863708259-750.png
- 1730863750414-979.png
- 1730864045747-876.png
- 1730864077395-395.png
- 1730864117808-484.png
- 1730864159071-895.png
- 1730864207037-477.png
- 1730864250506-111.png
- 1730864293216-991.png
- 1730864331859-740.png
- 1730864460314-611.png
- 1730864617480-221.png
- 1730864676542-406.png
- 1730864784118-474.png
- 1730865053380-293.png
- 屏幕截图 2024-11-04 135045.png
Details
- Page properties
-
- Content
-
... ... @@ -57,7 +57,7 @@ 57 57 58 58 **device:**This section displays the specific information collected by the device, and different types of sensors have different display interfaces 59 59 60 -[[image: 1730699212334-960.png]]60 +[[image:屏幕截图 2024-11-04 134645.png]] 61 61 62 62 First floor: 63 63 ... ... @@ -82,7 +82,7 @@ 82 82 83 83 High Temperature、Low Temperature、High humidity、Low humidity、Low voltage、Device Disconnected 84 84 85 -[[image:1 730699566023-958.png]]85 +[[image:屏幕截图 2024-11-04 135045.png]] 86 86 87 87 = 4.configuration details = 88 88 ... ... @@ -92,56 +92,983 @@ 92 92 93 93 === 4.1.1.Data source (Entity aliases) === 94 94 95 - Assetmap:95 +detail:Obtain data based on dashboard status 96 96 97 -[[image:17307094 09941-536.png]]97 +[[image:1730709424998-915.png||height="729" width="1436"]] 98 98 99 - detail:99 +Alarm:Obtain alarm information 100 100 101 -[[image:17307094 24998-915.png]]101 +[[image:1730709479828-595.png||height="696" width="1435"]] 102 102 103 - devid:103 +Dragino&GXHL,Ltd:Obtain data through asset types 104 104 105 -[[image:17307094 42773-502.png]]105 +[[image:1730709511861-439.png||height="714" width="1435"]] 106 106 107 -Sta te:107 +Selected Supermarket:Retrieve devices by device type 108 108 109 -[[image:1730709 461297-207.png]]109 +[[image:1730709527720-418.png||height="751" width="1433"]] 110 110 111 - Alarm:111 +Supermarket Devices:Obtain data through device type 112 112 113 -[[image:1730709 479828-595.png]]113 +[[image:1730709555797-383.png||height="726" width="1434"]] 114 114 115 -D ragino&GXHL,Ltd:115 +LHT65N Device:Obtain data based on device type 116 116 117 -[[image:17307 09511861-439.png]]117 +[[image:1730857191863-514.png||height="725" width="1433"]] 118 118 119 - SelectedSupermarket:119 +=== 4.1.2.Page Configuration === 120 120 121 - [[image:1730709527720-418.png]]121 +==== 4.1.2.1、Configure the interface of the third layer Davies. ==== 122 122 123 - Supermarkets:123 +==== 4.1.2.2、Configure the interface of the second layer asset ==== 124 124 125 - [[image:1730709542597-321.png]]125 +===== 4.1.2.2.1 Equipment distribution diagram: ===== 126 126 127 - SupermarketDevices:127 +**Data:** 128 128 129 -[[image:17307095 55797-383.png]]129 +[[image:1730770392454-317.png||height="745" width="1439"]] 130 130 131 +**Appearannce:**In this module, we need to arrange our devices in the corresponding positions and use icons to display our devices. Therefore, in the Appearance interface, we need to configure them 131 131 132 - ===4.1.2.PageConfiguration===133 +**Tooltip function:**This module displays the current information of the device 133 133 134 - 1、Configurethe interface of the third layer Davies.135 +[[image:1730857537965-184.png]] 135 135 137 +{{code language="none"}} 138 +var msg = data 139 +if(msg.Label=="gateway" && msg.type == "gateway"){ 140 + var stauts 141 + if (msg.gatewaystauts=="true"){ 142 + stauts = "Connect" 143 + } 144 + else{ 145 + stauts = "Disconnected" 146 + } 147 + var str = "<b>"+msg.entityName+"</b><br/><b>"+stauts+"</b><br/>" 148 + return str 149 +} 150 +else if(msg.type=="gxhl01" && msg.Label!="gateway"){ 151 + var str = "<b>"+msg.entityName+"</b><br/><b>"+msg.Label+"</b><br/><b>Bat:</b>"+msg.BatV+"V<br/><b>Temperature:</b>"+ msg.TempC_SHT+ "°C<br/><b>Humidity:</b>"+msg.Hum_SHT+"%" 152 + return str 153 +} 154 +else{ 155 + var str = "<b>"+msg.entityName+"</b><br/><b>"+msg.Label+"</b><br/><b>Bat:</b>"+msg.BatV+"V<br/><b>Temperature:</b>"+ msg.temperature+ "°C<br/><b>Humidity:"+msg.humidity+"%"+"</b><br/>"+ 156 + "<b>Co2:"+msg.co2+"</b></br><b>Air_Pressure:"+msg.air_pressure 157 + 158 + return str 159 +} 160 +{{/code}} 136 136 137 -2、Configure the interface of the second layer asset 162 +(% class="wikigeneratedid" id="HMarkerimagefunctionFF1A" %) 163 +**Marker image function:**This module can display different icons based on different types of sensors and their status to achieve its functionality 138 138 165 +(% class="wikigeneratedid" %) 166 +[[image:1730857750749-240.png]] 139 139 140 -3、Configure the first layer menu interface 168 +{{code language="none"}} 169 +var res 170 +var msg = data 171 +if(msg.Label=="gateway" && msg.type=="gateway"){ 172 + if (msg.gatewaystauts == "true"){ 173 + res = { 174 + url: images[3], 175 + size: 40 176 +} 177 +} 178 +else{ 179 + res = { 180 + url: images[2], 181 + size: 40 182 +} 183 +}} 184 +else if(msg.Label!="gateway" && msg.type=="gxhl01" ){ 185 + if (msg.active=="false"){ 186 + res = { 187 + url: images[1], 188 + size: 40 189 +}} 190 +else{ 191 + res = { 192 + url: images[0], 193 + size: 40 194 +} 195 +} 196 +} 197 +else if(msg.type=="LWL02"){ 198 + if (msg.WATER_LEAK_STATUS=="0"){ 199 + res = { 200 + url: images[6], 201 + size: 40 202 +}} 203 +else{ 204 + res = { 205 + url: images[7], 206 + size: 40 207 +} 208 +} 209 +} 210 +else if(msg.type=="LDS02"){ 211 + if (msg.DOOR_OPEN_STATUS=="0"){ 212 + res = { 213 + url: images[5], 214 + size: 40 215 +}} 216 +else{ 217 + res = { 218 + url: images[8], 219 + size: 40 220 +} 221 +} 222 +} 223 +else if(msg.type=="LDS12"){ 224 + res = { 225 + url: images[10], 226 + size: 40 227 +}} 228 +else if(msg.type=="SE01"){ 229 + res = { 230 + url: images[9], 231 + size: 40 232 +}} 233 +else if(msg.type=="PB01"){ 234 + res = { 235 + url: images[11], 236 + size: 40 237 +}} 238 +else if(msg.type=="S31b"){ 239 + res = { 240 + url: images[12], 241 + size: 40 242 +}} 243 +else if(msg.type=="LHT65N"){ 244 + res = { 245 + url: images[13], 246 + size: 40 247 +}} 248 +else{ 249 + res = { 250 + url: images[4], 251 + size: 40 252 +} 253 +} 254 +return res; 255 +{{/code}} 141 141 257 +(% class="wikigeneratedid" id="H" %) 258 +[[image:1730770875793-351.png]]**Actions:**We need to implement the function of entering the details interface through the corresponding device icon, so in this module, we need to add actions to achieve redirection 142 142 260 +{{code language="none"}} 261 +var entitySubType; 262 +var $injector = widgetContext.$scope.$injector; 263 +$injector.get(widgetContext.servicesMap.get('entityService')).getEntity(entityId.entityType, entityId.id) 264 + .subscribe(function(data) { 265 + entitySubType = data.type; 266 + console.log(entitySubType) 267 + if (entitySubType == 'gateway') { 268 + openDashboardStates('gateway_detail'); 269 + } else if (entitySubType == 'gxhl01') { 270 + openDashboardStates('detail'); 271 + } 272 + else if(entitySubType == 'AQS01-dragino-office'){ 273 + openDashboardStates("aqs01_detail") 274 + } 275 + else if (entitySubType == 'LDS12') { 276 + openDashboardStates('lds12_detail'); 277 + } 278 + else if (entitySubType == 'LDS02') { 279 + openDashboardStates('lds02_detail'); 280 + } 281 + else if (entitySubType == 'SE01') { 282 + openDashboardStates('se01_detail'); 283 + } 284 + else if (entitySubType == 'PB01') { 285 + openDashboardStates('pb01_detail'); 286 + } 287 + else if (entitySubType == 'LWL02') { 288 + openDashboardStates('lwl02_detail'); 289 + } 290 + else if (entitySubType == 'LPS8N') { 291 + openDashboardStates('lps8n_detail'); 292 + } 293 + else if (entitySubType == 'LHT65N') { 294 + openDashboardStates('lht65n_detail'); 295 + } 296 + else if (entitySubType == 'S31b') { 297 + openDashboardStates('s31b_detail'); 298 + } 299 + }); 300 + 301 +function openDashboardStates(statedId) { 302 + var stateParams = widgetContext.stateController.getStateParams(); 303 + var params = { 304 + entityId: entityId, 305 + entityName: entityName 306 + }; 307 + 308 + if (stateParams.city) { 309 + params.city = stateParams.city; 310 + } 311 + 312 + widgetContext.stateController.openState(statedId, params, false); 313 +} 314 + 315 +{{/code}} 316 + 317 +[[image:1730771103096-522.png]] 318 + 319 +===== 4.1.2.2.2 Device List ===== 320 + 321 +(% class="wikigeneratedid" id="HDataFF1A" %) 322 +**Data:** 323 + 324 +[[image:1730771199343-553.png]] 325 + 326 +**Actions:**Equipment distribution diagram: In this module, functions need to be implemented such as adding devices, editing devices, deleting devices, and jumping to the device details page. Therefore, the following actions need to be added: 327 + 328 +[[image:1730771228766-212.png]] 329 + 330 +(% class="wikigeneratedid" id="HEditdeviceFF1A" %) 331 +Edit device:Implementation function: Device editing 332 + 333 +[[image:1730771256045-238.png]] 334 + 335 +{{code language="none"}} 336 +let $injector = widgetContext.$scope.$injector; 337 +let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog')); 338 +let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService')); 339 +let attributeService = $injector.get(widgetContext.servicesMap.get('attributeService')); 340 + 341 +openEditDeviceDialog(); 342 + 343 +function openEditDeviceDialog() { 344 + customDialog.customDialog(htmlTemplate, EditDeviceDialogController).subscribe(); 345 +} 346 + 347 +function EditDeviceDialogController(instance) { 348 + let vm = instance; 349 + 350 + vm.device = null; 351 + vm.attributes = {}; 352 + 353 + vm.editDeviceFormGroup = vm.fb.group({ 354 + deviceName: ['', [vm.validators.required]], 355 + deviceType: ['', [vm.validators.required]], 356 + deviceLabel: [''], 357 + attributes: vm.fb.group({ 358 + latitude: [null], 359 + longitude: [null] 360 + }) 361 + }); 362 + 363 + vm.cancel = function() { 364 + vm.dialogRef.close(null); 365 + }; 366 + 367 + vm.save = function() { 368 + vm.editDeviceFormGroup.markAsPristine(); 369 + if (vm.editDeviceFormGroup.get('deviceType').value !== vm.device.type) { 370 + delete vm.device.deviceProfileId; 371 + } 372 + vm.device.name = vm.editDeviceFormGroup.get('deviceName').value, 373 + vm.device.type = vm.editDeviceFormGroup.get('deviceType').value, 374 + vm.device.label = vm.editDeviceFormGroup.get('deviceLabel').value 375 + deviceService.saveDevice(vm.device).subscribe( 376 + function () { 377 + saveAttributes().subscribe( 378 + function () { 379 + widgetContext.updateAliases(); 380 + vm.dialogRef.close(null); 381 + } 382 + ); 383 + } 384 + ); 385 + }; 386 + 387 + getEntityInfo(); 388 + 389 + function getEntityInfo() { 390 + deviceService.getDevice(entityId.id).subscribe( 391 + function (device) { 392 + attributeService.getEntityAttributes(entityId, 'SERVER_SCOPE', 393 + ['latitude', 'longitude']).subscribe( 394 + function (attributes) { 395 + for (let i = 0; i < attributes.length; i++) { 396 + vm.attributes[attributes[i].key] = attributes[i].value; 397 + } 398 + vm.device = device; 399 + vm.editDeviceFormGroup.patchValue( 400 + { 401 + deviceName: vm.device.name, 402 + deviceType: vm.device.type, 403 + deviceLabel: vm.device.label, 404 + attributes: { 405 + latitude: vm.attributes.latitude, 406 + longitude: vm.attributes.longitude 407 + } 408 + }, {emitEvent: false} 409 + ); 410 + } 411 + ); 412 + } 413 + ); 414 + } 415 + 416 + function saveAttributes() { 417 + let attributes = vm.editDeviceFormGroup.get('attributes').value; 418 + let attributesArray = []; 419 + for (let key in attributes) { 420 + attributesArray.push({key: key, value: attributes[key]}); 421 + } 422 + if (attributesArray.length > 0) { 423 + return attributeService.saveEntityAttributes(entityId, 'SERVER_SCOPE', attributesArray); 424 + } else { 425 + return widgetContext.rxjs.of([]); 426 + } 427 + } 428 +} 429 +{{/code}} 430 + 431 +(% class="wikigeneratedid" id="H" %) 432 +Delete device:Implementation function: Device deletion 433 + 434 +[[image:1730771318657-502.png]] 435 + 436 +{{code language="none"}} 437 +let $injector = widgetContext.$scope.$injector; 438 +let dialogs = $injector.get(widgetContext.servicesMap.get('dialogs')); 439 +let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService')); 440 + 441 +openDeleteDeviceDialog(); 442 + 443 +function openDeleteDeviceDialog() { 444 + let title = "Are you sure you want to delete the device " + entityName + "?"; 445 + let content = "Be careful, after the confirmation, the device and all related data will become unrecoverable!"; 446 + dialogs.confirm(title, content, 'Cancel', 'Delete').subscribe( 447 + function (result) { 448 + if (result) { 449 + deleteDevice(); 450 + } 451 + } 452 + ); 453 +} 454 + 455 +function deleteDevice() { 456 + deviceService.deleteDevice(entityId.id).subscribe( 457 + function () { 458 + widgetContext.updateAliases(); 459 + } 460 + ); 461 +} 462 + 463 +{{/code}} 464 + 465 +jump:Implementation function: Jump to the device details page 466 + 467 +[[image:1730771386258-676.png]] 468 + 469 +{{code language="none"}} 470 +console.log(entityName) 471 +var entitySubType; 472 +var $injector = widgetContext.$scope.$injector; 473 +//console.log($injector) 474 +$injector.get(widgetContext.servicesMap.get('entityService')).getEntity(entityId.entityType, entityId.id) 475 + .subscribe(function(data) { 476 + console.log(data) 477 + entitySubType = data.type; 478 + console.log(entitySubType) 479 + if (entitySubType == 'AQS01-dragino-office') { 480 + openDashboardStates('aqs01_detail'); 481 + }else if (entitySubType == 'gateway') { 482 + openDashboardStates('gateway_detail'); 483 + } else if (entitySubType == 'gxhl01') { 484 + openDashboardStates('detail'); 485 + 486 + } else if (entitySubType == 'tank-type1') { 487 + openDashboardStates('test1'); 488 + } 489 + else if (entitySubType == 'LDS12') { 490 + openDashboardStates('lds12_detail'); 491 + } 492 + else if (entitySubType == 'LDS02') { 493 + openDashboardStates('lds02_detail'); 494 + } 495 + else if (entitySubType == 'SE01') { 496 + openDashboardStates('se01_detail'); 497 + } 498 + else if (entitySubType == 'PB01') { 499 + openDashboardStates('pb01_detail'); 500 + } 501 + else if (entitySubType == 'LWL02') { 502 + openDashboardStates('lwl02_detail'); 503 + } 504 + else if (entitySubType == 'LPS8N') { 505 + openDashboardStates('lps8n_detail'); 506 + } 507 + else if (entitySubType == 'LHT65N') { 508 + openDashboardStates('lht65n_detail'); 509 + } 510 + else if (entitySubType == 'S31b') { 511 + openDashboardStates('s31b_detail'); 512 + } 513 + }); 514 + 515 +function openDashboardStates(statedId) { 516 + var stateParams = widgetContext.stateController.getStateParams(); 517 + //console.log(stateParams) 518 + var params = { 519 + entityId: entityId, 520 + entityName: entityName 521 + }; 522 + widgetContext.stateController.updateState(statedId, params, false); 523 +} 524 +{{/code}} 525 + 526 +(% class="wikigeneratedid" id="H-1" %) 527 +Add device:Implementation function: Add device 528 + 529 +[[image:1730771441589-122.png]] 530 + 531 +{{code language="none"}} 532 +let $injector = widgetContext.$scope.$injector; 533 +let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog')); 534 +let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService')); 535 +let attributeService = $injector.get(widgetContext.servicesMap.get('attributeService')); 536 + 537 +openAddDeviceDialog(); 538 + 539 +function openAddDeviceDialog() { 540 + customDialog.customDialog(htmlTemplate, AddDeviceDialogController).subscribe(); 541 +} 542 + 543 +function AddDeviceDialogController(instance) { 544 + let vm = instance; 545 + 546 + vm.addDeviceFormGroup = vm.fb.group({ 547 + deviceName: ['', [vm.validators.required]], 548 + deviceType: ['', [vm.validators.required]], 549 + deviceLabel: [''], 550 + attributes: vm.fb.group({ 551 + latitude: [null], 552 + longitude: [null] 553 + }) 554 + }); 555 + 556 + vm.cancel = function() { 557 + vm.dialogRef.close(null); 558 + }; 559 + 560 + vm.save = function() { 561 + vm.addDeviceFormGroup.markAsPristine(); 562 + let device = { 563 + name: vm.addDeviceFormGroup.get('deviceName').value, 564 + type: vm.addDeviceFormGroup.get('deviceType').value, 565 + label: vm.addDeviceFormGroup.get('deviceLabel').value 566 + }; 567 + deviceService.saveDevice(device).subscribe( 568 + function (device) { 569 + saveAttributes(device.id).subscribe( 570 + function () { 571 + widgetContext.updateAliases(); 572 + vm.dialogRef.close(null); 573 + } 574 + ); 575 + } 576 + ); 577 + }; 578 + 579 + function saveAttributes(entityId) { 580 + let attributes = vm.addDeviceFormGroup.get('attributes').value; 581 + let attributesArray = []; 582 + for (let key in attributes) { 583 + attributesArray.push({key: key, value: attributes[key]}); 584 + } 585 + if (attributesArray.length > 0) { 586 + return attributeService.saveEntityAttributes(entityId, "SERVER_SCOPE", attributesArray); 587 + } else { 588 + return widgetContext.rxjs.of([]); 589 + } 590 + } 591 +} 592 +{{/code}} 593 + 594 +==== ==== 595 + 596 +===== **4.1.2.2.3 Asset Alarm:** ===== 597 + 598 +**Data:** 599 + 600 +[[image:1730771504586-433.png]] 601 + 602 +==== 4.1.2.3、Configure the first layer menu interface ==== 603 + 604 +===== 4.1.2.3.1 **Map:** ===== 605 + 606 +**Data:** 607 + 608 +[[image:1730710271230-716.png||height="729" width="1427"]] 609 + 610 +Actions:The map interface has two actions, among which Select supermarket can refresh the device list and related alarms on the right side to enter the location, and Supermarket_detail can jump to the second level physical interface to view the details of the location based on the selected location 611 + 612 +[[image:1730710850458-781.png||height="770" width="1429"]] 613 + 614 +Select supermarket:Implementation function: Refresh the side page 615 + 616 +{{code language="none"}} 617 +var params = widgetContext.stateController.getStateParams(); 618 +var selectedSupermarket = params['selectedSupermarket']; 619 +if (selectedSupermarket && selectedSupermarket.entityId.id === entityId.id) { 620 + params['selectedSupermarket'] = null; 621 +} else { 622 + params['selectedSupermarket'] = { entityId: entityId, entityName: entityName, entityLabel: entityLabel }; 623 +} 624 +widgetContext.stateController.updateState(null, params); 625 +{{/code}} 626 + 627 +[[image:1730710875401-848.png||height="767" width="1429"]] 628 + 629 +Supermarket_detail:Implementation function: Jump to the asset details page 630 + 631 +{{code language="none"}} 632 +var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams())); 633 +params['selectedSupermarket'] = { 634 + entityId: entityId, 635 + entityName: entityName, 636 + entityLabel: entityLabel, 637 +}; 638 +params['targetEntityParamName'] = 'selectedSupermarket'; 639 +params['selectedDevice'] = null; 640 + 641 +widgetContext.stateController.openState('svgmap', params); 642 +{{/code}} 643 + 644 +[[image:1730710990334-601.png||height="772" width="1433"]] 645 + 646 +* ((( 647 +In this demo, exclusive map icons were set as follows: 648 +))) 649 + 650 +{{code language="none"}} 651 +var res = { 652 + url: images[0], 653 + size: 66 654 +}; 655 +return res; 656 +{{/code}} 657 + 658 +[[image:1730710395303-672.png||height="771" width="1438"]] 659 + 660 +===== 4.1.2.3.1 Asset List: ===== 661 + 662 +**Data:** 663 + 664 +[[image:1730710693066-349.png||height="772" width="1439"]] 665 + 666 +Actions:The Assets List interface has an action, which is the same as the Supermarket_details in the Map. You can jump to the second level entity interface to view the details of the selected location based on its location 667 + 668 +[[image:1730712335338-750.png||height="751" width="1423"]] 669 + 670 +[[image:1730712473941-913.png||height="781" width="1422"]] 671 + 672 +All Alarms: 673 + 674 +[[image:1730712539209-554.png||height="764" width="1424"]] 675 + 143 143 == 4.2 Alarm configuration details == 144 144 678 +=== 4.2.1 High temperature === 679 + 680 +Creat: 681 + 682 +[[image:1730862483514-101.png||height="750" width="1407"]] 683 + 684 +Clear: 685 + 686 +[[image:1730862584519-902.png||height="758" width="1404"]] 687 + 688 +=== 4.2.2 Low Temperature === 689 + 690 +Creat: 691 + 692 +[[image:1730863708259-750.png||height="752" width="1403"]] 693 + 694 +Clear: 695 + 696 +[[image:1730863750414-979.png||height="746" width="1403"]] 697 + 698 +=== 4.2.3 High humidity === 699 + 700 +Creat: 701 + 702 +[[image:1730864045747-876.png||height="752" width="1396"]] 703 + 704 +Clear: 705 + 706 +[[image:1730864077395-395.png||height="735" width="1393"]] 707 + 708 +=== 4.2.4 Low humidity === 709 + 710 +Creat: 711 + 712 +[[image:1730864117808-484.png||height="741" width="1392"]] 713 + 714 +Clear: 715 + 716 +[[image:1730864159071-895.png||height="745" width="1392"]] 717 + 718 +=== 4.2.5 Low voltage === 719 + 720 +Creat: 721 + 722 +[[image:1730864207037-477.png||height="740" width="1388"]] 723 + 724 +Clear: 725 + 726 +[[image:1730864250506-111.png||height="735" width="1389"]] 727 + 728 +=== 4.2.6 Device Disconnected === 729 + 730 +Creat: 731 + 732 +[[image:1730864293216-991.png||height="739" width="1387"]] 733 + 734 +Clear: 735 + 736 +[[image:1730864331859-740.png||height="735" width="1385"]] 737 + 145 145 == 4.3 Rule chain configuration details == 146 146 147 -= 5. = 740 +[[image:1730864784118-474.png]] 741 + 742 +**Script:**Email configuration for sending device alarm information 743 + 744 +[[image:1730864676542-406.png||height="732" width="1384"]] 745 + 746 +{{code language="none"}} 747 +function locatime(timenumber){ 748 + var date = new Date(timenumber) 749 + return date.toLocaleDateString() + ' ' + date.toLocaleTimeString() 750 +} 751 +var name = msg.name 752 +var devicename = msg.originatorName 753 +var label = msg.originatorLabel 754 +var status = msg.status 755 +var detaildata =JSON.parse(msg.details.data) 756 +var tempswitch 757 + 758 +if (name != "Device Disconnected") { 759 + //detaildata=JSON.parse(msg.details.data) 760 + if (detaildata.Temperature_alarm_switch == true) { 761 + tempswitch = "open" 762 + } else { 763 + tempswitch = "close" 764 + } 765 + var humswitch 766 + if (detaildata.Humidity_alarm_switch == true) { 767 + humswitch = "open" 768 + } else { 769 + humswitch = "close" 770 + } 771 + var batswitch 772 + if (detaildata.Voltage_alarm_switch == true) { 773 + batswitch = "open" 774 + } else { 775 + batswitch = "close" 776 + } 777 + var str2 = "<p>-- Temperature alarm switch status: " + 778 + tempswitch + "</p>" + 779 + "<p>-- Humidity alarm switch status: " + humswitch + 780 + "</p>" + 781 + "<p>-- Voltage alarm switch status: " + batswitch 782 +} 783 + 784 +if (name == "High Temperature" && status == 785 + "ACTIVE_UNACK") { 786 + var emailstr = 787 + "<div><p><span style='color: black; font-weight: bold'>" + 788 + "Device " + label + " has alarm:</span></p>" + 789 + "<p><span style='color: red; font-weight: bold'>-- High Temperature Alarm</span></p>" + 790 + "<p>-- Current Temperature : " + detaildata 791 + .TempC_SHT + "</p><br>" + 792 + "<p>Device Configure:</p>" + 793 + "<p>-- Temperature Threshold : min: " + detaildata 794 + .Low_temperature_alarm + ", max: " + detaildata 795 + .High_temperature_alarm + "</p>" + 796 + "<p>-- Humidity Threshold: min: " + detaildata 797 + .Low_humidity_alarm + ", max:" + detaildata 798 + .High_humidity_alarm + "</p>" + 799 + "<p>-- Battery threshold: min: " + detaildata 800 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 801 + return { 802 + msg: { 803 + "data": emailstr 804 + }, 805 + metadata: metadata, 806 + msgType: msgType 807 + }; 808 +} else if (name == "Low Temperature" && status == 809 + "ACTIVE_UNACK") { 810 + var emailstr = 811 + "<div><p><span style='color: black; font-weight: bold'>" + 812 + "Device " + label + " has alarm:</span></p>" + 813 + "<p><span style='color: red; font-weight: bold'>-- Low Temperature Alarm</span></p>" + 814 + "<p>-- Current Temperature : " + detaildata 815 + .TempC_SHT + "</p><br>" + 816 + "<p>Device Configure:</p>" + 817 + "<p>-- Temperature Threshold : min: " + detaildata 818 + .Low_temperature_alarm + ", max: " + detaildata 819 + .High_temperature_alarm + "</p>" + 820 + "<p>-- Humidity Threshold: min: " + detaildata 821 + .Low_humidity_alarm + ", max:" + detaildata 822 + .High_humidity_alarm + "</p>" + 823 + "<p>-- Battery threshold: min: " + detaildata 824 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 825 + 826 + return { 827 + msg: { 828 + "data": emailstr 829 + }, 830 + metadata: metadata, 831 + msgType: msgType 832 + }; 833 + 834 +} else if (name == "Device Disconnected" && status == 835 + "ACTIVE_UNACK") { 836 + var time1 = locatime(Number(detaildata.lastActivityTime)) 837 + //var time1 = detaildata.lastActivityTime 838 + // var chazhi = parseInt((detaildata.inactivityAlarmTime-detaildata.lastActivityTime)/1000/60) 839 + // var emailstr = 840 + // "<div><p><span style='color: red; font-weight: bold'>" + 841 + // "Device " + label + " has Alarm</span></p><p>Last activity time: "+time1+"</p><p>Last Uplink: 21"+"minutes ago</p></div>" 842 + 843 + var emailstr ="Device " + label + " has Alarm##Last activity time: "+time1+"##Last Uplink: 21minutes ago" 844 + var newType = "POST_TELEMETRY_REQUEST" 845 + return { 846 + msg:emailstr, 847 + metadata: metadata, 848 + msgType: newType 849 + } 850 +} else if (name == "High humidity" && status == 851 + "ACTIVE_UNACK") { 852 + var emailstr = 853 + "<div><p><span style='color: black; font-weight: bold'>" + 854 + "Device " + label + " has alarm:</span></p>" + 855 + "<p><span style='color: red; font-weight: bold'>-- High Humidity Alarm</span></p>" + 856 + "<p>-- Current Temperature : " + detaildata 857 + .Hum_SHT + "</p><br>" + 858 + "<p>Device Configure:</p>" + 859 + "<p>-- Temperature Threshold : min: " + detaildata 860 + .Low_temperature_alarm + ", max: " + detaildata 861 + .High_temperature_alarm + "</p>" + 862 + "<p>-- Humidity Threshold: min: " + detaildata 863 + .Low_humidity_alarm + ", max:" + detaildata 864 + .High_humidity_alarm + "</p>" + 865 + "<p>-- Battery threshold: min: " + detaildata 866 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 867 + 868 + return { 869 + msg: { 870 + "data": emailstr 871 + }, 872 + metadata: metadata, 873 + msgType: msgType 874 + }; 875 +} else if (name == "Low humidity" && status == 876 + "ACTIVE_UNACK") { 877 + var emailstr = 878 + "<div><p><span style='color: black; font-weight: bold'>" + 879 + "Device " + label + " has alarm:</span></p>" + 880 + "<p><span style='color: red; font-weight: bold'>-- Low Humidity Alarm</span></p>" + 881 + "<p>-- Current Temperature : " + detaildata 882 + .Hum_SHT + "</p><br>" + 883 + "<p>Device Configure:</p>" + 884 + "<p>-- Temperature Threshold : min: " + detaildata 885 + .Low_temperature_alarm + ", max: " + detaildata 886 + .High_temperature_alarm + "</p>" + 887 + "<p>-- Humidity Threshold: min: " + detaildata 888 + .Low_humidity_alarm + ", max:" + detaildata 889 + .High_humidity_alarm + "</p>" + 890 + "<p>-- Battery threshold: min: " + detaildata 891 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 892 + 893 + return { 894 + msg: { 895 + "data": emailstr 896 + }, 897 + metadata: metadata, 898 + msgType: msgType 899 + }; 900 +} else if (name == "Low voltage" && status == 901 + "ACTIVE_UNACK") { 902 + var emailstr = 903 + "<div><p><span style='color: black; font-weight: bold'>" + 904 + "Device " + label + " has alarm:</span></p>" + 905 + "<p><span style='color: red; font-weight: bold'>-- Low Voltage Alarm</span></p>" + 906 + "<p>-- Current Temperature : " + detaildata.BatV + 907 + "</p><br>" + 908 + "<p>Device Configure:</p>" + 909 + "<p>-- Temperature Threshold : min: " + detaildata 910 + .Low_temperature_alarm + ", max: " + detaildata 911 + .High_temperature_alarm + "</p>" + 912 + "<p>-- Humidity Threshold: min: " + detaildata 913 + .Low_humidity_alarm + ", max:" + detaildata 914 + .High_humidity_alarm + "</p>" + 915 + "<p>-- Battery threshold: min: " + detaildata 916 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 917 + 918 + return { 919 + msg: { 920 + "data": emailstr 921 + }, 922 + metadata: metadata, 923 + msgType: msgType 924 + }; 925 +} else if (name == "High Temperature" && status == 926 + "CLEARED_UNACK") { 927 + var emailstr = 928 + "<div><p><span style='color: green; font-weight: bold'>Device " + 929 + label + 930 + " High Temperature Alarm Cleared</span></p>" + 931 + "<p>-- Current Temperature : " + detaildata 932 + .TempC_SHT + "</p><br>" + 933 + "<p>Device Configure:</p>" + 934 + "<p>-- Temperature Threshold : min: " + detaildata 935 + .Low_temperature_alarm + ", max: " + detaildata 936 + .High_temperature_alarm + "</p>" + 937 + "<p>-- Humidity Threshold: min: " + detaildata 938 + .Low_humidity_alarm + ", max:" + detaildata 939 + .High_humidity_alarm + "</p>" + 940 + "<p>-- Battery threshold: min: " + detaildata 941 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 942 + 943 + return { 944 + msg: { 945 + "data": emailstr 946 + }, 947 + metadata: metadata, 948 + msgType: msgType 949 + }; 950 +} else if (name == "Low Temperature" && status == 951 + "CLEARED_UNACK") { 952 + var emailstr = 953 + "<div><p><span style='color: green; font-weight: bold'>Device " + 954 + label + 955 + " Low Temperature Alarm Cleared</span></p>" + 956 + "<p>-- Current Temperature : " + detaildata 957 + .TempC_SHT + "</p><br>" + 958 + "<p>Device Configure:</p>" + 959 + "<p>-- Temperature Threshold : min: " + detaildata 960 + .Low_temperature_alarm + ", max: " + detaildata 961 + .High_temperature_alarm + "</p>" + 962 + "<p>-- Humidity Threshold: min: " + detaildata 963 + .Low_humidity_alarm + ", max:" + detaildata 964 + .High_humidity_alarm + "</p>" + 965 + "<p>-- Battery threshold: min: " + detaildata 966 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 967 + 968 + return { 969 + msg: { 970 + "data": emailstr 971 + }, 972 + metadata: metadata, 973 + msgType: msgType 974 + }; 975 +} else if (name == "High humidity" && status == 976 + "CLEARED_UNACK") { 977 + var emailstr = 978 + "<div><p><span style='color: green; font-weight: bold'>Device " + 979 + label + " High Humidity Alarm Cleared</span></p>" + 980 + "<p>-- Current Temperature : " + detaildata 981 + .Hum_SHT + "</p><br>" + 982 + "<p>Device Configure:</p>" + 983 + "<p>-- Temperature Threshold : min: " + detaildata 984 + .Low_temperature_alarm + ", max: " + detaildata 985 + .High_temperature_alarm + "</p>" + 986 + "<p>-- Humidity Threshold: min: " + detaildata 987 + .Low_humidity_alarm + ", max:" + detaildata 988 + .High_humidity_alarm + "</p>" + 989 + "<p>-- Battery threshold: min: " + detaildata 990 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 991 + 992 + return { 993 + msg: { 994 + "data": emailstr 995 + }, 996 + metadata: metadata, 997 + msgType: msgType 998 + }; 999 +} else if (name == "Low humidity" && status == 1000 + "CLEARED_UNACK") { 1001 + var emailstr = 1002 + "<div><p><span style='color: green; font-weight: bold'>Device " + 1003 + label + " Low Humidity Alarm Cleared</span></p>" + 1004 + "<p>-- Current Temperature : " + detaildata 1005 + .Hum_SHT + "</p><br>" + 1006 + "<p>Device Configure:</p>" + 1007 + "<p>-- Temperature Threshold : min: " + detaildata 1008 + .Low_temperature_alarm + ", max: " + detaildata 1009 + .High_temperature_alarm + "</p>" + 1010 + "<p>-- Humidity Threshold: min: " + detaildata 1011 + .Low_humidity_alarm + ", max:" + detaildata 1012 + .High_humidity_alarm + "</p>" + 1013 + "<p>-- Battery threshold: min: " + detaildata 1014 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 1015 + return { 1016 + msg: { 1017 + "data": emailstr 1018 + }, 1019 + metadata: metadata, 1020 + msgType: msgType 1021 + }; 1022 +} else if (name == "Low voltage" && status == 1023 + "CLEARED_UNACK") { 1024 + 1025 + var emailstr = 1026 + "<div><p><span style='color: green; font-weight: bold'>Device " + 1027 + label + " Low Voltage Alarm Cleared</span></p>" + 1028 + "<p>-- Current Temperature : " + detaildata.BatV + 1029 + "</p><br><br>" + 1030 + "<p>Device Configure:</p>" + 1031 + "<p>-- Temperature Threshold : min: " + detaildata 1032 + .Low_temperature_alarm + ", max: " + detaildata 1033 + .High_temperature_alarm + "</p>" + 1034 + "<p>-- Humidity Threshold: min: " + detaildata 1035 + .Low_humidity_alarm + ", max:" + detaildata 1036 + .High_humidity_alarm + "</p>" + 1037 + "<p>-- Battery threshold: min: " + detaildata 1038 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 1039 + 1040 + return { 1041 + msg: { 1042 + "data": emailstr 1043 + }, 1044 + metadata: metadata, 1045 + msgType: msgType 1046 + }; 1047 +} else if (name == "Device Disconnected" && status == 1048 + "CLEARED_UNACK") { 1049 + var time1 = locatime(Number(detaildata.lastActivityTime)) 1050 + //var time1 = detaildata.lastActivityTime 1051 + // var chazhi = parseInt((detaildata.inactivityAlarmTime-detaildata.lastActivityTime)/1000/60) 1052 + // var emailstr = 1053 + // "<div><p><span style='color: green; font-weight: bold'>" + 1054 + // "Device " + label + " has Alarm Cleared</span></p><p>Last activity time: "+time1+"</p></div>" 1055 + var emailstr ="Device " + label + " has Alarm Cleared##Last activity time: "+time1 1056 + var newType = "POST_TELEMETRY_REQUEST" 1057 + return { 1058 + msg: emailstr, 1059 + metadata: metadata, 1060 + msgType: newType 1061 + } 1062 +} 1063 +{{/code}} 1064 + 1065 +(% class="wikigeneratedid" %) 1066 +**Generate Report:** 1067 + 1068 +(% class="wikigeneratedid" %) 1069 +[[image:1730865053380-293.png]] 1070 + 1071 += 5.other = 1072 + 1073 +* If you want to create a similar dashboard, after understanding the case, you can download and import the dashboard, device profiles, rule chains, etc. of the case on GitHub, and make modifications based on them. 1074 +* GitHub address:[[https:~~/~~/github.com/ThingsEye-io/te-platform/tree/main/case/Dragino%20Office%20%26%20Factory>>https://github.com/ThingsEye-io/te-platform/tree/main/case/Dragino%20Office%20%26%20Factory]]
- 1730710271230-716.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +1.5 MB - Content
- 1730710395303-672.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +1.6 MB - Content
- 1730710693066-349.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +94.4 KB - Content
- 1730710850458-781.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +1.5 MB - Content
- 1730710875401-848.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +1.0 MB - Content
- 1730710949358-671.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +1.0 MB - Content
- 1730710990334-601.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +1.0 MB - Content
- 1730712335338-750.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +77.1 KB - Content
- 1730712473941-913.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +135.9 KB - Content
- 1730712539209-554.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +131.0 KB - Content
- 1730770392454-317.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +195.6 KB - Content
- 1730770636230-829.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +290.6 KB - Content
- 1730770875793-351.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +305.2 KB - Content
- 1730771103096-522.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +197.9 KB - Content
- 1730771199343-553.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +108.5 KB - Content
- 1730771228766-212.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +46.8 KB - Content
- 1730771256045-238.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +69.1 KB - Content
- 1730771318657-502.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +60.4 KB - Content
- 1730771386258-676.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +46.4 KB - Content
- 1730771441589-122.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +57.6 KB - Content
- 1730771504586-433.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +151.2 KB - Content
- 1730857191863-514.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +354.7 KB - Content
- 1730857537965-184.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +455.1 KB - Content
- 1730857750749-240.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +285.9 KB - Content
- 1730862483514-101.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +195.8 KB - Content
- 1730862584519-902.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +191.1 KB - Content
- 1730863708259-750.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +220.1 KB - Content
- 1730863750414-979.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +210.6 KB - Content
- 1730864045747-876.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +208.9 KB - Content
- 1730864077395-395.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +201.4 KB - Content
- 1730864117808-484.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +203.0 KB - Content
- 1730864159071-895.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +226.6 KB - Content
- 1730864207037-477.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +215.3 KB - Content
- 1730864250506-111.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +209.5 KB - Content
- 1730864293216-991.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +138.5 KB - Content
- 1730864331859-740.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +134.4 KB - Content
- 1730864460314-611.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +256.7 KB - Content
- 1730864617480-221.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +260.8 KB - Content
- 1730864676542-406.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +227.7 KB - Content
- 1730864784118-474.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +148.8 KB - Content
- 1730865053380-293.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +46.7 KB - Content
- 屏幕截图 2024-11-04 135045.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +29.4 KB - Content