部门详情

src/app/pages/system-management/department-management/department-management.component.html

@@ -1,3 +1,77 @@
-<p>
-  department-management works!
-</p>
+<div class="system-main-container"> 
+	<div class="org-manage">
+		<div class="tree-box">
+			<app-request-status [statusParams]='statusParamsTree'></app-request-status>
+			<ul [hidden]='statusParamsTree.status!=3' id="treeDemo" class="ztree"></ul>
+		</div>
+		<div class="main-content card">
+			<div class="operation-box">
+				<button (click)="addModify(1)" nz-button nzType="primary"><i nz-icon type="plus" theme="outline"></i>新增</button>
+				<button *ngIf="canEdit" (click)="addModify(2)" nz-button nzType="default"><i nz-icon type="edit" theme="outline"></i>修改</button>
+				<button *ngIf="canDel" (click)="delete" nz-button nzType="danger"><i nz-icon type="delete" theme="outline"></i>删除</button>
+			</div>
+			<nz-skeleton [nzActive]="true"  [nzParagraph]="{ rows: 16 }" *ngIf='modifyType==3&&!orgDetail'></nz-skeleton>
+			<form class="org-detail" *ngIf="modifyType==3&&orgDetail"  nz-form [nzLayout]="'inline'">
+				<div nz-row nzGutter="24">
+					<div nz-col nzSpan="24">
+						<nz-form-item>
+							<nz-form-label>机构名称</nz-form-label>
+							<span class="detail-item-text">{{orgDetail.name|null}}</span>
+						</nz-form-item>
+					</div>
+					<div nz-col nzSpan="24">
+						<nz-form-item>
+							<nz-form-label>机构简称</nz-form-label>
+							<span class="detail-item-text">{{orgDetail.shortName|null}}</span>
+						</nz-form-item>
+					</div>
+					<div nz-col nzSpan="24">
+						<nz-form-item>
+							<nz-form-label>机构编码</nz-form-label>
+							<span class="detail-item-text">{{orgDetail.code|null}}</span>
+						</nz-form-item>
+					</div>
+					<div nz-col nzSpan="24">
+						<nz-form-item>
+							<nz-form-label>联系人</nz-form-label>
+							<span class="detail-item-text">{{orgDetail.contact_person|null}}</span>
+						</nz-form-item>
+					</div>
+					<div nz-col nzSpan="24">
+						<nz-form-item>
+							<nz-form-label>联系方式</nz-form-label>
+							<span class="detail-item-text">{{orgDetail.contact_method|null}}</span>
+						</nz-form-item>
+					</div>
+					<div nz-col nzSpan="24">
+						<nz-form-item>
+							<nz-form-label>机构地址</nz-form-label>
+							<span class="detail-item-text">{{orgDetail.address|null}}</span>
+						</nz-form-item>
+					</div>
+					<div nz-col nzSpan="24">
+						<nz-form-item>
+							<nz-form-label>机构类型</nz-form-label>
+							<span *ngIf='organization_type==1' class="detail-item-text">机构</span>
+							<span *ngIf='organization_type==2' class="detail-item-text">部门</span>
+							<span *ngIf='!organization_type' class="detail-item-text">无</span>
+						</nz-form-item>
+					</div>
+					<div nz-col nzSpan="24">
+						<nz-form-item>
+							<nz-form-label>上级机构</nz-form-label>
+							<span class="detail-item-text">{{parentName|null}}</span>
+						</nz-form-item>
+					</div>
+					<div nz-col nzSpan="24">
+						<nz-form-item>
+							<nz-form-label>LOGO</nz-form-label>
+							<span *ngIf='!orgDetail.logo'>无</span>
+							<img *ngIf='orgDetail.logo' class="org-detail-logo" [src]="orgDetail.logo" alt="">
+						</nz-form-item>
+					</div>
+				</div>
+			</form>
+		</div>
+	</div>
+</div>