Last modified by Hera Guo on 2024/11/11 17:08
From version 64.1
edited by Hera Guo
on 2024/11/11 17:08
Change comment: There is no comment for this version
To version 31.1
edited by Hera Guo
on 2024/11/06 13:59
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,9 +5,6 @@
5 5  
6 6  
7 7  
8 -
9 -
10 -
11 11  = 1. About this demo =
12 12  
13 13  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.
... ... @@ -85,8 +85,9 @@
85 85  
86 86  High Temperature、Low Temperature、High humidity、Low humidity、Low voltage、Device Disconnected
87 87  
88 -[[image:屏幕截图 2024-11-04 135045.png]]
85 +[[image:1730854677036-426.png]]
89 89  
87 +
90 90  = 4.configuration details =
91 91  
92 92  After understanding the architecture and layering of the complete project, we can start configuring it
... ... @@ -123,20 +123,6 @@
123 123  
124 124  ==== 4.1.2.1、Configure the interface of the third layer Davies. ====
125 125  
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 -
140 140  ==== 4.1.2.2、Configure the interface of the second layer asset ====
141 141  
142 142  ===== 4.1.2.2.1 Equipment distribution diagram： =====
... ... @@ -271,10 +271,10 @@
271 271  return res;
272 272  {{/code}}
273 273  
274 -(% class="wikigeneratedid" %)
275 -[[image:1730770875793-351.png||height="799" width="1474"]]
258 +(% class="wikigeneratedid" id="H" %)
259 +[[image:1730770875793-351.png]]
276 276  
277 -(% class="wikigeneratedid" %)
261 +(% class="wikigeneratedid" id="HActions" %)
278 278  **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
279 279  
280 280  {{code language="none"}}
... ... @@ -334,7 +334,7 @@
334 334  
335 335  {{/code}}
336 336  
337 -[[image:1730771103096-522.png||height="815" width="1503"]]
321 +[[image:1730771103096-522.png]]
338 338  
339 339  ===== 4.1.2.2.2 Device List =====
340 340  
... ... @@ -341,7 +341,7 @@
341 341  (% class="wikigeneratedid" id="HDataFF1A" %)
342 342  **Data：**
343 343  
344 -[[image:1730771199343-553.png||height="802" width="1501"]]
328 +[[image:1730771199343-553.png]]
345 345  
346 346  **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:
347 347  
... ... @@ -348,7 +348,7 @@
348 348  [[image:1730771228766-212.png]]
349 349  
350 350  (% class="wikigeneratedid" id="HEditdeviceFF1A" %)
351 -**Edit device：**Implementation function: Device editing
335 +Edit device：Implementation function: Device editing
352 352  
353 353  [[image:1730771256045-238.png]]
354 354  
... ... @@ -448,7 +448,8 @@
448 448  }
449 449  {{/code}}
450 450  
451 -**Delete device：**Implementation function: Device deletion
435 +(% class="wikigeneratedid" id="H" %)
436 +Delete device：Implementation function: Device deletion
452 452  
453 453  [[image:1730771318657-502.png]]
454 454  
... ... @@ -481,7 +481,7 @@
481 481  
482 482  {{/code}}
483 483  
484 -**jump:I**mplementation function: Jump to the device details page
469 +jump:Implementation function: Jump to the device details page
485 485  
486 486  [[image:1730771386258-676.png]]
487 487  
... ... @@ -543,7 +543,7 @@
543 543  {{/code}}
544 544  
545 545  (% class="wikigeneratedid" id="H-1" %)
546 -**Add device：**Implementation function: Add device
531 +Add device：Implementation function: Add device
547 547  
548 548  [[image:1730771441589-122.png]]
549 549  
... ... @@ -610,25 +610,27 @@
610 610  }
611 611  {{/code}}
612 612  
613 -===== 4.1.2.2.3 Asset Alarm: =====
598 +==== ====
614 614  
615 -**Data:**
600 +===== **4.1.2.2.3 Asset Alarm：** =====
616 616  
617 -[[image:1730771504586-433.png||height="762" width="1431"]]
602 +**Data：**
618 618  
619 -==== (% id="cke_bm_373849S" style="display:none" %) (%%)4.1.2.3、Configure the first layer menu interface ====
604 +[[image:1730771504586-433.png]]
620 620  
621 -===== 4.1.2.3.1 Map: =====
606 +==== 4.1.2.3、Configure the first layer menu interface ====
622 622  
608 +===== 4.1.2.3.1 **Map:** =====
609 +
623 623  **Data:**
624 624  
625 625  [[image:1730710271230-716.png||height="729" width="1427"]]
626 626  
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 +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
628 628  
629 629  [[image:1730710850458-781.png||height="770" width="1429"]]
630 630  
631 -**Select supermarket:**Implementation function: Refresh the side page
618 +Select supermarket:Implementation function: Refresh the side page
632 632  
633 633  {{code language="none"}}
634 634  var params = widgetContext.stateController.getStateParams();
... ... @@ -643,7 +643,7 @@
643 643  
644 644  [[image:1730710875401-848.png||height="767" width="1429"]]
645 645  
646 -**Supermarket_detail:**Implementation function: Jump to the asset details page
633 +Supermarket_detail:Implementation function: Jump to the asset details page
647 647  
648 648  {{code language="none"}}
649 649  var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams()));
... ... @@ -674,19 +674,19 @@
674 674  
675 675  [[image:1730710395303-672.png||height="771" width="1438"]]
676 676  
677 -===== 4.1.2.3.2 Asset List: =====
664 +===== 4.1.2.3.1 Asset List: =====
678 678  
679 679  **Data:**
680 680  
681 681  [[image:1730710693066-349.png||height="772" width="1439"]]
682 682  
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 +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
684 684  
685 685  [[image:1730712335338-750.png||height="751" width="1423"]]
686 686  
687 687  [[image:1730712473941-913.png||height="781" width="1422"]]
688 688  
689 -===== 4.1.2.3.3 All Alarms: =====
676 +All Alarms:
690 690  
691 691  [[image:1730712539209-554.png||height="764" width="1424"]]
692 692  
1731315784538-942.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hera
Size
... ... @@ -1,1 +1,0 @@
1 -50.2 KB
Content
1731315965141-491.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hera
Size
... ... @@ -1,1 +1,0 @@
1 -447.8 KB
Content
屏幕截图 2024-11-04 135045.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hera
Size
... ... @@ -1,1 +1,0 @@
1 -29.4 KB
Content