嗨森逛PC管理端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
high-web/src/app/admin/company/company-edit/company-edit.component.html

109 lines
5.9 KiB

<!-- start 面包屑 -->
<nz-breadcrumb>
<nz-breadcrumb-item>
系统管理
</nz-breadcrumb-item>
<nz-breadcrumb-item>
增加公司
</nz-breadcrumb-item>
</nz-breadcrumb>
<!-- end 面包屑 -->
<div class="inner-content">
<div nz-row>
<div nz-col nzSpan="2"></div>
<div nz-col nzSpan="20">
<form nz-form [formGroup]="validateForm" >
<div nz-row [nzGutter]="24">
<nz-divider nzText="账号信息"></nz-divider>
<div nz-col [nzSpan]="8">
<nz-form-item>
<nz-form-label [nzFor]="'loginName'" nzRequired>用户名</nz-form-label>
<nz-form-control nzErrorTip="请输入用户名!">
<input nz-input placeholder="请输入用户名..." [formControlName]="'loginName'" id="'loginName'" />
</nz-form-control>
</nz-form-item>
</div>
<div nz-col [nzSpan]="8">
<nz-form-item>
<nz-form-label [nzFor]="'password'" nzRequired>登录密码</nz-form-label>
<nz-form-control nzErrorTip="请输入登录密码!">
<nz-input-group [nzSuffix]="suffixTemplate">
<input [type]="passwordVisible ? 'text' : 'password'" nz-input placeholder="请输入登录密码..." [formControlName]="'password'" id="'password'" />
</nz-input-group>
<ng-template #suffixTemplate>
<i nz-icon [nzType]="passwordVisible ? 'eye-invisible' : 'eye'" (click)="passwordVisible = !passwordVisible"></i>
</ng-template>
</nz-form-control>
</nz-form-item>
</div>
<div nz-col [nzSpan]="8">
<nz-form-item>
<nz-form-label [nzFor]="'phone'" nzRequired>联系电话</nz-form-label>
<nz-form-control nzErrorTip="请输入联系电话!">
<input nz-input placeholder="请输入联系电话..." [formControlName]="'phone'" id="'phone'" />
</nz-form-control>
</nz-form-item>
</div>
<nz-divider nzText="公司信息"></nz-divider>
<div nz-col [nzSpan]="8">
<nz-form-item>
<nz-form-label [nzFor]="'telephone'" nzRequired>所属地区</nz-form-label>
<nz-form-control nzErrorTip="请输入所属地区!">
<app-region-selector *ngIf="!editFlag" [selectLevel]="2" (selectedRegionIdChange)="regionChange($event)"></app-region-selector>
<input readonly="readonly" *ngIf="editFlag" nz-input [formControlName]="'regionName'" />
</nz-form-control>
</nz-form-item>
</div>
<div nz-col [nzSpan]="8">
<nz-form-item>
<nz-form-label [nzFor]="'name'" nzRequired>公司名称</nz-form-label>
<nz-form-control nzErrorTip="请输入公司名称!">
<input nz-input placeholder="请输入公司名称..." [formControlName]="'name'" id="'name'" />
</nz-form-control>
</nz-form-item>
</div>
<div nz-col [nzSpan]="8">
<nz-form-item>
<nz-form-label [nzFor]="'address'" nzRequired>公司地址</nz-form-label>
<nz-form-control nzErrorTip="请输入公司地址!">
<input nz-input placeholder="请输入公司地址..." [formControlName]="'address'" id="'address'" />
</nz-form-control>
</nz-form-item>
</div>
<div nz-col [nzSpan]="20">
<nz-form-item>
<nz-form-label>公司LOGO</nz-form-label>
<nz-form-control>
<nz-upload
nzAction="{{WEB_SERVE_URL}}/fileUpload/uploadfile"
nzListType="picture-card"
[(nzFileList)]="logoFile"
[nzShowButton]="logoFile.length < 1"
[nzPreview]="handlePreview"
>
<i nz-icon nzType="plus"></i>
<div class="ant-upload-text">上传LOGO</div>
</nz-upload>
<nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible = false">
<ng-template #modalContent>
<img [src]="previewImage" [ngStyle]="{ width: '100%' }" />
</ng-template>
</nz-modal>
</nz-form-control>
</nz-form-item>
</div>
</div>
<div nz-row>
<div nz-col [nzSpan]="24" class="search-area">
<button nz-button (click)="resetForm()">重置</button>
<button nz-button [nzType]="'primary'" (click)="getSave()">提交</button>
</div>
</div>
</form>
</div>
<div nz-col nzSpan="2"></div>
</div>
</div>