<div class="integrationDetailContainer">
  <ul class="tabs">
    <li (click)="queryLists(1)"><span [ngClass]="{'actived':status===1}">全部</span></li>
    <li (click)="queryLists(2)"><span [ngClass]="{'actived':status===2}">积分</span></li>
    <li (click)="queryLists(3)"><span [ngClass]="{'actived':status===3}">兑换</span></li>
  </ul>
  <ul class="dateContent">
   
    <li>
      <ListItem
      DatePicker
      [mode]="'month'"
      [(ngModel)]="searchDateFormat"
      (onOk)="onOk($event)"
    >
    {{searchDate}} <i class="iconfont icon-xiangxia" style="margin-left: 10px;"></i>
     
    </ListItem>
    </li>
  </ul>
  <ul class="detailLists">
    <li *ngFor="let item of lists">
      <div>
        <p>{{item.integralRuleName}}</p>
        <p>{{item.grantDate}}</p>
      </div>
      <div [ngStyle]="{'color':item.integralType=='1' ? '#E56124' : '#333','font-weight':'bold'}"><span>{{item.integralType=='1' ? '+' : ''}}</span><span>{{item.integralNumber}}</span></div>
    </li>
  </ul>
</div>
