feat: optimize the code for the graphiclist component

Change-Id: I030d429837aff26772e4e224b19eef276b12ceeb
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

diff --git a/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.html b/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.html
index 317d48b..19efdb3 100644 (file)
--- a/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.html
+++ b/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.html
@@ -14,9 +14,6 @@
     limitations under the License.
 -->
 <div class="content">
-    <!-- <nz-modal nzWrapClassName="vertical-center-modal" [(nzVisible)]="isVisibleMiddle" nzTitle="Alarm Chart" (nzOnCancel)="handleCancelMiddle()" (nzOnOk)="handleOkMiddle()">
-          <app-line [initData]="alarmChartInitBig" [chartData]="alarmChartDataBig"></app-line>
-      </nz-modal> -->
     <div class="chart">
         <div class="select">
             <span>Report Time: </span>
@@ -39,7 +36,6 @@
                 </tr>
             </thead>
             <tbody>
-                <!-- <ng-template ngFor let-data [ngForOf]="nzTable.data" let-i="index"> -->
                 <tr *ngFor="let item of nzTable.data; let i = index; ">
                     <td>{{i+1}}</td>
                     <td>{{item.sourceName}}</td>
@@ -48,7 +44,6 @@
                     <td>{{item.startEpochMicrosec | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                     <td><a class="action" (click)="detailShow(item)"><i class="details"></i></a></td>
                 </tr>
-                <!-- </ng-template> -->
             </tbody>
         </nz-table>
     </div>

diff --git a/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.less b/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.less
index e302c7f..494e222 100644 (file)
--- a/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.less
+++ b/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.less
@@ -49,7 +49,6 @@
         }
     }
     .chart {
-        // background-color: #fff;
         position: relative;
         border-radius: 5px;
         margin-bottom: 20px;
@@ -72,50 +71,7 @@
                     font-weight: 400;
                 }
             }
-            // nz-dropdown {
-            //     margin-right: 20px;
-            //     a {
-            //         font: 700 12px "Arial";
-            //         color: #3d4d65;
-            //         &:hover {
-            //             color: #3fa8eb;
-            //         }
-            //     }
-            // }
         }
-        // .AlarmChart {
-        //     // height: 0px;
-        //     // border-bottom: 1px solid #f5f5f5;
-        //     // transition: all 0.3s linear;
-        //     width: 25%;
-        //     padding-top: 7px;
-        //     float: left;
-        // }
-        // .alarmChart-active {
-        //     height: 386px;
-        // }
-        // .open-close {
-        //     width: 50px;
-        //     height: 25px;
-        //     position: absolute;
-        //     left: 50%;
-        //     bottom: 0px;
-        //     transform: translate(-25px,0);
-        //     border: none;
-        //     outline: none;
-        //     cursor: pointer;
-        //     background-color: #fff;
-        //     background: url(../../../assets/images/open-close.png) no-repeat center -27px;
-        //     &:hover {
-        //         background: url(../../../assets/images/open-close.png) no-repeat center -79px;
-        //     }
-        // }
-        // .open-close-active {
-        //     background: url(../../../assets/images/open-close.png) center -1px;
-        //     &:hover {
-        //         background: url(../../../assets/images/open-close.png) no-repeat center -53px;
-        //     }
-        // }
     }
     .tablelist {
         background-color: #fff;

diff --git a/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.ts b/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.ts
index c05d3b7..ddd9ef6 100644 (file)
--- a/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.ts
+++ b/usecaseui-portal/src/app/shared/components/graphiclist/graphiclist.component.ts
@@ -38,7 +38,6 @@ export class GraphiclistComponent implements OnInit {
     this.isVisibleMiddle = true;
   }
   handleOkMiddle(): void {
-    // console.log('click ok');
     this.isVisibleMiddle = false;
   }
   handleCancelMiddle(): void {