{include file="public/layout" /}
<body class="bodystyle" style="overflow-y: scroll;">
<div id="toolTipLayer" style="position: absolute; z-index: 9999; display: none; visibility: visible; left: 95px; top: 573px;"></div>
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page min-hg-c-10">
<form class="form-horizontal" id="post_form" action="{:url('ZcPosition/add')}" method="post">
<div class="ncap-form-default">
<input type="hidden" name="id" value="{$id}"/>
<dl class="row" id="citychoose">
<dt class="tit"> <label for="title"><em>*</em>选择一级</label> </dt>
<dd class="opt">
<select name="type2" class="select" id="selectTest" style="margin:0px 5px;height:30px;">
<option value="0">请选择</option>
{eyou:foreach name='$pro_list_t' item='field1'}
<option value="{$field1.id}" {eq name="$pid" value="$field1.id"}selected{/eq}>{$field1.name}</option>
{/eyou:foreach}
</select>
<span class="err"></span>
<p class="notic2 red" id="title_tips"></p>
</dd>
</dl>
<script>
$(function(){
$("#selectTest").change(function(e){
console.log($(this).val());
var v = $(this).val();
if(v == 1){
//$('#citychoose').show();
}else{
//$('#citychoose').hide();
}
//ajax
$.ajax({
type:'POST',
url:"{:url('ZcPosition/getZsType', ['_ajax'=>1])}",
data:{
id: $(this).val()
,_ajax:1
},
success:function(res){
$('#selectTest2').html(res.data);
//重置
$('#selectTest3').html('<option value="0">请选择</option>');
}
});
});
});
</script>
<dl class="row" id="citychoose">
<dt class="tit"> <label for="title"><em>*</em>选择二级</label> </dt>
<dd class="opt">
<select name="type2" class="select" id="selectTest2" style="margin:0px 5px;height:30px;">
<option value="0">请选择</option>
</select>
<span class="err"></span>
<p class="notic2 red" id="title_tips"></p>
</dd>
</dl>
<script>
$(function(){
$("#selectTest2").change(function(e){
console.log($(this).val());
var v = $(this).val();
if(v == 1){
//$('#citychoose').show();
}else{
//$('#citychoose').hide();
}
//ajax
$.ajax({
type:'POST',
url:"{:url('ZcPosition/getZsList', ['_ajax'=>1])}",
data:{
id: $(this).val()
,_ajax:1
},
success:function(res){
$('#selectTest3').html(res.data);
}
});
});
});
</script>
<dl class="row" id="citychoose">
<dt class="tit"> <label for="title"><em>*</em>选择证书</label> </dt>
<dd class="opt">
<select name="type2" class="select" id="selectTest3" style="margin:0px 5px;height:30px;">
<option value="0">请选择</option>
</select>
<span style="cursor:pointer;" id="addzsopton">添加</span>
<span class="err">
</span>
<p class="notic2 red" id="title_tips">
</p>
</dd>
</dl>
<script>
$(function(){
$("#addzsopton").click(function(e){
console.log($('#selectTest3').val());
var v = $('#selectTest3').val();
var t = $("#selectTest3 option:selected").text();
if(v == 0){
//$('#citychoose').show();
layer.msg('请选择证书!');
return false;
}else{
//$('#citychoose').hide();
//获取选中值
/*var checkedValues = [];
$('input[type="checkbox"]:checked').each(function() {
checkedValues.push($(this).val());
});
console.log(checkedValues);*/
//循环checkbox的值
var openval = 0;
$('#zslist input[type="checkbox"]').each(function() {
/*if($(this).is(':checked')) {
console.log($(this).val());
}*/
if($(this).val() == v){
layer.msg('已经存在该项,不可重复添加!');
openval = 1;
}
});
if(openval == 0) {
//添加
var html = '<span style="margin-right: 10px;"><input type="checkbox" name="map[]" value="' + v + '" id="category" checked />' + t + '</span>';
$('#zslist').append(html);
}
}
});
});
</script>
<dl class="row" id="citychoose">
<dt class="tit"> <label for="title"><em>*</em>绑定证书</label> </dt>
<dd class="opt" id="zslist">
<!---checked-->
{eyou:foreach name='$pro_list' item='field1'}
<!--<hr/>{$pro_list_t[$key]}<br/>-->
{eyou:foreach name='$field1' item='field2'}
<span style="margin-right: 10px;">
<input type="checkbox" name="map[]" value="{$field2.id}" id="category{$field2.id}" {$field2.is_check} />
{$field2.title}
</span>
{/eyou:foreach}
{/eyou:foreach}
</dd>
</dl>
<div class="bot"><a href="JavaScript:void(0);" onclick="checkForm();" class="ncap-btn-big ncap-btn-green" id="submitBtn">确认提交</a></div>
</div>
</form>
</div>
<script type="text/javascript">
var SelectedType = 1;
$(function() {
// 新增时，广告类型默认选中图片类型
$('#type1').prop('checked', 'checked');
// 新增时，默认显示图片上传
$('#1615775137_1').show();
// 多媒体类型 && 广告内容不为空 则执行显示 否则 执行隐藏
VideoLitpicValue('#video_litpic');
});
// 切换广告类型
function TypeSwitch(typeValue) {
// 隐藏全部类型内容
$('.1615775137_dl').hide();
// 显示指定类型内容
$('#1615775137_'+typeValue).show();
// 切换类型后设置为当前切换的类型
SelectedType = typeValue;
// 多媒体类型 && 广告内容不为空 则执行显示 否则 执行隐藏
VideoLitpicValue('#video_litpic');
}
// 多媒体类型 && 广告内容不为空 则执行显示 否则 执行隐藏
function VideoLitpicValue(obj) {
// 获取广告内容(多媒体为播放链接)
// var video_litpic = $(obj).val();
// 判断隐藏/显示预览按钮if (2 == SelectedType && video_litpic)
if (2 == SelectedType) {
$('#PreviewVideo').show();
} else {
$('#PreviewVideo').hide();
}
}
// 打开预览视频
function OpenPreviewVideo() {
// 获取视频链接
var video_litpic = $('#video_litpic').val();
if (video_litpic == '') {
$('#video_litpic').focus();
showErrorMsg('请先上传视频');
return false;
}
/* 视频链接后缀验证处理 */
var fileExt = video_litpic.substr(video_litpic.lastIndexOf('.')).toLowerCase();
var fileExt = judgeExt(fileExt);
if (fileExt == -1) {
$('#video_litpic').focus();
showErrorMsg('不支持的视频格式，可在附件设置中修改');
return false;
}
/* END */
/* 视频链接是否存在斜杠处理 */
var fileInfo = video_litpic.lastIndexOf('/');
if (fileInfo == -1) {
$('#video_litpic').focus();
showErrorMsg('视频链接不完整，无法正常预览');
return false;
}
/* END */
// 打开视频播放
$.ajax({
type : 'post',
url : $('#OpenPreviewVideoUrl').val(),
data : {video_litpic: video_litpic},
dataType : 'json',
success : function(res) {
if (1 == res.code) {
var PreviewVideo = "<video style='width:100%; height:100%;' src='"+res.url+"' controls preload='auto' oncontextmenu='return fase' autoplay></video>";
layer.open({
type: 1,
title: false,
fixed: true, //不固定
shadeClose: false,
shade: layer_shade,
area: ['80%', '80%'],
content: PreviewVideo
});
} else {
showErrorMsg(res.msg);
}
},
error: function(e) {
showErrorAlert(e.responseText);
}
});
}
// 上传媒体文件
function upload_video_litpic_1615775137(e) {
var data_type = $(e).attr('data-type');
if ('qiniu' == data_type) {
// 七牛云上传
upload_video_litpic_qiniu(e);
} else if ('oss' == data_type) {
// OSS上传
upload_video_litpic_oss(e);
} else if ('cos' == data_type) {
// COS上传
upload_video_litpic_cos(e);
} else {
// 本地上传
upload_video_litpic_local(e);
}
}
// 七牛云上传
function upload_video_litpic_qiniu(e) {
// 获取文件路径名
var file = $(e)[0].files[0];
// 验证上传格式
var fileName = file.name;
var fileExt = fileName.substr(fileName.lastIndexOf('.')).toLowerCase();
var ext = judgeExt(fileExt);
if (ext == -1) {
showErrorMsg('不支持选中的视频格式,可在附件设置中修改');
return false;
}
// 验证上传大小
var size = "{$upload_max_filesize}";
if (file.size > size) {
showErrorMsg('视频大小超过限制,可在附件设置中修改');
return false;
}
// 执行上传
layer_loading('上传本地');
$.ajax({
type: 'POST',
url: '__ROOT_DIR__/index.php?m=plugins&c=Qiniuyun&a=qiniu_upload',
data: {_ajax: 1},
dataType: "JSON",
success: function(res1) {
if (1 == res1.code) {
var token = res1.data.token;
var formData = new FormData();
formData.append('file', file);
formData.append('token', token);
fileName = res1.data.filePath + fileExt;
formData.append('key', fileName);
$.ajax({
url: res1.data.uphost,
type: 'POST',
dataType: 'JSON',
data: formData,
timeout: 1200000,
cache: false,
processData: false,
contentType: false,
xhr: function () {
myXhr = $.ajaxSettings.xhr();
if (myXhr.upload) {
myXhr.upload.addEventListener('progress', function(e){
var curr = e.loaded;
var total = e.total;
process = parseInt(curr / total * 100);
$("#upload_video_litpic_qiniu").text('上传中...'+process+"%");
});
}
return myXhr;
},
success: function(res2) {
layer.closeAll();
$("#upload_video_litpic_qiniu").text('上传成功');
setTimeout(function() {
$('#upload_video_litpic_qiniu').text('七牛云上传');
}, 2000);
var video_url = res1.data.domain + "/" + res2.key;
$("#video_litpic").val(video_url);
},
error: function(e) {
layer.closeAll();
showErrorMsg(e.responseText);
return false;
}
});
} else {
layer.closeAll();
showErrorMsg(res1.msg);
}
},
error: function(e) {
layer.closeAll();
showErrorMsg(e.responseText);
}
});
}
// 阿里云OSS上传
function upload_video_litpic_oss(e) {
// 获取文件路径名
var file = $(e)[0].files[0];
// 验证上传格式
var fileName = file.name;
var fileExt = fileName.substr(fileName.lastIndexOf('.')).toLowerCase();
var ext = judgeExt(fileExt);
if (ext == -1) {
showErrorMsg('不支持选中的视频格式,可在附件设置中修改');
return false;
}
// 验证上传大小
var size = "{$upload_max_filesize}";
if (file.size > size) {
showErrorMsg('视频大小超过限制,可在附件设置中修改');
return false;
}
// 执行上传
layer_loading('上传阿里云OSS');
$.ajax({
type: 'POST',
url: '__ROOT_DIR__/index.php?m=plugins&c=AliyunOss&a=oss_upload',
data: {_ajax: 1},
dataType: "JSON",
success: function(res1){
if (1 == res1.code){
fileName = res1.data.filePath + fileExt;
//组装发送数据
var request = new FormData();
request.append("OSSAccessKeyId",res1.data.accessid);
request.append("policy",res1.data.policy);
request.append("Signature",res1.data.signature);
request.append("key",fileName);
request.append("success_action_status",201);
request.append('file', file);
$.ajax({
url : res1.data.host,
data : request,
processData: false,
cache: false,
contentType: false,
dataType: 'xml',
type : 'post',
xhr: function () {
myXhr = $.ajaxSettings.xhr();
if (myXhr.upload) {
myXhr.upload.addEventListener('progress', function(e){
var curr = e.loaded;
var total = e.total;
var process = parseInt(curr / total * 100);
$("#upload_video_litpic_oss").text('上传中...'+process+"%");
});
}
return myXhr;
},
success : function(data) {
layer.closeAll();
var res = $(data).find('PostResponse');
if (res) {
var key = res.find('Key').text();
$("#upload_video_litpic_oss").text('上传成功');
setTimeout(function() {
$('#upload_video_litpic_oss').text('oss上传');
}, 2000);
var video_url = res1.data.domain + "/" + key;
$("#video_litpic").val(video_url);
} else {
$("#upload_video_litpic_oss").text('上传失败');
setTimeout(function() {
$('#upload_video_litpic_oss').text('oss上传');
}, 2000);
}
},
error : function(e) {
layer.closeAll();
console.log(e.responseText);
}
});
} else {
layer.closeAll();
showErrorMsg(res1.msg);
}
},
error: function(e) {
layer.closeAll();
showErrorMsg(e.responseText);
}
});
}
// 腾讯云COS上传
function upload_video_litpic_cos(e) {
// 获取文件路径名
var file = $(e)[0].files[0];
// 验证上传格式
var fileName = file.name;
var fileExt = fileName.substr(fileName.lastIndexOf('.')).toLowerCase();
var ext = judgeExt(fileExt);
if (ext == -1) {
showErrorMsg('不支持选中的视频格式，可在附件设置中修改');
return false;
}
// 验证上传大小
var size = "{$upload_max_filesize}";
if (file.size > size) {
showErrorMsg('视频大小超过限制，可在附件设置中修改');
return false;
}
// 上传参数
var formData = new FormData();
formData.append('file', file);
formData.append('file_ext', fileExt);
// 执行上传
$.ajax({
type: 'post',
url: '__ROOT_DIR__/index.php?m=plugins&c=Cos&a=cos_upload&_ajax=1',
data: formData,
contentType: false,
processData: false,
dataType: 'json',
xhr: function () {
myXhr = $.ajaxSettings.xhr();
if (myXhr.upload) {
myXhr.upload.addEventListener('progress', function(e){
var curr = e.loaded;
var total = e.total;
process = parseInt(curr / total * 100);
if (100 == process) {
process = 99;
layer_loading('上传腾讯云');
}
$("#upload_video_litpic_cos").text('上传中...'+process+"%");
});
}
return myXhr;
},
success: function(res) {
layer.closeAll();
if (1 == res.code) {
$("#video_litpic").val(res.data.url);
$("#upload_video_litpic_cos").text('上传成功');
} else {
$("#upload_video_litpic_cos").text('上传失败');
}
setTimeout(function() {
$('#upload_video_litpic_cos').text('cos上传');
}, 2000);
},
error: function(e) {
layer.closeAll();
showErrorMsg(e.responseText);
}
});
}
// 本地上传
function upload_video_litpic_local(e) {
// 获取文件路径名
var file = $(e)[0].files[0];
// 验证上传格式
var fileName = file.name;
var fileExt = fileName.substr(fileName.lastIndexOf('.')).toLowerCase();
var ext = judgeExt(fileExt);
if (ext == -1) {
showErrorMsg('不支持选中的视频格式,可在附件设置中修改');
return false;
}
// 验证上传大小
var size = "{$upload_max_filesize}";
if (file.size > size) {
showErrorMsg('视频大小超过限制,可在附件设置中修改');
return false;
}
// 定义上传数据
var formData = new FormData();
formData.append('file', file);
// 执行上传
layer_loading('上传本地');
$.ajax({
type: 'post',
url : "{:url('Ueditor/upVideo', ['savepath'=>'media'])}",
data: formData,
contentType: false,
processData: false,
dataType: 'json',
xhr: function () {
myXhr = $.ajaxSettings.xhr();
if (myXhr.upload) {
myXhr.upload.addEventListener('progress', function(e){
var curr = e.loaded;
var total = e.total;
process = parseInt(curr / total * 100);
$("#upload_video_litpic_local").html('上传中...'+process+"%");
});
}
return myXhr;
},
success: function (res) {
layer.closeAll();
$("#upload_video_litpic_local").html('上传成功');
setTimeout(function() {
$('#upload_video_litpic_local').html('本地上传');
}, 2000);
if ("SUCCESS" == res.state) {
$("#video_litpic").val(res.url);
} else {
showErrorMsg(res.msg);
}
}
});
}
// 验证格式
function judgeExt(ext) {
var type = "{$media_type}";
var extArr = [];
extArr = type.split("|");
var ext = ext.replace(".","");
return extArr.indexOf(ext);
}
</script>
<script type="text/javascript">
var parentObj = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
// 勾选新窗口打开链接
function CheckedTarget(t){
if ($(t).is(':checked')) {
$(t).parent().find('input[name="img_target[]"]').val(1);
}else{
$(t).parent().find('input[name="img_target[]"]').val(0);
}
}
// 鼠标事件，加载查看大图和更新图片
function upimgMouseover(obj)
{
$(obj).find('div.icaction').show();
$(obj).find('div.cover-bg').show();
}
function upimgMouseout(obj)
{
$(obj).find('div.icaction').hide();
$(obj).find('div.cover-bg').hide();
}
// 检测广告名称是否存在重复
function DetectionTitleRepeat(obj) {
// 当前广告ID
var id = 0;
// 传入的广告名称
var title = $(obj).val();
// 执行检测
$.ajax({
type: 'post',
url : "{:url('ZcPosition/detection_title_repeat', ['_ajax'=>1])}",
data: {id: id, title: title},
dataType: 'json',
success: function(res) {
if (0 == res.code) {
$('#title_tips').show().html(res.msg);
} else {
$('#title_tips').hide().html('');
}
},
error: function(e){
layer.closeAll();
showErrorAlert(e.responseText);
}
});
}
// 判断输入框是否为空
function checkForm(){
if($('input[name=title]').val() == ''){
layer.msg('广告位名称不能为空！', {icon: 2,time: 1000});
return false;
}
if($('#selectTest').val() == '1'){
}
var checkedValues = [];
$('#post_form input[type=checkbox]:checked').each(function() {
checkedValues.push($(this).val());
});
console.log(checkedValues); // 打印选中的checkbox值
if(checkedValues.length > 0){
}else{
layer.msg('请选择证书！', {icon: 2,time: 1000});
return false;
}
//打印
/*console.log($('#post_form').serialize());
return false;*/
layer_loading('正在处理');
$.ajax({
type : 'post',
url : "{:url('ZcPosition/choosePost', ['_ajax'=>1])}",
data : $('#post_form').serialize(),
dataType : 'json',
success : function(res) {
layer.closeAll();
if (1 == res.code) {
var _parent = parent;
_parent.layer.close(parentObj);
_parent.layer.msg(res.msg, {icon: 1, shade: layer_shade, time: 1000}, function() {
_parent.window.location.reload();
});
} else {
showErrorMsg(res.msg);
}
},
error: function(e) {
layer.closeAll();
showErrorAlert(e.responseText);
}
});
}
// 显示信息输入框
function ShowInput(id) {
var obj = $("#"+id+"_ShowInput");
var showOrHide = obj.attr('data-showOrHide');
if ('hide' == showOrHide) {
obj.show().attr('data-showOrHide', 'show');
} else {
obj.hide().attr('data-showOrHide', 'hide');
}
}
// 隐藏信息输入
function HideInput(id) {
$("#"+id+"_ShowInput").hide().attr('data-showOrHide', 'hide');
}
// 上传图集相册回调函数
function imgupload_call_back(paths){
var last_div = $(".images_upload_tpl").html();
var inputs = $('.span_input input');
var timestamp = 0;
for (var i=0; i<paths.length; i++){
// 生成新的时间戳
timestamp = (new Date()).getTime();
// 插入一个 新图片
$(".images_upload:eq(0)").before(last_div);
// 处理他的链接地址
$(".images_upload:eq(0)").find('span:eq(0)').attr('onclick',"Images('"+paths[i]+"', 900, 600);");
// 处理信息显示隐藏按钮
$(".images_upload:eq(0)").find('span:eq(1)').attr('onclick', "ShowInput('"+timestamp+"');");
// 处理他的图片路径
$(".images_upload:eq(0)").find('img').attr('src',paths[i]);
// 处理删除按钮
$(".images_upload:eq(0)").find('a:eq(1)').attr('onclick', "ClearPicArr(this, '"+paths[i]+"', 0);");
// 处理图片信息框ID
$(".images_upload:eq(0)").find('.load_input:eq(0)').attr('id', timestamp+'_ShowInput');
// 处理图片路径及隐藏域
if (inputs.length > '0') {
// 修改隐藏域，提交ID隐藏域
$(".images_upload:eq(0)").find('input:eq(0)').attr('name','img_id[]').attr('value','');
// 修改隐藏域，提交图片隐藏域
$(".span_input:eq(0)").find('input:eq(0)').attr('name','img_litpic[]').attr('value',paths[i]);
// 提交标题
$(".images_upload:eq(0)").find('textarea:eq(0)').attr('name','img_title[]');
// 提交跳转链接
$(".images_upload:eq(0)").find('textarea:eq(1)').attr('name','img_links[]');
// 处理内容描述
$(".images_upload:eq(0)").find('textarea:eq(2)').attr('name','img_intro[]');
// 提交新窗口选项
$(".images_upload:eq(0)").find('div.operation a:eq(0)').html("<label><input type='checkbox' title='在新窗口打开' onclick='CheckedTarget(this)'/>新窗口<input type='hidden' name='img_target[]' value='0'></label>");
// 处理收回按钮
$(".images_upload:eq(0)").find('div.operation a:eq(2)').attr('onclick', "HideInput('"+timestamp+"');").attr('title', "收回").html('<i style="font-size:16px;" class="fa fa-angle-double-up"></i>');
}
}
}
// 上传之后删除组图input
function ClearPicArr(obj,path)
{
$(obj).parent().parent().parent().remove(); // 删除完服务器的, 再删除 html上的图片
$.ajax({
type:'POST',
url:"{:url('Uploadimgnew/delupload')}",
data:{action:"del", filename:path, _ajax:1},
success:function(){}
});
}
// 代码调用js
function copyToClipBoard(id) {
var adstr = "{eyou:ad aid='" + id + "'}\r\n <a href='{$"+"field.links}' {$"+"field.target}><img src='{$"+"field.litpic}' alt='{$"+"field.title}' /></a>\r\n{/eyou:ad";
var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px"><dd>标签 ad 调用:</dd>'
contentdiv += '<textarea rows="4" cols="60" style="width:400px;height:80px;">' + adstr + '}</textarea>'
contentdiv += '<dd style="border-top: dotted 1px #E7E7E7; color: #F60;">请将对应标签代码复制并粘贴到对应模板文件中！</dd></dl></div>'
layer.open({
title: '代码调用',
type: 1,
shade: layer_shade,
skin: 'layui-layer-demo',
area: ['480px', '240px'], //宽高
content: contentdiv
});
}
// 图集相册的拖动排序相关 js
$( ".sort-list" ).sortable({
start: function( event, ui) {
}
,stop: function( event, ui ) {
}
});
//因为他们要拖动，所以尽量设置他们的文字不能选择。
// $( ".sort-list" ).disableSelection();
</script>
{include file="public/footer" /}