@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section header
    {
    <link rel="stylesheet" href="/css/treetable.css" />
}

<div id="listForm" class="layui-tab-item layui-show">
    <div id="ImportData" style="padding: 60px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;display: none;">
        <div style="overflow:hidden">
            <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal" data-type="btnTemplate"><i class="layui-icon">&#xe663;</i>生成模板</a>
            <br />
            <br />
            <input type="file" name="excelfile" id="excelfile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
        </div>
    </div>
    <form class="layui-form layui-form-pane" action="" lay-filter="listForm">
        <div class="layui-form-item" id="panelSearch" hidden>
            <fieldset class="layui-elem-field">
                <legend>检索区域 - 请输入相关数据查询</legend>
                <div class="layui-field-box" id="qform">
                    <div class="layui-form-item layui-col-sm12">
                        <div class="layui-inline toolList">
                            <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius" data-type="btnQuery"><i class="layui-icon">&#xe615;</i>查询</a>
                            <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm" data-type="btnReset"><i class="layui-icon">&#xe66c;</i>重置</a>
                            <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger" data-type="btnClose"><i class="layui-icon">&#xe6a7;</i>关闭</a>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div hidden>
                            <label class="layui-form-label">id</label>
                            <div class="layui-input-inline">
                                <input name="qId" v-model="Id" type="text" autocomplete="off" lay-verify="required" class="layui-input NumText">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">类型:接收/发送</label>
                            <div class="layui-input-inline">
                                <input name="qType" v-model="Type" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">系统</label>
                            <div class="layui-input-inline">
                                <input name="qSystem" v-model="System" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">方法</label>
                            <div class="layui-input-inline">
                                <input name="qMethod" v-model="Method" type="text" autocomplete="off" lay-verify="required" maxlength="200" class="layui-input">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">服务器</label>
                            <div class="layui-input-inline">
                                <input name="qServer" v-model="Server" type="text" autocomplete="off" lay-verify="required" maxlength="200" class="layui-input">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">路径</label>
                            <div class="layui-input-inline">
                                <input name="qPath" v-model="Path" type="text" autocomplete="off" lay-verify="required" maxlength="200" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">调用方法</label>
                            <div class="layui-input-inline">
                                <input name="qActionName" v-model="ActionName" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">查询字符串</label>
                            <div class="layui-input-inline">
                                <input name="qQueryString" v-model="QueryString" type="text" autocomplete="off" lay-verify="required" maxlength="200" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">Api控制器</label>
                            <div class="layui-input-inline">
                                <select name="qApiGroup" v-model="ApiGroup" data-model="ApiGroup" class="Selector" lay-filter="qform"></select>
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">请求</label>
                            <div class="layui-input-inline">
                                <input name="qRequest" v-model="Request" type="text" autocomplete="off" lay-verify="required" class="layui-input">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">响应</label>
                            <div class="layui-input-inline">
                                <input name="qResponse" v-model="Response" type="text" autocomplete="off" lay-verify="required" class="layui-input">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">耗时(毫秒)</label>
                            <div class="layui-input-inline">
                                <input name="qTotalMilliseconds" v-model="TotalMilliseconds" type="text" autocomplete="off" lay-verify="required" maxlength="54" class="layui-input">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">日志时间</label>
                            <div class="layui-input-inline">
                                <input name="qLogTime" v-model="LogTime" type="text" autocomplete="off" lay-verify="required" class="layui-input layui-date">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">用户名</label>
                            <div class="layui-input-inline">
                                <input name="qName" v-model="Name" type="text" autocomplete="off" lay-verify="required" maxlength="100" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">Ip地址</label>
                            <div class="layui-input-inline">
                                <input name="qIp" v-model="Ip" type="text" autocomplete="off" lay-verify="required" maxlength="100" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">浏览器</label>
                            <div class="layui-input-inline">
                                <input name="qBrowser" v-model="Browser" type="text" autocomplete="off" lay-verify="required" maxlength="200" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">结果</label>
                            <div class="layui-input-inline">
                                <select name="qResult" v-model="Result" data-model="Result" class="Selector" lay-filter="qform"></select>
                            </div>
                        </div>
                        <div class="layui-col-sm3">
                            <label class="layui-form-label">重发标识</label>
                            <div class="layui-input-inline">
                                <input name="qFlag" v-model="Flag" type="text" autocomplete="off" lay-verify="required" class="layui-input NumText">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">创建时间</label>
                            <div class="layui-input-inline">
                                <input name="qCreateTime" v-model="CreateTime" type="text" autocomplete="off" lay-verify="required" class="layui-input layui-date">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">创建用户</label>
                            <div class="layui-input-inline">
                                <input name="qCreateBy" v-model="CreateBy" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">更新时间</label>
                            <div class="layui-input-inline">
                                <input name="qUpdateTime" v-model="UpdateTime" type="text" autocomplete="off" lay-verify="required" class="layui-input layui-date">
                            </div>
                        </div>
                        <div hidden>
                            <label class="layui-form-label">更新用户</label>
                            <div class="layui-input-inline">
                                <input name="qUpdateBy" v-model="UpdateBy" type="text" autocomplete="off" lay-verify="required" maxlength="50" class="layui-input">
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>
        </div>

        <table id="mainList" class="layui-table"
               lay-data="{height: 'full-1', cellMinWidth: 80, page:true, id:'mainList', limit: 20, limits: [20, 50, 100, 200, 500, 1000], defaultToolbar: ['filter'], toolbar: '#toolbarTable'}"
               lay-filter="mainList" lay-size="sm">
            <thead>
                <tr>
                    <th lay-data="{checkbox:true, fixed: true}"></th>
                    <th lay-data="{field:'Id', width:80, sort: true, fixed: false, hide: false}">id</th>
                    <th lay-data="{field:'Type', width:80, sort: true, fixed: false, hide: false}">类型</th>
                    <th lay-data="{field:'System', width:100, sort: true, fixed: false, hide: false}">系统</th>
                    <th lay-data="{field:'Method', width:100, sort: true, fixed: false, hide: false}">方法</th>
                    <th lay-data="{field:'Server', width:150, sort: true, fixed: false, hide: false}">服务器</th>
                    <th lay-data="{field:'ApiGroup', width:150, sort: true, fixed: false, hide: false, templet: function(d){return GetLabel('ApiGroup', 'DictValue', 'DictLabel', d.ApiGroup)}}">Api控制器</th>
                    <th lay-data="{field:'Path', width:190, sort: true, fixed: false, hide: false}">路径</th>
                    <th lay-data="{field:'ActionName', width:150, sort: true, fixed: false, hide: false}">调用方法</th>
                    <th lay-data="{field:'Result', width:80, sort: true, fixed: false, hide: false, templet: function(d){return GetLabel('Result', 'DictValue', 'DictLabel', d.Result)}}">结果</th>
                    <th lay-data="{field:'QueryString', width:150, sort: true, fixed: false, hide: false}">查询字符串</th>
                    <th lay-data="{field:'Request', width:150, sort: true, fixed: false, hide: false}">请求</th>
                    <th lay-data="{field:'Response', width:150, sort: true, fixed: false, hide: false}">响应</th>
                    <th lay-data="{field:'TotalMilliseconds', width:150, sort: true, fixed: false, hide: false}">耗时(毫秒)</th>
                    <th lay-data="{field:'LogTime', width:150, sort: true, fixed: false, hide: false}">日志时间</th>
                    <th lay-data="{field:'Name', width:150, sort: true, fixed: false, hide: false}">用户名</th>
                    <th lay-data="{field:'Ip', width:150, sort: true, fixed: false, hide: false}">Ip地址</th>
                    <th lay-data="{field:'Browser', width:150, sort: true, fixed: false, hide: false}">浏览器</th>
                    <th lay-data="{field:'Flag', width:100, sort: true, fixed: false, hide: false}">重发标识</th>
                    <th lay-data="{field:'CreateTime', width:150, sort: true, fixed: false, hide: false}">创建时间</th>
                    <th lay-data="{field:'CreateBy', width:150, sort: true, fixed: false, hide: false}">创建用户</th>
                    <th lay-data="{field:'UpdateTime', width:150, sort: true, fixed: false, hide: false}">更新时间</th>
                    <th lay-data="{field:'UpdateBy', width:150, sort: true, fixed: false, hide: false}">更新用户</th>
                </tr>
            </thead>
        </table>
        <script type="text/html" id="toolbarTable">
            <div class="layui-btn-container">
                <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal" lay-event="btnSelect"><i class="layui-icon">&#xe628;</i>检索</a>
                <a herf="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal" lay-event="btnRefresh"><i class="layui-icon">&#xe9aa;</i>刷新</a>
                {{ loadMenus("SysInterfaceLog", 1) }}
            </div>
        </script>
    </form>
</div>

<div id="modifyForm" class="layui-tab-item" style="padding-left:40px;padding-top:20px;">
    <form class="layui-form layui-form-pane" action="" lay-filter="modifyForm">
        <div class="layui-card">
            <div class="layui-row">
                <div hidden>
                    <label class="layui-form-label layui-col-sm3">id</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Id" v-model="Id" style="background-color:#eee;" disabled="disabled" type="text" autocomplete="off" lay-verify="" class="layui-input NumText">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">类型:接收/发送</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Type" v-model="Type" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">系统</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="System" v-model="System" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">方法</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Method" v-model="Method" type="text" autocomplete="off" lay-verify="" maxlength="200" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">服务器</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Server" v-model="Server" type="text" autocomplete="off" lay-verify="" maxlength="200" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">路径</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Path" v-model="Path" type="text" autocomplete="off" lay-verify="" maxlength="200" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">调用方法</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="ActionName" v-model="ActionName" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">查询字符串</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="QueryString" v-model="QueryString" type="text" autocomplete="off" lay-verify="" maxlength="200" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">Api控制器</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="ApiGroup" v-model="ApiGroup" type="text" autocomplete="off" lay-verify="" maxlength="100" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">请求</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Request" v-model="Request" type="text" autocomplete="off" lay-verify="" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">响应</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Response" v-model="Response" type="text" autocomplete="off" lay-verify="" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">耗时(毫秒)</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="TotalMilliseconds" v-model="TotalMilliseconds" type="text" autocomplete="off" lay-verify="" maxlength="54" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">日志时间</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="LogTime" v-model="LogTime" type="text" autocomplete="off" lay-verify="" class="layui-input layui-date">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">用户名</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Name" v-model="Name" type="text" autocomplete="off" lay-verify="" maxlength="100" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">Ip地址</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Ip" v-model="Ip" type="text" autocomplete="off" lay-verify="" maxlength="100" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">浏览器</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Browser" v-model="Browser" type="text" autocomplete="off" lay-verify="" maxlength="200" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">结果</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Result" v-model="Result" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-sm6">
                    <label class="layui-form-label layui-col-sm3">重发标识</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="Flag" v-model="Flag" type="text" autocomplete="off" lay-verify="" class="layui-input NumText">
                    </div>
                </div>
                <div hidden>
                    <label class="layui-form-label layui-col-sm3">创建时间</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="CreateTime" v-model="CreateTime" style="background-color:#eee;" disabled="disabled" type="text" autocomplete="off" lay-verify="" class="layui-input layui-date">
                    </div>
                </div>
                <div hidden>
                    <label class="layui-form-label layui-col-sm3">创建用户</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="CreateBy" v-model="CreateBy" style="background-color:#eee;" disabled="disabled" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
                <div hidden>
                    <label class="layui-form-label layui-col-sm3">更新时间</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="UpdateTime" v-model="UpdateTime" style="background-color:#eee;" disabled="disabled" type="text" autocomplete="off" lay-verify="" class="layui-input layui-date">
                    </div>
                </div>
                <div hidden>
                    <label class="layui-form-label layui-col-sm3">更新用户</label>
                    <div class="layui-input-inline layui-col-sm6">
                        <input name="UpdateBy" v-model="UpdateBy" style="background-color:#eee;" disabled="disabled" type="text" autocomplete="off" lay-verify="" maxlength="50" class="layui-input">
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/productjs/monitor/SysInterfaceLog.js?v=2019.08.29"></script>
<script type="text/javascript" src="/basejs/Common.js?v=2019.08.29"></script>