<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<%--<table class="table table-striped table-bordered ">--%>
	<%--<c:forEach items="${histoicFlowList}" var="act" varStatus="var">--%>
		<%--<c:if test="${var.index == 0}">--%>
			<%--<td id="start" style="width:80px;text-align:center;background-color:#5BA276;"><span style="color:#FFFFFF;">${act.taskName}>></span></td>--%>
		<%--</c:if>--%>
		<%--<c:if test="${var.index != 0}">--%>
			<%--<td id="start" style="width:80px;text-align:center;background-color:red;"><span style="color:#FFFFFF;">${act.taskName}</span></td>--%>
		<%--</c:if>--%>
	<%--</c:forEach>--%>
<%--</table>--%>
<div class="layui-row flow-items" style="margin-top:16px;">
<c:forEach items="${histoicFlowList}" var="act" varStatus="var">
	<c:if test="${var.index == 0}">
		<div class="layui-item layui-col-xs4 pr fl workflow">
			<div class="last">${act.taskName}</div>
			<div class="sep"><img src="${ctxStatic}/common/img/work-sep.png" height="100%"></div>
		</div>
	</c:if>
	<c:if test="${var.index == 1}">
		<div class="layui-item layui-col-xs4 pr fl workflow">
			<div class="cur">${act.taskName}</div>
			<div class="sep"><img src="${ctxStatic}/common/img/work-sep.png" height="100%"></div>
		</div>
	</c:if>
	<c:if test="${var.index == 2}">
		<div class="layui-item layui-col-xs4 pr fl workflow">
			<div class="next">${act.taskName}</div>
		</div>
	</c:if>
</c:forEach>
</div>