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 = { |
export const environment = { |
||||||
production: true, |
production: true, |
||||||
baseUrl: 'https://phg.dctpay.com/brest/', // 测试环境服务器地址(请求数据地址)
|
baseUrl: 'https://en.dctpay.com/brest/', // 测试环境服务器地址(请求数据地址)
|
||||||
orderUrl: 'https://phg.dctpay.com/order/', // 测试环境服务器地址(请求数据地址)
|
imageUrl: 'https://en.dctpay.com/filesystem/', |
||||||
userUrl: 'https://phg.dctpay.com/user/', // 测试环境服务器地址(请求数据地址)
|
|
||||||
imageUrl: 'https://phg.obs.cn-southwest-2.myhuaweicloud.com/', |
|
||||||
}; |
}; |
||||||
|
Loading…
Reference in new issue