goods-order.html

<ion-header>

    <ion-navbar>
        <ion-title>我的申领</ion-title>
    </ion-navbar>

</ion-header>


<ion-content class="bgc-e7e8ed">
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingText="下拉刷新"
                               refreshingSpinner="bubbles">
        </ion-refresher-content>
    </ion-refresher>
    <div class="order" *ngFor="let item of orderList">
        <p class="orderTips">
            <span *ngIf="item.status == 2">已申请</span>
            <span *ngIf="item.status == 3">已领取</span>
            <span *ngIf="item.status == 4">已驳回</span>
            <span float-right>时间：{{item.submitTime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
        </p>
        <div class="goodsList">
            <ion-row>
                <ion-col col-9>
                    <ng-container *ngFor="let goods of item.suppies">
                        <div class="goodsItem">
                            <div class="goods-img">
                                <img [src]="picture + goods.url">
                            </div>
                            <div class="goods-info">
                                <p class="model">
                                    {{goods.brand}}&nbsp;&nbsp;&nbsp;
                                    <span>{{goods.model}}</span>
                                </p>
                                <p>
                            <span class="specs">规格:
                              <span>{{goods.specs1}}</span>
                              <span>{{goods.specs2}}</span>
                              <span>{{goods.specs3}}</span>
                              <span>{{goods.specs4}}</span>
                              <span>{{goods.specs5}}</span>
                            </span>
                                    <span class="amount">数量:{{goods.amount}}</span>
                                </p>
                            </div>
                        </div>
                    </ng-container>
                </ion-col>
                <ion-col *ngIf="item.status == 3 && (!item.suppies[0]?.score || item.suppies[0]?.score == 0)"
                         (click)="choose(item)"
                         class="goods-evaluation" col-3>
                    <span>评价</span>
                </ion-col>
            </ion-row>
        </div>

    </div>
    <ion-list text-center style="margin-top: 10rem;color: #666666"
              *ngIf="isLoad  && orderList.length == 0">
        <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
        <p text-center>
            暂无申领
        </p>
    </ion-list>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content
                loadingSpinner="bubbles"
                loadingText="加载中"></ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>