<!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="${vcApiLog.apiMethod}"></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="${vcApiLog.apiMethodName}"></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="${vcApiLog.msg}"></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="${vcApiLog.subMsg}"></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(vcApiLog.createDate, 'yyyy-MM-dd HH:mm:ss')}"></span>
                    </div>
                </div>

                <hr class="layui-bg-green">

                <div class="layui-row ">
                    <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="${vcApiLog.respInfo}"></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>

</body>

</html>
