Last modified by Hera Guo on 2024/11/11 17:08
From version 22.1
edited by Hera Guo
on 2024/11/06 10:46
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,12 +431,10 @@
431 431  }
432 432  {{/code}}
433 433  
434 -==== ====
434 +==== [[image:1730771256045-238.png]] ====
435 435  
436 -Delete device：Implementation function: Device deletion
436 +Delete device：
437 437  
438 -[[image:1730771318657-502.png]]
439 -
440 440  {{code language="none"}}
441 441  let $injector = widgetContext.$scope.$injector;
442 442  let dialogs = $injector.get(widgetContext.servicesMap.get('dialogs'));
... ... @@ -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,12 +527,10 @@
527 527  }
528 528  {{/code}}
529 529  
530 -==== ====
528 +==== [[image:1730771386258-676.png]] ====
531 531  
532 -Add device：Implementation function: Add device
530 +Add device：
533 533  
534 -[[image:1730771441589-122.png]]
535 -
536 536  {{code language="none"}}
537 537  let $injector = widgetContext.$scope.$injector;
538 538  let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog'));
... ... @@ -596,19 +596,19 @@
596 596  }
597 597  {{/code}}
598 598  
599 -==== ====
595 +==== [[image:1730771441589-122.png]] ====
600 600  
601 -===== **4.1.2.2.2 Asset Alarm：** =====
597 +==== Asset Alarm： ====
602 602  
603 -**Data：**
599 +Data：
604 604  
605 605  [[image:1730771504586-433.png]]
606 606  
607 607  ==== 4.1.2.3、Configure the first layer menu interface ====
608 608  
609 -===== 4.1.2.3.1 **Map:** =====
605 +**Map:**
610 610  
611 -**Data:**
607 +Data:
612 612  
613 613  [[image:1730710271230-716.png||height="729" width="1427"]]
614 614  
... ... @@ -616,7 +616,7 @@
616 616  
617 617  [[image:1730710850458-781.png||height="770" width="1429"]]
618 618  
619 -Select supermarket:Implementation function: Refresh the side page
615 +Select supermarket:
620 620  
621 621  {{code language="none"}}
622 622  var params = widgetContext.stateController.getStateParams();
... ... @@ -631,7 +631,7 @@
631 631  
632 632  [[image:1730710875401-848.png||height="767" width="1429"]]
633 633  
634 -Supermarket_detail:Implementation function: Jump to the asset details page
630 +Supermarket_detail:
635 635  
636 636  {{code language="none"}}
637 637  var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams()));
... ... @@ -660,9 +660,8 @@
660 660  
661 661  [[image:1730710395303-672.png||height="771" width="1438"]]
662 662  
663 -===== 4.1.2.3.1 Asset List: =====
659 +Asset List:
664 664  
665 -**Data:**
666 666  
667 667  [[image:1730710693066-349.png||height="772" width="1439"]]
668 668  
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