Rainie/bbq
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

edit

Browse Source
This commit is contained in:
Taric Xin
2022-04-28 20:39:34 +08:00
parent de140ceec5
commit 075c61add9
4 changed files with 36 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/shared/components/search-drawer/search-drawer.component.html
View File

@ -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()"> [nzMaskClosable]="true" nzTitle="筛选" [nzFooter]="footerTpl" (nzOnClose)="destroy()">
<div *nzDrawerContent> <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> </sf>
</div> </div>
<ng-template #footerTpl> <ng-template #footerTpl>
<div style="float: right"> <div style="display: flex;justify-content: space-between;">
<button nz-button (click)="destroy()">关闭</button> <button nz-button (click)="destroy()">取消</button>
<button nz-button (click)="resetSF()">重置</button> <div>
<button nz-button nzType="primary" (click)="search();;">查询</button> <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> </div>
</ng-template> </ng-template>
</nz-drawer> </nz-drawer>

2
src/app/shared/components/search-drawer/search-drawer.component.ts
View File

@ -10,7 +10,7 @@ import { SearchDrawerService } from './search-drawer.service';
}) })
export class SearchDrawerComponent implements OnInit, AfterViewInit { export class SearchDrawerComponent implements OnInit, AfterViewInit {
@ViewChild('sf', { static: false }) sf!: SFComponent; @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; schema!: SFSchema;
loading = true; loading = true;

2
src/style-icons-auto.ts
View File

@ -62,6 +62,7 @@ import {
MinusCircleOutline, MinusCircleOutline,
FileTwoTone, FileTwoTone,
CloudDownloadOutline, CloudDownloadOutline,
RedoOutline
} from '@ant-design/icons-angular/icons'; } from '@ant-design/icons-angular/icons';
export const ICONS_AUTO = [ export const ICONS_AUTO = [
@ -123,4 +124,5 @@ export const ICONS_AUTO = [
MinusCircleOutline, MinusCircleOutline,
FileTwoTone, FileTwoTone,
CloudDownloadOutline, CloudDownloadOutline,
RedoOutline
]; ];

24
src/styles/theme.less
View File

@ -28,3 +28,27 @@
.ant-card-body { .ant-card-body {
padding: 16px; 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;
}
}
}