<!-- 领奖补全信息 -->
<div class="award_bg" *ngIf="visible">
  <app-card label="请补全地址信息，并选择奖品" *ngIf="step == 1">
    <div class="award_box">
      <div class="award_form">
        <div class="award_item award_item1">
          <div class="item_title">收件人</div>
          <div class="input_con">
            <input [(ngModel)]="receiver">
          </div>
        </div>
        <div class="award_item award_item2">
          <div class="item_title">联系电话</div>
          <div class="input_con">
            <input [(ngModel)]="receivePhone" [maxLength]="11">
          </div>
        </div>
        <div class="award_item award_item3">
          <div class="item_title">收货地址</div>
          <div class="input_con">
            <div Picker [data]="areas" [(ngModel)]="selectedArea" class="picker">
              <div *ngIf="selectedArea.length > 0"><span *ngFor="let item of selectedArea">{{item.label}}</span></div>
              <div *ngIf="selectedArea.length == 0" style="color: #AFAFAF;">请选择</div>
            </div>
          </div>
        </div>
        <div class="award_item award_item3">
          <div class="item_title">详细地址</div>
          <div class="input_con">
            <input [(ngModel)]="receiveAddress">
          </div>
        </div>
      </div>
      <div class="title_box">
        <div class="title_label">
          请在以下产品中选择一款进行领取
          <div class="border_box"></div>
        </div>
      </div>
      <div class="pro">
        <div class="product_item" *ngIf="list.length">
          <img [src]="list[list.length - 1].imgUrl" class="img"/>
          <div class="product_text">
            <div>
              当前可领取最高奖励为：
            </div>
            <div class="product_text1">
              {{list[list.length - 1].productName}}(剩余{{list[list.length - 1].surplusCnt}}）
            </div>
          </div>
        </div>
      </div>
      <div class="pro_select">
        <div [class]="selectedProduct ? selectedProduct.productId == item.productId ? 'item_active' : 'item' : 'item'"
             *ngFor="let item of list"
             (click)="setProductId(item)">
          <img [src]="item.imgUrl" class="item_img"/>
          <p class="item_text">{{item.productName}}</p>
          <p class="item_text">(剩余{{item.surplusCnt}})</p>
          <div class="tag">
            <Icon [type]="'check'"></Icon>
          </div>
        </div>
      </div>
    </div>
    <div class="btns_box">
      <div class="btns" (click)="cancel()">我再想想</div>
      <div class="btns1" (click)="setReward()">领取奖品</div>
    </div>
  </app-card>
  <app-card label="请确认信息并进行领取" *ngIf="step == 2">
    <div class="info_card">
      <div class="user_card" style="padding-bottom: 0;">
        <span>{{receiver}}</span>
        <span>{{receivePhone}}</span>
      </div>
      <img src="assets/center_line.png" style="height: 20px;width: 100%;display: block;"/>
      <div class="user_card" style="padding-top: 0;display: block;min-height: 40px;"><span
        *ngFor="let item of selectedArea">{{item.label}}</span>{{receiveAddress}}</div>
    </div>
    <p style="padding-left: 1rem;">您选择的奖品为：</p>
    <div class="pro">
      <div class="product_item" *ngIf="selectedProduct">
        <img [src]="selectedProduct.imgUrl" class="img"/>
        <div class="product_text">
          <div class="product_text1">
            {{selectedProduct.productName}}(剩余{{selectedProduct.surplusCnt}}）
          </div>
        </div>
      </div>
    </div>
    <div class="btns_box">
      <div class="btns" (click)="cancel()">我再想想</div>
      <div class="btns1" (click)="update()">确认并领取</div>
    </div>
  </app-card>
</div>
