299 lines
9.8 KiB
HTML
299 lines
9.8 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">
|
||
<style>
|
||
table.mytable {
|
||
font-family: verdana,arial,sans-serif;
|
||
font-size:11px;
|
||
color:#333333;
|
||
border-width: 1px;
|
||
border-color: #e2e2e2;
|
||
border-collapse: collapse;
|
||
}
|
||
table.mytable th {
|
||
border-width: 1px;
|
||
padding: 8px;
|
||
border-style: solid;
|
||
border-color: #e2e2e2;
|
||
background-color: #f2f2f2;
|
||
}
|
||
table.mytable td {
|
||
border-width: 1px;
|
||
padding: 8px;
|
||
border-style: solid;
|
||
border-color: #e2e2e2;
|
||
background-color: #ffffff;
|
||
}
|
||
</style>
|
||
<script src="layuiadmin/layui/layui.js"></script>
|
||
<script src="js/function.js"></script>
|
||
<!-- 自动完成 -->
|
||
<script src="js/autocomplete/jquery-1.4.4.min.js"></script>
|
||
<script src="js/autocomplete/jquery.autocomplete.js"></script>
|
||
<link rel="stylesheet" href="js/autocomplete/jquery.autocomplete.css">
|
||
|
||
<!-- /自动完成 -->
|
||
<script type="text/javascript">
|
||
function add_q(){
|
||
var obj=document.getElementById('last_selection');
|
||
obj.insertAdjacentHTML('afterEnd',"<br>时间点(秒)：<input type='text' style='width:100px;' name='vtime[]'> 款号：<input type='text' style='width:200px' name='vkh[]'> 备注：<input type='text' style='width:390px' name='remark[]'>");
|
||
}
|
||
$(function(){
|
||
$('#kh').autocomplete("./?_m=ajax_autocomplete&_a=kh", {
|
||
dataType: "json",//数据格式
|
||
max: 100, //列表里的条目数
|
||
minChars: 0, //自动完成激活之前填入的最小字符
|
||
width: 300, //提示的宽度，溢出隐藏
|
||
scrollHeight: 300, //提示的高度，溢出显示滚动条
|
||
matchContains: true, //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示
|
||
autoFill: false, //自动填充
|
||
multiple:false,
|
||
multipleSeparator:',',
|
||
parse: function (data) {
|
||
if (!data || data == null || data == "") {
|
||
alert("无数据");
|
||
return {};
|
||
}else{
|
||
return $.map(data.data, function (row) {
|
||
return {
|
||
data:row,value:row.no,result:row.no
|
||
};
|
||
});
|
||
}
|
||
},
|
||
formatItem: function(row,i,max) {
|
||
//提示的显示内容及格式设置
|
||
return row.no;
|
||
},
|
||
formatMatch: function(row, i, max) {
|
||
return row.no;
|
||
},
|
||
formatResult: function(row) {
|
||
return row.no;
|
||
}
|
||
}).result(function(event,row,formatted){
|
||
$('#kh').value=row.no;
|
||
});
|
||
});
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<form class="layui-form">
|
||
<input type="hidden" id="id" name="id" value=0>
|
||
<input type="hidden" id="s_cate" name="s_cate" value=0>
|
||
<div >
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">视频名称</label>
|
||
<div class="layui-input-block" id="div_vtitle">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item" id="div_kh1">
|
||
<label class="layui-form-label">对应款</label>
|
||
<div class="layui-input-block" id="div_kh">
|
||
<input type="text" class="layui-input" id="kh" name="kh" value="">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">视频阿里云ID</label>
|
||
<div class="layui-input-block" id="div_vid_net">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">来源</label>
|
||
<div class="layui-input-block" id="div_source"></div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">本地视频地址</label>
|
||
<div class="layui-input-block" id="div_local_path" ></div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">视频分类</label>
|
||
<div class="layui-input-block" id="div_cate" ></div>
|
||
</div>
|
||
<div class="layui-form-item" id="div_t">
|
||
<label class="layui-form-label">视频分段</label>
|
||
<div class="layui-input-block" id="ms">
|
||
</div>
|
||
<div class="layui-input-block" style="font-weight:bold;">
|
||
<a href='javascript:add_q()' class="layui-btn layui-btn-normal" >增加行</a>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"> </label>
|
||
<div class="layui-input-inline">
|
||
<button id="form1_submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="form1_submit" style="font-weight:bold;"> 保 存 </button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<script>
|
||
//全局变量
|
||
|
||
layui.use(['form','layer','laydate','element','colorpicker','upload'],function(){
|
||
var form = layui.form,
|
||
laydate = layui.laydate,
|
||
$ = layui.jquery;
|
||
var element = layui.element;
|
||
var layer = layui.layer;
|
||
var colorpicker = layui.colorpicker;
|
||
//var layer = parent.layer;
|
||
//alert(parent.layer);
|
||
//
|
||
$("#id").val(get_url_param("id"));
|
||
var id=$("#id").val();
|
||
var ms="";
|
||
var src="";
|
||
//alert(s_cate);
|
||
var url="./?_m=video&_a=add&id="+id;
|
||
//
|
||
$.ajax(
|
||
{
|
||
url:url,
|
||
contentType: "application/json",
|
||
method: 'POST',
|
||
success: function (res) {
|
||
//var id=$("#id").val();
|
||
var json_data=$.parseJSON(res);
|
||
$("#s_cate").val(json_data.cate);
|
||
//全局变量赋值
|
||
//alert(JSON.stringify(json_data));
|
||
//----------------初始化
|
||
//图片
|
||
/*var html1='<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="100%">';
|
||
html1+='<tr><td align="right" bgcolor="#fafafa" >参数<td><td align="right" bgcolor="#fafafa" >'+json_data.sc+'<td></tr>';
|
||
html1+='<tr><td align="right" bgcolor="#fafafa" >说明<td><td align="right" bgcolor="#fafafa" >'+json_data.sm+'<td></tr>';
|
||
html1+='<tr><td align="right" bgcolor="#fafafa" >值<td><td align="right" bgcolor="#fafafa" >'+json_data.vl+'<td></tr>';
|
||
html1+='</table></div>';*/
|
||
var htmla='<input type="text" class="layui-input" id="vtitle" name="vtitle" value="'+json_data.vtitle+'">';
|
||
$("#div_vtitle").html(htmla);
|
||
|
||
//var htmla='<input type="text" class="layui-input" id="kh" name="kh" value="'+json_data.no+'">';
|
||
if(json_data.no){
|
||
$("#kh").val(json_data.no);
|
||
}
|
||
|
||
if(json_data.cate=="直播录像"){
|
||
$("#div_kh1").hide();
|
||
var html1='';
|
||
if(json_data.fd){
|
||
var wt=json_data.fd.split("|");
|
||
for(var j=0;j<wt.length;j++){
|
||
var tmp=wt[j].split("_");
|
||
html1+="时间点(秒)：<input type='text' name='vtime[]' value='"+tmp[0]+"' style='width:100px' align='center' > 款号：<input type='text' name='vkh[]' value='"+tmp[1]+"' style='width:200px'> 备注：<input type='text' name='remark[]' value='"+tmp[2]+"' style='width:390px'><br>";
|
||
}
|
||
}else{
|
||
for(var j=0;j<3;j++){
|
||
html1+="时间点(秒)：<input type='text' name='vtime[]' value='' style='width:100px' align='center' > 款号：<input type='text' name='vkh[]' value='' style='width:200px'> 备注：<input type='text' name='remark[]' value='' style='width:390px'><br>";
|
||
}
|
||
}
|
||
html1+="时间点(秒)：<input type='text' name='vtime[]' value='' style='width:100px' align='center' > 款号：<input type='text' name='vkh[]' value='' style='width:200px'> 备注：<input type='text' name='remark[]' value='' id='last_selection' style='width:390px'>";
|
||
|
||
$("#ms").html(html1);
|
||
}else{
|
||
$("#div_t").hide();
|
||
}
|
||
|
||
var htmla='<input type="text" class="layui-input" id="vid_net" name="vid_net" value="'+json_data.vid_net+'" readonly="readonly">*本地视频无此项';
|
||
$("#div_vid_net").html(htmla);
|
||
|
||
var htmla='<input type="text" class="layui-input" id="source" name="source" value="'+json_data.source+'" readonly="readonly">';
|
||
$("#div_source").html(htmla);
|
||
|
||
if(json_data.is_local=="y"){
|
||
var htmla='<input type="text" class="layui-input" id="local_path" name="local_path" value="'+json_data.local_path+'">*阿里云视频无此项';
|
||
}else{
|
||
var htmla='<input type="text" class="layui-input" id="local_path" name="local_path" value="'+json_data.local_path+'" readonly="readonly">*阿里云视频无此项';
|
||
}
|
||
$("#div_local_path").html(htmla);
|
||
|
||
var htmla='<input type="text" class="layui-input" id="cate" name="cate" value="'+json_data.cate+'" readonly="readonly">';
|
||
$("#div_cate").html(htmla);
|
||
|
||
|
||
|
||
form.render();
|
||
},
|
||
error: function () {
|
||
layui.layer.msg("与服务器通信失败！");
|
||
}
|
||
}
|
||
);
|
||
|
||
//重置
|
||
$("#form1_reset").click(function(){
|
||
var url="set_add.htm";
|
||
window.location.href=url;
|
||
})
|
||
$("#form1_submit").click(function(){
|
||
var _t=$("#_t").val();
|
||
if(_t=="8"){
|
||
$(".layui-colorpicker-trigger-span").each(function(){
|
||
var stra=colorRGB2Hex($(this).attr("style"));
|
||
var tmp=$("#_v").val();
|
||
if(tmp){
|
||
var tmp1=tmp+"_"+stra;
|
||
}else{
|
||
var tmp1=stra;
|
||
}
|
||
$("#_v").val(tmp1);
|
||
})
|
||
}
|
||
//alert($("#_v").val());
|
||
})
|
||
//提交
|
||
form.on("submit(form1_submit)",function(data){
|
||
|
||
|
||
//弹出loading
|
||
var index = layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
|
||
//提交
|
||
var url="./?_m=video&_a=save_add";
|
||
|
||
var post_data=data.field;
|
||
//console.log($("#_v").val())
|
||
//alert(JSON.stringify(post_data));
|
||
$.ajax({
|
||
url:url,
|
||
contentType: "application/json",
|
||
method: 'GET',
|
||
//data:{"a":"a","id":$("#id").val(),"_t":$("#_t").val(),"_v":$("#_v").val(),"_k":$("#_k").val()},
|
||
data:post_data,
|
||
success: function (res) {
|
||
//alert(res);//调试模式
|
||
//layer.close(index);//调试模式
|
||
var json_data=$.parseJSON(res);
|
||
if(json_data.code==1){
|
||
//保存成功
|
||
layer.close(index);
|
||
layer.msg("保存成功！");
|
||
layer.closeAll("iframe");
|
||
//刷新父页面
|
||
//var tmp=$("#s_cate").val();
|
||
//var aurl='./?_m=video&s_cate='+tmp;
|
||
//parent.tableIns.reload({url:url});
|
||
//window.location.href=aurl;
|
||
//$(window.parent.document).find("#layui_table").reload({url:aurl});
|
||
//parent.location.href=aurl;
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
|
||
}else{
|
||
//保存失败
|
||
layer.close(index);
|
||
layer.msg("保存失败！("+json_data.msg+")");
|
||
}
|
||
}
|
||
})
|
||
return false;
|
||
})
|
||
})
|
||
</script>
|
||
</body>
|
||
</html> |