From 62266aa6ed5fd19fa1691089e6801e4450c4eaf1 Mon Sep 17 00:00:00 2001 From: 沈斌 <bluelazysb@hotmail.com> Date: Tue, 19 Dec 2017 08:29:04 +0800 Subject: [PATCH] updates --- src/app/routes/users/installer/edit/edit.component.ts | 41 ++++++++++++++++++++ src/app/routes/users/installer/edit/edit.component.html | 55 +++++++++++++++++++++++++++ 2 files changed, 96 insertions(+), 0 deletions(-) diff --git a/src/app/routes/users/installer/edit/edit.component.html b/src/app/routes/users/installer/edit/edit.component.html new file mode 100644 index 0000000..15ae0a1 --- /dev/null +++ b/src/app/routes/users/installer/edit/edit.component.html @@ -0,0 +1,55 @@ +<div class="modal-header"> + <div class="modal-title">{{i.id > 0 ? '������' : '������'}}-������������</div> +</div> +<form #f="ngForm" (ngSubmit)="save()" nz-form [nzType]="'horizontal'"> + <div nz-form-item nz-row class="mb-sm"> + <div nz-form-label nz-col [nzSpan]="4"><label>������</label></div> + <div nz-form-control nz-col [nzSpan]="8"> + <input nz-input [(ngModel)]="i.name" name="name" maxlength="30" required /> + </div> + <div nz-form-label nz-col [nzSpan]="4"><label>������</label></div> + <div nz-form-control nz-col [nzSpan]="8"> + <nz-select [(ngModel)]="i.sex" name="sex" required [nzAllowClear]="false"> + <nz-option + *ngFor="let i of gender" + [nzLabel]="i" + [nzValue]="i"> + </nz-option> + </nz-select> + </div> + </div> + <div nz-form-item nz-row class="mb-sm"> + <div nz-form-label nz-col [nzSpan]="4"><label>������</label></div> + <div nz-form-control nz-col [nzSpan]="8"> + <input nz-input [(ngModel)]="i.mobile" name="mobile" maxlength="11" required /> + </div> + <div nz-form-label nz-col [nzSpan]="4"><label>������</label></div> + <div nz-form-control nz-col [nzSpan]="8"> + <input nz-input [(ngModel)]="i.password" name="password" maxlength="50" required /> + </div> + </div> + <div nz-form-item nz-row class="mb-sm"> + <div nz-form-label nz-col [nzSpan]="4"><label>������������</label></div> + <div nz-form-control nz-col [nzSpan]="8"> + <input nz-input [(ngModel)]="i.email" name="email" required /> + </div> + <div nz-form-label nz-col [nzSpan]="4"><label>���������</label></div> + <div nz-form-control nz-col [nzSpan]="8"> + <input nz-input [(ngModel)]="i.weixin" name="weixin" required /> + </div> + </div> + <div nz-form-item nz-row class="mb-sm"> + <div nz-form-label nz-col [nzSpan]="4"><label>������</label></div> + <div nz-form-control nz-col [nzSpan]="8"> + <input nz-input [(ngModel)]="i.organization" name="organization" maxlength="50" placeholder="50���������" /> + </div> + <div nz-form-label nz-col [nzSpan]="4"><label>������</label></div> + <div nz-form-control nz-col [nzSpan]="8"> + <input nz-input [(ngModel)]="i.nickname" name="nickname" maxlength="20" placeholder="20���������" /> + </div> + </div> + <div class="modal-footer"> + <button nz-button type="button" (click)="close()">������</button> + <button nz-button [nzLoading]="http.loading" [nzType]="'primary'">������</button> + </div> +</form> diff --git a/src/app/routes/users/installer/edit/edit.component.ts b/src/app/routes/users/installer/edit/edit.component.ts new file mode 100644 index 0000000..246fd1f --- /dev/null +++ b/src/app/routes/users/installer/edit/edit.component.ts @@ -0,0 +1,41 @@ +import { NzModalSubject, NzMessageService } from 'ng-zorro-antd'; +import { HttpClient } from '@angular/common/http'; +import { Component, OnInit } from '@angular/core'; +import { _HttpClient } from '@delon/theme'; +import { ModalHelper } from '@delon/theme'; + +@Component({ + selector: 'app-edit', + templateUrl: './edit.component.html', + styles: [] +}) +export class UserInstallerEditComponent implements OnInit { + + i: any; + gender: string[] = [ '���', '���' ]; + + constructor( + private modalHelper: ModalHelper, + private subject: NzModalSubject, + public msgSrv: NzMessageService, + public http: _HttpClient) { } + + ngOnInit() { + if (this.i.id > 0) { + this.http.get('./assets/pois.json').subscribe(res => this.i = res.data[0]); + } + } + + save() { + this.http.get('./assets/pois.json').subscribe(() => { + this.msgSrv.success('���������������������������������������������'); + this.subject.next('true'); + this.close(); + }); + } + + close() { + this.subject.destroy(); + } + +} -- Gitblit v1.8.0