site.html 17.5 KB
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head th:replace="../templates/common/head::head"></head>
<style>
    .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search{margin-top: 0px;}
    .table{margin-bottom:0;}

</style>
<body class="skin-blue sidebar-mini">

<div class="wrapper">

    <div th:replace="../templates/common/frame::frame"></div>

    <div class="content-wrapper" style="min-height: 788px;">
        <section class="content-header">
            <h1>
                白名单管理
            </h1>
            <ol class="breadcrumb">
                <li>首页</li>
                <li>系统管理</li>
                <li class="active">白名单管理</li>
            </ol>
        </section>
        <section class="content">
            <div class="row">
                <div class="col-xs-12">
                    <div class="box box-info">
                        <div class="box-body">
                            <div class="bootstrap-table">
                                <div class="fixed-table-toolbar">
                                    <div class="bs-bars pull-left">
                                        <div id="toolbar" class="btn-group">
                                        </div>
                                    </div>
                                    <div class="columns columns-right btn-group pull-right">
                                        <button class="btn btn-default" type="button" name="refresh" title="搜索" onclick="javascript:$('#searchForm').submit();">搜索</button>
                                            <ul class="dropdown-menu" role="menu">
                                                <li><label><input type="checkbox" data-field="sp_id" value="0"
                                                                  checked="checked"> spID</label></li>
                                                <li><label><input type="checkbox" data-field="sp_id_brief" value="1"
                                                                  checked="checked"> sp简称</label></li>
                                                <li><label><input type="checkbox" data-field="type" value="2"
                                                                  checked="checked"> 免审业务
                                                </label></li>
                                                <li><label><input type="checkbox" data-field="service_time" value="3"
                                                                  checked="checked"> 免审业务更新时间</label></li>
                                                <li><label><input type="checkbox" data-field="upload_time" value="4"
                                                                  checked="checked"> sp信息创建时间
                                                </label></li>
                                                <li><label><input type="checkbox" data-field="updated_at" value="5"
                                                                  checked="checked"> sp信息更新时间</label></li>
                                                <li><label><input type="checkbox" data-field="action" value="6"
                                                                  checked="checked"> 操作
                                                </label></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="pull-right search">
                                        <form id="searchForm">
                                            <input class="form-control" type="text"  placeholder="搜索" name="keyword" th:value="${param.keyword}">
                                        </form>
                                    </div>
                                </div>
                                <div class="fixed-table-container" style="padding-bottom: 0px;">
                                    <div class="fixed-table-body">
                                        <table data-toggle="table" data-pagination="true"
                                               data-search="false" data-show-refresh="true" data-show-toggle="true"
                                               data-show-columns="true" data-toolbar="#toolbar"
                                               class="table table-hover">
                                            <thead>
                                            <tr>
                                                <th style="text-align: center; width: 50px; " data-field="sp_id"
                                                    tabindex="0">
                                                    <div class="th-inner ">spID</div>
                                                    <div class="fht-cell"></div>
                                                </th>
                                                <th style="text-align: center; width: 120px; " data-field="sp_id_brief"
                                                    tabindex="0">
                                                    <div class="th-inner ">sp简称</div>
                                                    <div class="fht-cell"></div>
                                                </th>
                                                <th style="text-align: center; width: 200px; " data-field="type"
                                                    tabindex="0">
                                                    <div class="th-inner ">免审业务
                                                    </div>
                                                    <div class="fht-cell"></div>
                                                </th>
                                                <th style="text-align: center; width: 120px; " data-field="upload_time"
                                                    tabindex="0">
                                                    <div class="th-inner ">sp信息创建时间
                                                    </div>
                                                    <div class="fht-cell"></div>
                                                </th>
                                                <th style="text-align: center; width: 120px; " data-field="updated_at"
                                                    tabindex="0">
                                                    <div class="th-inner ">sp信息更新时间</div>
                                                    <div class="fht-cell"></div>
                                                </th>
                                                <th style="text-align: center; width: 100px; " data-field="action"
                                                    tabindex="0">
                                                    <div class="th-inner ">操作
                                                    </div>
                                                    <div class="fht-cell"></div>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                                <tr th:data-index="${siteStat.index}" th:each="site : ${sitePage.list}">
                                                    <td style="text-align: center; width: 50px;" th:text="${site.spid}">82</td>
                                                    <td style="text-align: center; width: 120px;" th:text="${site.name}">视讯中国</td>
                                                    <td style="text-align: center; width: 200px;" th:text="${site.write_business_name}">点播审核</td>
                                                    <td style="text-align: center; width: 120px;" th:text="${#dates.format(site.created_at, 'yyyy-MM-dd HH:mm:ss')}">2018-11-22 23:08:48</td>
                                                    <td style="text-align: center; width: 120px;" th:text="${#dates.format(site.updated_at, 'yyyy-MM-dd HH:mm:ss')}">2016-08-03 14:27:17</td>
                                                    <td style="text-align: center; width: 100px;"><span>&nbsp;</span><a
                                                            class="edit" th:href="'javascript:edit('+${site.id}+',\''+${site.name}+'\',\''+${site.write_business} +'\')'">
                                                        <button class="btn btn-primary btn-xs">设置</button>
                                                    </a><span> </span><span>&nbsp;</span></td>
                                                </tr>

                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="fixed-table-pagination" style="display: block;">
                                        <div class="pull-left pagination-detail"><span class="pagination-info" th:text="'共 '+${sitePage.total}+' 条记录'">共 0 条记录</span></div>
                                        <div class="pull-right pagination">
                                            <ul class="pagination" th:if="${sitePage.pages>1 and param.keyword!=null}">
                                                <li class="page-pre"><a th:href="@{'/sites/page?keyword='+${param.keyword}}">‹‹</a></li>
                                                <li class="page-pre" th:if="${!sitePage.isFirstPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}+'&keyword='+${param.keyword}}"></a></li>

                                                <li class="page-number" th:if="${sitePage.pageNum-3>=1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-3}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum-3}">2</a></li>
                                                <li class="page-number" th:if="${sitePage.pageNum-2>=1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-2}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum-2}">2</a></li>
                                                <li class="page-number" th:if="${sitePage.pageNum-1>=1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum-1}">2</a></li>
                                                <li class="page-number active"><a href="javaScript:void(0);" th:text="${sitePage.pageNum}">2</a></li>
                                                <li class="page-number" th:if="${sitePage.pageNum+1<=sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum+1}">2</a></li>
                                                <li class="page-number" th:if="${sitePage.pageNum+2<=sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+2}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum+2}">2</a></li>
                                                <li class="page-number" th:if="${sitePage.pageNum+3<=sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+3}+'&keyword='+${param.keyword}}" th:text="${sitePage.pageNum+3}">2</a></li>

                                                <li class="page-next" th:if="${!sitePage.isLastPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}+'&keyword='+${param.keyword}}"></a></li>
                                                <li class="page-next"><a th:href="@{'/sites/page?page='+${sitePage.pages}+'&keyword='+${param.keyword}}">››</a></li>
                                            </ul>

                                            <ul class="pagination" th:if="${sitePage.pages>1 and param.keyword==null}">
                                                <li class="page-pre"><a th:href="@{'/sites/page'}">‹‹</a></li>
                                                <li class="page-pre" th:if="${!sitePage.isFirstPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}}"></a></li>

                                                <li class="page-number" th:if="${sitePage.pageNum-3>=1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-3}}" th:text="${sitePage.pageNum-3}">2</a></li>
                                                <li class="page-number" th:if="${sitePage.pageNum-2>=1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-2}}" th:text="${sitePage.pageNum-2}">2</a></li>
                                                <li class="page-number" th:if="${sitePage.pageNum-1>=1}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum-1}}" th:text="${sitePage.pageNum-1}">2</a></li>
                                                <li class="page-number active"><a href="javaScript:void(0);" th:text="${sitePage.pageNum}">2</a></li>
                                                <li class="page-number" th:if="${sitePage.pageNum+1<=sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}}" th:text="${sitePage.pageNum+1}">2</a></li>
                                                <li class="page-number" th:if="${sitePage.pageNum+2<=sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+2}}" th:text="${sitePage.pageNum+2}">2</a></li>
                                                <li class="page-number" th:if="${sitePage.pageNum+3<=sitePage.pages}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+3}}" th:text="${sitePage.pageNum+3}">2</a></li>

                                                <li class="page-next" th:if="${!sitePage.isLastPage}"><a th:href="@{'/sites/page?page='+${sitePage.pageNum+1}}"></a></li>
                                                <li class="page-next"><a th:href="@{'/sites/page?page='+${sitePage.pages}}">››</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

<!-- 模态框(Modal) -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="margin-top: 30%;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">编辑白名单</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label class="control-label col-sm-2" style="font-size: 15px;">sp简称:</label>
                    <div class="col-sm-10" style="margin-top: -5px;margin-bottom: 20px;">
                        <h5 id="edit_company">视讯中国</h5>
                    </div>
                </div>

                <div class="form-group">
                    <label class="control-label col-sm-2" style="font-size: 15px;">免审业务:</label>
                    <form action="/sites/write" method="post" id="editWrite">
                        <input type="text" name="siteId" value="" class="hide" id="edit_id"/>
                        <input type="text" name="redirect_url" value="" class="hide" id="redirect_url"/>
                        <div class="col-sm-10" style="float: left">
                            <div th:each="bu:${business}" style="padding-right: 30px;" class="write_check">
                                <span th:text="${bu.value}" style="font-size: 15px"></span>
                                <input type="checkbox" name="write_business" th:value="${bu.key}" th:id="'write_check_'+${bu.key}">
                            </div>
                        </div>
                    </form>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="javascript:$('#editWrite').submit();">提交更改</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!-- /.modal -->
    <script>
        //设置白名单,打开编辑窗口
        function edit(id,company,write_business){
            $("#edit_company").text(company);
            $("#edit_id").val(id);
            $("#redirect_url").val(location.pathname+location.search);
            $(".write_check input").prop("checked",false);
             if($.trim(write_business)!=''){
                 var array =  write_business.split(",")
                 for (var i=0;i<array.length;i++){
                     $("#write_check_"+array[i]).prop("checked",true);
                 }
             }
            $('#editModal').modal('show');
        }

    </script>

    <footer th:replace="../templates/common/foot::foot" ></footer>


    <!-- Add the sidebar's background. This div must be placed
         immediately after the control sidebar -->
    <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div>

</div><!-- ./wrapper -->


<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script type="text/javascript">
    $('div.alert').not('.alert-danger').delay(3000).slideUp(300);
</script>

<!-- AdminLTE App -->
<script src="../../static/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../static/js/sidebar.js"></script>


</body>
</html>