zuel-itsm-3.0.2/assets/views/customform/tpl/cmdb/ui-process.html

<style>
    .whiteback {
        background: #fff;
        border: 1px solid #a2d516;
        padding: 2px;
        border-radius: 100% 100% 100% 100%;
    }
    
    .whitebackbohui {
        border: 1px solid #fe2a44 !important;
    }
    
    .whitebackshenhe {
        border: 1px solid #4a90e2 !important;
    }
    
    .whitebacknext {
        border: 1px solid #eeeeee !important;
    }
    
    .borderprocces {
        padding: 2px;
        background-color: #a2d516;
        border-radius: 100% 100% 100% 100%;
        color: #fff;
    }
    
    .borderproccesbohui {
        background-color: #fe2a44 !important;
    }
    
    .borderproccesshenhe {
        background-color: #4a90e2 !important;
    }
    
    .borderproccesnext {
        background-color: #eeeeee !important;
        color: #999;
    }
</style>
<div class="pull-left col-xs-12 fontcolor-two fontsizes-14 font-weight-500">
    {{to.label}}
</div>
<form name="Form" id="form" novalidate>
    <div id="wizard" class="swMain">
        <!-- start: WIZARD SEPS -->
        <ul>
            <!-- <li ng-click="form.goTo(Form, 1)" ng-repeat="item in processdata">
                <a href ng-class="{'selected' : currentStep >= 1, 'done' : currentStep > 1}">
                    <div class="stepNumber">
                        1
                    </div>
                    <span class="stepDesc text-small"> {{item.activityName}} </span>
                </a>
            </li> -->
            <li ng-click="form.goTo(Form, 2)" ng-repeat="item in processdata">
                <a href ng-class="{'selected' : currentStep >= 2, 'done' : currentStep > 2}">
                    <div class="stepNumber">
                        <div class="whiteback" ng-class="{whitebacknext:$last,whitebackshenhe:item.activityName=='审核',whitebackbohui:item.activityName=='修改信息'}">
                            <div class="borderprocces" ng-class="{borderproccesnext:$last&&processdata[$index].endTime=='',borderproccesshenhe:item.activityName=='审核',borderproccesbohui:item.activityName=='修改信息'}">
                                {{$index+1}}
                            </div>
                        </div>
                    </div>
                    <span class="stepDesc text-small fontcolor-one"> {{item.activityName}} </span>
                    <div class="fontcolor-eleven">
                        <!-- 申请人：工程师（王淼） -->
                        {{item.user.name}}
                    </div>
                    <div class="fontcolor-eleven">
                        {{item.startTime}}
                    </div>
                    <!-- <i tooltip="查看资产单处理详情" tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i> -->
                    <div tooltip={{model.applicationForm.opinion}} tooltip-placement="top" style="color:#fe2a44" ng-if="item.activityName=='修改信息'">
                        驳回理由
                    </div>
                </a>
            </li>
            <!-- <li ng-click="form.goTo(Form, 3)">
                <a href ng-class="{'selected' : currentStep >= 3, 'done' : currentStep > 3}">
                    <div class="stepNumber">
                        3
                    </div>
                    <span class="stepDesc text-small"> 再次发送申请单 </span>
                </a>
            </li>
            <li ng-click="form.goTo(Form, 4)">
                <a href ng-class="{'selected' : currentStep >= 4, 'done' : currentStep > 4}">
                    <div class="stepNumber">
                        4
                    </div>
                    <span class="stepDesc text-small"> 审核通过 </span>
                </a>
            </li>
            <li ng-click="form.goTo(Form, 5)">
                <a href ng-class="{'selected' : currentStep >= 5, 'done' : currentStep > 5}">
                    <div class="stepNumber">
                        5
                    </div>
                    <span class="stepDesc text-small"> 入库成功 </span>
                </a>
            </li> -->
        </ul>
    </div>
</form>