+ <table>
+ <thead class="nf_thead">
+ <tr class="heading">
+ <th>{{"field_rule_name_Add_Page"|translate}}</th>
+ <th>{{"common_status"|translate}}</th>
+ <th>{{"field_create_time"|translate}}</th>
+ <th>{{"field_creator"|translate}}</th>
+ <th>{{"field_update_time"|translate}}</th>
+ <th>{{"common_operator"|translate}}</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr *ngIf="rules == null || rules.length === 0">
+ <td colspan="6" style="text-align: center; background-color: white;">{{"nodata"|translate}}</td>
+ </tr>
+ <tr *ngFor="let rule of rules">
+ <td>
+ <a routerLink="/ruleInfo/{{rule.ruleId}}&add">{{rule.ruleName}}</a>
+ </td>
+ <td [hidden]="rule.enabled === 0"><span value=1><i class="fas fa-power-off" style="color:#4ac9ff;"></i></span>
+ </td>
+ <td [hidden]="rule.enabled === 1"><span value=0><i class="fas fa-power-off" style="color: #aaa;"></i></span>
+ </td>
+ <td>{{rule.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
+ <td>{{rule.creator}}</td>
+ <td>{{rule.updateTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
+ <td><span (click)="updateRule(rule); $event.stopPropagation()" style="cursor: pointer;margin: 0 5px"><i
+ class="fas fa-pencil-alt" style="font-size: 14px;"></i></span>
+ <span [hidden]="rule.enabled===0" class="" (click)="on_off(rule); $event.stopPropagation()"
+ style="cursor: pointer;margin: 0 5px">
+ <i class="fas fa-toggle-on" style="font-size: 20px; color:#4ac9ff; vertical-align:-2px;"></i>
+ </span>
+ <span [hidden]="rule.enabled===1" class="" (click)="on_off(rule); $event.stopPropagation()"
+ style="cursor: pointer;margin: 0 5px">
+ <i class="fas fa-toggle-off" style="font-size: 20px; color:black; vertical-align:-2px;"
+ title="Switch On"></i>
+ </span>
+ <span class="" id={{rule.ruleId}} (click)="delete(rule)" style="cursor: pointer;margin: 0 5px">
+ <i class="fas fa-times" style="color: rgba(255, 0, 0, 0.788);font-size:16px;vertical-align:-1px;"></i>
+ </span>
+ <div *ngIf="rule.showModal && rule.enabled !== 1" class="popover-card">