<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>日志列表</title>
    <link rel="stylesheet" type="text/css" href="css/common/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="css/common/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" type="text/css" href="css/common/module.css" />
    <link rel="stylesheet" type="text/css" href="css/show_log.css" />
</head>

<body>
<div id="app">
    <div class="iframe_box">
        <ul id="myTabs" class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active" href="#order_list" data-toggle="tab">
                <a>日志列表</a>
            </li>
        </ul>
        <div class="tab-content table_box">
            <div role="tabpanel" class="tab-pane active order_list" id="order_list">
                <div class="dis_search" id="dis_search">
                    <div class="form-inline search_list_1">
                        <span class="search_name">用户：</span>
                        <div class="form-group">
                            <input type="text" class="form-control" v-model="user_name" placeholder="用户名-绝对匹配">
                        </div>
                        <span class="search_name">标题：</span>
                        <div class="form-group">
                            <input type="text" class="form-control" v-model="title" placeholder="标题-模糊匹配">
                        </div>
                        <span class="search_name">订单ID/产品ID：</span>
                        <div class="form-group">
                            <input type="text" class="form-control" v-model="resource_id" placeholder="订单ID/产品ID-绝对匹配">
                        </div>
                    </div>
                    <div class="form-inline search_list_2">
                        <span class="search_name" >时间：</span>
                        <div class="form-group">
                            <div class="input-group date form_date input_width">
                                <input class="form-control" size="16" type="text" v-model="start_time" id="start_time" readonly>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                        <span class="search_name">~</span>
                        <div class="form-group">
                            <div class="input-group date form_date input_width">
                                <input class="form-control" size="16" type="text" v-model="end_time" id="end_time" readonly>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                        <div class="form-group" id="btns" style="float: right;">
                            <button type="button" class="btn btn-primary float_r mar_r" v-on:click="searchDidClick"><span class="glyphicon glyphicon-search"></span> 搜索</button>
                            <button type="button" class="btn btn-warning float_r  mar_r" v-on:click="resetDidClick">重置</button>
                        </div>
                    </div>
                </div>
                <div class="dis_table">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead>
                            <tr>
                                <th>编号</th>
                                <th>操作时间</th>
                                <th>名称</th>
                                <th width="300">内容</th>
                                <th>订单/产品</th>
                                <th>用户</th>
                            </tr>
                            </thead>
                            <tbody id="body_list" style="display: none;">
                            <tr v-for="sigle_order in order_listinfo" >
                                <td v-html="sigle_order.id"></td>
                                <td v-html="sigle_order.create_time"></td>
                                <td v-html="sigle_order.title"></td>
                                <td v-html="sigle_order.memo"></td>
                                <td>
                                    <div>{{sigle_order.resources_type_name}}:{{sigle_order.resources_id}}</div>
                                    <div>{{sigle_order.resources_name}}</div>
                                </td>
                                <td>
                                    <div>{{sigle_order.user_type_name}}</div>
                                    <div style="font-weight: 600;font-size: 16px;">{{sigle_order.user_name}}</div>
                                    <div>{{sigle_order.last_login}}</div>
                                </td>
                            </tr>
                            <tr v-if="order_listinfo.length<=0" style="text-align: center;">
                                <td style="color: red;" colspan="11" v-html="no_info"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="pageDiv"></div>
            </div>
        </div>
    </div>
</div>
<script src="js/common/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common/bootstrap.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common/bootstrap-datetimepicker.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common/module.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common/common.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common/base_path.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="js/order_list.js" type="text/javascript" charset="utf-8"></script>-->
<script src="js/common/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common/vue-resource.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/show_log.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>