<ion-header>
    <ion-navbar>
        <ion-title>办理督办</ion-title>
    </ion-navbar>
</ion-header>

<ion-content>
    <ion-list class="activity-title">
        <ion-item>
            <ion-label>审核管理</ion-label>
            <ion-select [(ngModel)]="option.type" cancelText="取消" okText="确定" placeholder="选择"
                        (ngModelChange)="getList()">
                <ng-container *ngFor="let item of option.list">
                    <ion-option [value]="item.type">{{item.name}}</ion-option>
                </ng-container>
            </ion-select>
        </ion-item>
    </ion-list>

    <div class="dblist">
        <div class="item" *ngFor="let item of dbList">
            <p (click)="goToDetail(item)">{{item.title}}</p>
            <div class="handle">
                <div class="process">
                    <div class="out-process">
                        <div [style.width]="item.process" class="{{item.class}} inner-process green"></div>
                    </div>
                </div>
                <div class="handle-btn">
                    <span (click)="goToDetail(item)" *ngIf="item.status == '1'" class="btn color1">受理</span>
                    <span (click)="goToDetail(item)" *ngIf="item.status == '2'" class="btn color2">审核</span>
                    <span (click)="goToDetail(item)" *ngIf="item.status == '3'" class="btn color3">审批</span>
                    <span (click)="goToDetail(item)" *ngIf="item.status == '4'" class="btn color4">办证</span>
                    <span (click)="goToDetail(item)" *ngIf="item.status == '5'" class="btn color5">发证</span>
                </div>
            </div>
        </div>
    </div>
</ion-content>
