303 lines
11 KiB
HTML
303 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<title>直播管理-e订通后台</title>
|
|
<link rel="stylesheet" href="layuiadmin/layui/css/layui.css">
|
|
<link rel="stylesheet" href="index.css">
|
|
<script src="layuiadmin/layui/layui.js"></script>
|
|
<script src="js/clipboard.min.js"></script>
|
|
<script src="js/function.js"></script>
|
|
<style>
|
|
.p1{
|
|
font-size:16px;
|
|
letter-spacing:2px;
|
|
line-height:30px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<input type="hidden" id="dhhtitle" name="dhhtitle" value=""/>
|
|
<blockquote class="layui-elem-quote" style="line-height:44px;padding:8px;" id="search_top">
|
|
<!-- <div class="layui-inline"><a class="layui-btn layui-btn-normal btn_add">获取直播推流地址</a></div> -->
|
|
<div class="layui-inline" id="show_btn"></div>
|
|
<!-- <div class="layui-inline"><a class="layui-btn layui-btn-danger btn_del">清除</a></div> -->
|
|
</blockquote>
|
|
<input type="hidden" id="zbid" value="" />
|
|
<div style="padding: 20px; background-color: #F2F2F2;">
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-md6">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">当前推流地址<span id="lb1"></span> <span id="lb2"></span></div>
|
|
<div class="layui-card-body" style="min-height:180px;">
|
|
<p id="zb_push_url"></p>
|
|
<p class="p1">起始时间:<span id="zb_start_time" style='color:green;'></span></p>
|
|
<p class="p1">到期时间:<span id="zb_end_time" style='color:red;'></span></p>
|
|
<p class="p1">当前状态:<label id="zb_statue"></label></p>
|
|
<p class="p1">直播开始时间预设:<label id="zb_date"></label><button id='btnzbDate' class='layui-btn layui-btn-xs'>设置时间</button></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-col-md6">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">推流二维码</div>
|
|
<div class="layui-card-body">
|
|
<p id="zb_ewm"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header" >背景图<button id='imgupload' class='layui-btn layui-btn-xs'>点击上传</button></div>
|
|
<div id="aliplayer_img" class="layui-card-body" style="min-height:180px;">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var tableIns={};
|
|
layui.use(['form','laydate','upload','layer'],function(){
|
|
var form = layui.form,
|
|
layer = layui.layer,
|
|
$=layui.jquery;
|
|
var laydate = layui.laydate;
|
|
var upload = layui.upload;
|
|
|
|
url="./?_m=zb_list";
|
|
$.ajax({
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var json_data=$.parseJSON(res);
|
|
$("#lb1").html(json_data.data[0].is_test);
|
|
$("#lb1").addClass("layui-badge layui-bg-orange");
|
|
if(json_data.data[0].rs!=""){
|
|
$("#lb2").html("人数:"+json_data.data[0].rs);
|
|
$("#lb2").addClass("layui-badge");
|
|
}
|
|
$("#dhhtitle").val(json_data.data[0].dhhtitle);
|
|
console.log(json_data.data[0].push_url);
|
|
if(json_data.data[0].push_url!="timenoout"){
|
|
$("#zb_push_url").html("<span id='bar'>"+json_data.data[0].push_url+"</span><button id='btncopy' data-clipboard-target='#bar'>复制</button>");
|
|
}else{
|
|
$("#zb_push_url").html("<span id='bar' class='layui-btn layui-btn-disabled'>时间未到,暂不显示地址</span>");
|
|
}
|
|
|
|
$("#zb_start_time").html(json_data.data[0].add_date);
|
|
$("#zb_end_time").html(json_data.data[0].end_date);
|
|
$("#zbid").val(json_data.data[0].id);
|
|
if(json_data.data[0].statue=="y"){
|
|
$("#zb_statue").html("<span class='layui-badge layui-bg-green'>可用</span>");
|
|
$("#show_btn").html('<a class="layui-btn layui-btn-disabled btn_ask" style="pointer-events:none;cursor:default;">申请直播</a>');
|
|
}else{
|
|
$("#zb_statue").html("<span class='layui-badge layui-bg-gray'>已失效</span>");
|
|
$("#show_btn").html('<a class="layui-btn layui-btn-danger btn_ask">申请直播推流地址</a>');
|
|
}
|
|
if(json_data.data[0].push_url!="timenoout"){
|
|
$("#zb_ewm").html('<img src="ewm.php?data='+json_data.data[0].push_url+'&size=3">');
|
|
}else{
|
|
$("#zb_ewm").html('');
|
|
}
|
|
$("#zb_date").html(json_data.data[0].zb_date);
|
|
|
|
if(json_data.data[0].cover_aliplayer=="y"){
|
|
var dt=new Date();
|
|
$("#aliplayer_img").html('<img src="images/cover_aliplayer.jpg?v='+dt.getTime()+'" width="'+json_data.data[0].pwidth+'" height="'+json_data.data[0].pheight+'" />');
|
|
}else{
|
|
$("#aliplayer_img").html('');
|
|
}
|
|
|
|
|
|
var clipboard = new ClipboardJS('#btncopy');
|
|
clipboard.on('success', function(e) {
|
|
layer.msg("复制成功");
|
|
});
|
|
|
|
$(".btn_ask").click(function(){
|
|
layer.open({
|
|
type: 1
|
|
,title: '申请'
|
|
,area: ['360px','450px']
|
|
,shade: 0.8
|
|
,resize: false
|
|
,id: 'LAY_layuipro'
|
|
,btn: ['确认']
|
|
,btnAlign: 'c'
|
|
,content: '<form class="layui-form" action=""><div class="layui-form-item" style="margin-top:10px;"><label class="layui-form-label">温馨提示</label><div class="layui-input-block"><span style="color:red;">每次正式直播仅限一次申请，申请提交后，直播功能将关闭，待业务审批后才能恢复。如需延长本次直播时间，请联系业务处理。<br>“测试”仅限于功能测试，不能进行正式直播。</span></div><div class="layui-input-block"><input type="radio" name="is_test" value="n" title="正式" checked=""><input type="radio" name="is_test" value="y" title="测试"></div><div class="layui-form-item"><label class="layui-form-label">本次直播标题</label><div class="layui-input-block"><input class="layui-input" type="text" id="dhh_title" name="dhh_title" placeholder="本次直播标题" value="'+$("#dhhtitle").val()+'" style="width:200px;"></div></div><div class="layui-form-item"><label class="layui-form-label">最高在线人数</label><div class="layui-input-block"><input class="layui-input" type="text" id="peopleNum" name="peopleNum" placeholder="最高在线人数" value="" style="width:200px;"></div></div><div class="layui-form-item"><label class="layui-form-label">预计直播天数</label><div class="layui-input-block"><input class="layui-input" type="number" id="ygts" name="ygts" placeholder="预计直播天数" value="" style="width:200px;"></div></div><div class="layui-form-item"><label class="layui-form-label">直播起始时间</label><div class="layui-input-block"><input class="layui-input" type="date" id="adddate" name="adddate" placeholder="直播起始时间" value="" style="width:200px;"></div></div></div></form>'
|
|
,success: function(layero){
|
|
form.render();
|
|
}
|
|
,yes: function(index, layero){
|
|
if($("#dhh_title").val()==""){
|
|
layer.msg("订货名称不能为空");
|
|
return false;
|
|
}
|
|
if($("#peopleNum").val()==""){
|
|
layer.msg("人数不能为空");
|
|
return false;
|
|
}
|
|
if($("#ygts").val()==""){
|
|
layer.msg("预估天数不能为空");
|
|
return false;
|
|
}
|
|
if($("#adddate").val()==""){
|
|
layer.msg("直播起始时间不能为空");
|
|
return false;
|
|
}
|
|
|
|
var url1='./?_m=zb_list&_a=save_ask&dhhtitle='+$("#dhh_title").val()+'&ygts='+$("#ygts").val()+'&peopleNum='+$("#peopleNum").val()+'&adddate='+$("#adddate").val()+'&is_test='+$('input[name="is_test"]:checked').val();
|
|
$.ajax({
|
|
url:url1,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
layer.alert('申请中，等待业务确认', function(index2){
|
|
location.reload();
|
|
});
|
|
|
|
}
|
|
});
|
|
layer.close(index)
|
|
}
|
|
,cancel: function(index, layero){
|
|
layer.close(index)
|
|
return false;
|
|
}
|
|
});
|
|
|
|
})
|
|
|
|
|
|
//时间
|
|
$("#btnzbDate").click(function(){
|
|
var index = layer.open({
|
|
type: 1,
|
|
id: 'layerzbDate',
|
|
area: '300px',
|
|
title: '直播开始时间预设',
|
|
content: '<div style="padding: 50px; line-height: 22px;"><input type="text" class="layui-input" id="setzbDate" placeholder="yyyy-MM-dd HH:mm:ss"></div>',
|
|
shade: 0,
|
|
resize:false,
|
|
btn: ['确定'],
|
|
yes: function(index, layero){
|
|
var btn = layero.find('#setzbDate');
|
|
$.ajax({
|
|
url:'./?_m=zb_list&_a=setZbDate&zbid='+$("#zbid").val()+'&datevalue='+btn.val(),
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res2) {
|
|
var res2=$.parseJSON(res2);
|
|
if(res2.code=="200"){
|
|
$("#zb_date").html(btn.val());
|
|
layer.close(index);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
laydate.render({
|
|
elem: '#setzbDate'
|
|
,type: 'datetime'
|
|
});
|
|
});
|
|
|
|
//背景图上传
|
|
$("#imgupload").click(function(){
|
|
var index_imgupload = layui.layer.open({
|
|
title : "上传图片",
|
|
id: 'layerimgupload',
|
|
area: "200px",
|
|
type : 1,
|
|
content : '<div style="padding: 50px; line-height: 22px;"><a class="layui-btn" id="up_file"><i class="layui-icon"></i>选择图片</a></div>',
|
|
shade: 0,
|
|
resize:false,
|
|
success: function(layero){
|
|
upload.render({
|
|
elem: '#up_file',
|
|
field:'up_file',
|
|
accept:'images',
|
|
exts: 'jpg|jpeg',
|
|
url: './?_m=zb_list&_a=save_add_pic&zbid='+$("#zbid").val(),
|
|
before: function(obj){
|
|
layer.load();
|
|
},
|
|
done: function(res,index,upload){
|
|
//alert(JSON.stringify(res));
|
|
var json_data=res;
|
|
if(json_data.code==200){
|
|
var dt=new Date();
|
|
//正确
|
|
$("#aliplayer_img").html('<img src="images/cover_aliplayer.jpg?v='+dt.getTime()+'" width="'+json_data.pwidth+'" height="'+json_data.pheight+'" />');
|
|
layer.close(index_imgupload);
|
|
}else{
|
|
//错误
|
|
}
|
|
layer.closeAll('loading');
|
|
},
|
|
error: function(index, upload){
|
|
layer.closeAll('loading');
|
|
}
|
|
});
|
|
}
|
|
})
|
|
|
|
});
|
|
|
|
}
|
|
});
|
|
/*
|
|
$(".btn_add").click(function(){
|
|
layer.confirm('请确认获取？', {icon: 3, title: '提示信息'}, function (index) {
|
|
var url1='./?_m=zb_list&_a=save_add';
|
|
$.ajax({
|
|
url:url1,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var json_data=$.parseJSON(res);
|
|
if(json_data.code='200'){
|
|
location.reload();
|
|
}
|
|
|
|
}
|
|
});
|
|
});
|
|
})
|
|
*/
|
|
|
|
/*
|
|
$(".btn_del").click(function(){
|
|
layer.confirm('确认清除推流地址吗？', {icon: 3, title: '提示信息'}, function (index) {
|
|
var url1='./?_m=zb_list&_a=del';
|
|
$.ajax({
|
|
url:url1,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var json_data=$.parseJSON(res);
|
|
if(json_data.code='200'){
|
|
location.reload();
|
|
}
|
|
}
|
|
});
|
|
});
|
|
})
|
|
*/
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |