diff --git a/src/app/pages/goods/goods-type/goods-type.component.html b/src/app/pages/goods/goods-type/goods-type.component.html index 9d22493..188d4f6 100644 --- a/src/app/pages/goods/goods-type/goods-type.component.html +++ b/src/app/pages/goods/goods-type/goods-type.component.html @@ -1,20 +1,19 @@ -
+ +
-
+
{{item.title}} - +
-
-
- - - -
+
+ + +
diff --git a/src/app/pages/goods/goods-type/goods-type.component.less b/src/app/pages/goods/goods-type/goods-type.component.less index 5cbaf43..6d5c351 100644 --- a/src/app/pages/goods/goods-type/goods-type.component.less +++ b/src/app/pages/goods/goods-type/goods-type.component.less @@ -1,6 +1,12 @@ -.search-area { - text-align: center; +[nz-form-label] { + overflow: visible; } button { margin-left: 8px; } +.submit-btn { + width: 150px; +} +.search-area { + margin-top: 30px; +} diff --git a/src/app/pages/goods/goods-type/goods-type.component.ts b/src/app/pages/goods/goods-type/goods-type.component.ts index fd060f0..95c16f6 100644 --- a/src/app/pages/goods/goods-type/goods-type.component.ts +++ b/src/app/pages/goods/goods-type/goods-type.component.ts @@ -10,23 +10,26 @@ import {NzMessageService} from "ng-zorro-antd/message"; import {NzModalService} from "ng-zorro-antd/modal"; import {NgForOf} from "@angular/common"; import {goodsTypeSearch} from "../../../data/goods/goods.namespace"; +import {NzOptionComponent, NzSelectComponent} from "ng-zorro-antd/select"; @Component({ selector: 'app-goods-type', standalone: true, - imports: [ - FormsModule, - NzButtonComponent, - NzColDirective, - NzFormControlComponent, - NzFormDirective, - NzFormItemComponent, - NzFormLabelComponent, - NzInputDirective, - NzRowDirective, - ReactiveFormsModule, - NgForOf - ], + imports: [ + FormsModule, + NzButtonComponent, + NzColDirective, + NzFormControlComponent, + NzFormDirective, + NzFormItemComponent, + NzFormLabelComponent, + NzInputDirective, + NzRowDirective, + ReactiveFormsModule, + NgForOf, + NzOptionComponent, + NzSelectComponent + ], templateUrl: './goods-type.component.html', styleUrl: './goods-type.component.less' }) @@ -48,10 +51,5 @@ export class GoodsTypeComponent { searchFormSubmit(): void { } - // 搜索表单重置 - searchFormReset(): void { - this.searchForm.reset(); - } - protected readonly goodsTypeSearch = goodsTypeSearch; }