嗨森逛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/system/system-organization/system-organization.compone...

241 lines
9.5 KiB

<!--面包屑 -->
<app-breadcrumb></app-breadcrumb>
<div class="inner-content">
<div nz-row>
<div nz-col [nzSpan]="16" [nzPush]="8">
<div style="height: 40px; width: 100%;">
<button (click)="showDeleteConfirm()" *ngIf="BTN_systemorganization_delete == 1" nz-button nzType="danger">删除</button>
<span *ngIf="BTN_systemorganization_edit == 1"><button *ngIf="upload" (click)="goDetails()" nz-button class="upload" nzType="primary">编辑</button></span>
<button (click)="goAddShow()" *ngIf="BTN_systemorganization_add == 1" nz-button nzType="primary">添加子部门</button>
</div>
<div class="details">
<div class="title">
<span>公司详情信息</span>
</div>
<div style="padding: 10px;" nz-row [nzGutter]="24">
<div nz-col [nzSpan]="12">
<nz-form-item>
<nz-form-control>
公司名称: {{organizationArr.name}}
</nz-form-control>
</nz-form-item>
</div>
<div nz-col [nzSpan]="12">
<nz-form-item>
<nz-form-control>
管理员名称: {{organizationArr.managerName}}
</nz-form-control>
</nz-form-item>
</div>
<div nz-col [nzSpan]="12">
<nz-form-item>
<nz-form-control>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注: {{organizationArr.remark}}
</nz-form-control>
</nz-form-item>
</div>
<div nz-col [nzSpan]="12">
<nz-form-item>
<nz-form-control>
管理员电话: {{organizationArr.managerPhone}}
</nz-form-control>
</nz-form-item>
</div>
</div>
</div>
</div>
<div nz-col [nzSpan]="8" [nzPull]="16">
<nz-input-group [nzSuffix]="suffixIcon">
<input type="text" nz-input placeholder="输入名称查询" [(ngModel)]="searchValue" />
</nz-input-group>
<ng-template #suffixIcon>
<i nz-icon nzType="search"></i>
</ng-template>
<nz-tree
[nzData]="nodes"
[nzSearchValue]="searchValue"
(nzClick)="nzEvent($event)"
(nzExpandChange)="nzEvent($event)"
(nzSearchValueChange)="nzEvent($event)"
>
</nz-tree>
</div>
</div>
</div>
<!--添加添加弹出层-->
<nz-modal [(nzVisible)]="isVisible" nzTitle="添加" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk(validateForm.value)" [nzOkLoading]="isOkLoading">
<form nz-form [formGroup]="validateForm" style="margin-left: 5%;">
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province" nzRequired>地区</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<app-region-selector [selectLevel]="2" (selectedRegionIdChange)="regionChange($event)"></app-region-selector>
</nz-form-control>
</nz-form-item>
<!-- <nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>地区简称</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="regionAbbreviate" placeholder="请输入地区简称" />
</nz-form-control>
</nz-form-item>
-->
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="name" nzRequired>部门名称</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="name" placeholder="请输入部门名称" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province" nzRequired>联系方式</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="phone" placeholder="请输入部门联系方式" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province" nzRequired>部门地址</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="address" placeholder="请输入部门地址" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province">logo</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<nz-upload
nzAction="{{WEB_SERVE_URL}}/fileUpload/uploadfile"
nzListType="picture-card"
[(nzFileList)]="orgLogo"
[nzShowButton]="orgLogo.length < 1"
>
<i nz-icon nzType="plus"></i>
<div class="ant-upload-text">上传</div>
</nz-upload>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province">邮箱</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="email" placeholder="请输入邮箱" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province">网站</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="siteUrl" placeholder="请输入网站" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24">备注</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<textarea nz-input [rows]="4" formControlName="remark" placeholder="请输入备注" ></textarea>
</nz-form-control>
</nz-form-item>
</form>
</nz-modal>
<!--添加修改弹出层-->
<nz-modal [(nzVisible)]="isVisibleEdit" nzTitle="修改" nzWidth="40%" (nzOnCancel)="handleCancelEdit()" (nzOnOk)="handleOkEdit(validateForm.value)">
<form nz-form [formGroup]="validateForm">
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province" nzRequired>地区</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<app-region-selector [selectLevel]="2" [selectedRegionId]="regionId" (selectedRegionIdChange)="regionChange($event)"></app-region-selector>
</nz-form-control>
</nz-form-item>
<!-- </nz-form-item><nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>地区简称</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="regionAbbreviate" placeholder="请输入地区简称" [(ngModel)]="organizationArr.regionAbbreviate" />
</nz-form-control>-->
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="name" nzRequired>部门名称</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="name" [(ngModel)]="organizationArr.name" placeholder="请输入部门名称" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province" nzRequired>联系方式</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="phone" [(ngModel)]="organizationArr.phone" placeholder="请输入部门联系方式" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province">部门管理员</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<nz-select nzShowSearch nzAllowClear nzPlaceHolder="请选择部门管理员" formControlName="managerId" [(ngModel)]="organizationArr.managerId" (ngModelChange)="goManagerName($event)">
<nz-option *ngFor="let item of UserList;" nzLabel="{{item.userName}}" nzValue="{{item.id}}"></nz-option>
</nz-select>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province">管理员电话</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input value="{{organizationArr.managerPhone}}" disabled="disabled" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province" nzRequired>部门地址</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="address" [(ngModel)]="organizationArr.address" placeholder="请输入部门地址" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="province">logo</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<nz-upload
nzAction="{{WEB_SERVE_URL}}/fileUpload/uploadfile"
nzListType="picture-card"
[(nzFileList)]="orgLogo"
[nzShowButton]="orgLogo.length < 1"
>
<i nz-icon nzType="plus"></i>
<div class="ant-upload-text">上传</div>
</nz-upload>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24">邮箱</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="email" [(ngModel)]="organizationArr.email" placeholder="请输入邮箱" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24">网站</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<input nz-input formControlName="siteUrl" [(ngModel)]="organizationArr.siteUrl" placeholder="请输入网站" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label [nzSm]="6" [nzXs]="24">备注</nz-form-label>
<nz-form-control [nzSm]="14" [nzXs]="24">
<textarea nz-input [rows]="4" formControlName="remark" [(ngModel)]="organizationArr.remark" placeholder="请输入备注" ></textarea>
</nz-form-control>
</nz-form-item>
</form>
</nz-modal>