Last modified by Hera Guo on 2024/11/11 17:08
From version 37.1
edited by Hera Guo
on 2024/11/06 14:17
Change comment: There is no comment for this version
To version 64.1
edited by Hera Guo
on 2024/11/11 17:08
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,4 +1,4 @@
1 -**Table of Contents:**
1 + **Table of Contents:**
2 2  
3 3  {{toc/}}
4 4  
... ... @@ -5,6 +5,9 @@
5 5  
6 6  
7 7  
8 +
9 +
10 +
8 8  = 1. About this demo =
9 9  
10 10  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.
... ... @@ -120,6 +120,20 @@
120 120  
121 121  ==== 4.1.2.1、Configure the interface of the third layer Davies. ====
122 122  
126 +This layer is the display interface of our sensors. In this interface, we need to create a dashboard based on the data we want from our sensors, or import the dashboard of the basic sensors, download the modules, and import them into the third level dashboard
127 +
128 +Addres:[[https:~~/~~/github.com/ThingsEye-io/te-platform/tree/main/Devices/Dragino>>https://github.com/ThingsEye-io/te-platform/tree/main/Devices/Dragino]]
129 +
130 +4.1.2.1.1 Import dashboard widget
131 +
132 +Step1.Open a blank dashboard and click on "Add widget" in the upper right corner
133 +
134 +[[image:1731315784538-942.png||height="777" width="1435"]]
135 +
136 +Step2.Import the widgets you want as shown in the following figure
137 +
138 +[[image:1731315965141-491.png||height="740" width="1432"]]
139 +
123 123  ==== 4.1.2.2、Configure the interface of the second layer asset ====
124 124  
125 125  ===== 4.1.2.2.1 Equipment distribution diagram： =====
... ... @@ -255,7 +255,7 @@
255 255  {{/code}}
256 256  
257 257  (% class="wikigeneratedid" %)
258 -[[image:1730770875793-351.png]]
275 +[[image:1730770875793-351.png||height="799" width="1474"]]
259 259  
260 260  (% class="wikigeneratedid" %)
261 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
... ... @@ -317,7 +317,7 @@
317 317  
318 318  {{/code}}
319 319  
320 -[[image:1730771103096-522.png]]
337 +[[image:1730771103096-522.png||height="815" width="1503"]]
321 321  
322 322  ===== 4.1.2.2.2 Device List =====
323 323  
... ... @@ -324,7 +324,7 @@
324 324  (% class="wikigeneratedid" id="HDataFF1A" %)
325 325  **Data：**
326 326  
327 -[[image:1730771199343-553.png]]
344 +[[image:1730771199343-553.png||height="802" width="1501"]]
328 328  
329 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 330  
... ... @@ -331,7 +331,7 @@
331 331  [[image:1730771228766-212.png]]
332 332  
333 333  (% class="wikigeneratedid" id="HEditdeviceFF1A" %)
334 -Edit device：Implementation function: Device editing
351 +**Edit device：**Implementation function: Device editing
335 335  
336 336  [[image:1730771256045-238.png]]
337 337  
... ... @@ -431,8 +431,7 @@
431 431  }
432 432  {{/code}}
433 433  
434 -(% class="wikigeneratedid" id="H" %)
435 -Delete device：Implementation function: Device deletion
451 +**Delete device：**Implementation function: Device deletion
436 436  
437 437  [[image:1730771318657-502.png]]
438 438  
... ... @@ -465,7 +465,7 @@
465 465  
466 466  {{/code}}
467 467  
468 -jump:Implementation function: Jump to the device details page
484 +**jump:I**mplementation function: Jump to the device details page
469 469  
470 470  [[image:1730771386258-676.png]]
471 471  
... ... @@ -527,7 +527,7 @@
527 527  {{/code}}
528 528  
529 529  (% class="wikigeneratedid" id="H-1" %)
530 -Add device：Implementation function: Add device
546 +**Add device：**Implementation function: Add device
531 531  
532 532  [[image:1730771441589-122.png]]
533 533  
... ... @@ -594,27 +594,25 @@
594 594  }
595 595  {{/code}}
596 596  
597 -==== ====
613 +===== 4.1.2.2.3 Asset Alarm: =====
598 598  
599 -===== **4.1.2.2.3 Asset Alarm：** =====
615 +**Data:**
600 600  
601 -**Data：**
617 +[[image:1730771504586-433.png||height="762" width="1431"]]
602 602  
603 -[[image:1730771504586-433.png]]
619 +==== (% id="cke_bm_373849S" style="display:none" %) (%%)4.1.2.3、Configure the first layer menu interface ====
604 604  
605 -==== 4.1.2.3、Configure the first layer menu interface ====
621 +===== 4.1.2.3.1 Map: =====
606 606  
607 -===== 4.1.2.3.1 **Map:** =====
608 -
609 609  **Data:**
610 610  
611 611  [[image:1730710271230-716.png||height="729" width="1427"]]
612 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
627 +**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 614  
615 615  [[image:1730710850458-781.png||height="770" width="1429"]]
616 616  
617 -Select supermarket:Implementation function: Refresh the side page
631 +**Select supermarket:**Implementation function: Refresh the side page
618 618  
619 619  {{code language="none"}}
620 620  var params = widgetContext.stateController.getStateParams();
... ... @@ -629,7 +629,7 @@
629 629  
630 630  [[image:1730710875401-848.png||height="767" width="1429"]]
631 631  
632 -Supermarket_detail:Implementation function: Jump to the asset details page
646 +**Supermarket_detail:**Implementation function: Jump to the asset details page
633 633  
634 634  {{code language="none"}}
635 635  var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams()));
... ... @@ -660,19 +660,19 @@
660 660  
661 661  [[image:1730710395303-672.png||height="771" width="1438"]]
662 662  
663 -===== 4.1.2.3.1 Asset List: =====
677 +===== 4.1.2.3.2 Asset List: =====
664 664  
665 665  **Data:**
666 666  
667 667  [[image:1730710693066-349.png||height="772" width="1439"]]
668 668  
669 -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
683 +**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
670 670  
671 671  [[image:1730712335338-750.png||height="751" width="1423"]]
672 672  
673 673  [[image:1730712473941-913.png||height="781" width="1422"]]
674 674  
675 -All Alarms:
689 +===== 4.1.2.3.3 All Alarms: =====
676 676  
677 677  [[image:1730712539209-554.png||height="764" width="1424"]]
678 678  
1731315784538-942.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +50.2 KB
Content
1731315965141-491.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +447.8 KB
Content