edit

src/app/shared/components/search-drawer/search-drawer.component.html

@@ -0,0 +1,14 @@
+<nz-drawer [nzBodyStyle]="{ overflow: 'auto' }" [nzMaskClosable]="false" [nzWidth]="420" [nzVisible]="service.visible"
+    [nzMaskClosable]="true" nzTitle="筛选" [nzFooter]="footerTpl" (nzOnClose)="destroy()">
+    <div *nzDrawerContent>
+        <sf *ngIf="schema" #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'" [formData]="defaultValue">
+        </sf>
+    </div>
+    <ng-template #footerTpl>
+        <div style="float: right">
+            <button nz-button (click)="destroy()">关闭</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button nzType="primary" (click)="search();;">搜索</button>
+        </div>
+    </ng-template>
+</nz-drawer>