<ion-header>
    <ion-navbar>
        <ion-title>{{itemInfo?.title}}</ion-title>
    </ion-navbar>
</ion-header>

<ion-content>
    <!--    事业单位   -->
    <div *ngIf="itemInfo?.type == '1'">
        <ion-item>
            <ion-label class="item-left">法定代表人:</ion-label>
            <ion-label class="choose">
                {{detailObj.companyVO?.representativePerson || "-"}}
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left">住所:</ion-label>
            <ion-label class="choose">
                {{detailObj.companyVO?.residence || "-"}}
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left">经费来源:</ion-label>
            <ion-label class="choose">
                {{detailObj.companyVO?.fundingSources || "-"}}
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left">开办资金:</ion-label>
            <ion-label class="choose">
                {{detailObj.companyVO?.startFunds}}(万元)
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left">举办单位:</ion-label>
            <ion-label class="choose">
                {{detailObj.companyVO?.hostUnit || "-"}}
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left">有效期:</ion-label>
            <ion-label class="choose">
                {{detailObj.companyVO?.effectiveTime || "-"}}
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left">宗旨和业务范围:</ion-label>
            <ion-label class="choose">
                {{detailObj.companyVO?.businessRange || "-"}}
            </ion-label>
        </ion-item>
    </div>
    <!--    机关团体   -->
    <div *ngIf="itemInfo?.type == '2'">
        <ion-item>
            <ion-label class="item-left">负责人:</ion-label>
            <ion-label class="choose">
                {{detailObj.unitVO?.leadingCadre || "-"}}
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left">组织结构代码:</ion-label>
            <ion-label class="choose">
                {{detailObj.unitVO?.organizationNumber || "-"}}
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left">住所:</ion-label>
            <ion-label class="choose">
                {{detailObj.unitVO?.residence || "-"}}
            </ion-label>
        </ion-item>
    </div>
    <div class="space"></div>
    <div class="flowDetail">
        <!--        事业单位-->
        <ng-container *ngIf="itemInfo?.type == '1'">
            <ion-item *ngIf="itemInfo.flow == '1'">
                <ion-label class="item-left">事业单位法人设立登记(备案)申请书</ion-label>
                <ion-label (click)="openDetail1()" class="choose">详情</ion-label>
            </ion-item>
            <ion-item *ngIf="itemInfo.flow == '1'">
                <ion-label class="item-left">事业单位法定代表人(负责人)履历表</ion-label>
                <ion-label (click)="openDetail2()" class="choose">详情</ion-label>
            </ion-item>
            <ion-item *ngIf="itemInfo.flow == '2'">
                <ion-label class="item-left">
                    变更登记
                </ion-label>
                <ion-label (click)="openDetail3()" class="choose">详情</ion-label>
            </ion-item>
            <ion-item *ngIf="itemInfo.flow == '3'">
                <ion-label class="item-left">
                    事业单位法人注销登记(备案)申请书
                </ion-label>
                <ion-label (click)="openDetail4()" class="choose">详情</ion-label>
            </ion-item>
            <ion-item *ngIf="itemInfo.flow == '4'">
                <ion-label class="item-left">
                    事业单位法人证书补领申请书
                </ion-label>
                <ion-label (click)="openDetail5()" class="choose">详情</ion-label>
            </ion-item>
        </ng-container>

        <!--        机关群团-->
        <ng-container *ngIf="itemInfo.type == '2'">
            <ng-container *ngIf="itemInfo?.flow == '1'">
                <ion-item>
                    <ion-label class="item-left">
                        初领(无组织机构代码)
                    </ion-label>
                    <ion-label (click)="openDetail6(' 初领(无组织机构代码)')" class="choose">详情</ion-label>
                </ion-item>
            </ng-container>
            <ng-container *ngIf="itemInfo?.flow == '2'">
                <ion-item>
                    <ion-label class="item-left">
                        变更业务
                    </ion-label>
                    <ion-label (click)="openDetail3()" class="choose">详情</ion-label>
                </ion-item>
            </ng-container>
            <ng-container *ngIf="itemInfo?.flow == '3'">
                <ion-item>
                    <ion-label class="item-left">
                        撤销
                    </ion-label>
                    <ion-label (click)="openDetail6('撤销')" class="choose">详情</ion-label>
                </ion-item>
            </ng-container>
            <ng-container *ngIf="itemInfo?.flow == '4'">
                <ion-item>
                    <ion-label class="item-left">
                        换领
                    </ion-label>
                    <ion-label (click)="openDetail6('换领')" class="choose">详情</ion-label>
                </ion-item>
            </ng-container>
        </ng-container>
        <ion-item>
            <ion-label class="item-left">附件材料</ion-label>
            <ion-label (click)="viewFile()" class="choose">详情</ion-label>
        </ion-item>
        <ion-item>
            <ion-label class="item-left">审核记录</ion-label>
            <ion-label (click)="openHistory()" class="choose">详情</ion-label>
        </ion-item>
    </div>
    <div class="space"></div>
    <ng-container *ngIf="isShow">
        <div class="handle">
            <ion-item *ngIf="itemInfo?.type == '1'">
                <ion-label class="item-left">当前业务办理对应批文</ion-label>
                <ion-label (click)="openApproval()" class="choose">查看</ion-label>
            </ion-item>
            <ion-item>
                <ion-label class="item-left">
                    <span class="color-red">*</span>
                    受理意见
                </ion-label>
                <ion-select [(ngModel)]="submitObj.flag" interface="action-sheet" placeholder="选择受理意见" okText="确定"
                            cancelText="取消">
                    <ion-option value="1">符合条件</ion-option>
                    <ion-option value="0">不符合条件</ion-option>
                </ion-select>
            </ion-item>
            <ng-container *ngIf="itemInfo?.type == '2' && area?.name =='市属' && itemInfo?.flow == '1'">
                <ion-item>
                    <ion-label class="item-left">机构性质</ion-label>
                    <ion-select [(ngModel)]="submitObj.jglb" interface="action-sheet" placeholder="选择机构性质" okText="确定"
                                cancelText="取消">
                        <ion-option *ngFor="let item of institutionalNatureList"
                                    [value]="item.value">{{item.label}}</ion-option>
                    </ion-select>
                </ion-item>
            </ng-container>
            <ng-container *ngIf="itemInfo?.type == '2' && area?.name =='市属'&& itemInfo?.status == '3'">
                <div class="item-box">
                    <div class="left">是否委托登记:</div>
                    <div class="right radio">
                        <input [(ngModel)]="submitObj.djflag" value="1" type="radio" name="flag"/>是
                        <input [(ngModel)]="submitObj.djflag" value="0" type="radio" name="flag"/>否
                    </div>
                </div>
                <ion-item>
                    <ion-label class="item-left">委托登记类型</ion-label>
                    <ion-select [(ngModel)]="submitObj.djtype" interface="action-sheet" placeholder="选择委托登记类型"
                                okText="确定"
                                cancelText="取消">
                        <ion-option value="11">银行</ion-option>
                        <ion-option value="12">国家税务局</ion-option>
                        <ion-option value="13">海关</ion-option>
                    </ion-select>
                </ion-item>
            </ng-container>
            <div class="item-box" *ngIf="itemInfo?.type == '1' && itemInfo?.status == '1'">
                <div class="left">是否发送短信:</div>
                <div class="right radio">
                    <input [(ngModel)]="submitObj.smgflag" value="1" type="radio" name="smgflag"/>是
                    <input [(ngModel)]="submitObj.smgflag" value="0" type="radio" name="smgflag"/>否
                </div>
            </div>
            <div class="item-box">
                <div class="left">
                    <span class="color-red">*</span>
                    回复:
                </div>
                <div class="right">
                    <ion-textarea [(ngModel)]="submitObj.opinion"></ion-textarea>
                </div>
            </div>
        </div>
        <button class="submit-btn submit" (click)="sureSubmit()" *ngIf="roles.indexOf('7') !== -1">确定</button>
    </ng-container>
    <ng-container *ngIf="!isShow">
        <p  class="tips">提示：请至PC端操作</p>
    </ng-container>
</ion-content>
