Last modified by Hera Guo on 2024/11/11 17:08
From version 13.1
edited by Hera Guo
on 2024/10/31 15:11
Change comment: There is no comment for this version
To version 24.1
edited by Hera Guo
on 2024/11/06 10:53
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -21,112 +21,662 @@
21 21  The rest of this chapter will provide the introduction for how to set up similiar solution.
22 22  
23 23  
24 -= 2. Set up a similiar dashboard =
24 += 2.Basic configuration instructions =
25 25  
26 +When you start a complex IoT project, you first need to learn some basic configuration methods for ThingsEye.
26 26  
27 -== 2.1 Creat the dashboard and add branch ==
28 +Here are some instructions you need to know：
28 28  
29 -=== 2.1.1 Create Dashboard ===
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]]
30 30  
31 -[[image: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/]]
32 32  
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/]]
33 33  
34 -[[image:1730340927412-610.png]]
36 += 3.overview =
35 35  
36 -Assigning users and groups is not necessary and can be done uniformly after completing the overall project creation
38 +== 3.1 MHierarchical architectureore features ==
37 37  
38 -== 2.2 Add a branch ==
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
39 39  
42 +**Assets：**Dragino Office  、Dragino Factory
40 40  
44 +**Devices：**
41 41  
42 -[[image:1730341060305-544.png]]
46 +Dragino Factory：temperature and humidity measurement×7、Gateway×1
43 43  
44 -How many interfaces do you need to display, and how many statuses you need to create.
48 +Dragino Office：temperature and humidity measurement×2、Air quality measurement×4
45 45  
46 -[[image:1730341060308-892.png]]
50 +== 3.2 Dashboard architecture ==
47 47  
48 -After creating the branch, you can add widgets into your dashboard and decorate it.
52 +In this demo, the dashboard is divided into three layers, namely: home page, asset, and device.
49 49  
50 -[[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
51 51  
52 -== 2.3 Connect Sensors ==
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
53 53  
54 -=== 2.3.1 Add LoRaWAN Sensors ===
58 +**device:**This section displays the specific information collected by the device, and different types of sensors have different display interfaces
55 55  
56 -You can connect the device through the link below:
60 +[[image:屏幕截图 2024-11-04 134645.png]]
57 57  
58 -**source:**[[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/]]
62 +First floor：
59 59  
60 -=== 2.3.2 Add NB-IoT Sensors ===
64 +[[image:1730702565889-204.png||height="771" width="1445"]]
61 61  
62 -You can connect the device through the link below:
66 +Second floor：
63 63  
64 -**source:**[[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/]]
68 +[[image:1730702622551-808.png||height="756" width="1450"]]
65 65  
66 -== 2.4 Creat group and add device ==
70 +Third floor：
67 67  
68 -[[image:1730341200415-449.png]]
72 +[[image:1730702656725-496.png||height="775" width="1455"]]
69 69  
70 -[[image:1730341200420-412.png]]
74 +[[image:1730702814435-805.png||height="797" width="1458"]]
71 71  
72 -[[image:1730341200421-190.png]]
73 73  
74 -[[image:1730341200424-882.png]]
77 +[[image:1730702688377-367.png||height="770" width="1462"]]
75 75  
76 -== 2.5 Creat entity alias and connect ==
79 +* How many types of devices do you need, how many layers of third level dashboards you need to create.
77 77  
78 -=== 2.5.1 Creat entity alias ===
81 +== 3.3 Alarm rules ==
79 79  
80 -[[image:1730341268104-527.png]]
83 +High Temperature、Low Temperature、High humidity、Low humidity、Low voltage、Device Disconnected
81 81  
82 -[[image:1730341268106-565.png]]
85 +[[image:1730854677036-426.png]]
83 83  
84 84  
85 -=== 2.5.2 Connect entity ===
88 += 4.configuration details =
86 86  
87 -[[image:1730341268108-632.png]]
90 +After understanding the architecture and layering of the complete project, we can start configuring it
88 88  
89 -== 2.6 Creat actions ==
92 +== 4.1 Dashboard configuration details ==
90 90  
91 -[[image:1730341395062-192.png]]
94 +=== 4.1.1.Data source (Entity aliases) ===
92 92  
93 -[[image:1730341395069-644.png]]
96 +detail:Obtain data based on dashboard status
94 94  
95 -= 3.Set up Alarm =
98 +[[image:1730709424998-915.png||height="729" width="1436"]]
96 96  
97 -== 3.1 Creat device profiles ==
100 +Alarm:Obtain alarm information
98 98  
99 -[[image:1730341507235-819.png||height="636" width="1260"]]
102 +[[image:1730709479828-595.png||height="696" width="1435"]]
100 100  
101 -== 3.2 Set up Alarm ==
104 +Dragino&GXHL,Ltd:Obtain data through asset types
102 102  
103 -[[image:1730341543316-750.png||height="629" width="1260"]]
106 +[[image:1730709511861-439.png||height="714" width="1435"]]
104 104  
105 -[[image:1730341543319-574.png]]
108 +Selected Supermarket:Retrieve devices by device type
106 106  
110 +[[image:1730709527720-418.png||height="751" width="1433"]]
107 107  
108 -== 3.3 replace device profile ==
112 +Supermarket Devices:Obtain data through device type
109 109  
110 -[[image:1730341567947-831.png||height="629" width="1266"]]
114 +[[image:1730709555797-383.png||height="726" width="1434"]]
111 111  
112 -= 4. create rule chain =
116 +LHT65N Device：Obtain data based on device type
113 113  
114 -== 4.1 creat rule chain ==
118 +[[image:1730857191863-514.png||height="725" width="1433"]]
115 115  
120 +=== 4.1.2.Page Configuration ===
121 +
122 +==== 4.1.2.1、Configure the interface of the third layer Davies. ====
123 +
124 +==== 4.1.2.2、Configure the interface of the second layer asset ====
125 +
126 +===== 4.1.2.2.1 Equipment distribution diagram： =====
127 +
128 +**Data：**
129 +
130 +[[image:1730770392454-317.png||height="745" width="1439"]]
131 +
132 +**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
133 +
134 +**Tooltip function：**This module displays the current information of the device
135 +
136 +[[image:1730857537965-184.png]]
137 +
138 +{{code language="none"}}
139 +var msg = data
140 +if(msg.Label=="gateway" && msg.type == "gateway"){
141 + var stauts
142 + if (msg.gatewaystauts=="true"){
143 + stauts = "Connect"
144 + }
145 + else{
146 + stauts = "Disconnected"
147 + }
148 + var str = "<b>"+msg.entityName+"</b><br/><b>"+stauts+"</b><br/>"
149 + return str
150 +}
151 +else if(msg.type=="gxhl01" && msg.Label!="gateway"){
152 + 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+"%"
153 + return str
154 +}
155 +else{
156 + 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/>"+
157 + "<b>Co2:"+msg.co2+"</b></br><b>Air_Pressure:"+msg.air_pressure
158 +
159 + return str
160 +}
161 +{{/code}}
162 +
163 +(% class="wikigeneratedid" id="HMarkerimagefunctionFF1A" %)
164 +**Marker image function：**This module can display different icons based on different types of sensors and their status to achieve its functionality
165 +
166 +(% class="wikigeneratedid" %)
167 +[[image:1730857750749-240.png]]
168 +
169 +{{code language="none"}}
170 +var res
171 +var msg = data
172 +if(msg.Label=="gateway" && msg.type=="gateway"){
173 + if (msg.gatewaystauts == "true"){
174 + res = {
175 + url: images[3],
176 + size: 40
177 +}
178 +}
179 +else{
180 + res = {
181 + url: images[2],
182 + size: 40
183 +}
184 +}}
185 +else if(msg.Label!="gateway" && msg.type=="gxhl01" ){
186 + if (msg.active=="false"){
187 + res = {
188 + url: images[1],
189 + size: 40
190 +}}
191 +else{
192 + res = {
193 + url: images[0],
194 + size: 40
195 +}
196 +}
197 +}
198 +else if(msg.type=="LWL02"){
199 + if (msg.WATER_LEAK_STATUS=="0"){
200 + res = {
201 + url: images[6],
202 + size: 40
203 +}}
204 +else{
205 + res = {
206 + url: images[7],
207 + size: 40
208 +}
209 +}
210 +}
211 +else if(msg.type=="LDS02"){
212 + if (msg.DOOR_OPEN_STATUS=="0"){
213 + res = {
214 + url: images[5],
215 + size: 40
216 +}}
217 +else{
218 + res = {
219 + url: images[8],
220 + size: 40
221 +}
222 +}
223 +}
224 +else if(msg.type=="LDS12"){
225 + res = {
226 + url: images[10],
227 + size: 40
228 +}}
229 +else if(msg.type=="SE01"){
230 + res = {
231 + url: images[9],
232 + size: 40
233 +}}
234 +else if(msg.type=="PB01"){
235 + res = {
236 + url: images[11],
237 + size: 40
238 +}}
239 +else if(msg.type=="S31b"){
240 + res = {
241 + url: images[12],
242 + size: 40
243 +}}
244 +else if(msg.type=="LHT65N"){
245 + res = {
246 + url: images[13],
247 + size: 40
248 +}}
249 +else{
250 + res = {
251 + url: images[4],
252 + size: 40
253 +}
254 +}
255 +return res;
256 +{{/code}}
257 +
116 116  (% class="wikigeneratedid" id="H" %)
117 -[[image:1730341620059-499.png||height="621" width="1263"]]
259 +[[image:1730770875793-351.png]]
118 118  
261 +(% class="wikigeneratedid" id="HActions" %)
262 +**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
263 +
264 +{{code language="none"}}
265 +var entitySubType;
266 +var $injector = widgetContext.$scope.$injector;
267 +$injector.get(widgetContext.servicesMap.get('entityService')).getEntity(entityId.entityType, entityId.id)
268 + .subscribe(function(data) {
269 + entitySubType = data.type;
270 + console.log(entitySubType)
271 + if (entitySubType == 'gateway') {
272 + openDashboardStates('gateway_detail');
273 + } else if (entitySubType == 'gxhl01') {
274 + openDashboardStates('detail');
275 + }
276 + else if(entitySubType == 'AQS01-dragino-office'){
277 + openDashboardStates("aqs01_detail")
278 + }
279 + else if (entitySubType == 'LDS12') {
280 + openDashboardStates('lds12_detail');
281 + }
282 + else if (entitySubType == 'LDS02') {
283 + openDashboardStates('lds02_detail');
284 + }
285 + else if (entitySubType == 'SE01') {
286 + openDashboardStates('se01_detail');
287 + }
288 + else if (entitySubType == 'PB01') {
289 + openDashboardStates('pb01_detail');
290 + }
291 + else if (entitySubType == 'LWL02') {
292 + openDashboardStates('lwl02_detail');
293 + }
294 + else if (entitySubType == 'LPS8N') {
295 + openDashboardStates('lps8n_detail');
296 + }
297 + else if (entitySubType == 'LHT65N') {
298 + openDashboardStates('lht65n_detail');
299 + }
300 + else if (entitySubType == 'S31b') {
301 + openDashboardStates('s31b_detail');
302 + }
303 + });
304 +
305 +function openDashboardStates(statedId) {
306 + var stateParams = widgetContext.stateController.getStateParams();
307 + var params = {
308 + entityId: entityId,
309 + entityName: entityName
310 + };
311 +
312 + if (stateParams.city) {
313 + params.city = stateParams.city;
314 + }
315 +
316 + widgetContext.stateController.openState(statedId, params, false);
317 +}
318 +
319 +{{/code}}
320 +
321 +[[image:1730771103096-522.png]]
322 +
323 +===== 4.1.2.2.2 Device List =====
324 +
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 +(% class="wikigeneratedid" id="H" %)
435 +Delete device：Implementation function: Device deletion
436 +
437 +[[image:1730771318657-502.png]]
438 +
439 +{{code language="none"}}
440 +let $injector = widgetContext.$scope.$injector;
441 +let dialogs = $injector.get(widgetContext.servicesMap.get('dialogs'));
442 +let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService'));
443 +
444 +openDeleteDeviceDialog();
445 +
446 +function openDeleteDeviceDialog() {
447 + let title = "Are you sure you want to delete the device " + entityName + "?";
448 + let content = "Be careful, after the confirmation, the device and all related data will become unrecoverable!";
449 + dialogs.confirm(title, content, 'Cancel', 'Delete').subscribe(
450 + function (result) {
451 + if (result) {
452 + deleteDevice();
453 + }
454 + }
455 + );
456 +}
457 +
458 +function deleteDevice() {
459 + deviceService.deleteDevice(entityId.id).subscribe(
460 + function () {
461 + widgetContext.updateAliases();
462 + }
463 + );
464 +}
465 +
466 +{{/code}}
467 +
468 +jump:Implementation function: Jump to the device details page
469 +
470 +[[image:1730771386258-676.png]]
471 +
472 +{{code language="none"}}
473 +console.log(entityName)
474 +var entitySubType;
475 +var $injector = widgetContext.$scope.$injector;
476 +//console.log($injector)
477 +$injector.get(widgetContext.servicesMap.get('entityService')).getEntity(entityId.entityType, entityId.id)
478 + .subscribe(function(data) {
479 + console.log(data)
480 + entitySubType = data.type;
481 + console.log(entitySubType)
482 + if (entitySubType == 'AQS01-dragino-office') {
483 + openDashboardStates('aqs01_detail');
484 + }else if (entitySubType == 'gateway') {
485 + openDashboardStates('gateway_detail');
486 + } else if (entitySubType == 'gxhl01') {
487 + openDashboardStates('detail');
488 +
489 + } else if (entitySubType == 'tank-type1') {
490 + openDashboardStates('test1');
491 + }
492 + else if (entitySubType == 'LDS12') {
493 + openDashboardStates('lds12_detail');
494 + }
495 + else if (entitySubType == 'LDS02') {
496 + openDashboardStates('lds02_detail');
497 + }
498 + else if (entitySubType == 'SE01') {
499 + openDashboardStates('se01_detail');
500 + }
501 + else if (entitySubType == 'PB01') {
502 + openDashboardStates('pb01_detail');
503 + }
504 + else if (entitySubType == 'LWL02') {
505 + openDashboardStates('lwl02_detail');
506 + }
507 + else if (entitySubType == 'LPS8N') {
508 + openDashboardStates('lps8n_detail');
509 + }
510 + else if (entitySubType == 'LHT65N') {
511 + openDashboardStates('lht65n_detail');
512 + }
513 + else if (entitySubType == 'S31b') {
514 + openDashboardStates('s31b_detail');
515 + }
516 + });
517 +
518 +function openDashboardStates(statedId) {
519 + var stateParams = widgetContext.stateController.getStateParams();
520 + //console.log(stateParams)
521 + var params = {
522 + entityId: entityId,
523 + entityName: entityName
524 + };
525 + widgetContext.stateController.updateState(statedId, params, false);
526 +}
527 +{{/code}}
528 +
119 119  (% class="wikigeneratedid" id="H-1" %)
120 -[[image:1730341620061-922.png||height="612" width="1263"]]
530 +Add device：Implementation function: Add device
121 121  
122 -(((
123 -Regarding the rule chain, you can see the relevant explanation below:
124 -)))
532 +[[image:1730771441589-122.png]]
125 125  
126 -[[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/]]
534 +{{code language="none"}}
535 +let $injector = widgetContext.$scope.$injector;
536 +let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog'));
537 +let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService'));
538 +let attributeService = $injector.get(widgetContext.servicesMap.get('attributeService'));
127 127  
128 -== 4.2 replace rule chain ==
540 +openAddDeviceDialog();
129 129  
130 -[[image:1730341620064-656.png||height="628" width="1265"]]
542 +function openAddDeviceDialog() {
543 + customDialog.customDialog(htmlTemplate, AddDeviceDialogController).subscribe();
544 +}
131 131  
132 -= 5. More features =
546 +function AddDeviceDialogController(instance) {
547 + let vm = instance;
548 +
549 + vm.addDeviceFormGroup = vm.fb.group({
550 + deviceName: ['', [vm.validators.required]],
551 + deviceType: ['', [vm.validators.required]],
552 + deviceLabel: [''],
553 + attributes: vm.fb.group({
554 + latitude: [null],
555 + longitude: [null]
556 + })
557 + });
558 +
559 + vm.cancel = function() {
560 + vm.dialogRef.close(null);
561 + };
562 +
563 + vm.save = function() {
564 + vm.addDeviceFormGroup.markAsPristine();
565 + let device = {
566 + name: vm.addDeviceFormGroup.get('deviceName').value,
567 + type: vm.addDeviceFormGroup.get('deviceType').value,
568 + label: vm.addDeviceFormGroup.get('deviceLabel').value
569 + };
570 + deviceService.saveDevice(device).subscribe(
571 + function (device) {
572 + saveAttributes(device.id).subscribe(
573 + function () {
574 + widgetContext.updateAliases();
575 + vm.dialogRef.close(null);
576 + }
577 + );
578 + }
579 + );
580 + };
581 +
582 + function saveAttributes(entityId) {
583 + let attributes = vm.addDeviceFormGroup.get('attributes').value;
584 + let attributesArray = [];
585 + for (let key in attributes) {
586 + attributesArray.push({key: key, value: attributes[key]});
587 + }
588 + if (attributesArray.length > 0) {
589 + return attributeService.saveEntityAttributes(entityId, "SERVER_SCOPE", attributesArray);
590 + } else {
591 + return widgetContext.rxjs.of([]);
592 + }
593 + }
594 +}
595 +{{/code}}
596 +
597 +==== ====
598 +
599 +===== **4.1.2.2.3 Asset Alarm：** =====
600 +
601 +**Data：**
602 +
603 +[[image:1730771504586-433.png]]
604 +
605 +==== 4.1.2.3、Configure the first layer menu interface ====
606 +
607 +===== 4.1.2.3.1 **Map:** =====
608 +
609 +**Data:**
610 +
611 +[[image:1730710271230-716.png||height="729" width="1427"]]
612 +
613 +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
614 +
615 +[[image:1730710850458-781.png||height="770" width="1429"]]
616 +
617 +Select supermarket:Implementation function: Refresh the side page
618 +
619 +{{code language="none"}}
620 +var params = widgetContext.stateController.getStateParams();
621 +var selectedSupermarket = params['selectedSupermarket'];
622 +if (selectedSupermarket && selectedSupermarket.entityId.id === entityId.id) {
623 + params['selectedSupermarket'] = null;
624 +} else {
625 + params['selectedSupermarket'] = { entityId: entityId, entityName: entityName, entityLabel: entityLabel };
626 +}
627 +widgetContext.stateController.updateState(null, params);
628 +{{/code}}
629 +
630 +[[image:1730710875401-848.png||height="767" width="1429"]]
631 +
632 +Supermarket_detail:Implementation function: Jump to the asset details page
633 +
634 +{{code language="none"}}
635 +var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams()));
636 +params['selectedSupermarket'] = {
637 + entityId: entityId,
638 + entityName: entityName,
639 + entityLabel: entityLabel,
640 +};
641 +params['targetEntityParamName'] = 'selectedSupermarket';
642 +params['selectedDevice'] = null;
643 +
644 +widgetContext.stateController.openState('svgmap', params);
645 +{{/code}}
646 +
647 +[[image:1730710990334-601.png||height="772" width="1433"]]
648 +
649 +* In this demo, exclusive map icons were set as follows:
650 +
651 +{{code language="none"}}
652 +var res = {
653 + url: images[0],
654 + size: 66
655 +};
656 +return res;
657 +{{/code}}
658 +
659 +[[image:1730710395303-672.png||height="771" width="1438"]]
660 +
661 +===== 4.1.2.3.1 Asset List: =====
662 +
663 +**Data:**
664 +
665 +[[image:1730710693066-349.png||height="772" width="1439"]]
666 +
667 +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
668 +
669 +[[image:1730712335338-750.png||height="751" width="1423"]]
670 +
671 +[[image:1730712473941-913.png||height="781" width="1422"]]
672 +
673 +All Alarms:
674 +
675 +[[image:1730712539209-554.png||height="764" width="1424"]]
676 +
677 +== 4.2 Alarm configuration details ==
678 +
679 +== 4.3 Rule chain configuration details ==
680 +
681 += 5. =
682 +
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