Changes for page Demo for Smart Office, Factory

Summary

• Page properties (1 modified, 0 added, 0 removed)
• Attachments (0 modified, 0 added, 42 removed)
  • 1730710271230-716.png
  • 1730710395303-672.png
  • 1730710693066-349.png
  • 1730710850458-781.png
  • 1730710875401-848.png
  • 1730710949358-671.png
  • 1730710990334-601.png
  • 1730712335338-750.png
  • 1730712473941-913.png
  • 1730712539209-554.png
  • 1730770392454-317.png
  • 1730770636230-829.png
  • 1730770875793-351.png
  • 1730771103096-522.png
  • 1730771199343-553.png
  • 1730771228766-212.png
  • 1730771256045-238.png
  • 1730771318657-502.png
  • 1730771386258-676.png
  • 1730771441589-122.png
  • 1730771504586-433.png
  • 1730857191863-514.png
  • 1730857537965-184.png
  • 1730857750749-240.png
  • 1730862483514-101.png
  • 1730862584519-902.png
  • 1730863708259-750.png
  • 1730863750414-979.png
  • 1730864045747-876.png
  • 1730864077395-395.png
  • 1730864117808-484.png
  • 1730864159071-895.png
  • 1730864207037-477.png
  • 1730864250506-111.png
  • 1730864293216-991.png
  • 1730864331859-740.png
  • 1730864460314-611.png
  • 1730864617480-221.png
  • 1730864676542-406.png
  • 1730864784118-474.png
  • 1730865053380-293.png
  • 屏幕截图 2024-11-04 135045.png

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,7 +82,7 @@
82	82
83	83	High Temperature、Low Temperature、High humidity、Low humidity、Low voltage、Device Disconnected
84	84
85		-[[image:屏幕截图 2024-11-04 135045.png]]
	85	+[[image:1730699566023-958.png]]
86	86
87	87	= 4.configuration details =
88	88
...	...	@@ -92,989 +92,56 @@
92	92
93	93	=== 4.1.1.Data source (Entity aliases) ===
94	94
95		-detail:Obtain data based on dashboard status
	95	+Asset map:
96	96
97		-[[image:1730709424998-915.png||height="729" width="1436"]]
	97	+[[image:1730709409941-536.png]]
98	98
99		-Alarm:Obtain alarm information
	99	+detail:
100	100
101		-[[image:1730709479828-595.png||height="696" width="1435"]]
	101	+[[image:1730709424998-915.png]]
102	102
103		-Dragino&GXHL,Ltd:Obtain data through asset types
	103	+devid:
104	104
105		-[[image:1730709511861-439.png||height="714" width="1435"]]
	105	+[[image:1730709442773-502.png]]
106	106
107		-Selected Supermarket:Retrieve devices by device type
	107	+State:
108	108
109		-[[image:1730709527720-418.png||height="751" width="1433"]]
	109	+[[image:1730709461297-207.png]]
110	110
111		-Supermarket Devices:Obtain data through device type
	111	+Alarm:
112	112
113		-[[image:1730709555797-383.png||height="726" width="1434"]]
	113	+[[image:1730709479828-595.png]]
114	114
115		-LHT65N Device：Obtain data based on device type
	115	+Dragino&GXHL,Ltd:
116	116
117		-[[image:1730857191863-514.png||height="725" width="1433"]]
	117	+[[image:1730709511861-439.png]]
118	118
119		-=== 4.1.2.Page Configuration ===
	119	+Selected Supermarket:
120	120
121		-==== 4.1.2.1、Configure the interface of the third layer Davies. ====
	121	+[[image:1730709527720-418.png]]
122	122
123		-==== 4.1.2.2、Configure the interface of the second layer asset ====
	123	+Supermarkets:
124	124
125		-===== 4.1.2.2.1 Equipment distribution diagram： =====
	125	+[[image:1730709542597-321.png]]
126	126
127		-**Data：**
	127	+Supermarket Devices:
128	128
129		-[[image:1730770392454-317.png||height="745" width="1439"]]
	129	+[[image:1730709555797-383.png]]
130	130
131		-**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
132	132
133		-**Tooltip function：**This module displays the current information of the device
	132	+=== 4.1.2.Page Configuration ===
134	134
135		-[[image:1730857537965-184.png]]
	134	+1、Configure the interface of the third layer Davies.
136	136
137		-{{code language="none"}}
138		-var msg = data
139		-if(msg.Label=="gateway" && msg.type == "gateway"){
140		- var stauts
141		- if (msg.gatewaystauts=="true"){
142		- stauts = "Connect"
143		- }
144		- else{
145		- stauts = "Disconnected"
146		- }
147		- var str = "<b>"+msg.entityName+"</b><br/><b>"+stauts+"</b><br/>"
148		- return str
149		-}
150		-else if(msg.type=="gxhl01" && msg.Label!="gateway"){
151		- var str = "<b>"+msg.entityName+"</b><br/><b>"+msg.Label+"</b><br/><b>Bat:</b>"+msg.BatV+"V<br/><b>Temperature:</b>"+ msg.TempC_SHT+ "°C<br/><b>Humidity:</b>"+msg.Hum_SHT+"%"
152		- return str
153		-}
154		-else{
155		- var str = "<b>"+msg.entityName+"</b><br/><b>"+msg.Label+"</b><br/><b>Bat:</b>"+msg.BatV+"V<br/><b>Temperature:</b>"+ msg.temperature+ "°C<br/><b>Humidity:"+msg.humidity+"%"+"</b><br/>"+
156		- "<b>Co2:"+msg.co2+"</b></br><b>Air_Pressure:"+msg.air_pressure
157		-
158		- return str
159		-}
160		-{{/code}}
161	161
162		-(% class="wikigeneratedid" id="HMarkerimagefunctionFF1A" %)
163		-**Marker image function：**This module can display different icons based on different types of sensors and their status to achieve its functionality
	137	+2、Configure the interface of the second layer asset
164	164
165		-(% class="wikigeneratedid" %)
166		-[[image:1730857750749-240.png]]
167	167
168		-{{code language="none"}}
169		-var res
170		-var msg = data
171		-if(msg.Label=="gateway" && msg.type=="gateway"){
172		- if (msg.gatewaystauts == "true"){
173		- res = {
174		- url: images[3],
175		- size: 40
176		-}
177		-}
178		-else{
179		- res = {
180		- url: images[2],
181		- size: 40
182		-}
183		-}}
184		-else if(msg.Label!="gateway" && msg.type=="gxhl01" ){
185		- if (msg.active=="false"){
186		- res = {
187		- url: images[1],
188		- size: 40
189		-}}
190		-else{
191		- res = {
192		- url: images[0],
193		- size: 40
194		-}
195		-}
196		-}
197		-else if(msg.type=="LWL02"){
198		- if (msg.WATER_LEAK_STATUS=="0"){
199		- res = {
200		- url: images[6],
201		- size: 40
202		-}}
203		-else{
204		- res = {
205		- url: images[7],
206		- size: 40
207		-}
208		-}
209		-}
210		-else if(msg.type=="LDS02"){
211		- if (msg.DOOR_OPEN_STATUS=="0"){
212		- res = {
213		- url: images[5],
214		- size: 40
215		-}}
216		-else{
217		- res = {
218		- url: images[8],
219		- size: 40
220		-}
221		-}
222		-}
223		-else if(msg.type=="LDS12"){
224		- res = {
225		- url: images[10],
226		- size: 40
227		-}}
228		-else if(msg.type=="SE01"){
229		- res = {
230		- url: images[9],
231		- size: 40
232		-}}
233		-else if(msg.type=="PB01"){
234		- res = {
235		- url: images[11],
236		- size: 40
237		-}}
238		-else if(msg.type=="S31b"){
239		- res = {
240		- url: images[12],
241		- size: 40
242		-}}
243		-else if(msg.type=="LHT65N"){
244		- res = {
245		- url: images[13],
246		- size: 40
247		-}}
248		-else{
249		- res = {
250		- url: images[4],
251		- size: 40
252		-}
253		-}
254		-return res;
255		-{{/code}}
	140	+3、Configure the first layer menu interface
256	256
257		-(% class="wikigeneratedid" %)
258		-[[image:1730770875793-351.png]]
259	259
260		-(% class="wikigeneratedid" %)
261		-**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
262		-
263		-{{code language="none"}}
264		-var entitySubType;
265		-var $injector = widgetContext.$scope.$injector;
266		-$injector.get(widgetContext.servicesMap.get('entityService')).getEntity(entityId.entityType, entityId.id)
267		- .subscribe(function(data) {
268		- entitySubType = data.type;
269		- console.log(entitySubType)
270		- if (entitySubType == 'gateway') {
271		- openDashboardStates('gateway_detail');
272		- } else if (entitySubType == 'gxhl01') {
273		- openDashboardStates('detail');
274		- }
275		- else if(entitySubType == 'AQS01-dragino-office'){
276		- openDashboardStates("aqs01_detail")
277		- }
278		- else if (entitySubType == 'LDS12') {
279		- openDashboardStates('lds12_detail');
280		- }
281		- else if (entitySubType == 'LDS02') {
282		- openDashboardStates('lds02_detail');
283		- }
284		- else if (entitySubType == 'SE01') {
285		- openDashboardStates('se01_detail');
286		- }
287		- else if (entitySubType == 'PB01') {
288		- openDashboardStates('pb01_detail');
289		- }
290		- else if (entitySubType == 'LWL02') {
291		- openDashboardStates('lwl02_detail');
292		- }
293		- else if (entitySubType == 'LPS8N') {
294		- openDashboardStates('lps8n_detail');
295		- }
296		- else if (entitySubType == 'LHT65N') {
297		- openDashboardStates('lht65n_detail');
298		- }
299		- else if (entitySubType == 'S31b') {
300		- openDashboardStates('s31b_detail');
301		- }
302		- });
303		-
304		-function openDashboardStates(statedId) {
305		- var stateParams = widgetContext.stateController.getStateParams();
306		- var params = {
307		- entityId: entityId,
308		- entityName: entityName
309		- };
310		-
311		- if (stateParams.city) {
312		- params.city = stateParams.city;
313		- }
314		-
315		- widgetContext.stateController.openState(statedId, params, false);
316		-}
317		-
318		-{{/code}}
319		-
320		-[[image:1730771103096-522.png]]
321		-
322		-===== 4.1.2.2.2 Device List =====
323		-
324		-(% class="wikigeneratedid" id="HDataFF1A" %)
325		-**Data：**
326		-
327		-[[image:1730771199343-553.png]]
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:
330		-
331		-[[image:1730771228766-212.png]]
332		-
333		-(% class="wikigeneratedid" id="HEditdeviceFF1A" %)
334		-**Edit device：**Implementation function: Device editing
335		-
336		-[[image:1730771256045-238.png]]
337		-
338		-{{code language="none"}}
339		-let $injector = widgetContext.$scope.$injector;
340		-let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog'));
341		-let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService'));
342		-let attributeService = $injector.get(widgetContext.servicesMap.get('attributeService'));
343		-
344		-openEditDeviceDialog();
345		-
346		-function openEditDeviceDialog() {
347		- customDialog.customDialog(htmlTemplate, EditDeviceDialogController).subscribe();
348		-}
349		-
350		-function EditDeviceDialogController(instance) {
351		- let vm = instance;
352		-
353		- vm.device = null;
354		- vm.attributes = {};
355		-
356		- vm.editDeviceFormGroup = vm.fb.group({
357		- deviceName: ['', [vm.validators.required]],
358		- deviceType: ['', [vm.validators.required]],
359		- deviceLabel: [''],
360		- attributes: vm.fb.group({
361		- latitude: [null],
362		- longitude: [null]
363		- })
364		- });
365		-
366		- vm.cancel = function() {
367		- vm.dialogRef.close(null);
368		- };
369		-
370		- vm.save = function() {
371		- vm.editDeviceFormGroup.markAsPristine();
372		- if (vm.editDeviceFormGroup.get('deviceType').value !== vm.device.type) {
373		- delete vm.device.deviceProfileId;
374		- }
375		- vm.device.name = vm.editDeviceFormGroup.get('deviceName').value,
376		- vm.device.type = vm.editDeviceFormGroup.get('deviceType').value,
377		- vm.device.label = vm.editDeviceFormGroup.get('deviceLabel').value
378		- deviceService.saveDevice(vm.device).subscribe(
379		- function () {
380		- saveAttributes().subscribe(
381		- function () {
382		- widgetContext.updateAliases();
383		- vm.dialogRef.close(null);
384		- }
385		- );
386		- }
387		- );
388		- };
389		-
390		- getEntityInfo();
391		-
392		- function getEntityInfo() {
393		- deviceService.getDevice(entityId.id).subscribe(
394		- function (device) {
395		- attributeService.getEntityAttributes(entityId, 'SERVER_SCOPE',
396		- ['latitude', 'longitude']).subscribe(
397		- function (attributes) {
398		- for (let i = 0; i < attributes.length; i++) {
399		- vm.attributes[attributes[i].key] = attributes[i].value;
400		- }
401		- vm.device = device;
402		- vm.editDeviceFormGroup.patchValue(
403		- {
404		- deviceName: vm.device.name,
405		- deviceType: vm.device.type,
406		- deviceLabel: vm.device.label,
407		- attributes: {
408		- latitude: vm.attributes.latitude,
409		- longitude: vm.attributes.longitude
410		- }
411		- }, {emitEvent: false}
412		- );
413		- }
414		- );
415		- }
416		- );
417		- }
418		-
419		- function saveAttributes() {
420		- let attributes = vm.editDeviceFormGroup.get('attributes').value;
421		- let attributesArray = [];
422		- for (let key in attributes) {
423		- attributesArray.push({key: key, value: attributes[key]});
424		- }
425		- if (attributesArray.length > 0) {
426		- return attributeService.saveEntityAttributes(entityId, 'SERVER_SCOPE', attributesArray);
427		- } else {
428		- return widgetContext.rxjs.of([]);
429		- }
430		- }
431		-}
432		-{{/code}}
433		-
434		-**Delete device：**Implementation function: Device deletion
435		-
436		-[[image:1730771318657-502.png]]
437		-
438		-{{code language="none"}}
439		-let $injector = widgetContext.$scope.$injector;
440		-let dialogs = $injector.get(widgetContext.servicesMap.get('dialogs'));
441		-let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService'));
442		-
443		-openDeleteDeviceDialog();
444		-
445		-function openDeleteDeviceDialog() {
446		- let title = "Are you sure you want to delete the device " + entityName + "?";
447		- let content = "Be careful, after the confirmation, the device and all related data will become unrecoverable!";
448		- dialogs.confirm(title, content, 'Cancel', 'Delete').subscribe(
449		- function (result) {
450		- if (result) {
451		- deleteDevice();
452		- }
453		- }
454		- );
455		-}
456		-
457		-function deleteDevice() {
458		- deviceService.deleteDevice(entityId.id).subscribe(
459		- function () {
460		- widgetContext.updateAliases();
461		- }
462		- );
463		-}
464		-
465		-{{/code}}
466		-
467		-**jump:I**mplementation function: Jump to the device details page
468		-
469		-[[image:1730771386258-676.png]]
470		-
471		-{{code language="none"}}
472		-console.log(entityName)
473		-var entitySubType;
474		-var $injector = widgetContext.$scope.$injector;
475		-//console.log($injector)
476		-$injector.get(widgetContext.servicesMap.get('entityService')).getEntity(entityId.entityType, entityId.id)
477		- .subscribe(function(data) {
478		- console.log(data)
479		- entitySubType = data.type;
480		- console.log(entitySubType)
481		- if (entitySubType == 'AQS01-dragino-office') {
482		- openDashboardStates('aqs01_detail');
483		- }else if (entitySubType == 'gateway') {
484		- openDashboardStates('gateway_detail');
485		- } else if (entitySubType == 'gxhl01') {
486		- openDashboardStates('detail');
487		-
488		- } else if (entitySubType == 'tank-type1') {
489		- openDashboardStates('test1');
490		- }
491		- else if (entitySubType == 'LDS12') {
492		- openDashboardStates('lds12_detail');
493		- }
494		- else if (entitySubType == 'LDS02') {
495		- openDashboardStates('lds02_detail');
496		- }
497		- else if (entitySubType == 'SE01') {
498		- openDashboardStates('se01_detail');
499		- }
500		- else if (entitySubType == 'PB01') {
501		- openDashboardStates('pb01_detail');
502		- }
503		- else if (entitySubType == 'LWL02') {
504		- openDashboardStates('lwl02_detail');
505		- }
506		- else if (entitySubType == 'LPS8N') {
507		- openDashboardStates('lps8n_detail');
508		- }
509		- else if (entitySubType == 'LHT65N') {
510		- openDashboardStates('lht65n_detail');
511		- }
512		- else if (entitySubType == 'S31b') {
513		- openDashboardStates('s31b_detail');
514		- }
515		- });
516		-
517		-function openDashboardStates(statedId) {
518		- var stateParams = widgetContext.stateController.getStateParams();
519		- //console.log(stateParams)
520		- var params = {
521		- entityId: entityId,
522		- entityName: entityName
523		- };
524		- widgetContext.stateController.updateState(statedId, params, false);
525		-}
526		-{{/code}}
527		-
528		-(% class="wikigeneratedid" id="H-1" %)
529		-**Add device：**Implementation function: Add device
530		-
531		-[[image:1730771441589-122.png]]
532		-
533		-{{code language="none"}}
534		-let $injector = widgetContext.$scope.$injector;
535		-let customDialog = $injector.get(widgetContext.servicesMap.get('customDialog'));
536		-let deviceService = $injector.get(widgetContext.servicesMap.get('deviceService'));
537		-let attributeService = $injector.get(widgetContext.servicesMap.get('attributeService'));
538		-
539		-openAddDeviceDialog();
540		-
541		-function openAddDeviceDialog() {
542		- customDialog.customDialog(htmlTemplate, AddDeviceDialogController).subscribe();
543		-}
544		-
545		-function AddDeviceDialogController(instance) {
546		- let vm = instance;
547		-
548		- vm.addDeviceFormGroup = vm.fb.group({
549		- deviceName: ['', [vm.validators.required]],
550		- deviceType: ['', [vm.validators.required]],
551		- deviceLabel: [''],
552		- attributes: vm.fb.group({
553		- latitude: [null],
554		- longitude: [null]
555		- })
556		- });
557		-
558		- vm.cancel = function() {
559		- vm.dialogRef.close(null);
560		- };
561		-
562		- vm.save = function() {
563		- vm.addDeviceFormGroup.markAsPristine();
564		- let device = {
565		- name: vm.addDeviceFormGroup.get('deviceName').value,
566		- type: vm.addDeviceFormGroup.get('deviceType').value,
567		- label: vm.addDeviceFormGroup.get('deviceLabel').value
568		- };
569		- deviceService.saveDevice(device).subscribe(
570		- function (device) {
571		- saveAttributes(device.id).subscribe(
572		- function () {
573		- widgetContext.updateAliases();
574		- vm.dialogRef.close(null);
575		- }
576		- );
577		- }
578		- );
579		- };
580		-
581		- function saveAttributes(entityId) {
582		- let attributes = vm.addDeviceFormGroup.get('attributes').value;
583		- let attributesArray = [];
584		- for (let key in attributes) {
585		- attributesArray.push({key: key, value: attributes[key]});
586		- }
587		- if (attributesArray.length > 0) {
588		- return attributeService.saveEntityAttributes(entityId, "SERVER_SCOPE", attributesArray);
589		- } else {
590		- return widgetContext.rxjs.of([]);
591		- }
592		- }
593		-}
594		-{{/code}}
595		-
596		-==== ====
597		-
598		-===== 4.1.2.2.3 Asset Alarm: =====
599		-
600		-**Data：**
601		-
602		-[[image:1730771504586-433.png]]
603		-
604		-==== 4.1.2.3、Configure the first layer menu interface ====
605		-
606		-
607		-
608		-===== 4.1.2.3.1 **Map:** =====
609		-
610		-**Data:**
611		-
612		-===== =====
613		-
614		-[[image:1730710271230-716.png||height="729" width="1427"]]
615		-
616		-**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
617		-
618		-[[image:1730710850458-781.png||height="770" width="1429"]]
619		-
620		-**Select supermarket:**Implementation function: Refresh the side page
621		-
622		-{{code language="none"}}
623		-var params = widgetContext.stateController.getStateParams();
624		-var selectedSupermarket = params['selectedSupermarket'];
625		-if (selectedSupermarket && selectedSupermarket.entityId.id === entityId.id) {
626		- params['selectedSupermarket'] = null;
627		-} else {
628		- params['selectedSupermarket'] = { entityId: entityId, entityName: entityName, entityLabel: entityLabel };
629		-}
630		-widgetContext.stateController.updateState(null, params);
631		-{{/code}}
632		-
633		-[[image:1730710875401-848.png||height="767" width="1429"]]
634		-
635		-**Supermarket_detail:**Implementation function: Jump to the asset details page
636		-
637		-{{code language="none"}}
638		-var params = JSON.parse(JSON.stringify(widgetContext.stateController.getStateParams()));
639		-params['selectedSupermarket'] = {
640		- entityId: entityId,
641		- entityName: entityName,
642		- entityLabel: entityLabel,
643		-};
644		-params['targetEntityParamName'] = 'selectedSupermarket';
645		-params['selectedDevice'] = null;
646		-
647		-widgetContext.stateController.openState('svgmap', params);
648		-{{/code}}
649		-
650		-[[image:1730710990334-601.png||height="772" width="1433"]]
651		-
652		-* (((
653		-In this demo, exclusive map icons were set as follows:
654		-)))
655		-
656		-{{code language="none"}}
657		-var res = {
658		- url: images[0],
659		- size: 66
660		-};
661		-return res;
662		-{{/code}}
663		-
664		-[[image:1730710395303-672.png||height="771" width="1438"]]
665		-
666		-===== 4.1.2.3.1 Asset List: =====
667		-
668		-**Data:**
669		-
670		-[[image:1730710693066-349.png||height="772" width="1439"]]
671		-
672		-**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
673		-
674		-[[image:1730712335338-750.png||height="751" width="1423"]]
675		-
676		-[[image:1730712473941-913.png||height="781" width="1422"]]
677		-
678		-All Alarms:
679		-
680		-[[image:1730712539209-554.png||height="764" width="1424"]]
681		-
682	682	== 4.2 Alarm configuration details ==
683	683
684		-=== 4.2.1 High temperature ===
685		-
686		-Creat:
687		-
688		-[[image:1730862483514-101.png||height="750" width="1407"]]
689		-
690		-Clear:
691		-
692		-[[image:1730862584519-902.png||height="758" width="1404"]]
693		-
694		-=== 4.2.2 Low Temperature ===
695		-
696		-Creat:
697		-
698		-[[image:1730863708259-750.png||height="752" width="1403"]]
699		-
700		-Clear:
701		-
702		-[[image:1730863750414-979.png||height="746" width="1403"]]
703		-
704		-=== 4.2.3 High humidity ===
705		-
706		-Creat:
707		-
708		-[[image:1730864045747-876.png||height="752" width="1396"]]
709		-
710		-Clear:
711		-
712		-[[image:1730864077395-395.png||height="735" width="1393"]]
713		-
714		-=== 4.2.4 Low humidity ===
715		-
716		-Creat：
717		-
718		-[[image:1730864117808-484.png||height="741" width="1392"]]
719		-
720		-Clear：
721		-
722		-[[image:1730864159071-895.png||height="745" width="1392"]]
723		-
724		-=== 4.2.5 Low voltage ===
725		-
726		-Creat：
727		-
728		-[[image:1730864207037-477.png||height="740" width="1388"]]
729		-
730		-Clear：
731		-
732		-[[image:1730864250506-111.png||height="735" width="1389"]]
733		-
734		-=== 4.2.6 Device Disconnected ===
735		-
736		-Creat：
737		-
738		-[[image:1730864293216-991.png||height="739" width="1387"]]
739		-
740		-Clear：
741		-
742		-[[image:1730864331859-740.png||height="735" width="1385"]]
743		-
744	744	== 4.3 Rule chain configuration details ==
745	745
746		-[[image:1730864784118-474.png]]
747		-
748		-**Script：**Email configuration for sending device alarm information
749		-
750		-[[image:1730864676542-406.png||height="732" width="1384"]]
751		-
752		-{{code language="none"}}
753		-function locatime(timenumber){
754		- var date = new Date(timenumber)
755		- return date.toLocaleDateString() + ' ' + date.toLocaleTimeString()
756		-}
757		-var name = msg.name
758		-var devicename = msg.originatorName
759		-var label = msg.originatorLabel
760		-var status = msg.status
761		-var detaildata =JSON.parse(msg.details.data)
762		-var tempswitch
763		-
764		-if (name != "Device Disconnected") {
765		- //detaildata=JSON.parse(msg.details.data)
766		- if (detaildata.Temperature_alarm_switch == true) {
767		- tempswitch = "open"
768		- } else {
769		- tempswitch = "close"
770		- }
771		- var humswitch
772		- if (detaildata.Humidity_alarm_switch == true) {
773		- humswitch = "open"
774		- } else {
775		- humswitch = "close"
776		- }
777		- var batswitch
778		- if (detaildata.Voltage_alarm_switch == true) {
779		- batswitch = "open"
780		- } else {
781		- batswitch = "close"
782		- }
783		- var str2 = "<p>-- Temperature alarm switch status: " +
784		- tempswitch + "</p>" +
785		- "<p>-- Humidity alarm switch status: " + humswitch +
786		- "</p>" +
787		- "<p>-- Voltage alarm switch status: " + batswitch
788		-}
789		-
790		-if (name == "High Temperature" && status ==
791		- "ACTIVE_UNACK") {
792		- var emailstr =
793		- "<div><p><span style='color: black; font-weight: bold'>" +
794		- "Device " + label + " has alarm:</span></p>" +
795		- "<p><span style='color: red; font-weight: bold'>-- High Temperature Alarm</span></p>" +
796		- "<p>-- Current Temperature : " + detaildata
797		- .TempC_SHT + "</p><br>" +
798		- "<p>Device Configure:</p>" +
799		- "<p>-- Temperature Threshold : min: " + detaildata
800		- .Low_temperature_alarm + ", max: " + detaildata
801		- .High_temperature_alarm + "</p>" +
802		- "<p>-- Humidity Threshold: min: " + detaildata
803		- .Low_humidity_alarm + ", max:" + detaildata
804		- .High_humidity_alarm + "</p>" +
805		- "<p>-- Battery threshold: min: " + detaildata
806		- .Low_voltage_alarm + "</p>" + str2 + "</div>"
807		- return {
808		- msg: {
809		- "data": emailstr
810		- },
811		- metadata: metadata,
812		- msgType: msgType
813		- };
814		-} else if (name == "Low Temperature" && status ==
815		- "ACTIVE_UNACK") {
816		- var emailstr =
817		- "<div><p><span style='color: black; font-weight: bold'>" +
818		- "Device " + label + " has alarm:</span></p>" +
819		- "<p><span style='color: red; font-weight: bold'>-- Low Temperature Alarm</span></p>" +
820		- "<p>-- Current Temperature : " + detaildata
821		- .TempC_SHT + "</p><br>" +
822		- "<p>Device Configure:</p>" +
823		- "<p>-- Temperature Threshold : min: " + detaildata
824		- .Low_temperature_alarm + ", max: " + detaildata
825		- .High_temperature_alarm + "</p>" +
826		- "<p>-- Humidity Threshold: min: " + detaildata
827		- .Low_humidity_alarm + ", max:" + detaildata
828		- .High_humidity_alarm + "</p>" +
829		- "<p>-- Battery threshold: min: " + detaildata
830		- .Low_voltage_alarm + "</p>" + str2 + "</div>"
831		-
832		- return {
833		- msg: {
834		- "data": emailstr
835		- },
836		- metadata: metadata,
837		- msgType: msgType
838		- };
839		-
840		-} else if (name == "Device Disconnected" && status ==
841		- "ACTIVE_UNACK") {
842		- var time1 = locatime(Number(detaildata.lastActivityTime))
843		- //var time1 = detaildata.lastActivityTime
844		- // var chazhi = parseInt((detaildata.inactivityAlarmTime-detaildata.lastActivityTime)/1000/60)
845		- // var emailstr =
846		- // "<div><p><span style='color: red; font-weight: bold'>" +
847		- // "Device " + label + " has Alarm</span></p><p>Last activity time: "+time1+"</p><p>Last Uplink: 21"+"minutes ago</p></div>"
848		-
849		- var emailstr ="Device " + label + " has Alarm##Last activity time: "+time1+"##Last Uplink: 21minutes ago"
850		- var newType = "POST_TELEMETRY_REQUEST"
851		- return {
852		- msg:emailstr,
853		- metadata: metadata,
854		- msgType: newType
855		- }
856		-} else if (name == "High humidity" && status ==
857		- "ACTIVE_UNACK") {
858		- var emailstr =
859		- "<div><p><span style='color: black; font-weight: bold'>" +
860		- "Device " + label + " has alarm:</span></p>" +
861		- "<p><span style='color: red; font-weight: bold'>-- High Humidity Alarm</span></p>" +
862		- "<p>-- Current Temperature : " + detaildata
863		- .Hum_SHT + "</p><br>" +
864		- "<p>Device Configure:</p>" +
865		- "<p>-- Temperature Threshold : min: " + detaildata
866		- .Low_temperature_alarm + ", max: " + detaildata
867		- .High_temperature_alarm + "</p>" +
868		- "<p>-- Humidity Threshold: min: " + detaildata
869		- .Low_humidity_alarm + ", max:" + detaildata
870		- .High_humidity_alarm + "</p>" +
871		- "<p>-- Battery threshold: min: " + detaildata
872		- .Low_voltage_alarm + "</p>" + str2 + "</div>"
873		-
874		- return {
875		- msg: {
876		- "data": emailstr
877		- },
878		- metadata: metadata,
879		- msgType: msgType
880		- };
881		-} else if (name == "Low humidity" && status ==
882		- "ACTIVE_UNACK") {
883		- var emailstr =
884		- "<div><p><span style='color: black; font-weight: bold'>" +
885		- "Device " + label + " has alarm:</span></p>" +
886		- "<p><span style='color: red; font-weight: bold'>-- Low Humidity Alarm</span></p>" +
887		- "<p>-- Current Temperature : " + detaildata
888		- .Hum_SHT + "</p><br>" +
889		- "<p>Device Configure:</p>" +
890		- "<p>-- Temperature Threshold : min: " + detaildata
891		- .Low_temperature_alarm + ", max: " + detaildata
892		- .High_temperature_alarm + "</p>" +
893		- "<p>-- Humidity Threshold: min: " + detaildata
894		- .Low_humidity_alarm + ", max:" + detaildata
895		- .High_humidity_alarm + "</p>" +
896		- "<p>-- Battery threshold: min: " + detaildata
897		- .Low_voltage_alarm + "</p>" + str2 + "</div>"
898		-
899		- return {
900		- msg: {
901		- "data": emailstr
902		- },
903		- metadata: metadata,
904		- msgType: msgType
905		- };
906		-} else if (name == "Low voltage" && status ==
907		- "ACTIVE_UNACK") {
908		- var emailstr =
909		- "<div><p><span style='color: black; font-weight: bold'>" +
910		- "Device " + label + " has alarm:</span></p>" +
911		- "<p><span style='color: red; font-weight: bold'>-- Low Voltage Alarm</span></p>" +
912		- "<p>-- Current Temperature : " + detaildata.BatV +
913		- "</p><br>" +
914		- "<p>Device Configure:</p>" +
915		- "<p>-- Temperature Threshold : min: " + detaildata
916		- .Low_temperature_alarm + ", max: " + detaildata
917		- .High_temperature_alarm + "</p>" +
918		- "<p>-- Humidity Threshold: min: " + detaildata
919		- .Low_humidity_alarm + ", max:" + detaildata
920		- .High_humidity_alarm + "</p>" +
921		- "<p>-- Battery threshold: min: " + detaildata
922		- .Low_voltage_alarm + "</p>" + str2 + "</div>"
923		-
924		- return {
925		- msg: {
926		- "data": emailstr
927		- },
928		- metadata: metadata,
929		- msgType: msgType
930		- };
931		-} else if (name == "High Temperature" && status ==
932		- "CLEARED_UNACK") {
933		- var emailstr =
934		- "<div><p><span style='color: green; font-weight: bold'>Device " +
935		- label +
936		- " High Temperature Alarm Cleared</span></p>" +
937		- "<p>-- Current Temperature : " + detaildata
938		- .TempC_SHT + "</p><br>" +
939		- "<p>Device Configure:</p>" +
940		- "<p>-- Temperature Threshold : min: " + detaildata
941		- .Low_temperature_alarm + ", max: " + detaildata
942		- .High_temperature_alarm + "</p>" +
943		- "<p>-- Humidity Threshold: min: " + detaildata
944		- .Low_humidity_alarm + ", max:" + detaildata
945		- .High_humidity_alarm + "</p>" +
946		- "<p>-- Battery threshold: min: " + detaildata
947		- .Low_voltage_alarm + "</p>" + str2 + "</div>"
948		-
949		- return {
950		- msg: {
951		- "data": emailstr
952		- },
953		- metadata: metadata,
954		- msgType: msgType
955		- };
956		-} else if (name == "Low Temperature" && status ==
957		- "CLEARED_UNACK") {
958		- var emailstr =
959		- "<div><p><span style='color: green; font-weight: bold'>Device " +
960		- label +
961		- " Low Temperature Alarm Cleared</span></p>" +
962		- "<p>-- Current Temperature : " + detaildata
963		- .TempC_SHT + "</p><br>" +
964		- "<p>Device Configure:</p>" +
965		- "<p>-- Temperature Threshold : min: " + detaildata
966		- .Low_temperature_alarm + ", max: " + detaildata
967		- .High_temperature_alarm + "</p>" +
968		- "<p>-- Humidity Threshold: min: " + detaildata
969		- .Low_humidity_alarm + ", max:" + detaildata
970		- .High_humidity_alarm + "</p>" +
971		- "<p>-- Battery threshold: min: " + detaildata
972		- .Low_voltage_alarm + "</p>" + str2 + "</div>"
973		-
974		- return {
975		- msg: {
976		- "data": emailstr
977		- },
978		- metadata: metadata,
979		- msgType: msgType
980		- };
981		-} else if (name == "High humidity" && status ==
982		- "CLEARED_UNACK") {
983		- var emailstr =
984		- "<div><p><span style='color: green; font-weight: bold'>Device " +
985		- label + " High Humidity Alarm Cleared</span></p>" +
986		- "<p>-- Current Temperature : " + detaildata
987		- .Hum_SHT + "</p><br>" +
988		- "<p>Device Configure:</p>" +
989		- "<p>-- Temperature Threshold : min: " + detaildata
990		- .Low_temperature_alarm + ", max: " + detaildata
991		- .High_temperature_alarm + "</p>" +
992		- "<p>-- Humidity Threshold: min: " + detaildata
993		- .Low_humidity_alarm + ", max:" + detaildata
994		- .High_humidity_alarm + "</p>" +
995		- "<p>-- Battery threshold: min: " + detaildata
996		- .Low_voltage_alarm + "</p>" + str2 + "</div>"
997		-
998		- return {
999		- msg: {
1000		- "data": emailstr
1001		- },
1002		- metadata: metadata,
1003		- msgType: msgType
1004		- };
1005		-} else if (name == "Low humidity" && status ==
1006		- "CLEARED_UNACK") {
1007		- var emailstr =
1008		- "<div><p><span style='color: green; font-weight: bold'>Device " +
1009		- label + " Low Humidity Alarm Cleared</span></p>" +
1010		- "<p>-- Current Temperature : " + detaildata
1011		- .Hum_SHT + "</p><br>" +
1012		- "<p>Device Configure:</p>" +
1013		- "<p>-- Temperature Threshold : min: " + detaildata
1014		- .Low_temperature_alarm + ", max: " + detaildata
1015		- .High_temperature_alarm + "</p>" +
1016		- "<p>-- Humidity Threshold: min: " + detaildata
1017		- .Low_humidity_alarm + ", max:" + detaildata
1018		- .High_humidity_alarm + "</p>" +
1019		- "<p>-- Battery threshold: min: " + detaildata
1020		- .Low_voltage_alarm + "</p>" + str2 + "</div>"
1021		- return {
1022		- msg: {
1023		- "data": emailstr
1024		- },
1025		- metadata: metadata,
1026		- msgType: msgType
1027		- };
1028		-} else if (name == "Low voltage" && status ==
1029		- "CLEARED_UNACK") {
1030		-
1031		- var emailstr =
1032		- "<div><p><span style='color: green; font-weight: bold'>Device " +
1033		- label + " Low Voltage Alarm Cleared</span></p>" +
1034		- "<p>-- Current Temperature : " + detaildata.BatV +
1035		- "</p><br><br>" +
1036		- "<p>Device Configure:</p>" +
1037		- "<p>-- Temperature Threshold : min: " + detaildata
1038		- .Low_temperature_alarm + ", max: " + detaildata
1039		- .High_temperature_alarm + "</p>" +
1040		- "<p>-- Humidity Threshold: min: " + detaildata
1041		- .Low_humidity_alarm + ", max:" + detaildata
1042		- .High_humidity_alarm + "</p>" +
1043		- "<p>-- Battery threshold: min: " + detaildata
1044		- .Low_voltage_alarm + "</p>" + str2 + "</div>"
1045		-
1046		- return {
1047		- msg: {
1048		- "data": emailstr
1049		- },
1050		- metadata: metadata,
1051		- msgType: msgType
1052		- };
1053		-} else if (name == "Device Disconnected" && status ==
1054		- "CLEARED_UNACK") {
1055		- var time1 = locatime(Number(detaildata.lastActivityTime))
1056		- //var time1 = detaildata.lastActivityTime
1057		- // var chazhi = parseInt((detaildata.inactivityAlarmTime-detaildata.lastActivityTime)/1000/60)
1058		- // var emailstr =
1059		- // "<div><p><span style='color: green; font-weight: bold'>" +
1060		- // "Device " + label + " has Alarm Cleared</span></p><p>Last activity time: "+time1+"</p></div>"
1061		- var emailstr ="Device " + label + " has Alarm Cleared##Last activity time: "+time1
1062		- var newType = "POST_TELEMETRY_REQUEST"
1063		- return {
1064		- msg: emailstr,
1065		- metadata: metadata,
1066		- msgType: newType
1067		- }
1068		-}
1069		-{{/code}}
1070		-
1071		-(% class="wikigeneratedid" %)
1072		-**Generate Report：**
1073		-
1074		-(% class="wikigeneratedid" %)
1075		-[[image:1730865053380-293.png]]
1076		-
1077		-= 5.other =
1078		-
1079		-* 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.
1080		-* 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]]
	147	+= 5. =

1730710271230-716.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-1.5 MB

Content

1730710395303-672.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-1.6 MB

Content

1730710693066-349.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-94.4 KB

Content

1730710850458-781.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-1.5 MB

Content

1730710875401-848.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-1.0 MB

Content

1730710949358-671.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-1.0 MB

Content

1730710990334-601.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-1.0 MB

Content

1730712335338-750.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-77.1 KB

Content

1730712473941-913.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-135.9 KB

Content

1730712539209-554.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-131.0 KB

Content

1730770392454-317.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-195.6 KB

Content

1730770636230-829.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-290.6 KB

Content

1730770875793-351.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-305.2 KB

Content

1730771103096-522.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-197.9 KB

Content

1730771199343-553.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-108.5 KB

Content

1730771228766-212.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-46.8 KB

Content

1730771256045-238.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-69.1 KB

Content

1730771318657-502.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-60.4 KB

Content

1730771386258-676.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-46.4 KB

Content

1730771441589-122.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-57.6 KB

Content

1730771504586-433.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-151.2 KB

Content

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

1730862483514-101.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-195.8 KB

Content

1730862584519-902.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-191.1 KB

Content

1730863708259-750.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-220.1 KB

Content

1730863750414-979.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-210.6 KB

Content

1730864045747-876.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-208.9 KB

Content

1730864077395-395.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-201.4 KB

Content

1730864117808-484.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-203.0 KB

Content

1730864159071-895.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-226.6 KB

Content

1730864207037-477.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-215.3 KB

Content

1730864250506-111.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-209.5 KB

Content

1730864293216-991.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-138.5 KB

Content

1730864331859-740.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-134.4 KB

Content

1730864460314-611.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-256.7 KB

Content

1730864617480-221.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-260.8 KB

Content

1730864676542-406.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-227.7 KB

Content

1730864784118-474.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-148.8 KB

Content

1730865053380-293.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-46.7 KB

Content

屏幕截图 2024-11-04 135045.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.hera

Size

...	...	@@ -1,1 +1,0 @@
1		-29.4 KB

Content