liveApplyDetail.html 20.1 KB
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:replace="../templates/common/head::head"></head>

<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 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 form-horizontal">
                            <div align="center" id="tabContents" class="tab-content">
                                <span style="font-size:30px;font-weight: bold;color:#F4A460;">中国网家家直播申请单</span>
                                <table border="1" style="background-color:#F5FFFA;width:80%;font-size:20px" id="table">
                                    <tr align="center" valign="middle" height="40px">
                                        <td width="25%">直播发起人</td>
                                        <td width="30%" colspan="2">
                                            <span style="color:#DC143C"
                                                  th:text="${shyLiveapply.sender}">11111111111111</span>
                                        </td>
                                        <td width="15%">联系方式</td>
                                        <td width="30%" colspan="2">
                                            <span style="color:#DC143C"
                                                  th:text="${shyLiveapply.mobile}">11111111111111</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="40px">
                                        <td>直播发起单位</td>
                                        <td colspan="5">
                                            <span style="color:#DC143C" th:text="${shyLiveapply.organization}">11111111111111</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="40px">
                                        <td>直播主题</td>
                                        <td colspan="5">
                                            <span style="color:#DC143C"
                                                  th:text="${shyLiveapply.theme}">11111111111111</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="40px">
                                        <td>直播时间</td>
                                        <td colspan="5">
                                            <span style="color:#DC143C"
                                                  th:text="${#dates.format(shyLiveapply.pre_start_time, 'yyyy-MM-dd HH:mm:ss')}">11111111111111</span>
                                            <span>~</span>
                                            <span style="color:#DC143C"
                                                  th:text="${#dates.format(shyLiveapply.pre_end_time, 'yyyy-MM-dd HH:mm:ss')}">11111111111111</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="40px">
                                        <td>商务模式</td>
                                        <td colspan="5">
                                            <input type="checkbox" style="height: 24px;width: 24px;"
                                                   th:checked="${shyLiveapply.business_model==0}" disabled/>
                                            <span th:style="${shyLiveapply.business_model==0?'color:#DC143C':''}">免费</span>
                                            <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                            <input type="checkbox" style="height: 24px;width: 24px;"
                                                   th:checked="${shyLiveapply.business_model==1}" disabled/>
                                            <span th:style="${shyLiveapply.business_model==1?'color:#DC143C':''}">收费</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="40px">
                                        <td>直播类型</td>
                                        <td colspan="5">
                                            <span style="color:#DC143C" th:text="${shyLiveapply.live_type}">11111111111111</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="40px">
                                        <td>内容属性</td>
                                        <td colspan="5">
                                            <input type="checkbox" style="height: 24px;width: 24px;"
                                                   th:checked="${shyLiveapply.content_property==1}" disabled/>
                                            <span th:style="${shyLiveapply.content_property==1?'color:#DC143C':''}">商业类活动</span>
                                            <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                            <input type="checkbox" style="height: 24px;width: 24px;"
                                                   th:checked="${shyLiveapply.content_property==0}" disabled/>
                                            <span th:style="${shyLiveapply.content_property==0?'color:#DC143C':''}">非商业类活动</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="100px">
                                        <td>内容简述</td>
                                        <td colspan="5">
                                            <span style="color:#DC143C" th:text="${shyLiveapply.simple_content}">11111111111111</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="40px">
                                        <td>要点报备</td>
                                        <td colspan="5">
                                            <input type="checkbox" style="height: 24px;width: 24px;"
                                                   th:checked="${#strings.contains(shyLiveapply.point_key,'0')}"
                                                   disabled/>
                                            <span th:style="${#strings.contains(shyLiveapply.point_key,'0')?'color:#DC143C':''}">品牌植入</span>
                                            <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                            <input type="checkbox" style="height: 24px;width: 24px;"
                                                   th:checked="${#strings.contains(shyLiveapply.point_key,'1')}"
                                                   disabled/>
                                            <span th:style="${#strings.contains(shyLiveapply.point_key,'1')?'color:#DC143C':''}">广告植入</span>
                                            <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                            <input type="checkbox" style="height: 24px;width: 24px;"
                                                   th:checked="${#strings.contains(shyLiveapply.point_key,'2')}"
                                                   disabled/>
                                            <span th:style="${#strings.contains(shyLiveapply.point_key,'2')?'color:#DC143C':''}">商品推销</span>
                                            <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                            <input type="checkbox" style="height: 24px;width: 24px;"
                                                   th:checked="${#strings.contains(shyLiveapply.point_key,'3')}"
                                                   disabled/>
                                            <span th:style="${#strings.contains(shyLiveapply.point_key,'3')?'color:#DC143C':''}">网家家独家麦标</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="40px">
                                        <td>直播地点</td>
                                        <td colspan="5">
                                            <span style="color:#DC143C" th:text="${shyLiveapply.live_place}">11111111111111</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="40px">
                                        <td>推流地址</td>
                                        <td colspan="5">
                                            <span style="color:#DC143C" th:text="${shyLiveapply.push_url}">11111111111111</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="40px">
                                        <td>拉流地址</td>
                                        <td colspan="5">
                                            <span style="color:#DC143C" th:text="${shyLiveapply.pull_source}">11111111111111</span>
                                            <span></span>
                                            <span style="color:#DC143C" th:text="${shyLiveapply.pull_url}">11111111111111</span>
                                        </td>
                                    </tr>
                                    <tr align="center" valign="middle" height="40px">
                                        <td>播出平台及通道</td>
                                        <td colspan="5">
                                            <input type="checkbox" style="height: 24px;width: 24px;"
                                                   th:checked="${#strings.contains(shyLiveapply.platforms,'0')}"
                                                   disabled/>
                                            <span th:style="${#strings.contains(shyLiveapply.platforms,'0')?'color:#DC143C':''}">网家家</span>
                                            <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                            <input type="checkbox" style="height: 24px;width: 24px;"
                                                   th:checked="${#strings.contains(shyLiveapply.platforms,'1')}"
                                                   disabled/>
                                            <span th:style="${#strings.contains(shyLiveapply.platforms,'1')?'color:#DC143C':''}">CNlive网站</span>
                                            <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                            <input type="checkbox" style="height: 24px;width: 24px;"
                                                   th:checked="${#strings.contains(shyLiveapply.platforms,'2')}"
                                                   disabled/>
                                            <span th:style="${#strings.contains(shyLiveapply.platforms,'2')?'color:#DC143C':''}">@TV互动电视</span>
                                            <!-- 									   <span>&nbsp;&nbsp;&nbsp;&nbsp;</span> -->
                                            <!-- 									   <input type="checkbox" style="height: 24px;width: 24px;" disabled/>其他平台 -->
                                        </td>
                                    </tr>
                                </table>

                                <hr>
                                <div class="form-group">
                                    <label for="msg" class="control-label col-sm-2">审核结果信息:</label>
                                    <div class="col-sm-9">
											<textarea class="form-control" name="msg" cols="50" rows="4"
                                                      id="msg" th:text="${shyLiveapply.shenhe_msg}">审核信息</textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="msg" class="control-label col-sm-2">邮件通知信息:</label>
                                    <div class="col-sm-9">
											<textarea class="form-control" name="msg" cols="50" rows="4"
                                                      id="msg"
                                                      th:text="${shyLiveapply.email_notice_msg}">审核信息</textarea>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="form-group">
                                <input type="text" hidden="hidden" id="shyLiveapply_id" th:value="${shyLiveapply.id}">
                            </div>


                            <div class="box-footer">
                                <div class="col-sm-5">
                                    <button type="button" class="btn btn-danger pull-right" onclick="live(2);">拒 绝
                                    </button>
                                </div>

                                <div class="col-sm-1" style="margin-right:26px;">
                                    <button type="button" class="btn btn-primary pull-right" onclick="live(1);">通 过
                                    </button>
                                </div>

                                <div class="col-sm-1">
                                    <button type="button" class="btn btn-info pull-right"
                                            onclick="self.location=document.referrer;">返回列表
                                    </button>
                                </div>
                            </div>

                            <!-- 模态框(Modal) -->
                            <div class="modal fade" id="msgModal" 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" style="margin-bottom: 0;">
                                                <textarea id="reviewMsg" style="width: 100%;height: 80px;"></textarea>
                                            </div>
                                            <div class="form-group">
                                            </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:repulseSubmit();">提交
                                            </button>
                                        </div>
                                    </div><!-- /.modal-content -->
                                </div><!-- /.modal-dialog -->
                            </div>
                            <!-- /.modal -->
                            <script th:inline="javascript">

                                $(function () {
                                    var url = "/liveApply/page";
                                    $('ul.treeview-menu>li').removeClass("active");
                                    $('.sidebar-menu>li').removeClass("active");
                                    $('ul.treeview-menu>li').find('a[id="' + url + '"]').closest('li').addClass('active');  //二级链接高亮
                                    $('ul.treeview-menu>li').find('a[id="' + url + '"]').closest('li.treeview').addClass('active');  //一级栏目[含二级链接]高亮
                                    $('.sidebar-menu>li').find('a[id="' + url + '"]').closest('li').addClass('active');  //一级栏目[不含二级链接]高亮
                                })


                                var liveId = [[${shyLiveapply.id}]];

                                //审核操作,status=1为通过
                                function live(status) {
                                    if (status == 1) {
                                        var msg = "直播申请审核通过";
                                        $.post("/liveApply/shenheLiveApply?ids=" + liveId + "&msg=" + msg + "&state=" + 1, function (data) {
                                            if (data.errorCode == 0) {
                                                //location.href = history.back();
                                                alert(data.errorMessage);
                                                self.location = document.referrer;
                                            } else {
                                                alert(data.errorMessage);
                                            }
                                        })
                                    } else {
                                        var r = confirm("您确定拒绝本条内容吗?");
                                        if (r == true) {
                                            $('#msgModal').modal('show');
                                        }
                                    }
                                }

                                //提交拒绝
                                function repulseSubmit() {
                                    var msg = $("#reviewMsg").val();
                                    if (msg == '') {
                                        alert('请输入审核意见!');
                                        return false;
                                    }
                                    $.post("/liveApply/shenheLiveApply?ids=" + liveId + "&msg=" + msg + "&state=" + 2, function (data) {
                                        if (data.errorCode == 0) {
                                            alert(data.errorMessage);
                                            self.location = document.referrer;
                                        } else {
                                            alert(data.errorMessage);
                                        }
                                    })
                                }

                            </script>

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

        </section>
    </div>


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

    <div class="control-sidebar-bg" style="position: fixed; height: auto;"></div>

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

<script type="text/javascript">
    $('div.alert').not('.alert-danger').delay(3000).slideUp(300);
</script>

<script src="../../static/js/app.min.js"></script>
<script src="../../static/js/sidebar.js"></script>


</body>
</html>