diff --git a/src/app/system-management/host-config/host-config.component.ts b/src/app/system-management/host-config/host-config.component.ts
index d097d7f..b18d240 100644
--- a/src/app/system-management/host-config/host-config.component.ts
+++ b/src/app/system-management/host-config/host-config.component.ts
@@ -1,11 +1,20 @@
 import { Component, OnInit, ViewContainerRef } from '@angular/core';
 import { ActivatedRoute, Route, Router } from '@angular/router';
-import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import {
+  FormBuilder,
+  FormControl,
+  FormGroup,
+  Validators,
+} from '@angular/forms';
 import { NzFormTooltipIcon } from 'ng-zorro-antd/form';
 import { NzModalService } from 'ng-zorro-antd/modal';
 import { AddcameraComponent } from './addcamera/addcamera.component';
 import { NzMessageService } from 'ng-zorro-antd/message';
-import { HttpClient, HttpErrorResponse, HttpResponse } from '@angular/common/http';
+import {
+  HttpClient,
+  HttpErrorResponse,
+  HttpResponse,
+} from '@angular/common/http';
 import { EditcameraComponent } from './editcamera/editcamera.component';
 import { catchError, tap } from 'rxjs/operators';
 import { ConfigFormDataService } from 'src/app/service/configFormData.service';
@@ -18,74 +27,76 @@ interface Camera {
   uri: string;
   type: number;
   order: number;
-  dimensionedPoints: string,
-  isEnabled: boolean
+  dimensionedPoints: string;
+  isEnabled: boolean;
 }
 
 @Component({
   selector: 'app-host-config',
   templateUrl: './host-config.component.html',
-  styleUrls: ['./host-config.component.scss']
+  styleUrls: ['./host-config.component.scss'],
 })
-
 export class HostConfigComponent implements OnInit {
-
-
-  constructor(private router: Router, private route: ActivatedRoute, private fb: FormBuilder, private modal: NzModalService, private message: NzMessageService, private viewContainerRef: ViewContainerRef, private http: HttpClient, public configFormData: ConfigFormDataService,) { }
-
-  hostId//主机id
-  orId//加油站id
+  constructor(
+    private router: Router,
+    private route: ActivatedRoute,
+    private fb: FormBuilder,
+    private modal: NzModalService,
+    private message: NzMessageService,
+    private viewContainerRef: ViewContainerRef,
+    private http: HttpClient,
+    public configFormData: ConfigFormDataService
+  ) {}
+
+  hostId; //主机id
+  orId; //加油站id
   ngOnInit(): void {
-    this.hostId = this.route.snapshot.queryParams.hostId
-    this.orId = this.route.snapshot.queryParams.orId
-    this.getCamera()
-
-    this.http.get(`/api/EdgeDevices/${this.hostId}`).subscribe(
-      {
-        next: ((data: any) => {
-          console.log(data)
-          // let isExist = data.configFiles.find((item, index, arr) => {
-          //   if (item.name == 'source.yaml') {
-          //     console.log("存在", index)
-          //     return item
-          //   }
-          // })
-          if (data.configFiles && data.configFiles.length != 0) {
-            this.isSourceYaml = true
-          } else {
-            this.isSourceYaml = false
-          }
-        }),
-        error: (err) => {
-          // this.message.create('error', '请先下发source.yaml配置');
+    this.hostId = this.route.snapshot.queryParams.hostId;
+    this.orId = this.route.snapshot.queryParams.orId;
+    this.getCamera();
+
+    this.http.get(`/api/EdgeDevices/${this.hostId}`).subscribe({
+      next: (data: any) => {
+        console.log(data);
+        // let isExist = data.configFiles.find((item, index, arr) => {
+        //   if (item.name == 'source.yaml') {
+        //     console.log("存在", index)
+        //     return item
+        //   }
+        // })
+        if (data.configFiles && data.configFiles.length != 0) {
+          this.isSourceYaml = true;
+        } else {
+          this.isSourceYaml = false;
         }
-      }
-
-
-    )
+      },
+      error: (err) => {
+        // this.message.create('error', '请先下发source.yaml配置');
+      },
+    });
   }
   listOfData: Camera[] = [];
   goback() {
-    history.go(-1)
+    history.go(-1);
   }
   //摄像头
-  isLoading = false
+  isLoading = false;
   getCamera() {
     let params = {
       ContainsChildren: true,
       EdgeDeviceId: this.hostId,
       pageNumber: 1,
-      pageSize: 99
-    }
-    this.isLoading = true
+      pageSize: 99,
+    };
+    this.isLoading = true;
     this.http.get('/api/Cameras', { params: params }).subscribe((data: any) => {
-      data.items.forEach(element => {
-        element.dimensionedPointsObj = JSON.parse(element.dimensionedPoints)
+      data.items.forEach((element) => {
+        element.dimensionedPointsObj = JSON.parse(element.dimensionedPoints);
       });
-      this.listOfData = data.items
-      this.isLoading = false
-      console.log('摄像头列表', data.items)
-    })
+      this.listOfData = data.items;
+      this.isLoading = false;
+      console.log('摄像头列表', data.items);
+    });
   }
   addCamera() {
     const modal = this.modal.create({
@@ -97,7 +108,7 @@ export class HostConfigComponent implements OnInit {
       nzOnOk: async () => {
         if (instance.validateForm.valid) {
           await new Promise((resolve, rejects) => {
-            console.log('表单信息', instance.validateForm)
+            console.log('表单信息', instance.validateForm);
             let body = {
               name: instance.validateForm.value.name,
               user: instance.validateForm.value.user,
@@ -107,43 +118,43 @@ export class HostConfigComponent implements OnInit {
               organizationId: this.orId,
               edgeDeviceId: this.hostId,
               // order: instance.validateForm.value.order,
-            }
+            };
             this.http.post('/api/Cameras', body).subscribe({
-              next: data => {
-                resolve(data)
+              next: (data) => {
+                resolve(data);
                 this.message.create('success', '创建成功！');
-                this.getCamera()
-                this.isSourceYaml = false
-                return true
+                this.getCamera();
+                this.isSourceYaml = false;
+                return true;
               },
               error: (err) => {
-                rejects(err)
-                return false
-              }
-            })
-          })
+                rejects(err);
+                return false;
+              },
+            });
+          });
         } else {
           this.message.create('warning', '请填写完整！');
-          return false
+          return false;
         }
-      }
+      },
     });
     const instance = modal.getContentComponent();
   }
   editCamera(data) {
-    console.log(data)
+    console.log(data);
     const modal = this.modal.create({
       nzTitle: '编辑加油站摄像头',
       nzContent: EditcameraComponent,
       nzViewContainerRef: this.viewContainerRef,
       nzWidth: 388,
       nzComponentParams: {
-        data: data
+        data: data,
       },
       nzOnOk: async () => {
         if (instance.validateForm.valid) {
-          await new Promise(resolve => {
-            console.log('表单信息', instance.validateForm)
+          await new Promise((resolve) => {
+            console.log('表单信息', instance.validateForm);
             let body = {
               name: instance.validateForm.value.name,
               user: instance.validateForm.value.user,
@@ -153,97 +164,87 @@ export class HostConfigComponent implements OnInit {
               organizationId: this.orId,
               edgeDeviceId: this.hostId,
               order: instance.validateForm.value.order,
-            }
-            this.http.put(`/api/Cameras/${data.id}`, body).subscribe(data => {
-              resolve(data)
+            };
+            this.http.put(`/api/Cameras/${data.id}`, body).subscribe((data) => {
+              resolve(data);
               this.message.create('success', '编辑成功！');
-              this.getCamera()
-              this.isSourceYaml = false
-              return true
-            })
-          })
+              this.getCamera();
+              this.isSourceYaml = false;
+              return true;
+            });
+          });
         } else {
           this.message.create('warning', '请填写完整！');
-          return false
+          return false;
         }
-      }
+      },
     });
     const instance = modal.getContentComponent();
   }
   deleteCamera(item) {
-    console.log(item)
+    console.log(item);
     this.modal.confirm({
       nzTitle: `确定要删除${item.name}这个摄像头吗?`,
       nzOkText: '确定',
       nzOkType: 'default',
       nzOnOk: () => {
-        this.http.delete(`/api/Cameras/${item.id}`).subscribe(data => {
+        this.http.delete(`/api/Cameras/${item.id}`).subscribe((data) => {
           this.message.create('success', '删除成功！');
-          this.getCamera()
-          this.isSourceYaml = false
-        })
+          this.getCamera();
+          this.isSourceYaml = false;
+        });
       },
-      nzCancelText: '取消'
+      nzCancelText: '取消',
     });
   }
 
-
-  isSourceYaml: boolean
+  isSourceYaml: boolean;
 
   label(item) {
-
-    this.http.get(`/api/EdgeDevices/${this.hostId}`).subscribe(
-      {
-        next: ((data: any) => {
-          if (data.configFiles) {
-            this.isSourceYaml = true
-            const element = document.documentElement
-            if (element.requestFullscreen) { //进入全屏
-              element.requestFullscreen();
-            }
-            const modal = this.modal.create({
-              nzContent: ImageLabel2Component,
-              nzViewContainerRef: this.viewContainerRef,
-              nzWidth: 1920,
-              nzClosable: false,
-              nzFooter: null,
-              nzWrapClassName: 'canvasContentBox',
-              nzBodyStyle: {
-                'border-radius': '0px',
-                'padding': '0px',
-                'margin': '0px',
-              },
-              nzComponentParams: {
-                data: item.id
-              },
-              nzOnOk: async () => {
-
-              }
-            });
-            const instance = modal.getContentComponent();
-
-            modal.afterClose.subscribe(result => {
-              this.ngOnInit()
-            });
-            //this.router.navigate(['/system/host/camera/imageLabel'], { queryParams: { id: item.id } })
-          } else {
-            this.isSourceYaml = false
-            this.message.create('error', '请先下发source.yaml配置');
+    this.http.get(`/api/EdgeDevices/${this.hostId}`).subscribe({
+      next: (data: any) => {
+        if (data.configFiles) {
+          this.isSourceYaml = true;
+          const element = document.documentElement;
+          if (element.requestFullscreen) {
+            //进入全屏
+            element.requestFullscreen();
           }
-        }),
-        error: (err) => {
-          // this.message.create('error', '请先下发source.yaml配置');
-        }
-      }
-
-
-    )
-
+          const modal = this.modal.create({
+            nzContent: ImageLabel2Component,
+            nzViewContainerRef: this.viewContainerRef,
+            nzWidth: 1920,
+            nzClosable: false,
+            nzFooter: null,
+            nzWrapClassName: 'canvasContentBox',
+            nzBodyStyle: {
+              'border-radius': '0px',
+              padding: '0px',
+              margin: '0px',
+            },
+            nzComponentParams: {
+              data: item.id,
+            },
+            nzOnOk: async () => {},
+          });
+          const instance = modal.getContentComponent();
 
+          modal.afterClose.subscribe((result) => {
+            this.ngOnInit();
+          });
+          //this.router.navigate(['/system/host/camera/imageLabel'], { queryParams: { id: item.id } })
+        } else {
+          this.isSourceYaml = false;
+          this.message.create('error', '请先下发source.yaml配置');
+        }
+      },
+      error: (err) => {
+        // this.message.create('error', '请先下发source.yaml配置');
+      },
+    });
   }
 
   connect() {
-
     // let isAllLabel = this.listOfData.find((item: any) => {
     //   if (item.type != 1 && !item.dimensionedPoints) {
     //     console.log('存在摄像头未标注的情况')
@@ -269,32 +270,63 @@ export class HostConfigComponent implements OnInit {
     //     console.log('连接失败', err)
     //   }
     // })
-    this.disposalData()
-    this.router.navigate(['/system/host/camera/configForm'], { queryParams: { 'hostId': this.hostId, 'orId': this.orId } })
+    this.disposalData();
+    this.router.navigate(['/system/host/camera/configForm'], {
+      queryParams: { hostId: this.hostId, orId: this.orId },
+    });
   }
 
   forbidden(item) {
-    console.log(item)
+    console.log(item);
     let body = {
       isEnabled: !item.isEnabled,
-    }
-    this.http.put(`/api/Cameras/${item.id}`, body).subscribe(data => {
+    };
+    this.http.put(`/api/Cameras/${item.id}`, body).subscribe((data) => {
       this.message.create('success', '修改成功！');
-      this.getCamera()
-    })
+      this.getCamera();
+    });
   }
   sourceYaml() {
-    let copyListOfData = JSON.parse(JSON.stringify(this.listOfData))
+    let copyListOfData = JSON.parse(JSON.stringify(this.listOfData));
     copyListOfData = copyListOfData.filter((item, i) => {
       return item.isEnabled;
-    })
+    });
     let config4 = `video_rate: 5
 inference_buffer_second: 10
-sources:`
+sources:`;
     copyListOfData.forEach((item: any, index) => {
-      if (item.type == 3 && item.dimensionedPointsObj && item.dimensionedPointsObj.arrow.length != 0) {
-        let arrowArr = item.dimensionedPointsObj.arrow
-        let str = arrowArr[1].startX + ',' + arrowArr[1].startY + ',' + arrowArr[1].endX + ',' + arrowArr[1].endY + ',' + arrowArr[0].startX + ',' + arrowArr[0].startY + ',' + arrowArr[0].endX + ',' + arrowArr[0].endY
+      if (
+        item.type == 3 &&
+        item.dimensionedPointsObj &&
+        item.dimensionedPointsObj.arrow.length != 0
+      ) {
+        let arrowArr = item.dimensionedPointsObj.arrow;
+        let str =
+          arrowArr[1].startX +
+          ',' +
+          arrowArr[1].startY +
+          ',' +
+          arrowArr[1].endX +
+          ',' +
+          arrowArr[1].endY +
+          ',' +
+          arrowArr[0].startX +
+          ',' +
+          arrowArr[0].startY +
+          ',' +
+          arrowArr[0].endX +
+          ',' +
+          arrowArr[0].endY;
+        let customArea = [];
+        if (
+          item.dimensionedPointsObj.polygonOfmonitor &&
+          item.dimensionedPointsObj.polygonOfmonitor.length !== 0
+        ) {
+          item.dimensionedPointsObj.polygonOfmonitor.forEach((element) => {
+            customArea.push(element.x);
+            customArea.push(element.y);
+          });
+        }
         config4 += `
   - name: '${item.name}'
     user: '${item.user}'
@@ -302,10 +334,42 @@ sources:`
     uri: '${item.uri}'
     type: ${item.type}
     line-crossing-Entry: [${str}]
-    `
-      } else if (item.type == 2 && item.dimensionedPointsObj && item.dimensionedPointsObj.arrow.length != 0 && item.dimensionedPointsObj.arrowOfWest && item.dimensionedPointsObj.arrowOfWest.length == 0) {
-        let arrowArr = item.dimensionedPointsObj.arrow
-        let str = arrowArr[1].startX + ',' + arrowArr[1].startY + ',' + arrowArr[1].endX + ',' + arrowArr[1].endY + ',' + arrowArr[0].startX + ',' + arrowArr[0].startY + ',' + arrowArr[0].endX + ',' + arrowArr[0].endY
+    custom-area: [${customArea}]
+    `;
+      } else if (
+        item.type == 2 &&
+        item.dimensionedPointsObj &&
+        item.dimensionedPointsObj.arrow.length != 0 &&
+        item.dimensionedPointsObj.arrowOfWest &&
+        item.dimensionedPointsObj.arrowOfWest.length == 0
+      ) {
+        let arrowArr = item.dimensionedPointsObj.arrow;
+        let str =
+          arrowArr[1].startX +
+          ',' +
+          arrowArr[1].startY +
+          ',' +
+          arrowArr[1].endX +
+          ',' +
+          arrowArr[1].endY +
+          ',' +
+          arrowArr[0].startX +
+          ',' +
+          arrowArr[0].startY +
+          ',' +
+          arrowArr[0].endX +
+          ',' +
+          arrowArr[0].endY;
+        let customArea = [];
+        if (
+          item.dimensionedPointsObj.polygonOfmonitor &&
+          item.dimensionedPointsObj.polygonOfmonitor.length !== 0
+        ) {
+          item.dimensionedPointsObj.polygonOfmonitor.forEach((element) => {
+            customArea.push(element.x);
+            customArea.push(element.y);
+          });
+        }
         config4 += `
   - name: '${item.name}'
     user: '${item.user}'
@@ -313,13 +377,60 @@ sources:`
     uri: '${item.uri}'
     type: ${item.type}
     line-crossing-Entry: [${str}]
-    `
-      } else if (item.type == 2 && item.dimensionedPointsObj && item.dimensionedPointsObj.arrow.length != 0 && item.dimensionedPointsObj.arrowOfWest && item.dimensionedPointsObj.arrowOfWest.length != 0) {
-        let arrowArr = item.dimensionedPointsObj.arrow
-        let str = arrowArr[1].startX + ',' + arrowArr[1].startY + ',' + arrowArr[1].endX + ',' + arrowArr[1].endY + ',' + arrowArr[0].startX + ',' + arrowArr[0].startY + ',' + arrowArr[0].endX + ',' + arrowArr[0].endY
-        let arrowArr2 = item.dimensionedPointsObj.arrowOfWest
-        let str2 = arrowArr2[1].startX + ',' + arrowArr2[1].startY + ',' + arrowArr2[1].endX + ',' + arrowArr2[1].endY + ',' + arrowArr2[0].startX + ',' + arrowArr2[0].startY + ',' + arrowArr2[0].endX + ',' + arrowArr2[0].endY
-        let str3 = '[' + str + ',' + str2 + ']'
+    custom-area: [${customArea}]
+    `;
+      } else if (
+        item.type == 2 &&
+        item.dimensionedPointsObj &&
+        item.dimensionedPointsObj.arrow.length != 0 &&
+        item.dimensionedPointsObj.arrowOfWest &&
+        item.dimensionedPointsObj.arrowOfWest.length != 0
+      ) {
+        let arrowArr = item.dimensionedPointsObj.arrow;
+        let str =
+          arrowArr[1].startX +
+          ',' +
+          arrowArr[1].startY +
+          ',' +
+          arrowArr[1].endX +
+          ',' +
+          arrowArr[1].endY +
+          ',' +
+          arrowArr[0].startX +
+          ',' +
+          arrowArr[0].startY +
+          ',' +
+          arrowArr[0].endX +
+          ',' +
+          arrowArr[0].endY;
+        let arrowArr2 = item.dimensionedPointsObj.arrowOfWest;
+        let str2 =
+          arrowArr2[1].startX +
+          ',' +
+          arrowArr2[1].startY +
+          ',' +
+          arrowArr2[1].endX +
+          ',' +
+          arrowArr2[1].endY +
+          ',' +
+          arrowArr2[0].startX +
+          ',' +
+          arrowArr2[0].startY +
+          ',' +
+          arrowArr2[0].endX +
+          ',' +
+          arrowArr2[0].endY;
+        let str3 = '[' + str + ',' + str2 + ']';
+        let customArea = [];
+        if (
+          item.dimensionedPointsObj.polygonOfmonitor &&
+          item.dimensionedPointsObj.polygonOfmonitor.length !== 0
+        ) {
+          item.dimensionedPointsObj.polygonOfmonitor.forEach((element) => {
+            customArea.push(element.x);
+            customArea.push(element.y);
+          });
+        }
         config4 += `
   - name: '${item.name}'
     user: '${item.user}'
@@ -327,19 +438,37 @@ sources:`
     uri: '${item.uri}'
     type: ${item.type}
     line-crossing-Entry: ${str3}
-    `
+    custom-area: [${customArea}]
+    `;
       } else {
+        let customArea = [];
+        if (item.type == 0) {
+          item.dimensionedPointsObj.polygon.forEach((element) => {
+            customArea.push(element.x);
+            customArea.push(element.y);
+          });
+        } else {
+          if (
+            item.dimensionedPointsObj.polygonOfmonitor &&
+            item.dimensionedPointsObj.polygonOfmonitor.length !== 0
+          ) {
+            item.dimensionedPointsObj.polygonOfmonitor.forEach((element) => {
+              customArea.push(element.x);
+              customArea.push(element.y);
+            });
+          }
+        }
         config4 += `
   - name: '${item.name}'
     user: '${item.user}'
     password: '${item.password}'
     uri: '${item.uri}'
     type: ${item.type}
-    `
+    line-crossing-Entry: []
+    custom-area: [${customArea}]
+    `;
       }
-
-
-    })
+    });
     const modal = this.modal.create({
       nzTitle: '下发source.yaml配置',
       nzContent: SendFileComponent,
@@ -347,59 +476,57 @@ sources:`
       nzWidth: 1000,
       nzBodyStyle: {
         'border-radius': '0px',
-        'padding': '7px',
+        padding: '7px',
       },
       nzComponentParams: {
-        data: config4
+        data: config4,
       },
       nzOnOk: async () => {
-
-        await new Promise(resolve => {
-          console.log('表单信息', instance.validateForm)
+        await new Promise((resolve) => {
+          console.log('表单信息', instance.validateForm);
           let body = {
-            configFiles: [
-              { name: 'source.yaml', content: instance.datacopy }
-            ]
-          }
+            configFiles: [{ name: 'source.yaml', content: instance.datacopy }],
+          };
           this.http.put(`/api/EdgeDevices/${this.hostId}`, body).subscribe({
             next: (data) => {
               this.message.create('success', `文件保存成功`);
-              resolve('成功了')
-              this.isSourceYaml = true
+              resolve('成功了');
+              this.isSourceYaml = true;
               let params = {
                 edgeDeviceId: this.hostId,
-                fileName: 'source.yaml'
-              }
-              this.http.put('/api/EdgeDevices/Commands/PushFile', '', { params: params }).subscribe({
-                next: (data) => {
-                  this.message.create('success', `发送文件名成功`);
-                },
-                error: err => {
-                  // this.message.create('error', `发送文件名失败`);
-                  // reject('失败了')
-                }
-              })
+                fileName: 'source.yaml',
+              };
+              this.http
+                .put('/api/EdgeDevices/Commands/PushFile', '', {
+                  params: params,
+                })
+                .subscribe({
+                  next: (data) => {
+                    this.message.create('success', `发送文件名成功`);
+                  },
+                  error: (err) => {
+                    // this.message.create('error', `发送文件名失败`);
+                    // reject('失败了')
+                  },
+                });
             },
             error: (err) => {
               // this.message.create('error', `文件保存失败`);
-            }
-          })
-
-        })
-
-      }
+            },
+          });
+        });
+      },
     });
     const instance = modal.getContentComponent();
   }
   //整理配置文件数据
   disposalData() {
-
-    let copyListOfData = JSON.parse(JSON.stringify(this.listOfData))
+    let copyListOfData = JSON.parse(JSON.stringify(this.listOfData));
     copyListOfData = copyListOfData.filter((item, i) => {
       return item.isEnabled;
-    })
+    });
 
-    console.log('摄像头列表', copyListOfData)
+    console.log('摄像头列表', copyListOfData);
 
     // return
 
@@ -414,28 +541,34 @@ config-height=1080
 osd-mode=2
 #Set OSD font size that has to be displayed
 display-font-size=12
-    `
-    let config2 = ''
-    let config3 = ''
+    `;
+    let config2 = '';
+    let config3 = '';
     let config4 = `test_action: true
 logging_interval : 600
-    `
-    let xieyouqu = []
-    let order
+    `;
+    let xieyouqu = [];
+    let order;
     copyListOfData.forEach((item: any, index) => {
       if (item.type == 2) {
-        xieyouqu.push(item)
-        order = item.order
+        xieyouqu.push(item);
+        order = item.order;
       }
 
-      if (item.type == 0 && item.dimensionedPointsObj && item.dimensionedPointsObj.polygon.length != 0) {
-        let str = ''
-        item.dimensionedPointsObj ? item.dimensionedPointsObj.polygon.forEach(element => {
-          str += element.x + ';'
-          str += element.y + ';'
-        }) : 0;
-        str = str.substring(0, str.lastIndexOf(';'))
-        console.log('进出口多边形', str)
+      if (
+        item.type == 0 &&
+        item.dimensionedPointsObj &&
+        item.dimensionedPointsObj.polygon.length != 0
+      ) {
+        let str = '';
+        item.dimensionedPointsObj
+          ? item.dimensionedPointsObj.polygon.forEach((element) => {
+              str += element.x + ';';
+              str += element.y + ';';
+            })
+          : 0;
+        str = str.substring(0, str.lastIndexOf(';'));
+        console.log('进出口多边形', str);
         config1 += `
 ## Per stream configuration
 [roi-filtering-stream-${item.order}]
@@ -446,11 +579,30 @@ roi-RF=${str}
 #remove objects in the ROI
 inverse-roi=0
 class-id=-1
-      `
+      `;
       }
-      if (item.type == 3 && item.dimensionedPointsObj && item.dimensionedPointsObj.arrow.length != 0) {
-        let arrowArr = item.dimensionedPointsObj.arrow
-        let str = arrowArr[1].startX + ';' + arrowArr[1].startY + ';' + arrowArr[1].endX + ';' + arrowArr[1].endY + ';' + arrowArr[0].startX + ';' + arrowArr[0].startY + ';' + arrowArr[0].endX + ';' + arrowArr[0].endY
+      if (
+        item.type == 3 &&
+        item.dimensionedPointsObj &&
+        item.dimensionedPointsObj.arrow.length != 0
+      ) {
+        let arrowArr = item.dimensionedPointsObj.arrow;
+        let str =
+          arrowArr[1].startX +
+          ';' +
+          arrowArr[1].startY +
+          ';' +
+          arrowArr[1].endX +
+          ';' +
+          arrowArr[1].endY +
+          ';' +
+          arrowArr[0].startX +
+          ';' +
+          arrowArr[0].startY +
+          ';' +
+          arrowArr[0].endX +
+          ';' +
+          arrowArr[0].endY;
         config1 += `
 [line-crossing-stream-${item.order}]
 enable=1
@@ -459,11 +611,32 @@ line-crossing-Entry=${str}
 class-id=0
 extended=0
 mode=strict
-      `
+      `;
       }
-      if (item.type == 2 && item.dimensionedPointsObj && item.dimensionedPointsObj.arrow.length != 0 && item.dimensionedPointsObj.arrowOfWest && item.dimensionedPointsObj.arrowOfWest.length == 0) {
-        let arrowArr = item.dimensionedPointsObj.arrow
-        let str = arrowArr[1].startX + ';' + arrowArr[1].startY + ';' + arrowArr[1].endX + ';' + arrowArr[1].endY + ';' + arrowArr[0].startX + ';' + arrowArr[0].startY + ';' + arrowArr[0].endX + ';' + arrowArr[0].endY
+      if (
+        item.type == 2 &&
+        item.dimensionedPointsObj &&
+        item.dimensionedPointsObj.arrow.length != 0 &&
+        item.dimensionedPointsObj.arrowOfWest &&
+        item.dimensionedPointsObj.arrowOfWest.length == 0
+      ) {
+        let arrowArr = item.dimensionedPointsObj.arrow;
+        let str =
+          arrowArr[1].startX +
+          ';' +
+          arrowArr[1].startY +
+          ';' +
+          arrowArr[1].endX +
+          ';' +
+          arrowArr[1].endY +
+          ';' +
+          arrowArr[0].startX +
+          ';' +
+          arrowArr[0].startY +
+          ';' +
+          arrowArr[0].endX +
+          ';' +
+          arrowArr[0].endY;
         config1 += `
 [line-crossing-stream-${item.order}]
 enable=1
@@ -472,13 +645,49 @@ line-crossing-Entry=${str}
 class-id=0
 extended=0
 mode=strict
-      `
+      `;
       }
-      if (item.type == 2 && item.dimensionedPointsObj && item.dimensionedPointsObj.arrow.length != 0 && item.dimensionedPointsObj.arrowOfWest && item.dimensionedPointsObj.arrowOfWest.length != 0) {
-        let arrowArr = item.dimensionedPointsObj.arrow
-        let str = arrowArr[1].startX + ';' + arrowArr[1].startY + ';' + arrowArr[1].endX + ';' + arrowArr[1].endY + ';' + arrowArr[0].startX + ';' + arrowArr[0].startY + ';' + arrowArr[0].endX + ';' + arrowArr[0].endY
-        let arrowArr2 = item.dimensionedPointsObj.arrowOfWest
-        let str2 = arrowArr2[1].startX + ';' + arrowArr2[1].startY + ';' + arrowArr2[1].endX + ';' + arrowArr2[1].endY + ';' + arrowArr2[0].startX + ';' + arrowArr2[0].startY + ';' + arrowArr2[0].endX + ';' + arrowArr2[0].endY
+      if (
+        item.type == 2 &&
+        item.dimensionedPointsObj &&
+        item.dimensionedPointsObj.arrow.length != 0 &&
+        item.dimensionedPointsObj.arrowOfWest &&
+        item.dimensionedPointsObj.arrowOfWest.length != 0
+      ) {
+        let arrowArr = item.dimensionedPointsObj.arrow;
+        let str =
+          arrowArr[1].startX +
+          ';' +
+          arrowArr[1].startY +
+          ';' +
+          arrowArr[1].endX +
+          ';' +
+          arrowArr[1].endY +
+          ';' +
+          arrowArr[0].startX +
+          ';' +
+          arrowArr[0].startY +
+          ';' +
+          arrowArr[0].endX +
+          ';' +
+          arrowArr[0].endY;
+        let arrowArr2 = item.dimensionedPointsObj.arrowOfWest;
+        let str2 =
+          arrowArr2[1].startX +
+          ';' +
+          arrowArr2[1].startY +
+          ';' +
+          arrowArr2[1].endX +
+          ';' +
+          arrowArr2[1].endY +
+          ';' +
+          arrowArr2[0].startX +
+          ';' +
+          arrowArr2[0].startY +
+          ';' +
+          arrowArr2[0].endX +
+          ';' +
+          arrowArr2[0].endY;
 
         config1 += `
 [line-crossing-stream-${item.order}]
@@ -492,33 +701,57 @@ line-crossing-Entry2=${str2}
 class-id=0
 extended=0
 mode=strict
-      `
+      `;
       }
-
-
-    })
+      if (
+        item.type !== 0 &&
+        item.dimensionedPointsObj &&
+        item.dimensionedPointsObj.polygonOfmonitor &&
+        item.dimensionedPointsObj.polygonOfmonitor.length != 0
+      ) {
+        let str = '';
+        item.dimensionedPointsObj.polygonOfmonitor.forEach((element) => {
+          str += element.x + ';';
+          str += element.y + ';';
+        });
+        str = str.substring(0, str.lastIndexOf(';'));
+        console.log('全局限制多边形', str);
+        config1 += `
+## Per stream configuration
+[roi-filtering-stream-${item.order}]
+#enable or disable following feature
+enable=1
+#ROI to filter select objects, and remove from meta data
+roi-RF=${str}
+#remove objects in the ROI
+inverse-roi=0
+class-id=-1
+      `;
+      }
+    });
     //新增东南西北参数
-    copyListOfData.forEach(element => {
-      if (element.type == 2 || element.type == 3) {//卸油区
-        let obj = element.dimensionedPointsObj
-        let str1 = ''
+    copyListOfData.forEach((element) => {
+      if (element.type == 2 || element.type == 3) {
+        //卸油区
+        let obj = element.dimensionedPointsObj;
+        let str1 = '';
         if (obj && obj.arrow && obj.arrow.length == 2) {
-          str1 = `${obj.arrow[1].startX};${obj.arrow[1].startY};${obj.arrow[1].endX};${obj.arrow[1].endY}`
+          str1 = `${obj.arrow[1].startX};${obj.arrow[1].startY};${obj.arrow[1].endX};${obj.arrow[1].endY}`;
         }
-        let str2 = ''
+        let str2 = '';
         if (obj && obj.arrowOfWest && obj.arrowOfWest.length == 2) {
-          str2 = `${obj.arrowOfWest[1].startX};${obj.arrowOfWest[1].startY};${obj.arrowOfWest[1].endX};${obj.arrowOfWest[1].endY}`
+          str2 = `${obj.arrowOfWest[1].startX};${obj.arrowOfWest[1].startY};${obj.arrowOfWest[1].endX};${obj.arrowOfWest[1].endY}`;
         }
         if (str1 || str2) {
           let arr = [
             { name: 'South', value: str1 },
-            { name: 'West', value: str2 }
-          ]
-          let newstr = ''
-          arr.forEach(item => {
+            { name: 'West', value: str2 },
+          ];
+          let newstr = '';
+          arr.forEach((item) => {
             if (item.value) {
               newstr += `direction-${item.name}=${item.value}
-`
+`;
             }
           });
           config1 += `
@@ -526,29 +759,48 @@ mode=strict
 enable=1
 #Label;direction;
 ${newstr}class-id=0
-  `
+  `;
         }
       }
-
     });
     let xieyouguan = '';
     let jingdian = '';
-    if (xieyouqu.length != 0 && xieyouqu[0].dimensionedPointsObj && xieyouqu[0].dimensionedPointsObj.rectangle.length != 0) {
-      xieyouqu[0].dimensionedPointsObj.rectangle.forEach(element => {
+    if (
+      xieyouqu.length != 0 &&
+      xieyouqu[0].dimensionedPointsObj &&
+      xieyouqu[0].dimensionedPointsObj.rectangle.length != 0
+    ) {
+      xieyouqu[0].dimensionedPointsObj.rectangle.forEach((element) => {
         if (element.oilUnloadingArea) {
-          xieyouguan = element.x + ',' + element.y + ',' + element.width + ',' + element.height
+          xieyouguan =
+            element.x +
+            ',' +
+            element.y +
+            ',' +
+            element.width +
+            ',' +
+            element.height;
         } else {
-          jingdian = element.x + ',' + element.y + ',' + element.width + ',' + element.height
+          jingdian =
+            element.x +
+            ',' +
+            element.y +
+            ',' +
+            element.width +
+            ',' +
+            element.height;
         }
-      })
+      });
     } else {
-      xieyouguan = '0,0,0,0'
-      jingdian = '0,0,0,0'
+      xieyouguan = '0,0,0,0';
+      jingdian = '0,0,0,0';
     }
 
-    (order != undefined) ? null : order = copyListOfData[copyListOfData.length - 1].order + 1
-    console.log('泄油管区域', xieyouguan)
-    console.log('静电接地', jingdian)
+    order != undefined
+      ? null
+      : (order = copyListOfData[copyListOfData.length - 1].order + 1);
+    console.log('泄油管区域', xieyouguan);
+    console.log('静电接地', jingdian);
     config2 = `# The all in one config file.
 
 debug: false #when the debug is on, osd.
@@ -695,7 +947,7 @@ rule_threshold:
   threshold_secondary_model: 0.5    
   secondary_model_window: 50
   secondary_model_path: '/opt/app/xgboost'
-`
+`;
     config3 = `# The all in one config file.
 
 debug: false #when the debug is on, osd.
@@ -842,11 +1094,11 @@ rule_threshold:
   threshold_secondary_model: 0.5    
   secondary_model_window: 50
   secondary_model_path: '/opt/app/xgboost'
-`
+`;
 
-    sessionStorage.setItem('config1', config1)
-    sessionStorage.setItem('config2', config2)
-    sessionStorage.setItem('config3', config3)
-    sessionStorage.setItem('config4', config4)
+    sessionStorage.setItem('config1', config1);
+    sessionStorage.setItem('config2', config2);
+    sessionStorage.setItem('config3', config3);
+    sessionStorage.setItem('config4', config4);
   }
 }
diff --git a/src/app/system-management/image-label2/image-label2.component.scss b/src/app/system-management/image-label2/image-label2.component.scss
index 8ee26e6..1a0a0b3 100644
--- a/src/app/system-management/image-label2/image-label2.component.scss
+++ b/src/app/system-management/image-label2/image-label2.component.scss
@@ -36,7 +36,7 @@
 
   button {
     margin-right: 6px;
-    display: flex;
+    display: flex; 
   }
 
   .deleteItem {