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, 0 added, 3 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,4 +1,4 @@ 1 - 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 editing335 +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 page469 +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 device531 +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.3Asset 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 location614 +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 page618 +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 page633 +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. 2Asset 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 location670 +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.3All 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