Last modified by Hera Guo on 2024/11/11 17:08
From version 27.1
edited by Hera Guo
on 2024/11/06 11:01
Change comment: There is no comment for this version
To version 19.1
edited by Hera Guo
on 2024/11/05 09:51
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -57,7 +57,7 @@
57 57  
58 58  **device:**This section displays the specific information collected by the device, and different types of sensors have different display interfaces
59 59  
60 -[[image:屏幕截图 2024-11-04 134645.png]]
60 +[[image:1730699212334-960.png]]
61 61  
62 62  First floor：
63 63  
... ... @@ -82,9 +82,8 @@
82 82  
83 83  High Temperature、Low Temperature、High humidity、Low humidity、Low voltage、Device Disconnected
84 84  
85 -[[image:1730854677036-426.png]]
85 +[[image:1730699566023-958.png]]
86 86  
87 -
88 88  = 4.configuration details =
89 89  
90 90  After understanding the architecture and layering of the complete project, we can start configuring it
... ... @@ -93,48 +93,58 @@
93 93  
94 94  === 4.1.1.Data source (Entity aliases) ===
95 95  
96 -detail:Obtain data based on dashboard status
95 +Asset map:
97 97  
97 +[[image:1730709409941-536.png||height="729" width="1440"]]
98 +
99 +detail:
100 +
98 98  [[image:1730709424998-915.png||height="729" width="1436"]]
99 99  
100 -Alarm:Obtain alarm information
103 +devid:
101 101  
105 +[[image:1730709442773-502.png||height="738" width="1434"]]
106 +
107 +State:
108 +
109 +[[image:1730709461297-207.png||height="706" width="1434"]]
110 +
111 +Alarm:
112 +
102 102  [[image:1730709479828-595.png||height="696" width="1435"]]
103 103  
104 -Dragino&GXHL,Ltd:Obtain data through asset types
115 +Dragino&GXHL,Ltd:
105 105  
106 106  [[image:1730709511861-439.png||height="714" width="1435"]]
107 107  
108 -Selected Supermarket:Retrieve devices by device type
119 +Selected Supermarket:
109 109  
110 110  [[image:1730709527720-418.png||height="751" width="1433"]]
111 111  
112 -Supermarket Devices:Obtain data through device type
123 +Supermarkets:
113 113  
114 -[[image:1730709555797-383.png||height="726" width="1434"]]
125 +[[image:1730709542597-321.png||height="734" width="1435"]]
115 115  
116 -LHT65N Device：Obtain data based on device type
127 +Supermarket Devices:
117 117  
118 -[[image:1730857191863-514.png||height="725" width="1433"]]
129 +[[image:1730709555797-383.png||height="726" width="1434"]]
119 119  
131 +
120 120  === 4.1.2.Page Configuration ===
121 121  
122 122  ==== 4.1.2.1、Configure the interface of the third layer Davies. ====
123 123  
136 +
124 124  ==== 4.1.2.2、Configure the interface of the second layer asset ====
125 125  
126 -===== 4.1.2.2.1 Equipment distribution diagram： =====
139 +**Equipment distribution diagram：**
127 127  
128 128  **Data：**
129 129  
130 130  [[image:1730770392454-317.png||height="745" width="1439"]]
131 131  
132 -**Appearannce：**In this module, we need to arrange our devices in the corresponding positions and use icons to display our devices. Therefore, in the Appearance interface, we need to configure them
145 +Tooltip function：
133 133  
134 -**Tooltip function：**This module displays the current information of the device
135 -
136 -[[image:1730857537965-184.png]]
137 -
138 138  {{code language="none"}}
139 139  var msg = data
140 140  if(msg.Label=="gateway" && msg.type == "gateway"){
... ... @@ -160,12 +160,8 @@
160 160  }
161 161  {{/code}}
162 162  
163 -(% class="wikigeneratedid" id="HMarkerimagefunctionFF1A" %)
164 -**Marker image function：**This module can display different icons based on different types of sensors and their status to achieve its functionality
172 +==== Marker image function： ====
165 165  
166 -(% class="wikigeneratedid" %)
167 -[[image:1730857750749-240.png]]
168 -
169 169  {{code language="none"}}
170 170  var res
171 171  var msg = data
... ... @@ -255,11 +255,9 @@
255 255  return res;
256 256  {{/code}}
257 257  
258 -(% class="wikigeneratedid" id="H" %)
259 -[[image:1730770875793-351.png]]
263 +==== [[image:1730770875793-351.png]] ====
260 260  
261 -(% class="wikigeneratedid" id="HActions" %)
262 -**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 +==== Actions ====
263 263  
264 264  {{code language="none"}}
265 265  var entitySubType;
... ... @@ -320,22 +320,18 @@
320 320  
321 321  [[image:1730771103096-522.png]]
322 322  
323 -===== 4.1.2.2.2 Device List =====
326 +Device List
324 324  
325 -(% class="wikigeneratedid" id="HDataFF1A" %)
326 -**Data：**
328 +Data：
327 327  
328 328  [[image:1730771199343-553.png]]
329 329  
330 -**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:
332 +Actions：
331 331  
332 332  [[image:1730771228766-212.png]]
333 333  
334 -(% class="wikigeneratedid" id="HEditdeviceFF1A" %)
335 -Edit device：Implementation function: Device editing
336 +==== Edit device： ====
336 336  
337 -[[image:1730771256045-238.png]]
338 -
339 339  {{code language="none"}}
340 340  let $injector = widgetContext.$scope.$injector;
341 341  let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog'));
... ... @@ -432,10 +432,9 @@
432 432  }
433 433  {{/code}}
434 434  
435 -(% class="wikigeneratedid" id="H" %)
436 -Delete device：Implementation function: Device deletion
434 +==== [[image:1730771256045-238.png]] ====
437 437  
438 -[[image:1730771318657-502.png]]
436 +Delete device：
439 439  
440 440  {{code language="none"}}
441 441  let $injector = widgetContext.$scope.$injector;
... ... @@ -466,9 +466,9 @@
466 466  
467 467  {{/code}}
468 468  
469 -jump:Implementation function: Jump to the device details page
467 +[[image:1730771318657-502.png]]
470 470  
471 -[[image:1730771386258-676.png]]
469 +jump
472 472  
473 473  {{code language="none"}}
474 474  console.log(entityName)
... ... @@ -527,10 +527,9 @@
527 527  }
528 528  {{/code}}
529 529  
530 -(% class="wikigeneratedid" id="H-1" %)
531 -Add device：Implementation function: Add device
528 +==== [[image:1730771386258-676.png]] ====
532 532  
533 -[[image:1730771441589-122.png]]
530 +Add device：
534 534  
535 535  {{code language="none"}}
536 536  let $injector = widgetContext.$scope.$injector;
... ... @@ -595,19 +595,19 @@
595 595  }
596 596  {{/code}}
597 597  
598 -==== ====
595 +==== [[image:1730771441589-122.png]] ====
599 599  
600 -===== **4.1.2.2.3 Asset Alarm：** =====
597 +==== Asset Alarm： ====
601 601  
602 -**Data：**
599 +Data：
603 603  
604 604  [[image:1730771504586-433.png]]
605 605  
606 606  ==== 4.1.2.3、Configure the first layer menu interface ====
607 607  
608 -===== 4.1.2.3.1 **Map:** =====
605 +**Map:**
609 609  
610 -**Data:**
607 +Data:
611 611  
612 612  [[image:1730710271230-716.png||height="729" width="1427"]]
613 613  
... ... @@ -615,7 +615,7 @@
615 615  
616 616  [[image:1730710850458-781.png||height="770" width="1429"]]
617 617  
618 -Select supermarket:Implementation function: Refresh the side page
615 +Select supermarket:
619 619  
620 620  {{code language="none"}}
621 621  var params = widgetContext.stateController.getStateParams();
... ... @@ -630,7 +630,7 @@
630 630  
631 631  [[image:1730710875401-848.png||height="767" width="1429"]]
632 632  
633 -Supermarket_detail:Implementation function: Jump to the asset details page
630 +Supermarket_detail:
634 634  
635 635  {{code language="none"}}
636 636  var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams()));
... ... @@ -647,9 +647,7 @@
647 647  
648 648  [[image:1730710990334-601.png||height="772" width="1433"]]
649 649  
650 -* (((
651 -In this demo, exclusive map icons were set as follows:
652 -)))
647 +* In this demo, exclusive map icons were set as follows:
653 653  
654 654  {{code language="none"}}
655 655  var res = {
... ... @@ -661,9 +661,8 @@
661 661  
662 662  [[image:1730710395303-672.png||height="771" width="1438"]]
663 663  
664 -===== 4.1.2.3.1 Asset List: =====
659 +Asset List:
665 665  
666 -**Data:**
667 667  
668 668  [[image:1730710693066-349.png||height="772" width="1439"]]
669 669  
1730857191863-514.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hera
Size
... ... @@ -1,1 +1,0 @@
1 -354.7 KB
Content
1730857537965-184.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hera
Size
... ... @@ -1,1 +1,0 @@
1 -455.1 KB
Content
1730857750749-240.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hera
Size
... ... @@ -1,1 +1,0 @@
1 -285.9 KB
Content