<!--面包屑 -->
<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>

