www-huanghe/modules/Selfcheck/views/cultivatelist.html

<ion-view view-title="查找用户">
  <div class="bar bar-header bar-header-blue">
    <div class="button button-icon icon  pus_blue"></div>
    <button class="button button-icon  icon goback whiteGoBack noneContent"  ng-click="goback()"></button>
    <h1 class="bar_title" style="color: #fff">{{passname}}</h1>
  </div>
  <ion-content class="has-header" has-bouncing="false" scroll="true" delegate-handle="privateContent" style="max-width:20.5rem;margin: 0 auto;background: #f3f3f3">
    <div  class="tabbox">
      <div ng-repeat="item in tablist" class="tablist" ng-class="{'tabtype':item.type}" ng-click="handletab(item)">
        <span>{{item.name}}</span>
      </div>
    </div>
    <div class="searchHomeChatWrapFloor" ng-if="isShowSearchButton">
      <div class="searchFriend" ng-click="showSearchButtonLeft()">
        <span> <i class="ion-ios-search"></i>搜索</span>
      </div>
    </div>
    <div class="searchHomeChatWrapFloor" ng-if="!isShowSearchButton">
      <div class="searchFriend">
          <span style="width: 100%;">
            <i class="ion-ios-search" style="position: absolute;left: 12px;top: 5px;z-index: 5;"></i>
            <input placeholder="搜索" class="showSearchInput" ng-model="keyfilter"
                   ng-keypress="($event.which === 13)?CaseDatalist(keyfilter):0" ng-focus="showFunc()" autofocus="autofocus"
                   autocomplete="on">
            <i class="icon ion-close-circled placeholder-icon" style="right:7px;position: absolute;top: 5px;"
               ng-click="clearSearch()"></i>
          </span>
      </div>
    </div>
    <div ng-repeat="item in list" class="list" ng-click="ondetail(item)" >
      <div class="list-left" >
        <h4>{{fostertype!=0?item.orgname:item.title}}</h4>
        <span ng-if="fostertype!=0">{{item.inconformity?'不建议申报':'建议申报'}}</span>
        <span ng-if="fostertype==0">{{item.totalcount>70?'建议申报':'不建议申报'}}</span>
        <span ng-if="fostertype==0">{{item.totalcount}}分</span>
      </div>
      <div class="list-right" >
        <button class="button button-small button-calm" >进入详情</button>
        <div style="margin-top: 10px">{{item.createtime}}</div>
      </div>
    </div>
  </ion-content>
</ion-view>
<style>
  .list{
    margin: 10px;
    border-radius: 10px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .list-left{
    width: 80%;
  }
  .list-right{
    text-align: right;
  }
  .list-left,.list-right{
    padding: 10px;
  }
  .list-left span{
    color: silver;
  }
  .searchFriend{
    width: calc(100% - 20px);
  }
  .tabbox{
    display: flex;
    justify-content: space-around;
    background: #e0e0e0;
    cursor: pointer;
  }
  .tabbox .tablist{
    padding: 10px 20px;
  }
  .tabbox .tabtype{
    border-bottom: 2px #3B8BD0 solid;
  }
</style>