zuel-itsm-3.0.2/assets/views/customform/tpl/wxIncidentProcess.html

<div class="panel processBox">
    <div>
        <i class="iconfont icon-liucheng lvse"></i><br>
        <div class="processZi">申请</div>
    </div>
    <div class="processLine"></div>
    <div>
        <i class="iconfont icon-liucheng lvse"></i><br>
        <div class="processZi">受理</div>
    </div>
    <div class="processLine"></div>
    <div>
        <i class="iconfont icon-liucheng lvse"></i><br>
        <div class="processZi">处理</div>
    </div>
    <div class="processLine"></div>
    <div>
        <i class="iconfont icon-liucheng huise" ng-if="!pingjia&&!jiejue"></i>
        <i class="iconfont icon-liucheng lvse" ng-if="pingjia||jiejue"></i><br>
        <div class="processZi">评价</div>
    </div>
    <div class="processLine"></div>
    <div>
        <i class="iconfont icon-liucheng huise" ng-if="!jiejue"></i>
        <i class="iconfont icon-liucheng lvse" ng-if="jiejue"></i><br>
        <div class="processZi">完成</div>
    </div>
</div>
<style>
    .processBox{
        width: 100%;
        display: flex;
    }
    .processLine{
        width: 15%;
        border-top: 1px #999999 solid;
        margin-top: 19px
    }
    .huise{
        color:#999999
    }
    .lvse{
        color:rgb(0,204,153)
    }
    .processZi{
        text-align: center;
        color: #333333!important
    }
</style>