Last modified by Hera Guo on 2024/11/11 17:08
From version 56.1
edited by Hera Guo
on 2024/11/07 10:09
Change comment: There is no comment for this version
To version 28.1
edited by Hera Guo
on 2024/11/06 12:03
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
... ... @@ -257,10 +257,10 @@
257 257  return res;
258 258  {{/code}}
259 259  
260 -(% class="wikigeneratedid" %)
261 -[[image:1730770875793-351.png||height="799" width="1474"]]
258 +(% class="wikigeneratedid" id="H" %)
259 +[[image:1730770875793-351.png]]
262 262  
263 -(% class="wikigeneratedid" %)
261 +(% class="wikigeneratedid" id="HActions" %)
264 264  **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
265 265  
266 266  {{code language="none"}}
... ... @@ -320,7 +320,7 @@
320 320  
321 321  {{/code}}
322 322  
323 -[[image:1730771103096-522.png||height="815" width="1503"]]
321 +[[image:1730771103096-522.png]]
324 324  
325 325  ===== 4.1.2.2.2 Device List =====
326 326  
... ... @@ -327,7 +327,7 @@
327 327  (% class="wikigeneratedid" id="HDataFF1A" %)
328 328  **Data：**
329 329  
330 -[[image:1730771199343-553.png||height="802" width="1501"]]
328 +[[image:1730771199343-553.png]]
331 331  
332 332  **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:
333 333  
... ... @@ -334,7 +334,7 @@
334 334  [[image:1730771228766-212.png]]
335 335  
336 336  (% class="wikigeneratedid" id="HEditdeviceFF1A" %)
337 -**Edit device：**Implementation function: Device editing
335 +Edit device：Implementation function: Device editing
338 338  
339 339  [[image:1730771256045-238.png]]
340 340  
... ... @@ -434,7 +434,8 @@
434 434  }
435 435  {{/code}}
436 436  
437 -**Delete device：**Implementation function: Device deletion
435 +(% class="wikigeneratedid" id="H" %)
436 +Delete device：Implementation function: Device deletion
438 438  
439 439  [[image:1730771318657-502.png]]
440 440  
... ... @@ -467,7 +467,7 @@
467 467  
468 468  {{/code}}
469 469  
470 -**jump:I**mplementation function: Jump to the device details page
469 +jump:Implementation function: Jump to the device details page
471 471  
472 472  [[image:1730771386258-676.png]]
473 473  
... ... @@ -529,7 +529,7 @@
529 529  {{/code}}
530 530  
531 531  (% class="wikigeneratedid" id="H-1" %)
532 -**Add device：**Implementation function: Add device
531 +Add device：Implementation function: Add device
533 533  
534 534  [[image:1730771441589-122.png]]
535 535  
... ... @@ -598,9 +598,26 @@
598 598  
599 599  ==== ====
600 600  
601 -===== 4.1.2.2.3 Asset Alarm: =====
600 +===== **4.1.2.2.3 Asset Alarm：** =====
602 602  
602 +**Data：**
603 603  
604 +[[image:1730771504586-433.png]]
605 +
606 +==== 4.1.2.3、Configure the first layer menu interface ====
607 +
608 +===== 4.1.2.3.1 **Map:** =====
609 +
610 +**Data:**
611 +
612 +[[image:1730710271230-716.png||height="729" width="1427"]]
613 +
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
615 +
616 +[[image:1730710850458-781.png||height="770" width="1429"]]
617 +
618 +Select supermarket:Implementation function: Refresh the side page
619 +
604 604  {{code language="none"}}
605 605  var params = widgetContext.stateController.getStateParams();
606 606  var selectedSupermarket = params['selectedSupermarket'];
... ... @@ -614,7 +614,7 @@
614 614  
615 615  [[image:1730710875401-848.png||height="767" width="1429"]]
616 616  
617 -**Supermarket_detail:**Implementation function: Jump to the asset details page
633 +Supermarket_detail:Implementation function: Jump to the asset details page
618 618  
619 619  {{code language="none"}}
620 620  var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams()));
... ... @@ -645,19 +645,19 @@
645 645  
646 646  [[image:1730710395303-672.png||height="771" width="1438"]]
647 647  
648 -===== 4.1.2.3.2 Asset List: =====
664 +===== 4.1.2.3.1 Asset List: =====
649 649  
650 650  **Data:**
651 651  
652 652  [[image:1730710693066-349.png||height="772" width="1439"]]
653 653  
654 -**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
655 655  
656 656  [[image:1730712335338-750.png||height="751" width="1423"]]
657 657  
658 658  [[image:1730712473941-913.png||height="781" width="1422"]]
659 659  
660 -===== 4.1.2.3.3 All Alarms: =====
676 +All Alarms:
661 661  
662 662  [[image:1730712539209-554.png||height="764" width="1424"]]
663 663  
... ... @@ -1059,4 +1059,4 @@
1059 1059  = 5.other =
1060 1060  
1061 1061  * If you want to create a similar dashboard, after understanding the case, you can download and import the dashboard, device profiles, rule chains, etc. of the case on GitHub, and make modifications based on them.
1062 -* GitHub address：[[https:~~/~~/github.com/ThingsEye-io/te-platform/tree/main/case/Dragino%20Office%20%26%20Factory>>https://github.com/ThingsEye-io/te-platform/tree/main/case/Dragino%20Office%20%26%20Factory]]
1078 +* GitHub address：
屏幕截图 2024-11-04 135045.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hera
Size
... ... @@ -1,1 +1,0 @@
1 -29.4 KB
Content