<ion-view view-title="需支付的报销金额">
    <ion-content>
        <ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
        <div ng-if="loading" class="center init-load action-sheet-backdrop">
            <ion-spinner icon="android"></ion-spinner>
        </div>
        <div ng-if="!loading" class="item item-divider">
            ￥{{data.count}}
        </div>
        <div ng-if="!loading" class="item item-divider" style="overflow: auto;">
            <div ng-repeat="item in data.result" style="float: left; width: {{item.percentage}}; height: 12px; background-color: {{item.type_modal.icon_color}}"></div>
        </div>
        <div ng-if="!loading" class="item item-icon-left item-icon-right" ng-repeat="item in data.result" ng-click="torecord(record)">
            <i class="icon icon-style" style="background-color:{{item.type_modal.icon_color}}" ng-class="item.type_modal.icon"></i>{{item.type_modal.name}}({{item.percentage}})
            <p>￥{{item.count}}</p>
            <!--<i class="icon ion-chevron-right icon-accessory"></i>-->
        </div>
    </ion-content>
</ion-view>