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, 2 added, 0 removed)
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: ===== ... ... @@ -254,9 +254,12 @@ 254 254 return res; 255 255 {{/code}} 256 256 257 -(% class="wikigeneratedid" id="H"%)258 -[[image:1730770875793-351.png ]]**Actions:**We need to implement thefunction of enteringthe detailsinterface through the corresponding device icon, so in this module,we need to add actions to achieve redirection274 +(% class="wikigeneratedid" %) 275 +[[image:1730770875793-351.png||height="799" width="1474"]] 259 259 277 +(% class="wikigeneratedid" %) 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 + 260 260 {{code language="none"}} 261 261 var entitySubType; 262 262 var $injector = widgetContext.$scope.$injector; ... ... @@ -314,7 +314,7 @@ 314 314 315 315 {{/code}} 316 316 317 -[[image:1730771103096-522.png]] 337 +[[image:1730771103096-522.png||height="815" width="1503"]] 318 318 319 319 ===== 4.1.2.2.2 Device List ===== 320 320 ... ... @@ -321,7 +321,7 @@ 321 321 (% class="wikigeneratedid" id="HDataFF1A" %) 322 322 **Data:** 323 323 324 -[[image:1730771199343-553.png]] 344 +[[image:1730771199343-553.png||height="802" width="1501"]] 325 325 326 326 **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: 327 327 ... ... @@ -328,7 +328,7 @@ 328 328 [[image:1730771228766-212.png]] 329 329 330 330 (% class="wikigeneratedid" id="HEditdeviceFF1A" %) 331 -Edit device:Implementation function: Device editing 351 +**Edit device:**Implementation function: Device editing 332 332 333 333 [[image:1730771256045-238.png]] 334 334 ... ... @@ -428,8 +428,7 @@ 428 428 } 429 429 {{/code}} 430 430 431 -(% class="wikigeneratedid" id="H" %) 432 -Delete device:Implementation function: Device deletion 451 +**Delete device:**Implementation function: Device deletion 433 433 434 434 [[image:1730771318657-502.png]] 435 435 ... ... @@ -462,7 +462,7 @@ 462 462 463 463 {{/code}} 464 464 465 -jump:Implementation function: Jump to the device details page 484 +**jump:I**mplementation function: Jump to the device details page 466 466 467 467 [[image:1730771386258-676.png]] 468 468 ... ... @@ -524,7 +524,7 @@ 524 524 {{/code}} 525 525 526 526 (% class="wikigeneratedid" id="H-1" %) 527 -Add device:Implementation function: Add device 546 +**Add device:**Implementation function: Add device 528 528 529 529 [[image:1730771441589-122.png]] 530 530 ... ... @@ -591,27 +591,25 @@ 591 591 } 592 592 {{/code}} 593 593 594 -==== ==== 613 +===== 4.1.2.2.3 Asset Alarm: ===== 595 595 596 - =====**4.1.2.2.3 AssetAlarm:**=====615 +**Data:** 597 597 598 - **Data:**617 +[[image:1730771504586-433.png||height="762" width="1431"]] 599 599 600 - [[image:1730771504586-433.png]]619 +==== (% id="cke_bm_373849S" style="display:none" %) (%%)4.1.2.3、Configure the first layer menu interface ==== 601 601 602 -==== 4.1.2.3 、Configure the first layermenu interface====621 +===== 4.1.2.3.1 Map: ===== 603 603 604 -===== 4.1.2.3.1 **Map:** ===== 605 - 606 606 **Data:** 607 607 608 608 [[image:1730710271230-716.png||height="729" width="1427"]] 609 609 610 -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 611 611 612 612 [[image:1730710850458-781.png||height="770" width="1429"]] 613 613 614 -Select supermarket:Implementation function: Refresh the side page 631 +**Select supermarket:**Implementation function: Refresh the side page 615 615 616 616 {{code language="none"}} 617 617 var params = widgetContext.stateController.getStateParams(); ... ... @@ -626,7 +626,7 @@ 626 626 627 627 [[image:1730710875401-848.png||height="767" width="1429"]] 628 628 629 -Supermarket_detail:Implementation function: Jump to the asset details page 646 +**Supermarket_detail:**Implementation function: Jump to the asset details page 630 630 631 631 {{code language="none"}} 632 632 var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams())); ... ... @@ -657,19 +657,19 @@ 657 657 658 658 [[image:1730710395303-672.png||height="771" width="1438"]] 659 659 660 -===== 4.1.2.3. 1Asset List: =====677 +===== 4.1.2.3.2 Asset List: ===== 661 661 662 662 **Data:** 663 663 664 664 [[image:1730710693066-349.png||height="772" width="1439"]] 665 665 666 -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 667 667 668 668 [[image:1730712335338-750.png||height="751" width="1423"]] 669 669 670 670 [[image:1730712473941-913.png||height="781" width="1422"]] 671 671 672 -All Alarms: 689 +===== 4.1.2.3.3 All Alarms: ===== 673 673 674 674 [[image:1730712539209-554.png||height="764" width="1424"]] 675 675
- 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