select.html 2.09 KB
Newer Older
manxiaoqiang committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
<div class="selList app-type" ng-class="{'active':selme && operSel,'iptnull':meauRed,'dis':!operSel}" ng-click="selme=!selme;" ng-mouseleave="selme=false;">
  <span>
    <b ng-if="currentInfo.platform" ng-class="{'Android':'android','iOS':'apple','H5':'web'}[currentInfo.platform]"></b>
    <em ng-if="currentInfo.platform" class="iconfont" ng-class="{'Android':'icon-android','iOS':'icon-ios','H5':'icon-wrap'}[currentInfo.platform]" style="color:#fff;"></em>
    {{selName}}</span>
  <div ng-class="{'whiteArrowIcon':iconType=='white','arrowIcon':!iconType,'blueArrow':iconType=='blue'}" ng-style="{'margin-top':selId=='line' || selId=='columnstack' || selId=='pie' || selId=='table'?'10px':''}"></div>
  <div class="optionList" ng-show="selme && operSel" ng-class="{'chartType':selId=='line' || selId=='columnstack' || selId=='pie' || selId=='table'}">
  	<div ng-show="meauInfo.length>5 && showsearch && !meauInfo[0].dsflag" class="searchWrap" style="width: 100%;margin-top:5px;margin-bottom: 5px;float:left;box-sizing: border-box;padding:0px 5px;" stop-event>
        <input type="text" class="searchIpt selectIpt" ng-model="searchlitxt" placeholder="关键字搜索" style="width:100%;border:1px solid #c9c9c9;">
    </div>
    <div class="clear"></div>
      <ul style="max-height: 170px;">
          <li ng-repeat="m in meauInfo | filterList:searchlitxt:keyname track by $index" ng-click="clickMeau(m)" ng-class="{'active':selId == m[keyid]}" title="{{m[keyname]}}" ng-style="{'border-bottom': m.border?'1px solid #dcdcdc':'','height':'35px'}" ng-if="m.attr!='usergroup'">
          	<i ng-if="m.platform" ng-class="{'Android':'android','iOS':'apple','H5':'web','line':'line','columnstack':'columnstack','pie':'pie','table':'table'}[m.platform]"></i>
            <em ng-if="m.platform" class="iconfont" ng-class="{'Android':'icon-android','iOS':'icon-ios','H5':'icon-wrap','line':'icon-line','columnstack':'icon-columnstack','pie':'icon-pie','table':'icon-table'}[m.platform]"></em>
            {{m[keyname]}}<em ng-if="m.templates && m.categoryName" class="label">({{m.categoryName}})</em>
          </li>
      </ul>
  </div>
</div>