JinKong_Cms/public/extend/form/flowdiagram/flowdiagram.html

<div class='form-group col-lg-12 col-md-12 col-sm-12 col-xs-12'>
    <ul class="steps">
        <li class="step">
            <div class="inner {$value1==0?'innerActiveNone':'innerActive'}">{$value1==0?"1":"√"}</div>
            <div class="title {$value1==0?'font':''}">{$value1==0?"创建任务订单":"已创建订单"}</div>
        </li>
        <div class="line {$value1==0||$value1==''?'':'innerActive'}"></div>
        <li class="step">
            <div class="inner {$value2==0?'':'innerActive'} {$value2!=''&&$value2==0?'innerActiveNone':''}">{$value2==0?"2":"√"}</div>
            <div class="title {$value2==0&&$value2!=''?'font':''}">{$value2==0?"订单待付款":"已打款订单"}</div>
        </li>
        <div class="line {$value2==0||$value2==''?'':'innerActive'}"></div>
        <li class="step">
            <div class="inner {$value3==0?'':'innerActive'}  {$value3==0&&$value3!=''?'innerActiveNone':''}">{$value3==0?"3":"√"}</div>
            <div class="title {$value3==0&&$value3!=''?'font':''}">{$value3==0?"订单待验收":"已验收订单"}</div>
        </li>
        <div class="line {$value3==0||$value3==''?'':'innerActive'}"></div>
        <li class="step">
            <div class="inner {$value3==0?'':'innerActive'}">{$value3==0?"4":"√"}</div>
            <div class="title">结束</div>
        </li>
    </ul>
</div>