<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="decorator" content="base"/>
    <title>审批记录</title>
    <link rel="stylesheet" type="text/css" href="${ctxPlugin}/static/css/reset.css" />
    <link rel="stylesheet" href="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/dist/viewer.css" media="all">
    <link rel="stylesheet" href="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="${ctxPlugin}/static/css/reset.css" media="all">
    <link rel="stylesheet" href="${ctxPlugin}/static/css/style.css" media="all">
    <style>
        html{background: #FFF; font-size: 12px;}
        .record-box{ padding: 30px 25px; background-color: #FFF; box-sizing: content-box; min-height: 90vh; position: relative;}
        .line-bg{border-left: dashed 1px #cccccc; position: absolute; left: 45px; top: 40px; bottom: 0; z-index: 0; }
        .record-list{display: flex; justify-content: space-between; position: relative; z-index: 1; margin-bottom: 40px;}
        .r-left{width: 40px; span-align: center;}
        .r-left span{width: 42px; height: 40px; background-color: #efefef; border-radius: 6px; display: block; font-size: 12px; padding: 5px 8px; box-sizing: border-box;}
        .r-right{ flex: 1; margin-left: 35px; font-size: 12px;}
        .right-top{ display: flex; min-height: 40px; align-items: center; flex-wrap: wrap;}
        .name-date{width:100%; display: flex; justify-content: space-between; font-size: 14px;}
        .name-date div:last-child{color: #999999; font-size: 12px; white-space: nowrap;}
        .r-content{color: #666666; margin-top: 10px;}
        .status-img{ width: 60px; height: 20px; margin-top: 10px;}
        .list-box .record-list:first-child .r-left span{background-color: #e5f4fc; border: solid 1px #0a6597; color: #0a6597;}
        .list-box .record-list:first-child .name-date div:last-child { color: #0a6597;}
        /*.list-box .record-list:last-child .r-left span{background-color: #FFF; border: solid 1px #fff; }*/
        .no-msg{span-align: center; font-size: 16px; margin-top: 100px; color: #666;}
    </style>
</head>
<body>
<div class="record-box">
    <div class="line-bg"></div>
    <div class="list-box">
        <c:forEach items="${customerEntryMsgList }" var="msg">
        <div class="record-list">
            <div class="r-left">
                <span>${msg.typeStr}</span>
            </div>
            <div class="r-right">
                <div class="right-top">
                    <div class="name-date">
                        <div>${msg.operator}</div>
                        <div><fmt:formatDate value="${msg.operateTime}" pattern="yyyy-MM-dd HH:mm:ss"/></div>
                    </div>
                    <!-- 通过按钮 -->
                    <c:if test="${msg.type eq '88' || msg.type eq '90'|| msg.type eq '91' || msg.type eq '93'|| msg.type eq '63'|| msg.type eq '661'||msg.type eq '51'||msg.type eq '502' ||msg.type eq '505'||msg.type eq '506'||msg.type eq '516'}">
                        <img src="${ctxPlugin}/static/img/shtg.png" class="status-img"  />
                    </c:if>
                    <!-- 驳回按钮 -->
                    <c:if test="${msg.type eq '89' || msg.type eq '92'|| msg.type eq '94' || msg.type eq '11'|| msg.type eq '62'|| msg.type eq '662'||msg.type eq '52'||msg.type eq '515' ||msg.type eq '510' ||msg.type eq '507'||msg.type eq '519'}">
                        <img src="${ctxPlugin}/static/img/shbh.png" class="status-img" />
                    </c:if>
                </div>
                <div class="r-content">${msg.content}</div>
            </div>
        </div>
        </c:forEach>
    </div>
</div>

<script src="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/layui/layui.js"></script>
<script src="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/dist/viewer.js"></script>
<script src="${ctxPlugin}/lib/base64.js"></script>

<script>

</script>
</body>
</html>