main
parent
22252db5d4
commit
82b8ff2329
@ -1,30 +0,0 @@ |
||||
<form nz-form [formGroup]="validateForm" class="ant-advanced-search-form"> |
||||
<div nz-row [nzGutter]="24"> |
||||
@for (control of controlArray; track control) { |
||||
<div nz-col [nzSpan]="8" [hidden]="!control.show"> |
||||
<nz-form-item> |
||||
<nz-form-label [nzFor]="'field' + control.index">Field {{ control.index }}</nz-form-label> |
||||
<nz-form-control> |
||||
<input |
||||
nz-input |
||||
placeholder="placeholder" |
||||
[formControlName]="'field' + control.index" |
||||
[attr.id]="'field' + control.index" |
||||
/> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
} |
||||
</div> |
||||
<div nz-row> |
||||
<div nz-col [nzSpan]="24" class="search-area"> |
||||
<button nz-button [nzType]="'primary'">Search</button> |
||||
<button nz-button (click)="resetForm()">Clear</button> |
||||
<a class="collapse" (click)="toggleCollapse()"> |
||||
Collapse |
||||
<nz-icon [nzType]="isCollapse ? 'down' : 'up'" /> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
<div class="search-result-list">Search Result List</div> |
@ -1,33 +0,0 @@ |
||||
.ant-advanced-search-form { |
||||
padding: 24px; |
||||
background: #fbfbfb; |
||||
border: 1px solid #d9d9d9; |
||||
border-radius: 6px; |
||||
} |
||||
|
||||
.search-result-list { |
||||
margin-top: 16px; |
||||
border: 1px dashed #e9e9e9; |
||||
border-radius: 6px; |
||||
background-color: #fafafa; |
||||
min-height: 200px; |
||||
text-align: center; |
||||
padding-top: 80px; |
||||
} |
||||
|
||||
[nz-form-label] { |
||||
overflow: visible; |
||||
} |
||||
|
||||
button { |
||||
margin-left: 8px; |
||||
} |
||||
|
||||
.collapse { |
||||
margin-left: 8px; |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.search-area { |
||||
text-align: right; |
||||
} |
@ -1,35 +0,0 @@ |
||||
import {Component, inject} from '@angular/core'; |
||||
import {FormControl, FormRecord, NonNullableFormBuilder, ReactiveFormsModule, Validators} from '@angular/forms'; |
||||
import {NzColDirective, NzRowDirective} from 'ng-zorro-antd/grid'; |
||||
import {NzInputDirective} from 'ng-zorro-antd/input'; |
||||
import {NzFormDirective} from 'ng-zorro-antd/form'; |
||||
import {NzButtonComponent} from 'ng-zorro-antd/button'; |
||||
import {NzIconDirective} from 'ng-zorro-antd/icon'; |
||||
|
||||
@Component({ |
||||
selector: 'app-student-item', |
||||
imports: [ |
||||
ReactiveFormsModule, |
||||
NzRowDirective, |
||||
NzColDirective, |
||||
NzInputDirective, |
||||
NzFormDirective, |
||||
NzButtonComponent |
||||
], |
||||
templateUrl: './student-item.component.html', |
||||
standalone: true, |
||||
styleUrl: './student-item.component.scss' |
||||
}) |
||||
export class StudentItemComponent { |
||||
|
||||
private fb = inject(NonNullableFormBuilder); |
||||
validateForm = this.fb.group({ |
||||
name: this.fb.control('', [Validators.required]), |
||||
}); |
||||
constructor() { } |
||||
|
||||
resetForm(): void { |
||||
this.validateForm.reset(); |
||||
} |
||||
|
||||
} |
@ -1,12 +0,0 @@ |
||||
import { NgModule } from '@angular/core'; |
||||
import { CommonModule } from '@angular/common'; |
||||
|
||||
|
||||
|
||||
@NgModule({ |
||||
declarations: [], |
||||
imports: [ |
||||
CommonModule |
||||
] |
||||
}) |
||||
export class StudentModule { } |
@ -1,7 +0,0 @@ |
||||
import { Routes } from '@angular/router'; |
||||
import {StudentItemComponent} from './student-item/student-item.component'; |
||||
|
||||
|
||||
export const STUDENT_ROUTES: Routes = [ |
||||
{ path: 'student-item', component: StudentItemComponent}, |
||||
]; |
@ -1,7 +1,5 @@ |
||||
export const environment = { |
||||
production: true, |
||||
baseUrl: 'https://phg.dctpay.com/brest/', // 测试环境服务器地址(请求数据地址)
|
||||
orderUrl: 'https://phg.dctpay.com/order/', // 测试环境服务器地址(请求数据地址)
|
||||
userUrl: 'https://phg.dctpay.com/user/', // 测试环境服务器地址(请求数据地址)
|
||||
imageUrl: 'https://phg.obs.cn-southwest-2.myhuaweicloud.com/', |
||||
baseUrl: 'https://en.dctpay.com/brest/', // 测试环境服务器地址(请求数据地址)
|
||||
imageUrl: 'https://en.dctpay.com/filesystem/', |
||||
}; |
||||
|
Loading…
Reference in new issue