小提交一下

portal/src/app/main/channel-edit/channel-edit.component.html

@@ -26,9 +26,7 @@
   <nz-form-item>
     <nz-form-label>服务端</nz-form-label>
     <nz-form-control nzErrorTip="请勾选">
-      <label nz-checkbox formControlName="is_server">
-        <span>启用</span>
-      </label>
+      <nz-switch formControlName="is_server"></nz-switch>
     </nz-form-control>
   </nz-form-item>
   <nz-form-item>

portal/src/app/main/channel/channel.component.html

 <app-toolbar>
-  <button nz-button (click)="edit()" nzType="primary">创建</button>
-  <button nz-button (click)="load()" nzType="primary">刷新</button>
+  <nz-button-group>
+    <button nz-button (click)="load()">
+      <i nz-icon nzType="reload"></i>
+      刷新
+    </button>
+    <button nz-button (click)="edit()">
+      <i nz-icon nzType="plus"></i>
+      创建
+    </button>
+  </nz-button-group>
 </app-toolbar>
 <nz-table #basicTable [nzData]="channels">
   <thead>
@@ -27,7 +35,13 @@
     <td>
       <a>启动/停止</a>
       <nz-divider nzType="vertical"></nz-divider>
-      <a>删除</a>
+      <a>
+        <i nz-icon nzType="delete"></i>
+      </a>
+      <nz-divider nzType="vertical"></nz-divider>
+      <a (click)="edit(data)">
+        <i nz-icon nzType="edit"></i>
+      </a>
     </td>
   </tr>
   </tbody>

portal/src/app/main/icons-provider.module.ts

@@ -11,11 +11,14 @@ import {
   ApiOutline,
   HddOutline,
   ApartmentOutline,
+  ReloadOutline,
+  PlusOutline,
+  DeleteOutline,
 } from '@ant-design/icons-angular/icons';
 import {CommonModule} from '@angular/common';
 
 const icons = [MenuFoldOutline, MenuUnfoldOutline, DashboardOutline,
-  FormOutline, SettingOutline, LogoutOutline, ApiOutline,
+  FormOutline, SettingOutline, LogoutOutline, ApiOutline, ReloadOutline, PlusOutline, DeleteOutline,
   HddOutline, ApartmentOutline];
 
 @NgModule({