Merge "Modify the overall code lincence and comments"

46 files changed, 489 insertions, 101 deletions

diff --git a/usecaseui-portal/src/app/alarm/alarm.component.ts b/usecaseui-portal/src/app/alarm/alarm.component.ts
index b8b9d4f3..5d479020 100644
--- a/usecaseui-portal/src/app/alarm/alarm.component.ts
+++ b/usecaseui-portal/src/app/alarm/alarm.component.ts
@@ -241,9 +241,9 @@ export class AlarmComponent implements OnInit {
                 x2: 0,
                 y2: 1,
                 colorStops: [{
-                  offset: 0, color: '#FB7788' // 0% 处的颜色
+                  offset: 0, color: '#FB7788' 
                 }, {
-                  offset: 1, color: '#FB93C2' // 100% 处的颜色
+                  offset: 1, color: '#FB93C2'
                 }],
               },
               opacity: 1,
@@ -266,9 +266,9 @@ export class AlarmComponent implements OnInit {
                 x2: 0,
                 y2: 1,
                 colorStops: [{
-                  offset: 0, color: '#7A8BAE' // 0% 处的颜色
+                  offset: 0, color: '#7A8BAE'
                 }, {
-                  offset: 1, color: '#A6BFE4' // 100% 处的颜色
+                  offset: 1, color: '#A6BFE4'
                 }],
               },
               opacity: 1,
diff --git a/usecaseui-portal/src/app/animates.ts b/usecaseui-portal/src/app/animates.ts
index cde7e568..d5c29b7e 100644
--- a/usecaseui-portal/src/app/animates.ts
+++ b/usecaseui-portal/src/app/animates.ts
@@ -1,22 +1,37 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { trigger, state, style, animate, transition } from '@angular/animations';
 
-// 路由动画
+// Routing animation
 export const slideToRight = trigger('routerAnimate', [
-    // 定义void表示空状态下
-    state('void', style({ position:'fixed', zIndex:'-1' })), //不明白为啥要加定位出场动画才生效
-    // * 表示任何状态
+    // Define void to indicate empty state
+    state('void', style({ position:'fixed', zIndex:'-1' })), //I don't understand why I want to add a positioning animation to take effect.
+    // * Indicates any state
     state('*', style({ })),
-    // 进场动画
+    // Admission animation
     transition(':enter', [
         style({transform: 'translateX(-100%)'}),
         animate('.5s ease-in-out')
     ]),
-    // 出场动画
+    // Opening animation
     transition(':leave', [
         animate('.5s ease-in-out',  style({transform: 'translateX(100%)'}) )
     ])
 ]);
-// 详情页显示隐藏动画
+// Detail page shows hidden animation
 export const showHideAnimate = trigger('showHideAnimate', [
     state('show', style({
       transform: 'scale(1)',
@@ -29,7 +44,7 @@ export const showHideAnimate = trigger('showHideAnimate', [
     transition('show => hide', animate('300ms ease-in')),
     transition('hide => show', animate('300ms ease-out'))
 ]);
-// 详情页显示隐藏动画
+// Detail page shows hidden animation
 export const slideUpDown = trigger('slideUpDown', [
     state('down', style({
         height: "*"
diff --git a/usecaseui-portal/src/app/app-routing.module.ts b/usecaseui-portal/src/app/app-routing.module.ts
index 2d2277c3..558b4428 100644
--- a/usecaseui-portal/src/app/app-routing.module.ts
+++ b/usecaseui-portal/src/app/app-routing.module.ts
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { NgModule }             from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
@@ -25,7 +40,7 @@ const ServicesChildRoutes: Routes = [
 const routes: Routes = [
   { path: 'home', component: HomeComponent},
   { path: 'management', component: ManagementComponent},
-  // { path: 'services', component: ServicesComponent, children:ServicesChildRoutes}, //暂时不是子路由结构
+  // { path: 'services', component: ServicesComponent, children:ServicesChildRoutes}, //Temporarily not a sub-routing structure
   { path: 'services/services-list', component: ServicesListComponent},
   { path: 'services/onboard-vnf-vm', component: OnboardVnfVmComponent},
   { path: 'alarm', component: AlarmComponent},
diff --git a/usecaseui-portal/src/app/app.component.css b/usecaseui-portal/src/app/app.component.css
index f25d3262..1e0f7181 100644
--- a/usecaseui-portal/src/app/app.component.css
+++ b/usecaseui-portal/src/app/app.component.css
@@ -1,5 +1,5 @@
 /*
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/app.component.ts b/usecaseui-portal/src/app/app.component.ts
index 42907270..0bdf72b2 100644
--- a/usecaseui-portal/src/app/app.component.ts
+++ b/usecaseui-portal/src/app/app.component.ts
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { Component } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 
@@ -14,7 +29,7 @@ export class AppComponent {
     // translate.use('en');
   }
 
-  // 多语言
+  
   Language:String[] = ["zh","en"];
   selectLanguage = "en";
 
diff --git a/usecaseui-portal/src/app/app.module.ts b/usecaseui-portal/src/app/app.module.ts
index 77a102f9..be4454f2 100644
--- a/usecaseui-portal/src/app/app.module.ts
+++ b/usecaseui-portal/src/app/app.module.ts
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { NgModule } from '@angular/core';
diff --git a/usecaseui-portal/src/app/components/charts/bar/bar.component.html b/usecaseui-portal/src/app/components/charts/bar/bar.component.html
index 8e3e537d..7c1eee6b 100644
--- a/usecaseui-portal/src/app/components/charts/bar/bar.component.html
+++ b/usecaseui-portal/src/app/components/charts/bar/bar.component.html
@@ -1,5 +1,5 @@
 <!--
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/components/charts/bar/bar.component.ts b/usecaseui-portal/src/app/components/charts/bar/bar.component.ts
index 38a2fc0d..ee76dfee 100644
--- a/usecaseui-portal/src/app/components/charts/bar/bar.component.ts
+++ b/usecaseui-portal/src/app/components/charts/bar/bar.component.ts
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { Component, OnInit, Input } from '@angular/core';
 import { SimpleChanges } from '@angular/core/src/metadata/lifecycle_hooks';
 
@@ -8,9 +23,9 @@ import { SimpleChanges } from '@angular/core/src/metadata/lifecycle_hooks';
 })
 export class BarComponent implements OnInit {
 
-  // 图形数据
+  // chart Data
   @Input() chartData;
-  // 初始化数据
+  // init Data
   @Input() initData;
 
   constructor() { }
@@ -32,18 +47,18 @@ export class BarComponent implements OnInit {
   }
 
   ngOnChanges(changes: SimpleChanges) {
-    // 当有实例的时候再执行，相当于第一次不执行下面方法
+    // Execute when there is an instance, which is equivalent to not executing the following method for the first time.
     if (this.chartIntance) {
       this.chartDataChange()
     }
   }
-  // 初始化图形高度
+  // Initialize the height of the graphic
   initOpts: any;
-  // 折线图配置
+  // Line chart configuration
   barOption: any;
-  // 实例对象
+  // Instance object
   chartIntance: any;
-  // 数据变化
+  // Data change
   updateOption: any;
   chartDataChange() {
     this.updateOption = this.chartData;
diff --git a/usecaseui-portal/src/app/components/charts/line/line.component.html b/usecaseui-portal/src/app/components/charts/line/line.component.html
index 9a43e28c..e032eb27 100644
--- a/usecaseui-portal/src/app/components/charts/line/line.component.html
+++ b/usecaseui-portal/src/app/components/charts/line/line.component.html
@@ -1,5 +1,5 @@
 <!--
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/components/charts/line/line.component.ts b/usecaseui-portal/src/app/components/charts/line/line.component.ts
index 55b757ce..25881699 100644
--- a/usecaseui-portal/src/app/components/charts/line/line.component.ts
+++ b/usecaseui-portal/src/app/components/charts/line/line.component.ts
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { Component, OnInit, Input } from '@angular/core';
 import { SimpleChanges } from '@angular/core/src/metadata/lifecycle_hooks';
 
@@ -7,9 +22,9 @@ import { SimpleChanges } from '@angular/core/src/metadata/lifecycle_hooks';
   styleUrls: ['./line.component.less']
 })
 export class LineComponent implements OnInit {
-  // 图形数据
+  // chart Data
   @Input() chartData;
-  // 初始化数据
+  // init Data
   @Input() initData;
 
   constructor() { }
@@ -65,18 +80,18 @@ export class LineComponent implements OnInit {
   }
 
   ngOnChanges(changes:SimpleChanges){
-    // 当有实例的时候再执行，相当于第一次不执行下面方法
+    // Execute when there is an instance, which is equivalent to not executing the following method for the first time.
     if(this.chartIntance){
       this.chartDataChange()
     }
   }
-  // 初始化图形高度
+  // Initialize the height of the graphic
   initOpts:any;
-  // 折线图配置
+  // Line chart configuration
   lineOption:any;
-  // 实例对象
+  // Instance object
   chartIntance:any;
-  // 数据变化
+  // Data change
   updateOption:any;
   chartDataChange(){
     this.updateOption = this.chartData;
diff --git a/usecaseui-portal/src/app/components/charts/pie/pie.component.html b/usecaseui-portal/src/app/components/charts/pie/pie.component.html
index 5f1e94ce..d063f22a 100644
--- a/usecaseui-portal/src/app/components/charts/pie/pie.component.html
+++ b/usecaseui-portal/src/app/components/charts/pie/pie.component.html
@@ -1,5 +1,5 @@
 <!--
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/components/charts/pie/pie.component.ts b/usecaseui-portal/src/app/components/charts/pie/pie.component.ts
index 9302ddb5..b1549ab2 100644
--- a/usecaseui-portal/src/app/components/charts/pie/pie.component.ts
+++ b/usecaseui-portal/src/app/components/charts/pie/pie.component.ts
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { Component, OnInit, Input } from '@angular/core';
 import { SimpleChanges } from '@angular/core/src/metadata/lifecycle_hooks';
 
@@ -7,9 +22,9 @@ import { SimpleChanges } from '@angular/core/src/metadata/lifecycle_hooks';
   styleUrls: ['./pie.component.less']
 })
 export class PieComponent implements OnInit {
-  // 图形数据
+  // chart Data
   @Input() chartData;
-  // 初始化数据
+  // init Data
   @Input() initData;
 
   constructor() { }
@@ -49,30 +64,30 @@ export class PieComponent implements OnInit {
 
   ngOnChanges(changes:SimpleChanges){
 
-    // 当有实例的时候再执行，相当于第一次不执行下面方法
+    // Execute when there is an instance, which is equivalent to not executing the following method for the first time.
     if(this.chartIntance){
       this.chartDataChange()
     }
   }
 
-  // 初始化图形高度
+  // Initialize the height of the graphic
   initOpts:any;
-  // alarm饼图
+  // Alarm pie chart
   pieOption:any;
-  // 实例对象
+  // Instance object
   chartIntance:any;
-  // 数据变化
+  // Data change
   updateOption:any;
   chartDataChange(){
     this.updateOption = this.chartData;
-    // 要等到updateOption渲染完再执行
+    // Wait until the updateOption is finished and then execute
     this.chartIntance.on('finished',()=>{
       this.chartIntance.dispatchAction({
         type:'highlight',
         seriesIndex: 0,
         dataIndex:0        
       })
-      // 由于所有视图变化渲染都会执行，更新完注销此事件
+      //Since all view changes are rendered, this event is logged out after the update
       this.chartIntance.off('finished')
     })
   }
diff --git a/usecaseui-portal/src/app/components/customer/customer.component.html b/usecaseui-portal/src/app/components/customer/customer.component.html
index d2449096..9bf6c5ab 100644
--- a/usecaseui-portal/src/app/components/customer/customer.component.html
+++ b/usecaseui-portal/src/app/components/customer/customer.component.html
@@ -1,3 +1,18 @@
+<!--
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+-->
 <div class="content">
   <div class="customer">
     <div class="customer_title">
diff --git a/usecaseui-portal/src/app/components/customer/customer.component.less b/usecaseui-portal/src/app/components/customer/customer.component.less
index b7b4bc24..f591cc4b 100644
--- a/usecaseui-portal/src/app/components/customer/customer.component.less
+++ b/usecaseui-portal/src/app/components/customer/customer.component.less
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 .content {
     width: 100%;
     height: 100vh;
diff --git a/usecaseui-portal/src/app/components/customer/customer.component.ts b/usecaseui-portal/src/app/components/customer/customer.component.ts
index bd27d36c..3008ae02 100644
--- a/usecaseui-portal/src/app/components/customer/customer.component.ts
+++ b/usecaseui-portal/src/app/components/customer/customer.component.ts
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { Component, OnInit } from '@angular/core';
 
 @Component({
diff --git a/usecaseui-portal/src/app/components/details/details.component.css b/usecaseui-portal/src/app/components/details/details.component.css
index 0d450d28..0b5493d7 100644
--- a/usecaseui-portal/src/app/components/details/details.component.css
+++ b/usecaseui-portal/src/app/components/details/details.component.css
@@ -1,5 +1,5 @@
 /*
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/components/details/details.component.html b/usecaseui-portal/src/app/components/details/details.component.html
index 1f431760..62770b60 100644
--- a/usecaseui-portal/src/app/components/details/details.component.html
+++ b/usecaseui-portal/src/app/components/details/details.component.html
@@ -1,5 +1,5 @@
 <!--
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/components/details/details.component.less b/usecaseui-portal/src/app/components/details/details.component.less
index ad81d8a6..a27357ef 100644
--- a/usecaseui-portal/src/app/components/details/details.component.less
+++ b/usecaseui-portal/src/app/components/details/details.component.less
@@ -1,4 +1,19 @@
 
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 .content {
     .header {
         background-color: #fff;
diff --git a/usecaseui-portal/src/app/components/details/details.component.ts b/usecaseui-portal/src/app/components/details/details.component.ts
index bc6b3246..5eed3daf 100644
--- a/usecaseui-portal/src/app/components/details/details.component.ts
+++ b/usecaseui-portal/src/app/components/details/details.component.ts
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { Component, OnInit, Input } from '@angular/core';
 import { slideUpDown } from '../../animates';
 import { HomesService } from '../../homes.service';
@@ -32,7 +47,7 @@ export class DetailsComponent implements OnInit {
     }
 
   }
-  // 详情显示
+  // detail Show
   moredetailShow = false;
   @Input() detailId;
   
diff --git a/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.css b/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.css
index e3912fca..2f6519c4 100644
--- a/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.css
+++ b/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.css
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 .content .title {
   border-radius: 5px 5px 0 0;
   background-color: #fff;
diff --git a/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.html b/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.html
index c5c3a3ed..317d48b0 100644
--- a/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.html
+++ b/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.html
@@ -1,5 +1,5 @@
 <!--
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.less b/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.less
index f6f1435b..24e92fbd 100644
--- a/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.less
+++ b/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.less
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 .content {
     .title {
         border-radius: 5px 5px 0 0;
diff --git a/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.ts b/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.ts
index 712f2f9e..ccffac08 100644
--- a/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.ts
+++ b/usecaseui-portal/src/app/components/graphiclist/graphiclist.component.ts
@@ -1,5 +1,5 @@
 /*
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/components/performance-details/performance-details.component.css b/usecaseui-portal/src/app/components/performance-details/performance-details.component.css
index d0bfd9f9..0b5493d7 100644
--- a/usecaseui-portal/src/app/components/performance-details/performance-details.component.css
+++ b/usecaseui-portal/src/app/components/performance-details/performance-details.component.css
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 .content .header {
   background-color: #fff;
   border-radius: 5px;
diff --git a/usecaseui-portal/src/app/components/performance-details/performance-details.component.html b/usecaseui-portal/src/app/components/performance-details/performance-details.component.html
index 8300973a..a5d44a7f 100644
--- a/usecaseui-portal/src/app/components/performance-details/performance-details.component.html
+++ b/usecaseui-portal/src/app/components/performance-details/performance-details.component.html
@@ -1,4 +1,18 @@
+<!--
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+-->
 <div class="content">
     <div class="header">
         <h2>HEADER INFORMATION</h2>
diff --git a/usecaseui-portal/src/app/components/performance-details/performance-details.component.less b/usecaseui-portal/src/app/components/performance-details/performance-details.component.less
index ad81d8a6..c1ca74f5 100644
--- a/usecaseui-portal/src/app/components/performance-details/performance-details.component.less
+++ b/usecaseui-portal/src/app/components/performance-details/performance-details.component.less
@@ -1,4 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 .content {
     .header {
         background-color: #fff;
diff --git a/usecaseui-portal/src/app/components/performance-details/performance-details.component.ts b/usecaseui-portal/src/app/components/performance-details/performance-details.component.ts
index 2b5cded5..b8835739 100644
--- a/usecaseui-portal/src/app/components/performance-details/performance-details.component.ts
+++ b/usecaseui-portal/src/app/components/performance-details/performance-details.component.ts
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { Component, OnInit, Input } from '@angular/core';
 import { slideUpDown } from '../../animates';
 import { HomesService } from '../../homes.service';
diff --git a/usecaseui-portal/src/app/home/home.component.css b/usecaseui-portal/src/app/home/home.component.css
index d2e51e40..03cc8f94 100644
--- a/usecaseui-portal/src/app/home/home.component.css
+++ b/usecaseui-portal/src/app/home/home.component.css
@@ -1,5 +1,5 @@
 /*
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/home/home.component.less b/usecaseui-portal/src/app/home/home.component.less
index 750f5a32..9684fec7 100644
--- a/usecaseui-portal/src/app/home/home.component.less
+++ b/usecaseui-portal/src/app/home/home.component.less
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 // .title {
 //     font: 700 18px/18px "思源黑体";
 //     color: #4c5e70;
diff --git a/usecaseui-portal/src/app/home/home.component.ts b/usecaseui-portal/src/app/home/home.component.ts
index 9d81684d..bd4c5176 100644
--- a/usecaseui-portal/src/app/home/home.component.ts
+++ b/usecaseui-portal/src/app/home/home.component.ts
@@ -119,7 +119,7 @@ export class HomeComponent implements OnInit {
       })
   }
 
-  // alarm饼图
+  // alarm bar
   alarmChartData:Object;
   alarmChartInit:Object = {
     height: 180,
@@ -143,11 +143,11 @@ export class HomeComponent implements OnInit {
           x2: 0,
           y2: 1,
           colorStops: [{
-            offset: 0, color: '#FB93C2' // 0% 处的颜色
+            offset: 0, color: '#FB93C2'
           }, {
-            offset: 1, color: '#FB7788' // 100% 处的颜色
+            offset: 1, color: '#FB7788' 
           }],
-          globalCoord: false // 缺省为 false
+          globalCoord: false
         }, {
           type: 'linear',
           x: 0,
@@ -155,14 +155,14 @@ export class HomeComponent implements OnInit {
           x2: 0,
           y2: 1,
           colorStops: [{
-            offset: 0, color: '#A6BFE4' // 0% 处的颜色
+            offset: 0, color: '#A6BFE4'
           }, {
-            offset: 1, color: '#7A8BAE' // 100% 处的颜色
+            offset: 1, color: '#7A8BAE'
           }],
-          globalCoord: false // 缺省为 false
+          globalCoord: false
         }],
       series: [{
-        name: "告警信息",
+        name: " ",
         radius: '55%',
         center:['50%', '45%'],
         label: {
@@ -189,7 +189,7 @@ export class HomeComponent implements OnInit {
       })
   }
 
-  // alarm线图
+  // alarm lin
   alarmLineChartData:Object;
   alarmLineChartInit:Object = {
     height:320,
@@ -232,7 +232,7 @@ export class HomeComponent implements OnInit {
     }
   };
   
-   // services进度条
+   // services 
   servicesBarChartData: Object;
   serviceBarChartInit: Object = {
     option: {
@@ -318,7 +318,7 @@ export class HomeComponent implements OnInit {
         console.log(err);
       })
   }
-  // sourceName筛选框
+  // sourceName 
   sourceNameList = ['performanceNameOne'];
   sourceNameSelected = null;
 
diff --git a/usecaseui-portal/src/app/homes.service.ts b/usecaseui-portal/src/app/homes.service.ts
index e6d13366..254408dd 100644
--- a/usecaseui-portal/src/app/homes.service.ts
+++ b/usecaseui-portal/src/app/homes.service.ts
@@ -1,5 +1,5 @@
 /*
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/management/management.component.html b/usecaseui-portal/src/app/management/management.component.html
index a695b003..ef8c8435 100644
--- a/usecaseui-portal/src/app/management/management.component.html
+++ b/usecaseui-portal/src/app/management/management.component.html
@@ -1,3 +1,18 @@
+<!--
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+-->
 <div class="content" style="padding: 20px 20px;">
   <div class="management"  [@showHideAnimate]="show" >
     <div class="title">
diff --git a/usecaseui-portal/src/app/management/management.component.less b/usecaseui-portal/src/app/management/management.component.less
index cc50e3c2..4b4a0ab5 100644
--- a/usecaseui-portal/src/app/management/management.component.less
+++ b/usecaseui-portal/src/app/management/management.component.less
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 .content {
     .management {
         width: 100%;
diff --git a/usecaseui-portal/src/app/management/management.component.ts b/usecaseui-portal/src/app/management/management.component.ts
index 7345e7a3..5cc6be7b 100644
--- a/usecaseui-portal/src/app/management/management.component.ts
+++ b/usecaseui-portal/src/app/management/management.component.ts
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { Component, OnInit , HostBinding} from '@angular/core';
 import { showHideAnimate, slideToRight } from '../animates';
 
diff --git a/usecaseui-portal/src/app/onboard.service.ts b/usecaseui-portal/src/app/onboard.service.ts
index a248f531..1c3778a4 100644
--- a/usecaseui-portal/src/app/onboard.service.ts
+++ b/usecaseui-portal/src/app/onboard.service.ts
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 import { Injectable } from '@angular/core';
 import { HttpClient, HttpHeaders, HttpParams, HttpResponse } from '@angular/common/http';
 import { Observable } from 'rxjs/Observable';
@@ -9,7 +24,7 @@ export class onboardService {
   /* location */
   // baseUrl = "./assets/json";
   // url = {
-  //   // 数据列表
+  //   // list data
   //   onboardTableData: this.baseUrl + "/onboard-vnf-mf/onboardTableData.json",
   //   onboardDataVNF: this.baseUrl + "/onboard-vnf-mf/onboardDataVNF.json",
   //   onboardDataPNF: this.baseUrl + "/onboard-vnf-mf/onboardDataPNF.json",
@@ -19,7 +34,7 @@ export class onboardService {
   //   sdc_vnfListData: this.baseUrl + "/onboard-vnf-mf/listData/SDC_VNF.json",
 
 
-  //   //创建nspackages
+  //   //create nspackages
   //   creatensData: this.baseUrl + "/onboard-vnf-mf/_jsonData.json",
 
   //   //onboard ns sdc data 
@@ -48,10 +63,10 @@ export class onboardService {
   // }
 
   //---------------------------------------------------------------------------------------
-  /* line up 线上*/
+  /* line up*/
   baseUrl = baseUrl.baseUrl + "/uui-lcm/";
   url = {
-    // 数据列表Data
+    // list Data
     onboardTableData: this.baseUrl + "ns-packages",
     onboardDataVNF: this.baseUrl + "vnf-packages",
     onboardDataPNF: this.baseUrl + "pnf-packages",
@@ -75,7 +90,7 @@ export class onboardService {
     // Delete Pnf package
     deletePnfPack: this.baseUrl + "deletePnfPackage?pnfdInfoId=",
 
-    //进度接口
+    //Progress interface
     progress: this.baseUrl + "jobs/" + "_jobId" + "?responseId="
 
 
diff --git a/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.css b/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.css
index 079a409c..e9631957 100644
--- a/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.css
+++ b/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.css
@@ -1,5 +1,5 @@
 /*
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.html b/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.html
index 76d2485e..06d84353 100644
--- a/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.html
+++ b/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.html
@@ -1,5 +1,5 @@
 <!--
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.less b/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.less
index 8a9005c5..31623dcf 100644
--- a/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.less
+++ b/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.less
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 .title {
     font: 700 18px/18px "思源黑体";
     color: #4c5e70;
diff --git a/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.ts b/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.ts
index 1fb099c9..73e77c52 100644
--- a/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.ts
+++ b/usecaseui-portal/src/app/performance/performance-vm/performance-vm.component.ts
@@ -14,7 +14,7 @@ export class PerformanceVmComponent implements OnInit {
   ngOnInit() {
   }
 
-  // 筛选框（下拉框）
+  // Filter box (drop-down box)
   sourceNameList = ['aaaa','bbbb','cccc','dddddDDDDDDDDDDDDDDD'];
   sourceNameSelected = this.sourceNameList[0];
   ReportingEntityNameList = ['aaaa','bbbb','cccc','ddddd'];
@@ -28,7 +28,7 @@ export class PerformanceVmComponent implements OnInit {
     this.ReportingEntityNameSelected = item;
   }
 
-  //表格数据
+  //Tabular data
   dataSet = [
     {
       name       : 'John Brown',
@@ -123,10 +123,10 @@ export class PerformanceVmComponent implements OnInit {
     }
   ];
   
-  //详情页标题显示
+  //Detail page title display
   graphicshow = false;
   detailshow = false;
-  // 显示隐藏动画
+  // Show hidden animation
   state = "show";
   state2 = "hide";
   state3 = "hide";
@@ -144,7 +144,7 @@ export class PerformanceVmComponent implements OnInit {
     this.graphicshow = true;
     this.detailshow = false;
   }
-  // 选中id
+  // Selected id
   detailId:number;
   detailShow(prems) {
     this.state = 'hide';
diff --git a/usecaseui-portal/src/app/performance/performance-vnf/performance-vnf.component.css b/usecaseui-portal/src/app/performance/performance-vnf/performance-vnf.component.css
index 414beebf..269af7a9 100644
--- a/usecaseui-portal/src/app/performance/performance-vnf/performance-vnf.component.css
+++ b/usecaseui-portal/src/app/performance/performance-vnf/performance-vnf.component.css
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 .title {
   font: 700 18px/18px "思源黑体";
   color: #4c5e70;
diff --git a/usecaseui-portal/src/app/performance/performance-vnf/performance-vnf.component.less b/usecaseui-portal/src/app/performance/performance-vnf/performance-vnf.component.less
index ed562d2d..cc4e1ca5 100644
--- a/usecaseui-portal/src/app/performance/performance-vnf/performance-vnf.component.less
+++ b/usecaseui-portal/src/app/performance/performance-vnf/performance-vnf.component.less
@@ -1,3 +1,18 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
 .title {
     font: 500 14px/18px "ArialMT";
     color: #3C4F8C;
diff --git a/usecaseui-portal/src/app/performance/performance.component.css b/usecaseui-portal/src/app/performance/performance.component.css
index cf63a829..f2169538 100644
--- a/usecaseui-portal/src/app/performance/performance.component.css
+++ b/usecaseui-portal/src/app/performance/performance.component.css
@@ -1,5 +1,5 @@
 /*
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/performance/performance.component.html b/usecaseui-portal/src/app/performance/performance.component.html
index c092e876..cd92b659 100644
--- a/usecaseui-portal/src/app/performance/performance.component.html
+++ b/usecaseui-portal/src/app/performance/performance.component.html
@@ -1,5 +1,5 @@
 <!--
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.css b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.css
index 934831ea..4e80750c 100644
--- a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.css
+++ b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.css
@@ -1,5 +1,5 @@
 /*
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts
index a35de356..75d39eb5 100644
--- a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts
+++ b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts
@@ -62,12 +62,12 @@ export class OnboardVnfVmComponent implements OnInit {
   };
   constructor(private myhttp: onboardService, private http: HttpClient, private msg: NzMessageService,private titleService: Title,private modal: NzModalService, private modalService: NzModalService) { }
 
-  //default 默认调用ns数据
+  //default Call ns data by default
   ngOnInit() {
     this.getTableData();
   }
 
-  //表格数据
+  //Tabular data
   nstableData:any;
   vnftableData:any;
   pnftableData:any;
@@ -89,7 +89,7 @@ export class OnboardVnfVmComponent implements OnInit {
   tabs = ['NS', 'VNF', 'PNF'];
   isSpinning = false;
 
-  // 处理tab切换 请求数据
+  // Handling tab switching request data
   handleTabChange(tab) {
     this.tabTitle = tab;
     console.log(tab);
@@ -101,7 +101,7 @@ export class OnboardVnfVmComponent implements OnInit {
       case 'NS':
           this.nstableData = [];
           this.getTableData();
-          this.fileList = []; //切换时清空上传的文件
+          this.fileList = []; //Empty uploaded files when switching
         break
       case 'VNF':
           this.vnftableData = [];
@@ -126,7 +126,7 @@ export class OnboardVnfVmComponent implements OnInit {
            }
       }
 
-  //NS/VNF列表添加文件
+  //NS/VNF List add file
   beforeUpload = (file: UploadFile): boolean => {
     this.fileList.push(file);
     console.log('fileList' + this.fileList)
@@ -186,7 +186,7 @@ export class OnboardVnfVmComponent implements OnInit {
     return false;
   }
 
-  //获取列表单条id
+  //Get list list id
   onClickId(id,tab){
     switch (tab) {
       case 'NS':
@@ -204,7 +204,7 @@ export class OnboardVnfVmComponent implements OnInit {
     }
   }
   
-  //拖拽后点击上传按钮
+  //Drag and drop and click the upload button
   onClick (tab) {
     switch (tab) {
       case 'NS':
@@ -228,7 +228,7 @@ export class OnboardVnfVmComponent implements OnInit {
     }
   }
 
-  //put Upload 上传
+  //put Upload Upload
   handleUpload(url,tab): void { 
     console.log('startUpload')
     const formData = new FormData();
@@ -267,7 +267,7 @@ export class OnboardVnfVmComponent implements OnInit {
     });
     console.log('req--->'+ JSON.stringify(req));
     console.log('formData--->'+ JSON.stringify(formData));
-    //上传前置空数组
+    //Upload pre-empty array
     this.fileList = [];
     this.fileListNS = [];
     this.fileListVNF = [];
@@ -289,7 +289,7 @@ export class OnboardVnfVmComponent implements OnInit {
       );
   }
   
-//  控制uploading的状态
+//  Control the status of uploading
 changeUploadingSta(tab) {
   switch(tab) {
     case "NS":
@@ -305,7 +305,7 @@ changeUploadingSta(tab) {
 
 //----------------------------------------------------------------------------------------------
 
-  // 获取NS列表
+  // Get the NS list
   getTableData() {
     this.isSpinning = true;
     //ns vfc lists 
@@ -348,7 +348,7 @@ changeUploadingSta(tab) {
     
   }
 
-  // 获取vnf列表
+  // Get the vnf list
   getTableVnfData() {
     this.isSpinning = true;
     //vnf vfc lists
@@ -388,7 +388,7 @@ changeUploadingSta(tab) {
       })
   }
 
-  // 获取pnf列表
+  // Get pnf list
   getTablePnfData() { 
     this.isSpinning = true;  
     this.myhttp.getOnboardTablePnfData()
@@ -402,7 +402,7 @@ changeUploadingSta(tab) {
       })
   }
 
-  //合并并去重
+  //Merge and de-emphasize
   // MergeArray(arr1, arr2) {
   //   var _arr = new Array();
   //   for (var i = 0; i < arr1.length; i++) {
@@ -413,7 +413,7 @@ changeUploadingSta(tab) {
   //   for (var i = 0; i < arr2.length; i++) {
   //     var flag = true;
   //     for (var j = 0; j < arr1.length; j++) {
-  //       // 根据vfc列表arr1的id和sdc列表arr2的uuid去重
+  //       // According to the id of the vfc list arr1 and the uuid of the sdc list arr2
   //       if (arr2[i].uuid == arr1[j].id) {
   //         flag = false;
   //         break;
@@ -428,7 +428,7 @@ changeUploadingSta(tab) {
 
 //-----------------------------------------------------------------------------------
   /* onboard */
-  //成功弹框
+  //Successful frame
   success(tab): void {
     const modal = this.modalService.success({
       nzTitle: 'This is an success message',
@@ -447,7 +447,7 @@ changeUploadingSta(tab) {
     // window.setTimeout(() => modal.destroy(), 5000);
   }
 
-  //失败弹框
+  //Failure frame
   error(): void {
     this.modalService.error({
       nzTitle: 'This is an error message',
@@ -461,10 +461,10 @@ changeUploadingSta(tab) {
     progress: 0,
   }
   currentIndex = 0;
-  // ns onboard 上传按钮
+  // ns onboard Upload button
   updataNsService(id,index) {
     this.currentIndex = index;
-    this.onboardData.status = "onboarding"; //置灰
+    this.onboardData.status = "onboarding"; //Disabled
     this.onboardData.progress = 0;
     console.log("NS-onboard-id-->" + id);
     let requestBody = {
@@ -487,10 +487,10 @@ changeUploadingSta(tab) {
       })
   }
 
-  // vnf onboard 上传按钮
+  // vnf onboard Upload button
   updataVnfService(id,index) {
     this.currentIndex = index;
-    this.onboardData.status = "onboarding";  //按钮置灰
+    this.onboardData.status = "onboarding";  //Disabled button
     this.onboardData.progress = 0;
 
     console.log("VNF-onboard-id-->" + id)
@@ -502,18 +502,18 @@ changeUploadingSta(tab) {
         console.log('onboard vnf sdc-->', data);
         this.jobId =  data.jobId;
         console.log('onboard vnf sdc jobId-->'+ data.jobId);
-        this.queryProgress(this.jobId,0);   //vnf需要查询进度接口
+        this.queryProgress(this.jobId,0);   //vnf Need to query progress interface
       }, (err) => {
         console.log(err);
       })
   }
 
-  // pnf onboard //暂时没有上传功能
+  // pnf onboard //Temporarily no upload function
   // updataPnfService(id) {
   //   console.log('pnf',id);
   // }
 
-  //Progress 进度查询
+  //Progress Progress inquiry
   queryProgress(jobId,responseId){
     let mypromise = new Promise((res)=>{
         this.myhttp.getProgress(jobId,responseId)
@@ -555,7 +555,7 @@ changeUploadingSta(tab) {
   }
 
   //--------------------------------------------------------------------------------
-  /* delete  删除按钮 */
+  /* delete button */
   showConfirm(index,pkgid,tab): void {
     this.confirmModal = this.modal.confirm({
       nzTitle: 'Do you Want to delete these items?',
@@ -624,7 +624,7 @@ changeUploadingSta(tab) {
   }
 
 //------------------------------------------------------------------------------------
-  //下载download
+  //download
   // downloadNsService(id) {
   //   console.log('download')
   //   console.log(id)
diff --git a/usecaseui-portal/src/app/services/services.component.html b/usecaseui-portal/src/app/services/services.component.html
index c4fddfc0..10142833 100644
--- a/usecaseui-portal/src/app/services/services.component.html
+++ b/usecaseui-portal/src/app/services/services.component.html
@@ -1,5 +1,5 @@
 <!--
-    Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
 
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.