优化

src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.html

@@ -3,10 +3,11 @@
 <nz-card>
   <!-- 搜索表单 -->
   <div nz-row nzGutter="8">
-    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+    <div nz-col [nzSpan]=" 24 ">
       <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
     </div>
-    <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+  </div>
+  <div [class.text-right]="true">
     <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="search()"
       acl [acl-ability]="['RiskOrder-Search']">查询</button>
     <button nz-button (click)="resetSF()">重置</button>
@@ -16,7 +17,6 @@
       <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
     </button>
   </div>
-  </div>
 </nz-card>
 <nz-card>
   <nz-tabset [nzTabBarExtraContent]="extraTemplate" *ngIf="tabs.length>0">

src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.ts

@@ -112,7 +112,6 @@ export class DatatableOrderReportingComponent implements OnInit {
             placeholder: '请选择',
             widget: 'select',
             asyncData: () => this.shipperSrv.getNetworkFreightForwarder({}, false),
-
             allowClear: true
           }
         },
@@ -266,8 +265,13 @@ export class DatatableOrderReportingComponent implements OnInit {
       },
     };
     this.ui = {
-      '*': { spanLabelFixed: 120, grid: { span: 8, gutter: 4 }, enter: () => this.search() },
+      '*': {
-      $time: { grid: { span: 24 } },
+        spanLabelFixed: 120,
+        grid: {
+          lg: 12,
+          xl: 8
+        }, enter: () => this.search()
+      },
     };
   }