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, 57 added, 0 removed)
- 1730702565889-204.png
- 1730702622551-808.png
- 1730702656725-496.png
- 1730702688377-367.png
- 1730702814435-805.png
- 1730709382428-730.png
- 1730709409941-536.png
- 1730709424998-915.png
- 1730709442773-502.png
- 1730709461297-207.png
- 1730709479828-595.png
- 1730709511861-439.png
- 1730709527720-418.png
- 1730709542597-321.png
- 1730709555797-383.png
- 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
-
... ... @@ -1,3 +1,10 @@ 1 +**Table of Contents:** 2 + 3 +{{toc/}} 4 + 5 + 6 + 7 + 1 1 = 1. About this demo = 2 2 3 3 This demo is to show the installation for various sensors in Dragino Office, Dragino Facotry & ThingsEye Office. It covers various types of sensors such as Temperature, Humidity, CO2, Water Flow, Vibration & many many. ... ... @@ -14,102 +14,1060 @@ 14 14 The rest of this chapter will provide the introduction for how to set up similiar solution. 15 15 16 16 17 -= 2. Set upamiliardashboard=24 += 2.Basic configuration instructions = 18 18 26 +When you start a complex IoT project, you first need to learn some basic configuration methods for ThingsEye. 19 19 20 - == 2.1 Creatthedashboardandaddbranch ==28 +Here are some instructions you need to know: 21 21 22 - ===2.1.1Dashboard===30 +Dashboard creation and some basic configurations:[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20import%20and%20use%20the%20dashboard%3F/#H3.2.2.1CreatA0alarm>>https://wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20import%20and%20use%20the%20dashboard%3F/#H3.2.2.1CreatA0alarm]] 23 23 24 -[[i mage:1730340927404-430.png]]32 +Rule chain creation:[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains>>https://wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains/]] 25 25 34 +Devices connected to thingseye:[[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F/>>https://wiki.thingseye.io/xwiki/bin/view/Main/How%20to%20connect%20my%20devices%20to%20ThingsEye%3F/]] 26 26 27 - [[image:1730340927412-610.png]]36 += 3.overview = 28 28 29 - Assigningusersand groupsis not necessaryandcan be done uniformly aftercompleting theverall projectcreation38 +== 3.1 MHierarchical architectureore features == 30 30 31 - ==2.2Addabranch==40 +Before we start a project, we first need to understand the organizational structure of the project. Only with a clear outline can our project construction process be smoother 32 32 42 +**Assets:**Dragino Office 、Dragino Factory 33 33 44 +**Devices:** 34 34 35 - [[image:1730341060305-544.png]]46 +Dragino Factory:temperature and humidity measurement×7、Gateway×1 36 36 37 - How manyinterfaces do youneedto display, and howmanystatuses youneedtocreate.48 +Dragino Office:temperature and humidity measurement×2、Air quality measurement×4 38 38 39 - [[image:1730341060308-892.png]]50 +== 3.2 Dashboard architecture == 40 40 41 - Aftercreatingthebranch, you can addwidgetsintoyourdashboardand decorateit.52 +In this demo, the dashboard is divided into three layers, namely: home page, asset, and device. 42 42 43 - [[image:1730341060310-449.png]]54 +**home page:**It includes three parts: map, asset list, and all alarm. From this interface, you can see how many factories, offices, and so on there are 44 44 45 - ==2.3ConnectSensors==56 +**asset:**It includes three parts: asset map, device list, and asset alarm. From this interface, you can see how many sensors are deployed in the office or project, where they are located, and their alarm status 46 46 47 - ===2.3.1AddLoRaWANSensors===58 +**device:**This section displays the specific information collected by the device, and different types of sensors have different display interfaces 48 48 49 - ===2.3.2Add NB-IoTSensors ===60 +[[image:屏幕截图 2024-11-04 134645.png]] 50 50 51 - == 2.4 Creatgroup and add device ==62 +First floor: 52 52 53 -[[image:1730 341200415-449.png]]64 +[[image:1730702565889-204.png||height="771" width="1445"]] 54 54 55 - [[image:1730341200420-412.png]]66 +Second floor: 56 56 57 -[[image:1730 341200421-190.png]]68 +[[image:1730702622551-808.png||height="756" width="1450"]] 58 58 59 - [[image:1730341200424-882.png]]70 +Third floor: 60 60 61 - == 2.5 Createntityalias andconnect=72 +[[image:1730702656725-496.png||height="775" width="1455"]] 62 62 63 - ===2.5.1 Creat entityalias===74 +[[image:1730702814435-805.png||height="797" width="1458"]] 64 64 65 -[[image:1730341268104-527.png]] 66 66 67 -[[image:1730 341268106-565.png]]77 +[[image:1730702688377-367.png||height="770" width="1462"]] 68 68 79 +* How many types of devices do you need, how many layers of third level dashboards you need to create. 69 69 70 -== =2.5.2Connectentity===81 +== 3.3 Alarm rules == 71 71 72 - [[image:1730341268108-632.png]]83 +High Temperature、Low Temperature、High humidity、Low humidity、Low voltage、Device Disconnected 73 73 74 - ==2.6 Creatactions ==85 +[[image:屏幕截图 2024-11-04 135045.png]] 75 75 76 - [[image:1730341395062-192.png]]87 += 4.configuration details = 77 77 78 - [[image:1730341395069-644.png]]89 +After understanding the architecture and layering of the complete project, we can start configuring it 79 79 80 -= 3.Setup Alarm=91 +== 4.1 Dashboard configuration details == 81 81 82 -== 3.1Creatdeviceprofiles ==93 +=== 4.1.1.Data source (Entity aliases) === 83 83 84 - [[image:1730341507235-819.png||height="636" width="1260"]]95 +detail:Obtain data based on dashboard status 85 85 86 - ==3.2Setup Alarm==97 +[[image:1730709424998-915.png||height="729" width="1436"]] 87 87 88 - [[image:1730341543316-750.png||height="629"width="1260"]]99 +Alarm:Obtain alarm information 89 89 90 -[[image:1730 341543319-574.png]]101 +[[image:1730709479828-595.png||height="696" width="1435"]] 91 91 103 +Dragino&GXHL,Ltd:Obtain data through asset types 92 92 93 - ==3.3replacedeviceprofile==105 +[[image:1730709511861-439.png||height="714" width="1435"]] 94 94 95 - [[image:1730341567947-831.png||height="629"width="1266"]]107 +Selected Supermarket:Retrieve devices by device type 96 96 97 - =4.createrule chain=109 +[[image:1730709527720-418.png||height="751" width="1433"]] 98 98 99 - ==4.1creat rule chain==111 +Supermarket Devices:Obtain data through device type 100 100 101 - =[[image:1730341620059-499.png||height="621" width="1263"]]=113 +[[image:1730709555797-383.png||height="726" width="1434"]] 102 102 103 - =[[image:1730341620061-922.png||height="612"width="1263"]] =115 +LHT65N Device:Obtain data based on device type 104 104 105 - Regardingtherule chain, you can see the relevantexplanation below:117 +[[image:1730857191863-514.png||height="725" width="1433"]] 106 106 107 - [[https:~~/~~/wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains/>>https://wiki.thingseye.io/xwiki/bin/view/Main/Basic%20configuration%20of%20rule%20chains/]]119 +=== 4.1.2.Page Configuration === 108 108 109 -== 4.2 place rulechain==121 +==== 4.1.2.1、Configure the interface of the third layer Davies. ==== 110 110 111 - [[image:1730341620064-656.png||height="628"width="1265"]]123 +==== 4.1.2.2、Configure the interface of the second layer asset ==== 112 112 113 -= 5.Morefeatures=125 +===== 4.1.2.2.1 Equipment distribution diagram: ===== 114 114 115 - 127 +**Data:** 128 + 129 +[[image:1730770392454-317.png||height="745" width="1439"]] 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 132 + 133 +**Tooltip function:**This module displays the current information of the device 134 + 135 +[[image:1730857537965-184.png]] 136 + 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}} 161 + 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 164 + 165 +(% class="wikigeneratedid" %) 166 +[[image:1730857750749-240.png]] 167 + 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}} 256 + 257 +(% class="wikigeneratedid" %) 258 +[[image:1730770875793-351.png]] 259 + 260 +(% class="wikigeneratedid" %) 261 +**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 262 + 263 +{{code language="none"}} 264 +var entitySubType; 265 +var $injector = widgetContext.$scope.$injector; 266 +$injector.get(widgetContext.servicesMap.get('entityService')).getEntity(entityId.entityType, entityId.id) 267 + .subscribe(function(data) { 268 + entitySubType = data.type; 269 + console.log(entitySubType) 270 + if (entitySubType == 'gateway') { 271 + openDashboardStates('gateway_detail'); 272 + } else if (entitySubType == 'gxhl01') { 273 + openDashboardStates('detail'); 274 + } 275 + else if(entitySubType == 'AQS01-dragino-office'){ 276 + openDashboardStates("aqs01_detail") 277 + } 278 + else if (entitySubType == 'LDS12') { 279 + openDashboardStates('lds12_detail'); 280 + } 281 + else if (entitySubType == 'LDS02') { 282 + openDashboardStates('lds02_detail'); 283 + } 284 + else if (entitySubType == 'SE01') { 285 + openDashboardStates('se01_detail'); 286 + } 287 + else if (entitySubType == 'PB01') { 288 + openDashboardStates('pb01_detail'); 289 + } 290 + else if (entitySubType == 'LWL02') { 291 + openDashboardStates('lwl02_detail'); 292 + } 293 + else if (entitySubType == 'LPS8N') { 294 + openDashboardStates('lps8n_detail'); 295 + } 296 + else if (entitySubType == 'LHT65N') { 297 + openDashboardStates('lht65n_detail'); 298 + } 299 + else if (entitySubType == 'S31b') { 300 + openDashboardStates('s31b_detail'); 301 + } 302 + }); 303 + 304 +function openDashboardStates(statedId) { 305 + var stateParams = widgetContext.stateController.getStateParams(); 306 + var params = { 307 + entityId: entityId, 308 + entityName: entityName 309 + }; 310 + 311 + if (stateParams.city) { 312 + params.city = stateParams.city; 313 + } 314 + 315 + widgetContext.stateController.openState(statedId, params, false); 316 +} 317 + 318 +{{/code}} 319 + 320 +[[image:1730771103096-522.png]] 321 + 322 +===== 4.1.2.2.2 Device List ===== 323 + 324 +(% class="wikigeneratedid" id="HDataFF1A" %) 325 +**Data:** 326 + 327 +[[image:1730771199343-553.png]] 328 + 329 +**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: 330 + 331 +[[image:1730771228766-212.png]] 332 + 333 +(% class="wikigeneratedid" id="HEditdeviceFF1A" %) 334 +**Edit device:**Implementation function: Device editing 335 + 336 +[[image:1730771256045-238.png]] 337 + 338 +{{code language="none"}} 339 +let $injector = widgetContext.$scope.$injector; 340 +let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog')); 341 +let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService')); 342 +let attributeService = $injector.get(widgetContext.servicesMap.get('attributeService')); 343 + 344 +openEditDeviceDialog(); 345 + 346 +function openEditDeviceDialog() { 347 + customDialog.customDialog(htmlTemplate, EditDeviceDialogController).subscribe(); 348 +} 349 + 350 +function EditDeviceDialogController(instance) { 351 + let vm = instance; 352 + 353 + vm.device = null; 354 + vm.attributes = {}; 355 + 356 + vm.editDeviceFormGroup = vm.fb.group({ 357 + deviceName: ['', [vm.validators.required]], 358 + deviceType: ['', [vm.validators.required]], 359 + deviceLabel: [''], 360 + attributes: vm.fb.group({ 361 + latitude: [null], 362 + longitude: [null] 363 + }) 364 + }); 365 + 366 + vm.cancel = function() { 367 + vm.dialogRef.close(null); 368 + }; 369 + 370 + vm.save = function() { 371 + vm.editDeviceFormGroup.markAsPristine(); 372 + if (vm.editDeviceFormGroup.get('deviceType').value !== vm.device.type) { 373 + delete vm.device.deviceProfileId; 374 + } 375 + vm.device.name = vm.editDeviceFormGroup.get('deviceName').value, 376 + vm.device.type = vm.editDeviceFormGroup.get('deviceType').value, 377 + vm.device.label = vm.editDeviceFormGroup.get('deviceLabel').value 378 + deviceService.saveDevice(vm.device).subscribe( 379 + function () { 380 + saveAttributes().subscribe( 381 + function () { 382 + widgetContext.updateAliases(); 383 + vm.dialogRef.close(null); 384 + } 385 + ); 386 + } 387 + ); 388 + }; 389 + 390 + getEntityInfo(); 391 + 392 + function getEntityInfo() { 393 + deviceService.getDevice(entityId.id).subscribe( 394 + function (device) { 395 + attributeService.getEntityAttributes(entityId, 'SERVER_SCOPE', 396 + ['latitude', 'longitude']).subscribe( 397 + function (attributes) { 398 + for (let i = 0; i < attributes.length; i++) { 399 + vm.attributes[attributes[i].key] = attributes[i].value; 400 + } 401 + vm.device = device; 402 + vm.editDeviceFormGroup.patchValue( 403 + { 404 + deviceName: vm.device.name, 405 + deviceType: vm.device.type, 406 + deviceLabel: vm.device.label, 407 + attributes: { 408 + latitude: vm.attributes.latitude, 409 + longitude: vm.attributes.longitude 410 + } 411 + }, {emitEvent: false} 412 + ); 413 + } 414 + ); 415 + } 416 + ); 417 + } 418 + 419 + function saveAttributes() { 420 + let attributes = vm.editDeviceFormGroup.get('attributes').value; 421 + let attributesArray = []; 422 + for (let key in attributes) { 423 + attributesArray.push({key: key, value: attributes[key]}); 424 + } 425 + if (attributesArray.length > 0) { 426 + return attributeService.saveEntityAttributes(entityId, 'SERVER_SCOPE', attributesArray); 427 + } else { 428 + return widgetContext.rxjs.of([]); 429 + } 430 + } 431 +} 432 +{{/code}} 433 + 434 +**Delete device:**Implementation function: Device deletion 435 + 436 +[[image:1730771318657-502.png]] 437 + 438 +{{code language="none"}} 439 +let $injector = widgetContext.$scope.$injector; 440 +let dialogs = $injector.get(widgetContext.servicesMap.get('dialogs')); 441 +let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService')); 442 + 443 +openDeleteDeviceDialog(); 444 + 445 +function openDeleteDeviceDialog() { 446 + let title = "Are you sure you want to delete the device " + entityName + "?"; 447 + let content = "Be careful, after the confirmation, the device and all related data will become unrecoverable!"; 448 + dialogs.confirm(title, content, 'Cancel', 'Delete').subscribe( 449 + function (result) { 450 + if (result) { 451 + deleteDevice(); 452 + } 453 + } 454 + ); 455 +} 456 + 457 +function deleteDevice() { 458 + deviceService.deleteDevice(entityId.id).subscribe( 459 + function () { 460 + widgetContext.updateAliases(); 461 + } 462 + ); 463 +} 464 + 465 +{{/code}} 466 + 467 +**jump:I**mplementation function: Jump to the device details page 468 + 469 +[[image:1730771386258-676.png]] 470 + 471 +{{code language="none"}} 472 +console.log(entityName) 473 +var entitySubType; 474 +var $injector = widgetContext.$scope.$injector; 475 +//console.log($injector) 476 +$injector.get(widgetContext.servicesMap.get('entityService')).getEntity(entityId.entityType, entityId.id) 477 + .subscribe(function(data) { 478 + console.log(data) 479 + entitySubType = data.type; 480 + console.log(entitySubType) 481 + if (entitySubType == 'AQS01-dragino-office') { 482 + openDashboardStates('aqs01_detail'); 483 + }else if (entitySubType == 'gateway') { 484 + openDashboardStates('gateway_detail'); 485 + } else if (entitySubType == 'gxhl01') { 486 + openDashboardStates('detail'); 487 + 488 + } else if (entitySubType == 'tank-type1') { 489 + openDashboardStates('test1'); 490 + } 491 + else if (entitySubType == 'LDS12') { 492 + openDashboardStates('lds12_detail'); 493 + } 494 + else if (entitySubType == 'LDS02') { 495 + openDashboardStates('lds02_detail'); 496 + } 497 + else if (entitySubType == 'SE01') { 498 + openDashboardStates('se01_detail'); 499 + } 500 + else if (entitySubType == 'PB01') { 501 + openDashboardStates('pb01_detail'); 502 + } 503 + else if (entitySubType == 'LWL02') { 504 + openDashboardStates('lwl02_detail'); 505 + } 506 + else if (entitySubType == 'LPS8N') { 507 + openDashboardStates('lps8n_detail'); 508 + } 509 + else if (entitySubType == 'LHT65N') { 510 + openDashboardStates('lht65n_detail'); 511 + } 512 + else if (entitySubType == 'S31b') { 513 + openDashboardStates('s31b_detail'); 514 + } 515 + }); 516 + 517 +function openDashboardStates(statedId) { 518 + var stateParams = widgetContext.stateController.getStateParams(); 519 + //console.log(stateParams) 520 + var params = { 521 + entityId: entityId, 522 + entityName: entityName 523 + }; 524 + widgetContext.stateController.updateState(statedId, params, false); 525 +} 526 +{{/code}} 527 + 528 +(% class="wikigeneratedid" id="H-1" %) 529 +**Add device:**Implementation function: Add device 530 + 531 +[[image:1730771441589-122.png]] 532 + 533 +{{code language="none"}} 534 +let $injector = widgetContext.$scope.$injector; 535 +let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog')); 536 +let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService')); 537 +let attributeService = $injector.get(widgetContext.servicesMap.get('attributeService')); 538 + 539 +openAddDeviceDialog(); 540 + 541 +function openAddDeviceDialog() { 542 + customDialog.customDialog(htmlTemplate, AddDeviceDialogController).subscribe(); 543 +} 544 + 545 +function AddDeviceDialogController(instance) { 546 + let vm = instance; 547 + 548 + vm.addDeviceFormGroup = vm.fb.group({ 549 + deviceName: ['', [vm.validators.required]], 550 + deviceType: ['', [vm.validators.required]], 551 + deviceLabel: [''], 552 + attributes: vm.fb.group({ 553 + latitude: [null], 554 + longitude: [null] 555 + }) 556 + }); 557 + 558 + vm.cancel = function() { 559 + vm.dialogRef.close(null); 560 + }; 561 + 562 + vm.save = function() { 563 + vm.addDeviceFormGroup.markAsPristine(); 564 + let device = { 565 + name: vm.addDeviceFormGroup.get('deviceName').value, 566 + type: vm.addDeviceFormGroup.get('deviceType').value, 567 + label: vm.addDeviceFormGroup.get('deviceLabel').value 568 + }; 569 + deviceService.saveDevice(device).subscribe( 570 + function (device) { 571 + saveAttributes(device.id).subscribe( 572 + function () { 573 + widgetContext.updateAliases(); 574 + vm.dialogRef.close(null); 575 + } 576 + ); 577 + } 578 + ); 579 + }; 580 + 581 + function saveAttributes(entityId) { 582 + let attributes = vm.addDeviceFormGroup.get('attributes').value; 583 + let attributesArray = []; 584 + for (let key in attributes) { 585 + attributesArray.push({key: key, value: attributes[key]}); 586 + } 587 + if (attributesArray.length > 0) { 588 + return attributeService.saveEntityAttributes(entityId, "SERVER_SCOPE", attributesArray); 589 + } else { 590 + return widgetContext.rxjs.of([]); 591 + } 592 + } 593 +} 594 +{{/code}} 595 + 596 +==== ==== 597 + 598 +===== **4.1.2.2.3 Asset Alarm:** ===== 599 + 600 +**Data:** 601 + 602 +[[image:1730771504586-433.png]] 603 + 604 +==== 4.1.2.3、Configure the first layer menu interface ==== 605 + 606 + 607 + 608 +===== 4.1.2.3.1 **Map:** ===== 609 + 610 +**Data:** 611 + 612 +===== ===== 613 + 614 +[[image:1730710271230-716.png||height="729" width="1427"]] 615 + 616 +**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 617 + 618 +[[image:1730710850458-781.png||height="770" width="1429"]] 619 + 620 +**Select supermarket:**Implementation function: Refresh the side page 621 + 622 +{{code language="none"}} 623 +var params = widgetContext.stateController.getStateParams(); 624 +var selectedSupermarket = params['selectedSupermarket']; 625 +if (selectedSupermarket && selectedSupermarket.entityId.id === entityId.id) { 626 + params['selectedSupermarket'] = null; 627 +} else { 628 + params['selectedSupermarket'] = { entityId: entityId, entityName: entityName, entityLabel: entityLabel }; 629 +} 630 +widgetContext.stateController.updateState(null, params); 631 +{{/code}} 632 + 633 +[[image:1730710875401-848.png||height="767" width="1429"]] 634 + 635 +**Supermarket_detail:**Implementation function: Jump to the asset details page 636 + 637 +{{code language="none"}} 638 +var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams())); 639 +params['selectedSupermarket'] = { 640 + entityId: entityId, 641 + entityName: entityName, 642 + entityLabel: entityLabel, 643 +}; 644 +params['targetEntityParamName'] = 'selectedSupermarket'; 645 +params['selectedDevice'] = null; 646 + 647 +widgetContext.stateController.openState('svgmap', params); 648 +{{/code}} 649 + 650 +[[image:1730710990334-601.png||height="772" width="1433"]] 651 + 652 +* ((( 653 +In this demo, exclusive map icons were set as follows: 654 +))) 655 + 656 +{{code language="none"}} 657 +var res = { 658 + url: images[0], 659 + size: 66 660 +}; 661 +return res; 662 +{{/code}} 663 + 664 +[[image:1730710395303-672.png||height="771" width="1438"]] 665 + 666 +===== 4.1.2.3.1 Asset List: ===== 667 + 668 +**Data:** 669 + 670 +[[image:1730710693066-349.png||height="772" width="1439"]] 671 + 672 +**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 673 + 674 +[[image:1730712335338-750.png||height="751" width="1423"]] 675 + 676 +[[image:1730712473941-913.png||height="781" width="1422"]] 677 + 678 +All Alarms: 679 + 680 +[[image:1730712539209-554.png||height="764" width="1424"]] 681 + 682 +== 4.2 Alarm configuration details == 683 + 684 +=== 4.2.1 High temperature === 685 + 686 +Creat: 687 + 688 +[[image:1730862483514-101.png||height="750" width="1407"]] 689 + 690 +Clear: 691 + 692 +[[image:1730862584519-902.png||height="758" width="1404"]] 693 + 694 +=== 4.2.2 Low Temperature === 695 + 696 +Creat: 697 + 698 +[[image:1730863708259-750.png||height="752" width="1403"]] 699 + 700 +Clear: 701 + 702 +[[image:1730863750414-979.png||height="746" width="1403"]] 703 + 704 +=== 4.2.3 High humidity === 705 + 706 +Creat: 707 + 708 +[[image:1730864045747-876.png||height="752" width="1396"]] 709 + 710 +Clear: 711 + 712 +[[image:1730864077395-395.png||height="735" width="1393"]] 713 + 714 +=== 4.2.4 Low humidity === 715 + 716 +Creat: 717 + 718 +[[image:1730864117808-484.png||height="741" width="1392"]] 719 + 720 +Clear: 721 + 722 +[[image:1730864159071-895.png||height="745" width="1392"]] 723 + 724 +=== 4.2.5 Low voltage === 725 + 726 +Creat: 727 + 728 +[[image:1730864207037-477.png||height="740" width="1388"]] 729 + 730 +Clear: 731 + 732 +[[image:1730864250506-111.png||height="735" width="1389"]] 733 + 734 +=== 4.2.6 Device Disconnected === 735 + 736 +Creat: 737 + 738 +[[image:1730864293216-991.png||height="739" width="1387"]] 739 + 740 +Clear: 741 + 742 +[[image:1730864331859-740.png||height="735" width="1385"]] 743 + 744 +== 4.3 Rule chain configuration details == 745 + 746 +[[image:1730864784118-474.png]] 747 + 748 +**Script:**Email configuration for sending device alarm information 749 + 750 +[[image:1730864676542-406.png||height="732" width="1384"]] 751 + 752 +{{code language="none"}} 753 +function locatime(timenumber){ 754 + var date = new Date(timenumber) 755 + return date.toLocaleDateString() + ' ' + date.toLocaleTimeString() 756 +} 757 +var name = msg.name 758 +var devicename = msg.originatorName 759 +var label = msg.originatorLabel 760 +var status = msg.status 761 +var detaildata =JSON.parse(msg.details.data) 762 +var tempswitch 763 + 764 +if (name != "Device Disconnected") { 765 + //detaildata=JSON.parse(msg.details.data) 766 + if (detaildata.Temperature_alarm_switch == true) { 767 + tempswitch = "open" 768 + } else { 769 + tempswitch = "close" 770 + } 771 + var humswitch 772 + if (detaildata.Humidity_alarm_switch == true) { 773 + humswitch = "open" 774 + } else { 775 + humswitch = "close" 776 + } 777 + var batswitch 778 + if (detaildata.Voltage_alarm_switch == true) { 779 + batswitch = "open" 780 + } else { 781 + batswitch = "close" 782 + } 783 + var str2 = "<p>-- Temperature alarm switch status: " + 784 + tempswitch + "</p>" + 785 + "<p>-- Humidity alarm switch status: " + humswitch + 786 + "</p>" + 787 + "<p>-- Voltage alarm switch status: " + batswitch 788 +} 789 + 790 +if (name == "High Temperature" && status == 791 + "ACTIVE_UNACK") { 792 + var emailstr = 793 + "<div><p><span style='color: black; font-weight: bold'>" + 794 + "Device " + label + " has alarm:</span></p>" + 795 + "<p><span style='color: red; font-weight: bold'>-- High Temperature Alarm</span></p>" + 796 + "<p>-- Current Temperature : " + detaildata 797 + .TempC_SHT + "</p><br>" + 798 + "<p>Device Configure:</p>" + 799 + "<p>-- Temperature Threshold : min: " + detaildata 800 + .Low_temperature_alarm + ", max: " + detaildata 801 + .High_temperature_alarm + "</p>" + 802 + "<p>-- Humidity Threshold: min: " + detaildata 803 + .Low_humidity_alarm + ", max:" + detaildata 804 + .High_humidity_alarm + "</p>" + 805 + "<p>-- Battery threshold: min: " + detaildata 806 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 807 + return { 808 + msg: { 809 + "data": emailstr 810 + }, 811 + metadata: metadata, 812 + msgType: msgType 813 + }; 814 +} else if (name == "Low Temperature" && status == 815 + "ACTIVE_UNACK") { 816 + var emailstr = 817 + "<div><p><span style='color: black; font-weight: bold'>" + 818 + "Device " + label + " has alarm:</span></p>" + 819 + "<p><span style='color: red; font-weight: bold'>-- Low Temperature Alarm</span></p>" + 820 + "<p>-- Current Temperature : " + detaildata 821 + .TempC_SHT + "</p><br>" + 822 + "<p>Device Configure:</p>" + 823 + "<p>-- Temperature Threshold : min: " + detaildata 824 + .Low_temperature_alarm + ", max: " + detaildata 825 + .High_temperature_alarm + "</p>" + 826 + "<p>-- Humidity Threshold: min: " + detaildata 827 + .Low_humidity_alarm + ", max:" + detaildata 828 + .High_humidity_alarm + "</p>" + 829 + "<p>-- Battery threshold: min: " + detaildata 830 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 831 + 832 + return { 833 + msg: { 834 + "data": emailstr 835 + }, 836 + metadata: metadata, 837 + msgType: msgType 838 + }; 839 + 840 +} else if (name == "Device Disconnected" && status == 841 + "ACTIVE_UNACK") { 842 + var time1 = locatime(Number(detaildata.lastActivityTime)) 843 + //var time1 = detaildata.lastActivityTime 844 + // var chazhi = parseInt((detaildata.inactivityAlarmTime-detaildata.lastActivityTime)/1000/60) 845 + // var emailstr = 846 + // "<div><p><span style='color: red; font-weight: bold'>" + 847 + // "Device " + label + " has Alarm</span></p><p>Last activity time: "+time1+"</p><p>Last Uplink: 21"+"minutes ago</p></div>" 848 + 849 + var emailstr ="Device " + label + " has Alarm##Last activity time: "+time1+"##Last Uplink: 21minutes ago" 850 + var newType = "POST_TELEMETRY_REQUEST" 851 + return { 852 + msg:emailstr, 853 + metadata: metadata, 854 + msgType: newType 855 + } 856 +} else if (name == "High humidity" && status == 857 + "ACTIVE_UNACK") { 858 + var emailstr = 859 + "<div><p><span style='color: black; font-weight: bold'>" + 860 + "Device " + label + " has alarm:</span></p>" + 861 + "<p><span style='color: red; font-weight: bold'>-- High Humidity Alarm</span></p>" + 862 + "<p>-- Current Temperature : " + detaildata 863 + .Hum_SHT + "</p><br>" + 864 + "<p>Device Configure:</p>" + 865 + "<p>-- Temperature Threshold : min: " + detaildata 866 + .Low_temperature_alarm + ", max: " + detaildata 867 + .High_temperature_alarm + "</p>" + 868 + "<p>-- Humidity Threshold: min: " + detaildata 869 + .Low_humidity_alarm + ", max:" + detaildata 870 + .High_humidity_alarm + "</p>" + 871 + "<p>-- Battery threshold: min: " + detaildata 872 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 873 + 874 + return { 875 + msg: { 876 + "data": emailstr 877 + }, 878 + metadata: metadata, 879 + msgType: msgType 880 + }; 881 +} else if (name == "Low humidity" && status == 882 + "ACTIVE_UNACK") { 883 + var emailstr = 884 + "<div><p><span style='color: black; font-weight: bold'>" + 885 + "Device " + label + " has alarm:</span></p>" + 886 + "<p><span style='color: red; font-weight: bold'>-- Low Humidity Alarm</span></p>" + 887 + "<p>-- Current Temperature : " + detaildata 888 + .Hum_SHT + "</p><br>" + 889 + "<p>Device Configure:</p>" + 890 + "<p>-- Temperature Threshold : min: " + detaildata 891 + .Low_temperature_alarm + ", max: " + detaildata 892 + .High_temperature_alarm + "</p>" + 893 + "<p>-- Humidity Threshold: min: " + detaildata 894 + .Low_humidity_alarm + ", max:" + detaildata 895 + .High_humidity_alarm + "</p>" + 896 + "<p>-- Battery threshold: min: " + detaildata 897 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 898 + 899 + return { 900 + msg: { 901 + "data": emailstr 902 + }, 903 + metadata: metadata, 904 + msgType: msgType 905 + }; 906 +} else if (name == "Low voltage" && status == 907 + "ACTIVE_UNACK") { 908 + var emailstr = 909 + "<div><p><span style='color: black; font-weight: bold'>" + 910 + "Device " + label + " has alarm:</span></p>" + 911 + "<p><span style='color: red; font-weight: bold'>-- Low Voltage Alarm</span></p>" + 912 + "<p>-- Current Temperature : " + detaildata.BatV + 913 + "</p><br>" + 914 + "<p>Device Configure:</p>" + 915 + "<p>-- Temperature Threshold : min: " + detaildata 916 + .Low_temperature_alarm + ", max: " + detaildata 917 + .High_temperature_alarm + "</p>" + 918 + "<p>-- Humidity Threshold: min: " + detaildata 919 + .Low_humidity_alarm + ", max:" + detaildata 920 + .High_humidity_alarm + "</p>" + 921 + "<p>-- Battery threshold: min: " + detaildata 922 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 923 + 924 + return { 925 + msg: { 926 + "data": emailstr 927 + }, 928 + metadata: metadata, 929 + msgType: msgType 930 + }; 931 +} else if (name == "High Temperature" && status == 932 + "CLEARED_UNACK") { 933 + var emailstr = 934 + "<div><p><span style='color: green; font-weight: bold'>Device " + 935 + label + 936 + " High Temperature Alarm Cleared</span></p>" + 937 + "<p>-- Current Temperature : " + detaildata 938 + .TempC_SHT + "</p><br>" + 939 + "<p>Device Configure:</p>" + 940 + "<p>-- Temperature Threshold : min: " + detaildata 941 + .Low_temperature_alarm + ", max: " + detaildata 942 + .High_temperature_alarm + "</p>" + 943 + "<p>-- Humidity Threshold: min: " + detaildata 944 + .Low_humidity_alarm + ", max:" + detaildata 945 + .High_humidity_alarm + "</p>" + 946 + "<p>-- Battery threshold: min: " + detaildata 947 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 948 + 949 + return { 950 + msg: { 951 + "data": emailstr 952 + }, 953 + metadata: metadata, 954 + msgType: msgType 955 + }; 956 +} else if (name == "Low Temperature" && status == 957 + "CLEARED_UNACK") { 958 + var emailstr = 959 + "<div><p><span style='color: green; font-weight: bold'>Device " + 960 + label + 961 + " Low Temperature Alarm Cleared</span></p>" + 962 + "<p>-- Current Temperature : " + detaildata 963 + .TempC_SHT + "</p><br>" + 964 + "<p>Device Configure:</p>" + 965 + "<p>-- Temperature Threshold : min: " + detaildata 966 + .Low_temperature_alarm + ", max: " + detaildata 967 + .High_temperature_alarm + "</p>" + 968 + "<p>-- Humidity Threshold: min: " + detaildata 969 + .Low_humidity_alarm + ", max:" + detaildata 970 + .High_humidity_alarm + "</p>" + 971 + "<p>-- Battery threshold: min: " + detaildata 972 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 973 + 974 + return { 975 + msg: { 976 + "data": emailstr 977 + }, 978 + metadata: metadata, 979 + msgType: msgType 980 + }; 981 +} else if (name == "High humidity" && status == 982 + "CLEARED_UNACK") { 983 + var emailstr = 984 + "<div><p><span style='color: green; font-weight: bold'>Device " + 985 + label + " High Humidity Alarm Cleared</span></p>" + 986 + "<p>-- Current Temperature : " + detaildata 987 + .Hum_SHT + "</p><br>" + 988 + "<p>Device Configure:</p>" + 989 + "<p>-- Temperature Threshold : min: " + detaildata 990 + .Low_temperature_alarm + ", max: " + detaildata 991 + .High_temperature_alarm + "</p>" + 992 + "<p>-- Humidity Threshold: min: " + detaildata 993 + .Low_humidity_alarm + ", max:" + detaildata 994 + .High_humidity_alarm + "</p>" + 995 + "<p>-- Battery threshold: min: " + detaildata 996 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 997 + 998 + return { 999 + msg: { 1000 + "data": emailstr 1001 + }, 1002 + metadata: metadata, 1003 + msgType: msgType 1004 + }; 1005 +} else if (name == "Low humidity" && status == 1006 + "CLEARED_UNACK") { 1007 + var emailstr = 1008 + "<div><p><span style='color: green; font-weight: bold'>Device " + 1009 + label + " Low Humidity Alarm Cleared</span></p>" + 1010 + "<p>-- Current Temperature : " + detaildata 1011 + .Hum_SHT + "</p><br>" + 1012 + "<p>Device Configure:</p>" + 1013 + "<p>-- Temperature Threshold : min: " + detaildata 1014 + .Low_temperature_alarm + ", max: " + detaildata 1015 + .High_temperature_alarm + "</p>" + 1016 + "<p>-- Humidity Threshold: min: " + detaildata 1017 + .Low_humidity_alarm + ", max:" + detaildata 1018 + .High_humidity_alarm + "</p>" + 1019 + "<p>-- Battery threshold: min: " + detaildata 1020 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 1021 + return { 1022 + msg: { 1023 + "data": emailstr 1024 + }, 1025 + metadata: metadata, 1026 + msgType: msgType 1027 + }; 1028 +} else if (name == "Low voltage" && status == 1029 + "CLEARED_UNACK") { 1030 + 1031 + var emailstr = 1032 + "<div><p><span style='color: green; font-weight: bold'>Device " + 1033 + label + " Low Voltage Alarm Cleared</span></p>" + 1034 + "<p>-- Current Temperature : " + detaildata.BatV + 1035 + "</p><br><br>" + 1036 + "<p>Device Configure:</p>" + 1037 + "<p>-- Temperature Threshold : min: " + detaildata 1038 + .Low_temperature_alarm + ", max: " + detaildata 1039 + .High_temperature_alarm + "</p>" + 1040 + "<p>-- Humidity Threshold: min: " + detaildata 1041 + .Low_humidity_alarm + ", max:" + detaildata 1042 + .High_humidity_alarm + "</p>" + 1043 + "<p>-- Battery threshold: min: " + detaildata 1044 + .Low_voltage_alarm + "</p>" + str2 + "</div>" 1045 + 1046 + return { 1047 + msg: { 1048 + "data": emailstr 1049 + }, 1050 + metadata: metadata, 1051 + msgType: msgType 1052 + }; 1053 +} else if (name == "Device Disconnected" && status == 1054 + "CLEARED_UNACK") { 1055 + var time1 = locatime(Number(detaildata.lastActivityTime)) 1056 + //var time1 = detaildata.lastActivityTime 1057 + // var chazhi = parseInt((detaildata.inactivityAlarmTime-detaildata.lastActivityTime)/1000/60) 1058 + // var emailstr = 1059 + // "<div><p><span style='color: green; font-weight: bold'>" + 1060 + // "Device " + label + " has Alarm Cleared</span></p><p>Last activity time: "+time1+"</p></div>" 1061 + var emailstr ="Device " + label + " has Alarm Cleared##Last activity time: "+time1 1062 + var newType = "POST_TELEMETRY_REQUEST" 1063 + return { 1064 + msg: emailstr, 1065 + metadata: metadata, 1066 + msgType: newType 1067 + } 1068 +} 1069 +{{/code}} 1070 + 1071 +(% class="wikigeneratedid" %) 1072 +**Generate Report:** 1073 + 1074 +(% class="wikigeneratedid" %) 1075 +[[image:1730865053380-293.png]] 1076 + 1077 += 5.other = 1078 + 1079 +* 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. 1080 +* 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]]
- 1730702565889-204.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +786.9 KB - Content
- 1730702622551-808.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +258.2 KB - Content
- 1730702656725-496.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +522.8 KB - Content
- 1730702688377-367.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +92.0 KB - Content
- 1730702814435-805.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +74.0 KB - Content
- 1730709382428-730.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +480.8 KB - Content
- 1730709409941-536.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +451.5 KB - Content
- 1730709424998-915.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +443.4 KB - Content
- 1730709442773-502.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +448.3 KB - Content
- 1730709461297-207.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +458.2 KB - Content
- 1730709479828-595.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +450.7 KB - Content
- 1730709511861-439.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +470.0 KB - Content
- 1730709527720-418.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +475.8 KB - Content
- 1730709542597-321.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +474.8 KB - Content
- 1730709555797-383.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hera - Size
-
... ... @@ -1,0 +1,1 @@ 1 +463.2 KB - Content
- 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