<ion-header>
    <ion-navbar>
        <ion-title>我的报备</ion-title>
    </ion-navbar>
</ion-header>
<ion-content class="bgc-e7e8ed">
    <ion-list>
        <ng-container *ngIf="allReport.length > 0">
            <ng-container *ngFor="let report of allReport">
                <ng-container *ngIf="report.reported == true">
                    <ion-item>
                        <div class="item">
                            <div class="item-header">
                                <div class="item-header-style">
                                    <img src="./assets/imgs/bb.png" class="icon">
                                    <span class="item-title">{{report.title}}</span>
                                </div>
                                <ng-container *ngIf="!report.isOverTimeFlag">
                                    <button disabled ion-button round class="btn color1">已报备
                                    </button>
                                </ng-container>
                                <ng-container *ngIf="report.isOverTimeFlag">
                                    <button disabled ion-button round class="btn color3">已结束
                                    </button>
                                </ng-container>
                            </div>
                            <ion-item>
                                <div class="content-box" (click)="goReport(report)">
                                    <div class="content-item-box">
                                        <label class="left-title">发布科室：</label>
                                        <div class="data">{{report?.fbDept}}</div>
                                    </div>
                                    <div class="content-item-box">
                                        <label class="left-title">报备对象：</label>
                                        <div class="data">
                                            {{report?.usergroupName}}
                                        </div>
                                    </div>
                                    <div class="content-item-box">
                                        <label class="left-title">报备截止时间：</label>
                                        <div class="data">
                                            {{report?.endTime}}
                                        </div>
                                    </div>
                                </div>
                            </ion-item>
                        </div>

                    </ion-item>
                </ng-container>
            </ng-container>
        </ng-container>
        <ng-container *ngIf="allReport.length == 0">
            <div text-center style="margin-top: 10rem">
                <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
                <p text-center>
                    暂无数据
                </p>
            </div>
        </ng-container>
    </ion-list>
</ion-content>