<div class="scrollContainer">
  <div class="scrollContent">
    <div class="issueContainer">
      <ul class="left">
        <li (click)="switchCategory(1,null)" [ngClass]="{'actived':leftSelectedId===null}">全部</li>
        <li *ngFor="let leftItem of leftList" (click)="switchCategory(1,leftItem)"
            [ngClass]="{'actived':leftSelectedId===leftItem.id}">{{leftItem.tagName}}
        </li>
      </ul>
      <div class="right">
        <ul class="right_header">
          <li *ngFor="let topItem of topList">
            {{topItem.tagName}}
            <span class="iconfont icon-xiangxia"></span>
          </li>
          <li (click)="allFilter()">筛选 <img src="assets/images/product_select.png" alt="筛选" style="width: 16px;height:16px;"></li>
        </ul>
        <div class="mask" *ngIf="filterSelectedFlag" (click)="filterSelectedFlag=false"></div>
        <div class="select_all slowRight" *ngIf="filterSelectedFlag">
          <ul>
            <li *ngFor="let rightItem of rightList">
              <h5>{{rightItem.tagName}}</h5>
              <div class="optionLists">
                <div *ngFor="let optItem of rightItem.tagViewQueryInfos"
                (click)="switchCategory(2,optItem)" [ngClass]="{selected:optItem.selected == true}"
                >{{optItem.tagName}}</div>
              </div>
            </li>
          </ul>
          <div class="foot_btn">
            <div (click)="restart()">重置</div>
            <div (click)="confirm()">确定</div>
          </div>
        </div>
        
        <ul class="productLists">
          <li *ngFor="let productInfoItem of productInfos">
            <div class="productInfoContent" (click)="goProductDetail(productInfoItem)">
              <h3>{{productInfoItem.productName}}</h3>
              <div class="featureContent" *ngIf="productInfoItem['labels']">
                <div *ngFor="let labelItem of productInfoItem['labels']">
                  {{labelItem}}
                </div>
              </div>
              <div class="insuranceRulesContent" *ngIf="productInfoItem['adaptionInfos']">
                <div *ngFor="let adaptionItem of productInfoItem['adaptionInfos']">
                <span>{{adaptionItem.name}}：</span>
                <span [innerHtml]="adaptionItem.value"></span> 
                </div>
              </div>
              <div class="priceContent">
                <span>￥</span><strong>{{productInfoItem.price | number:'1.0-0'}}</strong><span>元起 | 每人每年</span>
              </div>
            </div>
            <div class="dataContent">
              <div (click)="goData(productInfoItem)">资料</div>
              <div>可售</div>
            </div>
          </li>

        
      
        </ul>
      </div>
    </div>
  </div>
</div>
