goods-verify.html

<ion-header>

    <ion-navbar>
        <ion-title>申请</ion-title>
    </ion-navbar>

</ion-header>


<ion-content>
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingText="下拉刷新"
                               refreshingSpinner="bubbles">
        </ion-refresher-content>
    </ion-refresher>
    <div class="duty">
        <div class="dutyItem" (click)="getUnsubmit()">
            <span class="{{changeType == 1?'duty-title':''}}">待提交</span>
        </div>
        <div class="dutyItem" (click)="getSubmited()">
            <span class="{{changeType == 2?'duty-title':''}}">待发放</span>
        </div>
        <div class="dutyItem" (click)="getDelivery()">
            <span class="{{changeType == 3?'duty-title':''}}">已完成</span>
        </div>
    </div>
    <ng-container *ngIf="changeType == 1">
        <ng-container *ngFor="let item of noList">
            <div class="order" *ngIf="mineInfo.orgName == item.orgName || role.includes(6)">
                <p class="orderTips">
                    <ion-checkbox [(ngModel)]="item.checkbox" color="danger"
                                  (ngModelChange)="changeCheck(item)"></ion-checkbox>
                    <span>申请人:{{item.applicantName}}</span>
                    <span float-right>时间:{{item.submitTime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
                </p>
                <div class="goodsList">
                    <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>
                </div>

            </div>
        </ng-container>
    </ng-container>
    <ng-container *ngIf="changeType == 2">
        <ng-container *ngFor="let item of doneList">
            <div class="order" *ngIf="mineInfo.orgName == item.orgName || role.includes(6)">
                <p class="orderTips">
                    <span>申请人:{{item.applicantName}}</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 col-3 class="take">
                            <span *ngIf="item.isDelivery == 0">正在备货...</span>
                            <button *ngIf="item.isDelivery == 1" (click)="delivery(item)" small="true" ion-button
                                    color="secondary">发放
                            </button>
                        </ion-col>
                    </ion-row>
                </div>

            </div>
        </ng-container>
    </ng-container>
    <ng-container *ngIf="changeType == 3">
        <ng-container *ngFor="let item of deliveryList">
            <div class="order" *ngIf="mineInfo.orgName == item.orgName || role.includes(6)">
                <p class="orderTips">
                    <span>申请人:{{item.applicantName}}</span>
                    <span float-right>时间:{{item.submitTime | date:'yyyy-MM-dd HH:mm:ss'}}</span>
                </p>
                <div class="goodsList">
                    <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>
                </div>

            </div>
        </ng-container>
    </ng-container>

    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content
                loadingSpinner="bubbles"
                loadingText="加载中"></ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>

<div *ngIf="footerView" class="stuff-footer">
    <div class="footer-flex">
        <div class="flex-all">
            <ion-item>
                <ion-label>全选</ion-label>
                <ion-checkbox [(ngModel)]="checkAll" (ngModelChange)="selectAll($event)" color="danger"></ion-checkbox>
            </ion-item>
        </div>
        <div (click)="submit(2)">
            <button style="background-color:#bbb;" round small color="light" ion-button>退回</button>
        </div>
        <div (click)="submit(1)">
            <button round small color="danger" ion-button>通过</button>
        </div>

    </div>
</div>