diff --git a/src/app/shared/components/search-drawer/search-drawer.component.html b/src/app/shared/components/search-drawer/search-drawer.component.html
index da6a8c17..2822fe11 100644
--- a/src/app/shared/components/search-drawer/search-drawer.component.html
+++ b/src/app/shared/components/search-drawer/search-drawer.component.html
@@ -1,14 +1,17 @@
-<nz-drawer [nzBodyStyle]="{ overflow: 'auto' }" [nzMaskClosable]="false" [nzWidth]="420" [nzVisible]="service.visible"
+<nz-drawer [nzBodyStyle]="{ overflow: 'auto' }" [nzMaskClosable]="false" [nzWidth]="640" [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 *ngIf="schema" #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'" [formData]="defaultValue"
+            layout="vertical">
         </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 style="display: flex;justify-content: space-between;">
+            <button nz-button (click)="destroy()">取消</button>
+            <div>
+                <button nz-button nzType="primary" (click)="search()"><i nz-icon nzType="search" nzTheme="outline"></i>查询</button>
+                <button nz-button (click)="resetSF()"><i nz-icon nzType="redo" nzTheme="outline"></i>重置</button>
+            </div>
         </div>
     </ng-template>
 </nz-drawer>
\ No newline at end of file
diff --git a/src/app/shared/components/search-drawer/search-drawer.component.ts b/src/app/shared/components/search-drawer/search-drawer.component.ts
index 3e8b30fd..27760bc7 100644
--- a/src/app/shared/components/search-drawer/search-drawer.component.ts
+++ b/src/app/shared/components/search-drawer/search-drawer.component.ts
@@ -10,7 +10,7 @@ import { SearchDrawerService } from './search-drawer.service';
 })
 export class SearchDrawerComponent implements OnInit, AfterViewInit {
   @ViewChild('sf', { static: false }) sf!: SFComponent;
-  ui: SFUISchema = { '*': { spanLabelFixed: 95, grid: { span: 24, gutter: 4 } } };
+  ui: SFUISchema = { '*': { spanLabelFixed: 95, grid: { span: 12, gutter: 24 } } };
   schema!: SFSchema;
 
   loading = true;
diff --git a/src/style-icons-auto.ts b/src/style-icons-auto.ts
index eaf98e2d..e564082f 100644
--- a/src/style-icons-auto.ts
+++ b/src/style-icons-auto.ts
@@ -62,6 +62,7 @@ import {
   MinusCircleOutline,
   FileTwoTone,
   CloudDownloadOutline,
+  RedoOutline
 } from '@ant-design/icons-angular/icons';
 
 export const ICONS_AUTO = [
@@ -123,4 +124,5 @@ export const ICONS_AUTO = [
   MinusCircleOutline,
   FileTwoTone,
   CloudDownloadOutline,
+  RedoOutline
 ];
diff --git a/src/styles/theme.less b/src/styles/theme.less
index 82b97923..e3baa6d9 100644
--- a/src/styles/theme.less
+++ b/src/styles/theme.less
@@ -28,3 +28,27 @@
 .ant-card-body {
   padding: 16px;
 }
+
+.ant-drawer-content {
+  .ant-drawer-header {
+    padding: 16px;
+
+    .ant-drawer-title {
+      font-size  : 20px;
+      font-weight: 500;
+      color      : #1D2129;
+
+
+    }
+
+  }
+
+  .ant-drawer-body {
+    padding: 16px;
+
+    .ant-form-item-label>label {
+      color    : #575D6C;
+      font-size: 14px;
+    }
+  }
+}
\ No newline at end of file