<div class="person-info">
    <img src="./assets/images/info-bg.png" class="person-info-bg">
    <div class="person-content">
        <div class="person-content-header">
            <div style="width: 40%;padding-left: 20px;padding-top: 20px;">
                <ion-avatar>
                    <img src="./assets/images/tx.png"  style="transform: scale(1.5);">
                </ion-avatar>
            </div>
            <div style="width: 55%;">
                <div class="header-container"><span class="header-label">姓名:</span>&nbsp;&nbsp;<span class="header-content">{{data?data.orgusername:""}}</span></div>
                <div class="header-container"><span class="header-label">电话:</span>&nbsp;&nbsp;<span class="header-content">{{data?data.reserver:""}}</span></div>
                <div class="header-container"><span class="header-label">部门:</span>&nbsp;&nbsp;<span class="header-content"  style="display: inline-block;padding: 2px 8px;background: #4080f1;color: #fff;border-radius: 6px;">{{data?data.orgsectorname:""}}</span></div>
            </div>
                <div style="width: 5%;" (click)="form_button1_click()"><ion-icon name="sync"></ion-icon></div>
        </div>
        <div class="person-content-footer">
                <div (click)="form_button2_click()">我的申请</div>
            <div>|</div>
                <div (click)="form_button3_click()">我的考勤记录</div>
        </div>
    </div>
    <div class="person-info-clear"></div>
</div>
