<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sptg="http://www.thymeleaf.org">
<head>
    <script th:replace="common/head"></script>
</head>
<style>
    .detail-info{
        word-break: break-all;
    }
    .layui-form-label{
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        text-align: left;
    }
</style>
<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto" style="padding:0;">
            <div class="layui-form-item border-b"></div>

            <fieldset class="layui-elem-field">
                <legend>系统操作日志详情</legend>

                <div class="layui-row ">
                    <div class="layui-col-md2">
                        <label class="layui-form-label">操作人：</label>
                    </div>
                    <div class="layui-col-md10">
                        <span class="detail-info"  th:text="${sysOperationLog.operatorAccountName}"></span>
                    </div>
                </div>

                <div class="layui-row ">
                    <div class="layui-col-md2">
                        <label class="layui-form-label">操作事件：</label>
                    </div>
                    <div class="layui-col-md10">
                        <span class="detail-info"  th:if="${sysOperationLog.operationEvent} == 0">新增</span>
                        <span class="detail-info"  th:if="${sysOperationLog.operationEvent} == 1">删除</span>
                        <span class="detail-info"  th:if="${sysOperationLog.operationEvent} == 2">修改</span>
                        <span class="detail-info"  th:if="${sysOperationLog.operationEvent} == 3">登录</span>
                        <span class="detail-info"  th:if="${sysOperationLog.operationEvent} == 4">退出登录</span>
                        <span class="detail-info"  th:if="${sysOperationLog.operationEvent} == null">未知</span>
                    </div>
                </div>

                <div class="layui-row ">
                    <div class="layui-col-md2">
                        <label class="layui-form-label">操作菜单：</label>
                    </div>
                    <div class="layui-col-md10">
                        <span class="detail-info"  th:text="${sysOperationLog.menu}"></span>
                    </div>
                </div>

                <div class="layui-row ">
                    <div class="layui-col-md2">
                        <label class="layui-form-label">操作表名：</label>
                    </div>
                    <div class="layui-col-md10">
                        <span class="detail-info"  th:text="${sysOperationLog.tableName}"></span>
                    </div>
                </div>

                <div class="layui-row ">
                    <div class="layui-col-md2">
                        <label class="layui-form-label">ip：</label>
                    </div>
                    <div class="layui-col-md10">
                        <span class="detail-info"  th:text="${sysOperationLog.operatorIp}"></span>
                    </div>
                </div>

                <div class="layui-row ">
                    <div class="layui-col-md2">
                        <label class="layui-form-label">操作时间：</label>
                    </div>
                    <div class="layui-col-md10">
                        <span class="detail-info"  th:text="${#dates.format(sysOperationLog.operationDate, 'yyyy-MM-dd HH:mm:ss')}"></span>
                    </div>
                </div>

                <hr class="layui-bg-green" th:if="${sysOperationLog.oldObj} != null">

                <div class="layui-row " th:if="${sysOperationLog.oldObj} != null">
                    <div class="layui-col-md2">
                        <label class="layui-form-label">操作对象：</label>
                    </div>
                    <div class="layui-col-md10">
                        <fieldset class="layui-elem-field" style="padding: 2px">
                            <span class="detail-info" th:text="${sysOperationLog.oldObj}"></span>
                        </fieldset>
                    </div>
                </div>

                <div class="layui-row " th:if="${sysOperationLog.newObj} != null">
                    <div class="layui-col-md2">
                        <label class="layui-form-label">新对象：</label>
                    </div>
                    <div class="layui-col-md10">
                        <fieldset class="layui-elem-field" style="padding: 2px">
                            <span class="detail-info"  th:text="${sysOperationLog.newObj}"></span>
                        </fieldset>
                    </div>
                </div>

            </fieldset>

        </div>
    </div>
</div>

<!-- javascript -->
<script type="text/javascript" th:src="@{'/layui/layui.js'}" charset="utf-8"></script>
<script type="text/javascript">
    layui.config({
        base: '/' //静态资源所在路径
    });
</script>
<script type="text/javascript" th:src="@{'/js/statistics/sys-operation-log-detail.js'}" charset="utf-8"></script>


</body>

</html>
