linker_erp/www/apps/workflow/templates/workflow-templatecreate.html

<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>

            <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="template.name" placeholder="输入流程名称">
                    </label>
                </div>
            </ion-slide>
            <ion-slide>
                <div class="row workflow-public workflow-moban">
                    <div class="item col workflow-item" ng-class="{true:'bgColorClass',false:''}[customer_template.show]" ng-click="checktemplate(customer_template);"><i class="ion ion-social-wordpress-outline calm workflow-ion"></i>
                        <i class="ion ion-ios-checkmark workflow-moban-checkbox calm" ng-if="customer_template.show"></i>
                        <div class="row">
                            <div class="col col-15" ng-if="customer_template.show"></div>
                            <div class="col">标准模板</div>
                            <div class="col positive" ng-click="toSetItem(customer_template.id)" ng-if="customer_template.show">设置选项</div>
                            <div class="col col-15" ng-if="customer_template.show"></div>
                        </div>
                    </div>
                </div>
                <div class="row workflow-moban " ng-repeat="templates in templates_already">
                    <div class="item col col-50 workflow-item item-text-wrap" ng-class="{true:'bgColorClass',false:''}[template.show]" ng-repeat="template in templates" ng-click="checktemplate(template);">
                        <i class="ion workflow-ion" ng-class="template.icon +' '+template.icon_color"></i>
                        <i class="ion ion-ios-checkmark workflow-moban-checkbox calm" ng-if="template.show"></i>
                        <div class="row subitem">
                            <div class="col">{{template.name}}</div>
                            <div class="col positive" ng-click="toSetItem(template.id)" ng-if="template.show">设置选项</div>
                        </div>
                    </div>
                    <div class="item col col-50 workflow-item item-text-wrap last-template-space" ng-if="templates.length<2"></div>
                </div>
            </ion-slide>
            <ion-slide>
                <div class="item item-divider" ng-if="auditsteps.length>0"></div>
                <ion-list>
                    <ion-item ng-repeat="step in auditsteps" class="workflow-step item-icon-right item-text-wrap">
                        <span class="workflow-number ">{{$index+1}}</span>
                        <h2>{{step.name}}<i class="ion-ios-compose-outline"></i></h2>
                        <p class="from-p">审批人:{{step.verifier==null?"未指定":step.verifier.username}}</p>
                        <i class="icon ion-navicon-round icon-accessory"></i>
                    </ion-item>
                </ion-list>
                <div class="item item-divider"></div>
                <ion-item class="positive" style="text-align:center" ng-click="toaddstep()">
                    添加审批步骤&nbsp;<i class="ion-plus"></i>
                </ion-item>
            </ion-slide>
            <ion-slide>
                <div class="item item-divider"></div>
                <textarea rows="6" class="workflow-desc" ng-model="template.description" placeholder="可以写一些该流程的介绍(选填)"></textarea>
                <div class="item item-divider"></div>
                <ion-item class="item item-icon-right item-text-wrap" ng-click="select_cc_or_permission('cc')">
                    抄送人
                    <label class="label-right-text item-note">{{template.cc.length}}人</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 item-text-wrap" ng-click="select_cc_or_permission('permission')">
                    谁能使用
                    <span class=" item-note" ng-repeat="user in template.permission.users">{{user.username}}{{$last ? '' : '、'}}</span>
                    <label class="label-right-text item-note" ng-if="template.permission.all">全部成员</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>