 <ion-view view-title="{{titleName[activeIndex]}}" hide-back-button="true">
    <ion-nav-buttons side="left">
        <button class="button button-clear" ng-click="this[datatext.leftbtn[leftIndex].click](datatext.leftbtn[leftIndex].params)">{{datatext.leftbtn[leftIndex].text}}</button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
        <button class="button button-clear" ng-click="this[datatext.rightbtn[rightIndex].click]()">{{datatext.rightbtn[rightIndex].text}}</button>
    </ion-nav-buttons>
    <ion-content>
        <div class="button-bar striped">
            <button class="button" ng-class="{true:'striped-color',false:'striped-hover'}[activeIndex==0?true:false]"></button>
            <!-- <label class="striped-color">&nbsp;</label> -->
            <button class="button" ng-class="{true:'striped-color',false:'striped-hover'}[activeIndex==1?true:false]"></button>
            <!-- <label class="striped-color">&nbsp;</label> -->
            <button class="button" ng-class="{true:'striped-color',false:'striped-hover'}[activeIndex==2?true:false]"></button>
            <!-- <label class="striped-color">&nbsp;</label> -->
            <button class="button" ng-class="{true:'striped-color',false:'striped-hover'}[activeIndex==3?true:false]"></button>
        </div>
        <ion-slide-box show-pager="false" ng-init="lockSlide()" active-slide="activeIndex">
            <ion-slide>
                <div class="item item-divider"></div>
                <div>
                    <label class="item item-input">
                        <input type="text" ng-model="processname" placeholder="输入流程名称">
                    </label>
                </div>
            </ion-slide>
            <ion-slide>
                <div class="row process-public process-moban">
                    <div class="item col process-item" ng-class="{true:'bgColorClass',false:''}[setitems[4].show]" ng-click="checkmoban(5);"><i class="ion ion-social-wordpress-outline calm process-ion"></i>
                        <i class="ion ion-ios-checkmark process-moban-checkbox calm" ng-if="setitems[4].show"></i>
                        <div class="row">
                            <div class="col col-15" ng-if="setitems[4].show"></div>
                            <div class="col">标准模板</div>
                            <div class="col positive" ng-click="toSetItem(4)" ng-if="setitems[4].show">设置选项</div>
                            <div class="col col-15" ng-if="setitems[4].show"></div>
                        </div>
                    </div>
                </div>
                <div class="row process-moban">
                    <div class="item col col-50 process-item" ng-class="{true:'bgColorClass',false:''}[setitems[0].show]" ng-click="checkmoban(1);"><i class="ion ion-android-plane calm process-ion"></i>
                        <i class="ion ion-ios-checkmark process-moban-checkbox calm" ng-if="setitems[0].show"></i>
                        <div class="row subitem">
                            <div class="col">加班模板</div>
                            <div class="col positive" ng-click="toSetItem(4)" ng-if="setitems[0].show">设置选项</div>
                        </div>
                    </div>
                    <div class="item col col-50 process-item" ng-class="{true:'bgColorClass',false:''}[setitems[1].show]" ng-click="checkmoban(2);"><i class="ion ion-social-reddit calm process-ion"></i>
                        <i class="ion ion-ios-checkmark process-moban-checkbox calm" ng-if="setitems[1].show"></i>
                        <div class="row subitem">
                            <div class="col">请假模板</div>
                            <div class="col positive" ng-click="toSetItem(4)" ng-if="setitems[1].show">设置选项</div>
                        </div>
                    </div>
                </div>
                <div class="row process-moban">
                    <div class="item col col-50 process-item" ng-class="{true:'bgColorClass',false:''}[setitems[2].show]" ng-click="checkmoban(3);"><i class="ion ion-android-plane calm process-ion"></i>
                        <i class="ion ion-ios-checkmark process-moban-checkbox calm" ng-if="setitems[2].show"></i>
                        <div class="row subitem">
                            <div class="col">出差模板</div>
                            <div class="col positive" ng-click="toSetItem(4)" ng-if="setitems[2].show">设置选项</div>
                        </div>
                    </div>
                    <div class="item col col-50 process-item" ng-class="{true:'bgColorClass',false:''}[setitems[3].show]" ng-click="checkmoban(4);"><i class="ion ion-social-reddit calm process-ion"></i>
                        <i class="ion ion-ios-checkmark process-moban-checkbox calm" ng-if="setitems[3].show"></i>
                        <div class="row subitem">
                            <div class="col">外出模板</div>
                            <div class="col positive" ng-click="toSetItem(4)" ng-if="setitems[3].show">设置选项</div>
                        </div>
                    </div>
                </div>
                <div class="row process-moban">
                    <div class="item col col-50 process-item"><i class="ion ion-android-plane calm process-ion"></i>
                        <div class="row subitem">
                            <div class="col">出差模板</div>
                            <!-- <div class="col">设置选项</div> -->
                        </div>
                    </div>
                    <div class="item col col-50 process-item"><i class="ion ion-social-reddit calm process-ion"></i>
                        <div class="row subitem">
                            <div class="col">请假模板</div>
                            <!-- <div class="col">设置选项</div> -->
                        </div>
                    </div>
                </div>
            </ion-slide>
            <ion-slide>
                <div class="item item-divider"></div>
                <ion-list>
                    <ion-item class="process-step  item-icon-right" type="item-text-wrap">
                        <span class="process-number ">1</span>
                        <h2>主管审核<i class="ion-ios-compose-outline"></i></h2>
                        <p class="from-p">审核人：丫丫</p>
                        <i class="icon ion-navicon-round icon-accessory"></i>
                    </ion-item>
                    <ion-item class="process-step item-icon-right" type="item-text-wrap">
                        <span class="process-number ">2</span>
                        <h2>财务审核<i class="ion-ios-compose-outline"></i></h2>
                        <p class="from-p">审核人：天天</p>
                        <i class="icon ion-navicon-round icon-accessory"></i>
                    </ion-item>
                    <ion-item class="process-step item-icon-right" type="item-text-wrap">
                        <span class="process-number ">3</span>
                        <h2>经理审核<i class="ion-ios-compose-outline"></i></h2>
                        <p class="from-p">审核人：明明</p>
                        <i class="icon ion-navicon-round icon-accessory"></i>
                    </ion-item>
                </ion-list>
                <div class="item item-divider"></div>
                <ion-item class="positive" type="item-text-wrap" style="text-align:center" ng-href="#/fieldtype/-1">
                    添加审批步骤&nbsp;<i class="ion-plus"></i>
                </ion-item>
            </ion-slide>
            <ion-slide>
                <div class="item item-divider"></div>
                <textarea rows="6" class="process-desc" ng-model="data.desc" placeholder="可以写一些该流程的介绍(选填)"></textarea>
                <div class="item item-divider"></div>
                <ion-item class="item item-icon-right" type="item-text-wrap">
                    抄送人
                    <label class="label-right-text item-note">0人</label>
                    <i class="icon ion-chevron-right icon-accessory"></i>
                </ion-item>

                <div class="desctext ">当流程审批完时，抄送给他们。适用于人事或财务等，虽不参与审批，但须处理相关事项。<br/><br/><br/></div>
                <ion-item class="item item-icon-right" type="item-text-wrap">
                    谁能使用
                    <label class="label-right-text item-note">全部成员</label>
                    <i class="icon ion-chevron-right icon-accessory"></i>
                </ion-item>
                <div class="desctext">公司哪些部门，可以申请该流程</div>
            </ion-slide>
        </ion-slide-box>
        <!-- <div style=" width:50px; height:50px; background-color:#F00; border-radius:25px;">
         <span style="height:50px; line-height:50px; display:block; color:#FFF; text-align:center">4</span>
       </div> -->
    </ion-content>
</ion-view>