mine.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>
            <button ion-button icon-only (click)="goTo('NoticePage')" class="toolbar-icon">
                <ion-icon class="icon-youjian iconfont"></ion-icon>
                <span *ngIf="noReadNum > 0" class="num">{{noReadNum}}</span>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>

<ion-content class="bgc-e7e8ed">
    <div class="bgc-fff" style="padding: 1rem;">
        <div class="mine-box">
            <div class="mine-item" (click)="goTo('PersonInfoPage')">
                <ion-grid>
                    <ion-row>
                        <ion-col col-3>
                            <img *ngIf="picture == ''" src="./assets/imgs/head.png" class="head-photo">
                            <img *ngIf="picture != ''" src="{{picUrl + picture}}" class="head-photo">
                        </ion-col>
                        <ion-col class="mine-info" col-5>
                            <p class="mine-name">{{user?.userName}}</p>
                            <p class="address">{{mineInfo?.orgName}}</p>
                        </ion-col>
                        <ion-col col-4 class="text-right">
                            <span *ngIf="mineInfo?.post" class="red-span-round">{{mineInfo?.post}}</span>
                        </ion-col>
                    </ion-row>
                </ion-grid>
            </div>
            <p class="score" (click)="goTo('IntegralPage')">党建积分：
                <ng-container *ngIf="mineInfo?.total">{{mineInfo?.total}}</ng-container>
                <ng-container *ngIf="!mineInfo?.total">0</ng-container>
            </p>
        </div>
    </div>
    <div class="group-box">
        <ion-grid class="padding-0-10">
            <ion-row (click)="goTo('MyActivityListPage')">
                <ion-col class="group-left" col-2>
                    <img src="./assets/imgs/mine/wdhd.png">
                </ion-col>
                <ion-col class="group-right" col-10>
                    <span>我的活动</span>
                    <ion-icon name="ios-arrow-forward"></ion-icon>
                </ion-col>
            </ion-row>
            <ion-row (click)="goTo('MyReportPage')">
                <ion-col class="group-left" col-2>
                    <img src="./assets/imgs/mine/wdbb.png">
                </ion-col>
                <ion-col class="group-right" col-10>
                    <span>我的报备</span>
                    <ion-icon name="ios-arrow-forward"></ion-icon>
                </ion-col>
            </ion-row>
            <ion-row (click)="goTo('MySurveyPage')">
                <ion-col class="group-left" col-2>
                    <img src="./assets/imgs/mine/wdwj.png">
                </ion-col>
                <ion-col class="group-right" col-10>
                    <span>我的问卷</span>
                    <ion-icon name="ios-arrow-forward"></ion-icon>
                </ion-col>
            </ion-row>
            <ion-row (click)="goTo('MyDutyPage')">
                <ion-col class="group-left" col-2>
                    <img src="./assets/imgs/mine/wdzb.png">
                </ion-col>
                <ion-col class="group-right" col-10>
                    <span>我的值班</span>
                    <ion-icon name="ios-arrow-forward"></ion-icon>
                </ion-col>
            </ion-row>
            <ion-row (click)="goTo('MyPublishPage')">
                <ion-col class="group-left" col-2>
                    <img src="./assets/imgs/mine/wdfb.png">
                </ion-col>
                <ion-col class="group-right" col-10>
                    <span>我的发布</span>
                    <ion-icon name="ios-arrow-forward"></ion-icon>
                </ion-col>
            </ion-row>
            <ion-row *ngIf="role == 5 || role == 3" (click)="goTo('VerifyPage')">
                <ion-col class="group-left" col-2>
                    <img src="./assets/imgs/mine/wdsh.png">
                </ion-col>
                <ion-col class="group-right" col-10>
                    <span>我的审核  <span class="main-color mysh" *ngIf="checkList.length > 0">{{checkList.length}}</span></span>
                    <ion-icon name="ios-arrow-forward"></ion-icon>
                </ion-col>
            </ion-row>
            <ion-row (click)="goTo('MyCollectionPage')">
                <ion-col class="group-left" col-2>
                    <img src="./assets/imgs/mine/wdsc.png">
                </ion-col>
                <ion-col class="group-right" col-10>
                    <span>我的收藏</span>
                    <ion-icon name="ios-arrow-forward"></ion-icon>
                </ion-col>
            </ion-row>
            <ion-row (click)="goTo('AppraisalsPage')">
                <ion-col class="group-left" col-2>
                    <img src="./assets/imgs/mine/jxkh.png">
                </ion-col>
                <ion-col class="group-right" col-10>
                    <span>积分排行</span>
                    <ion-icon name="ios-arrow-forward"></ion-icon>
                </ion-col>
            </ion-row>
        </ion-grid>
        <div class="space"></div>
        <ion-grid class="padding-0-10">
            <ion-row (click)="goTo('VersionPage')">
                <ion-col class="group-left" col-2>
                    <img src="./assets/imgs/mine/xtsz.png">
                </ion-col>
                <ion-col class="group-right" style="border-bottom: 0px" col-10>
                    <span>设置</span>
                    <ion-icon name="ios-arrow-forward"></ion-icon>
                </ion-col>
            </ion-row>
        </ion-grid>
    </div>
</ion-content>