<ion-view view-title="选择模板范围" cache-view="false" hide-nav-bar="false" hide-back-button="true">
    <ion-nav-buttons side="left">
        <button class="button button-clear" ng-click="this[leftbtn[index].click]();">{{leftbtn[index].text}}</button>
    </ion-nav-buttons>
    <ion-content>
        <div ng-if="loading" class="center init-load action-sheet-backdrop">
            <ion-spinner icon="android"></ion-spinner>
        </div>
        <div class="item item-divider dividercolor">公司哪些部门，能够使用该模板</div>
        <ul ng-if="!loading" class="list">
            <li class="check-dept-li" ng-click="consoles();" ng-repeat="dept in depts track by $index" ng-class="{true:'clickactive',fasle:''}[actived]">
                <label class="list item-checkbox">
                    <div class="checkbox checkbox-input-hidden disable-pointer-events checkbox-circle">
                        <input ng-disabled="dept.isdisabled" ng-model="dept.selected" ng-change="change(dept)" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-not-empty">
                        <i class="checkbox-icon" ng-show="!dept.isdisabled"></i>
                    </div>
                </label>
                <label ng-click="tochilddept(dept);" ng-class="{true:'',false:'disabled'}[!dept.isdisabled]">
                    <span class="deptname">{{dept.depname}}{{dept.isdisabled?"(已设置)":""}}</span>
                    <i class="icon ion-chevron-right icon-accessory" ng-show="dept.isshow"></i>
                </label>
            </li>
        </ul>
    </ion-content>
    <div ng-class="{true:'bar bar-footer bar-dark footer-div bigview',false:'bar bar-footer footer-div bar-dark'}[isUp]">
        <i ng-class="{true:'ion-ios-arrow-down cirl-i',false:' ion-ios-arrow-up cirl-i'}[isUp]" ng-click="isUp = !isUp"></i>
        <ul class='ul-imgs dept-icon'>
            <li ng-repeat="deptitem in selecteddepts track by $index">{{deptitem.depname}}</li>
        </ul>
        <button ng-disabled="selecteddepts.length==0" ng-click="ok();" class="button pull-right button-calm">确定{{selecteddepts.length>0?"("+selecteddepts.length+")":""}}</button>
    </div>
</ion-view>
