UI

src/app/routes/usercenter/components/freight/freight-config/freight-config.component.html

@@ -1,16 +1,5 @@
-<!--
- * @Description  : 
- * @Version      : 1.0
- * @Author       : Shiming
- * @Date         : 2022-02-17 20:24:17
- * @LastEditors  : Shiming
- * @LastEditTime : 2022-04-21 15:28:21
- * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\freight\\freight-config\\freight-config.component.html
- * Copyright (C) 2022 huzhenhong. All rights reserved.
--->
-<page-header-wrapper [title]="'货主配置'"></page-header-wrapper>
+<!-- <page-header-wrapper [title]="'货主配置'"></page-header-wrapper>
 <nz-card class="search-box">
-  <!-- 搜索表单 -->
   <div nz-row nzGutter="8">
     <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
       <sf #sf [schema]="schema"
@@ -24,14 +13,10 @@
       <button nz-button nzType="primary" [disabled]="false" acl (click)="exportList()"
         [acl-ability]="['USERCENTER-FREIGHT-LIST-export']">导出</button>
       <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
-      <!-- <button nz-button nzType="link" (click)="expandToggle()">
-        {{ !_$expand ? '展开' : '收起' }}
-        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
-      </button> -->
     </div>
   </div>
-</nz-card>
-<nz-card>
+</nz-card> -->
+<!-- <nz-card>
   <div class="d-flex align-items-center mb-md " style="justify-content: end;">
     <button nz-button (click)="editRoleBatch()">修改角色</button>
     <button nz-button (click)="editIWBatch()">修改网络货运人</button>
@@ -40,7 +25,35 @@
       <strong class="text-primary">{{ selectedRows.length }}</strong> 条数据
       <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
     </div>
+  </div> -->
+<nz-card class="table-box">
+  <div class="header_box">
+    <label class="page_title"> <label class="driver">|</label> 货主配置</label>
+    <div class="mr-sm" style="display: flex;align-items: center;">
+      <div class="mr-md">
+        已选择
+        <strong class="text-primary">{{ selectedRows.length }}</strong> 条数据
+        <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
+      </div>
+      <button nz-button nzDanger [nzLoading]="service.http.loading" acl
+        [acl-ability]="['USERCENTER-FREIGHT-CONFIG-list']" (click)="openDrawer()">筛选</button>
+      <button nz-button nzDanger acl (click)="exportList()" [acl-ability]="['USERCENTER-FREIGHT-CONFIG-export']">
+        导出</button>
+      <button nz-button nz-dropdown [nzDropdownMenu]="menu" nzPlacement="bottomLeft">
+        更多<i nz-icon nzType="down" nzTheme="outline"></i></button>
+      <nz-dropdown-menu #menu="nzDropdownMenu">
+        <ul nz-menu>
+          <li nz-menu-item (click)="editRoleBatch()" acl [acl-ability]="['USERCENTER-FREIGHT-CONFIG-role']">
+            修改角色
+          </li>
+          <li nz-menu-item (click)="editIWBatch()" acl [acl-ability]="['USERCENTER-FREIGHT-CONFIG-netword']">
+            修改网络货运人
+          </li>
+        </ul>
+      </nz-dropdown-menu>
+    </div>
   </div>
+
   <!-- 数据列表 -->
   <st #st [columns]="columns" [data]='service.$api_freight_config_page' [req]="{  process: beforeReq }" [page]="{}"
     [scroll]="{ x: '1200px' }" [loading]="false" (change)="stChange($event)">