home.html

<ion-header>
    <ion-navbar>
        <ion-buttons start>
            <button ion-button icon-only>
                <img class="toolbar-img" src="./assets/imgs/logo.png">
            </button>
        </ion-buttons>
        <ion-buttons end class="mine-button">
            <button (click)="goToPersonInfo()" class="mine-home">
                <span>{{mineInfo?.name.slice(-2)}}</span>
            </button>
        </ion-buttons>
    </ion-navbar>

</ion-header>

<ion-content>
    <div class="banner">
        <img src="./assets/imgs/home_banner.png">
    </div>
    <div class="new-module">
        <div *ngIf="roles.indexOf('2') > -1" class="card" (click)="goToVerity()">
            <img src="./assets/imgs/spsh.png">
            <p>审核审批</p>
        </div>
        <div *ngIf="roles.indexOf('3') > -1" class="card" (click)="goToSupervise()">
            <img src="./assets/imgs/db.png">
            <p>办理督办</p>
        </div>
        <div *ngIf="roles.indexOf('4') > -1" class="card" (click)="goToReport()">
            <img src="./assets/imgs/sjbb.png">
            <p>数据报表</p>
        </div>
        <div *ngIf="roles.indexOf('5') > -1" class="card" (click)="goToInfo()">
            <img src="./assets/imgs/xxcx.png">
            <p>信息查询</p>
        </div>
        <div *ngIf="roles.indexOf('1') > -1" class="card" (click)="goToContact()">
            <img src="./assets/imgs/txl.png">
            <p>通讯录</p>
        </div>
    </div>
    <div class="echart-data">
        <div class="echart-title">
            <span>事业单位总览信息</span>
        </div>
        <ion-segment style="padding: 0 30px" [(ngModel)]="type" (ngModelChange)="switchEchart()">
            <ion-segment-button value="unit">
                单位数(个)
            </ion-segment-button>
            <ion-segment-button value="bzrs">
                编制人数(人)
            </ion-segment-button>
            <ion-segment-button value="syrs">
                实有人数(人)
            </ion-segment-button>
        </ion-segment>
        <div class="echart">
            <div #echart class="echart-pie">  </div>
        </div>
        <div class="data">
            <div class="table">
                <table border="1">
                    <thead>
                    <tr>
                        <th>隶属</th>
                        <th>全额拨款</th>
                        <th>差额拨款</th>
                        <th>自收自支</th>
                        <th>合计</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr *ngFor="let item of unitsInfo">
                        <td>{{item.geo}}</td>
                        <td>{{type == 'unit'?item.unitCount1:type == 'bzrs'?item.bzrs1:item.syrs1}}</td>
                        <td>{{type == 'unit'?item.unitCount2:type == 'bzrs'?item.bzrs2:item.syrs2}}</td>
                        <td>{{type == 'unit'?item.unitCount3:type == 'bzrs'?item.bzrs3:item.syrs3}}</td>
                        <td>{{type == 'unit'?item.unitTotal:type == 'bzrs'?item.bzrsTotal:item.syrsTotal}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</ion-content>