Last modified by Hera Guo on 2024/11/11 17:08
From version 24.1
edited by Hera Guo
on 2024/11/06 10:53
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,21 +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 -**Data：**
328 +Data：
326 326  
327 327  [[image:1730771199343-553.png]]
328 328  
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:
332 +Actions：
330 330  
331 331  [[image:1730771228766-212.png]]
332 332  
333 -(% class="wikigeneratedid" id="HEditdeviceFF1A" %)
334 -Edit device：Implementation function: Device editing
336 +==== Edit device： ====
335 335  
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,9 @@
431 431  }
432 432  {{/code}}
433 433  
434 -(% class="wikigeneratedid" id="H" %)
435 -Delete device：Implementation function: Device deletion
434 +==== [[image:1730771256045-238.png]] ====
436 436  
437 -[[image:1730771318657-502.png]]
436 +Delete device：
438 438  
439 439  {{code language="none"}}
440 440  let $injector = widgetContext.$scope.$injector;
... ... @@ -465,9 +465,9 @@
465 465  
466 466  {{/code}}
467 467  
468 -jump:Implementation function: Jump to the device details page
467 +[[image:1730771318657-502.png]]
469 469  
470 -[[image:1730771386258-676.png]]
469 +jump
471 471  
472 472  {{code language="none"}}
473 473  console.log(entityName)
... ... @@ -526,10 +526,9 @@
526 526  }
527 527  {{/code}}
528 528  
529 -(% class="wikigeneratedid" id="H-1" %)
530 -Add device：Implementation function: Add device
528 +==== [[image:1730771386258-676.png]] ====
531 531  
532 -[[image:1730771441589-122.png]]
530 +Add device：
533 533  
534 534  {{code language="none"}}
535 535  let $injector = widgetContext.$scope.$injector;
... ... @@ -594,19 +594,19 @@
594 594  }
595 595  {{/code}}
596 596  
597 -==== ====
595 +==== [[image:1730771441589-122.png]] ====
598 598  
599 -===== **4.1.2.2.3 Asset Alarm：** =====
597 +==== Asset Alarm： ====
600 600  
601 -**Data：**
599 +Data：
602 602  
603 603  [[image:1730771504586-433.png]]
604 604  
605 605  ==== 4.1.2.3、Configure the first layer menu interface ====
606 606  
607 -===== 4.1.2.3.1 **Map:** =====
605 +**Map:**
608 608  
609 -**Data:**
607 +Data:
610 610  
611 611  [[image:1730710271230-716.png||height="729" width="1427"]]
612 612  
... ... @@ -614,7 +614,7 @@
614 614  
615 615  [[image:1730710850458-781.png||height="770" width="1429"]]
616 616  
617 -Select supermarket:Implementation function: Refresh the side page
615 +Select supermarket:
618 618  
619 619  {{code language="none"}}
620 620  var params = widgetContext.stateController.getStateParams();
... ... @@ -629,7 +629,7 @@
629 629  
630 630  [[image:1730710875401-848.png||height="767" width="1429"]]
631 631  
632 -Supermarket_detail:Implementation function: Jump to the asset details page
630 +Supermarket_detail:
633 633  
634 634  {{code language="none"}}
635 635  var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams()));
... ... @@ -658,9 +658,8 @@
658 658  
659 659  [[image:1730710395303-672.png||height="771" width="1438"]]
660 660  
661 -===== 4.1.2.3.1 Asset List: =====
659 +Asset List:
662 662  
663 -**Data:**
664 664  
665 665  [[image:1730710693066-349.png||height="772" width="1439"]]
666 666  
... ... @@ -679,4 +679,3 @@
679 679  == 4.3 Rule chain configuration details ==
680 680  
681 681  = 5. =
682 -
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