<ion-view view-title="添加消费类型" hide-tabs="true" hide-back-button="true" cache-view="false">
    <ion-nav-buttons side="right">
        <button class="button button-clear" ng-click='ok();'>确定</button>
    </ion-nav-buttons>
    <ion-nav-buttons side="left">
        <button class="button button-clear" ng-click='back();'>取消</button>
    </ion-nav-buttons>
    <ion-content>
        <div class=" item item-divider"></div>
        <label class="item item-input">
            <input type="text" placeholder="类型名称" ng-model="data.name">
        </label>
        <div class="item item-divider divider-font">选择图标颜色</div>
        <ul class='ul-imgs dept-icon type-icon'>
            <li ng-repeat="data in iconcolordata" style="background-color: {{data.background}}" ng-click="selectcolor(data)"><i ng-if="data.isacitve" class="ion-ios-checkmark-empty"></i></li>
        </ul>
        <div class="item item-divider divider-font">选择图标</div>
        <ul class='ul-imgs dept-icon type-icon type-icon-bg'>
            <li ng-repeat="item in icondata" style="background-color: {{item.background}}" ng-click="selecticon(item)"><i class="iconassertive {{item.icon}}" ng-class="{true:'acitvecolor',false:'unacitvecolor'}[item.isacitve]"></i></li>
        </ul>
        <!-- <ion-list>
            <ion-item class="item item-icon-right item-group item-comp">
                <label class="compname">图标</label>
                <i class="icon ion-ios-compose-outline positive"></i>
                <i class="icon ion-chevron-right icon-accessory"></i>
            </ion-item>
        </ion-list> -->
    </ion-content>
    <div class="bar bar-footer assertive footer" ng-if="typeid>0" ng-click="deltype()">
        <div class="title">删除</div>
    </div>
</ion-view>
