Last modified by Hera Guo on 2024/11/11 17:08
From version 19.1
edited by Hera Guo
on 2024/11/05 09:51
Change comment: There is no comment for this version
To version 20.1
edited by Hera Guo
on 2024/11/06 10:03
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:1730699212334-960.png]]
60 +[[image:屏幕截图 2024-11-04 134645.png]]
61 61  
62 62  First floor：
63 63  
... ... @@ -82,8 +82,9 @@
82 82  
83 83  High Temperature、Low Temperature、High humidity、Low humidity、Low voltage、Device Disconnected
84 84  
85 -[[image:1730699566023-958.png]]
85 +[[image:1730854677036-426.png]]
86 86  
87 +
87 87  = 4.configuration details =
88 88  
89 89  After understanding the architecture and layering of the complete project, we can start configuring it
... ... @@ -92,43 +92,30 @@
92 92  
93 93  === 4.1.1.Data source (Entity aliases) ===
94 94  
95 -Asset map:
96 +detail:Obtain data based on dashboard status
96 96  
97 -[[image:1730709409941-536.png||height="729" width="1440"]]
98 -
99 -detail:
100 -
101 101  [[image:1730709424998-915.png||height="729" width="1436"]]
102 102  
103 -devid:
100 +Alarm:Obtain alarm information
104 104  
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 -
113 113  [[image:1730709479828-595.png||height="696" width="1435"]]
114 114  
115 -Dragino&GXHL,Ltd:
104 +Dragino&GXHL,Ltd:Obtain data through asset types
116 116  
117 117  [[image:1730709511861-439.png||height="714" width="1435"]]
118 118  
119 -Selected Supermarket:
108 +Selected Supermarket:Retrieve devices by device type
120 120  
121 121  [[image:1730709527720-418.png||height="751" width="1433"]]
122 122  
123 -Supermarkets:
112 +Supermarket Devices:Obtain data through device type
124 124  
125 -[[image:1730709542597-321.png||height="734" width="1435"]]
126 -
127 -Supermarket Devices:
128 -
129 129  [[image:1730709555797-383.png||height="726" width="1434"]]
130 130  
116 +LHT65N Device：Obtain data based on device type
131 131  
118 +[[image:1730857191863-514.png||height="725" width="1433"]]
119 +
132 132  === 4.1.2.Page Configuration ===
133 133  
134 134  ==== 4.1.2.1、Configure the interface of the third layer Davies. ====
... ... @@ -136,14 +136,18 @@
136 136  
137 137  ==== 4.1.2.2、Configure the interface of the second layer asset ====
138 138  
139 -**Equipment distribution diagram：**
127 +===== 4.1.2.2.1 Equipment distribution diagram： =====
140 140  
141 141  **Data：**
142 142  
143 143  [[image:1730770392454-317.png||height="745" width="1439"]]
144 144  
145 -Tooltip function：
133 +**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
146 146  
135 +**Tooltip function：**This module displays the current information of the device
136 +
137 +[[image:1730857537965-184.png]]
138 +
147 147  {{code language="none"}}
148 148  var msg = data
149 149  if(msg.Label=="gateway" && msg.type == "gateway"){
... ... @@ -169,8 +169,12 @@
169 169  }
170 170  {{/code}}
171 171  
172 -==== Marker image function： ====
164 +(% class="wikigeneratedid" id="HMarkerimagefunctionFF1A" %)
165 +**Marker image function：**This module can display different icons based on different types of sensors and their status to achieve its functionality
173 173  
167 +(% class="wikigeneratedid" %)
168 +[[image:1730857750749-240.png]]
169 +
174 174  {{code language="none"}}
175 175  var res
176 176  var msg = data
... ... @@ -262,7 +262,8 @@
262 262  
263 263  ==== [[image:1730770875793-351.png]] ====
264 264  
265 -==== Actions ====
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
266 266  
267 267  {{code language="none"}}
268 268  var entitySubType;
... ... @@ -323,18 +323,21 @@
323 323  
324 324  [[image:1730771103096-522.png]]
325 325  
326 -Device List
323 +===== 4.1.2.2.2 Device List =====
327 327  
328 -Data：
325 +**Data：**
329 329  
330 330  [[image:1730771199343-553.png]]
331 331  
332 -Actions：
329 +**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 334  [[image:1730771228766-212.png]]
335 335  
336 -==== Edit device： ====
333 +(% class="wikigeneratedid" id="HEditdeviceFF1A" %)
334 +Edit device：Implementation function: Device editing
337 337  
336 +[[image:1730771256045-238.png]]
337 +
338 338  {{code language="none"}}
339 339  let $injector = widgetContext.$scope.$injector;
340 340  let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog'));
... ... @@ -431,10 +431,12 @@
431 431  }
432 432  {{/code}}
433 433  
434 -==== [[image:1730771256045-238.png]] ====
434 +==== ====
435 435  
436 -Delete device：
436 +Delete device：Implementation function: Device deletion
437 437  
438 +[[image:1730771318657-502.png]]
439 +
438 438  {{code language="none"}}
439 439  let $injector = widgetContext.$scope.$injector;
440 440  let dialogs = $injector.get(widgetContext.servicesMap.get('dialogs'));
... ... @@ -464,10 +464,11 @@
464 464  
465 465  {{/code}}
466 466  
467 -[[image:1730771318657-502.png]]
468 468  
469 -jump
470 +jump:Implementation function: Jump to the device details page
470 470  
472 +[[image:1730771386258-676.png]]
473 +
471 471  {{code language="none"}}
472 472  console.log(entityName)
473 473  var entitySubType;
... ... @@ -525,10 +525,12 @@
525 525  }
526 526  {{/code}}
527 527  
528 -==== [[image:1730771386258-676.png]] ====
531 +==== ====
529 529  
530 -Add device：
533 +Add device：Implementation function: Add device
531 531  
535 +[[image:1730771441589-122.png]]
536 +
532 532  {{code language="none"}}
533 533  let $injector = widgetContext.$scope.$injector;
534 534  let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog'));
... ... @@ -592,19 +592,19 @@
592 592  }
593 593  {{/code}}
594 594  
595 -==== [[image:1730771441589-122.png]] ====
600 +==== ====
596 596  
597 -==== Asset Alarm： ====
602 +===== **4.1.2.2.2 Asset Alarm：** =====
598 598  
599 -Data：
604 +**Data：**
600 600  
601 601  [[image:1730771504586-433.png]]
602 602  
603 603  ==== 4.1.2.3、Configure the first layer menu interface ====
604 604  
605 -**Map:**
610 +===== 4.1.2.3.1 **Map:** =====
606 606  
607 -Data:
612 +**Data:**
608 608  
609 609  [[image:1730710271230-716.png||height="729" width="1427"]]
610 610  
... ... @@ -612,7 +612,7 @@
612 612  
613 613  [[image:1730710850458-781.png||height="770" width="1429"]]
614 614  
615 -Select supermarket:
620 +Select supermarket:Implementation function: Refresh the side page
616 616  
617 617  {{code language="none"}}
618 618  var params = widgetContext.stateController.getStateParams();
... ... @@ -627,7 +627,7 @@
627 627  
628 628  [[image:1730710875401-848.png||height="767" width="1429"]]
629 629  
630 -Supermarket_detail:
635 +Supermarket_detail:Implementation function: Jump to the asset details page
631 631  
632 632  {{code language="none"}}
633 633  var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams()));
... ... @@ -656,8 +656,9 @@
656 656  
657 657  [[image:1730710395303-672.png||height="771" width="1438"]]
658 658  
659 -Asset List:
664 +===== 4.1.2.3.1 Asset List: =====
660 660  
666 +**Data:**
661 661  
662 662  [[image:1730710693066-349.png||height="772" width="1439"]]
663 663  
1730857191863-514.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +354.7 KB
Content
1730857537965-184.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +455.1 KB
Content
1730857750749-240.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hera
Size
... ... @@ -1,0 +1,1 @@
1 +285.9 KB
Content