You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
343 lines
14 KiB
343 lines
14 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link rel="stylesheet" href="css/style.css"/>
|
|
<link href="assets/css/codemirror.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/ace.min.css" />
|
|
<link rel="stylesheet" href="font/css/font-awesome.min.css" />
|
|
<!--[if lte IE 8]>
|
|
<link rel="stylesheet" href="assets/css/ace-ie.min.css" />
|
|
<![endif]-->
|
|
<script src="js/jquery-1.9.1.min.js"></script>
|
|
<script src="assets/js/typeahead-bs2.min.js"></script>
|
|
<script src="js/lrtk.js" type="text/javascript" ></script>
|
|
<script src="assets/js/jquery.dataTables.min.js"></script>
|
|
<script src="assets/js/jquery.dataTables.bootstrap.js"></script>
|
|
<script src="assets/layer/layer.js" type="text/javascript" ></script>
|
|
<script type="text/javascript" src="Widget/swfupload/swfupload.js"></script>
|
|
<script type="text/javascript" src="Widget/swfupload/swfupload.queue.js"></script>
|
|
<script type="text/javascript" src="Widget/swfupload/swfupload.speed.js"></script>
|
|
<script type="text/javascript" src="Widget/swfupload/handlers.js"></script>
|
|
<title>广告管理</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class=" clearfix" id="advertising">
|
|
<div id="scrollsidebar" class="left_Treeview">
|
|
<div class="show_btn" id="rightArrow"><span></span></div>
|
|
<div class="widget-box side_content" >
|
|
<div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div>
|
|
<div class="side_list">
|
|
<div class="widget-header header-color-green2">
|
|
<h4 class="lighter smaller">广告图分类</h4>
|
|
</div>
|
|
<div class="widget-body">
|
|
<ul class="b_P_Sort_list">
|
|
<li><i class="orange fa fa-user-secret"></i><a href="#">全部</a></li>
|
|
<li><i class="fa fa-image pink "></i> <a href="#">首页轮播广告</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><div class="Ads_list">
|
|
<div class="border clearfix">
|
|
<span class="l_f">
|
|
<a href="javascript:ovid()" id="ads_add" class="btn btn-warning"><i class="fa fa-plus"></i> 添加广告</a>
|
|
<a href="javascript:ovid()" class="btn btn-danger"><i class="fa fa-trash"></i> 批量删除</a>
|
|
</span>
|
|
<span class="r_f">共：<b>45</b>条广告</span>
|
|
</div>
|
|
<div class="Ads_lists">
|
|
<table class="table table-striped table-bordered table-hover" id="sample-table">
|
|
<thead>
|
|
<tr>
|
|
<th width="25"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>
|
|
<th width="80">ID</th>
|
|
<th>排序</th>
|
|
<th width="100">分类</th>
|
|
<th width="220px">图片</th>
|
|
<th width="150px">尺寸（大小）</th>
|
|
<th width="250px">链接地址</th>
|
|
<th width="180px">加入时间</th>
|
|
<th width="70px">状态</th>
|
|
<th width="250px">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- 广告管理 -->
|
|
<tr>
|
|
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
|
|
<td>1</td>
|
|
<td><input name="" type="text" style=" width:50px" placeholder="1"/></td>
|
|
<td>图片</td>
|
|
<td><span class="ad_img"><img src="./images/32047824_0_final.png" width="100%" height="100%"/></span></td>
|
|
<td>1890x1080</td>
|
|
<td><a href="#" target="_blank"></a>北21公寓626</td>
|
|
<td>2016-6-29 12:34</td>
|
|
<td class="td-status"><span class="label label-success radius">显示</span></td>
|
|
<td class="td-manage">
|
|
<a onClick="member_stop(this,'10001')" href="javascript:;" title="停用" class="btn btn-xs btn-success"><i class="fa fa-check bigger-120"></i></a>
|
|
<a title="编辑" onclick="member_edit('编辑','member-add.html','4','','510')" href="javascript:;" class="btn btn-xs btn-info" ><i class="fa fa-edit bigger-120"></i></a>
|
|
<a title="删除" href="javascript:;" onclick="member_del(this,'1')" class="btn btn-xs btn-warning" ><i class="fa fa-trash bigger-120"></i></a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--添加广告样式-->
|
|
<div id="add_ads_style" style="display:none">
|
|
<div class="add_adverts">
|
|
<ul>
|
|
<li>
|
|
<label class="label_name">所属分类</label>
|
|
<span class="cont_style">
|
|
<select class="form-control" id="form-field-select-1">
|
|
<option value="">选择分类</option>
|
|
<option value="AL">首页大幻灯片</option>
|
|
</select></span>
|
|
</li>
|
|
<li><label class="label_name">图片尺寸</label><span class="cont_style">
|
|
<input name="长" type="text" id="form-field-1" placeholder="0" class="col-xs-10 col-sm-5" style="width:80px">
|
|
<span class="l_f" style="margin-left:10px;">x</span><input name="宽" type="text" id="form-field-1" placeholder="0" class="col-xs-10 col-sm-5" style="width:80px"></span></li>
|
|
<li><label class="label_name">显示排序</label><span class="cont_style"><input name="排序" type="text" id="form-field-1" placeholder="0" class="col-xs-10 col-sm-5" style="width:50px"></span></li>
|
|
<li><label class="label_name">链接地址</label><span class="cont_style"><input name="地址" type="text" id="form-field-1" placeholder="地址" class="col-xs-10 col-sm-5" style="width:450px"></span></li>
|
|
<li><label class="label_name">状 态：</label>
|
|
<span class="cont_style">
|
|
<label><input name="form-field-radio1" type="radio" checked="checked" class="ace"><span class="lbl">显示</span></label>
|
|
<label><input name="form-field-radio1" type="radio" class="ace"><span class="lbl">隐藏</span></label></span><div class="prompt r_f"></div>
|
|
</li>
|
|
<li><label class="label_name">图片</label><span class="cont_style">
|
|
<div class="demo">
|
|
<div class="logobox"><div class="resizebox"><img src="images/image.png" width="100px" alt="" height="100px"/></div></div>
|
|
<div class="logoupload">
|
|
<div class="btnbox"><a id="uploadBtnHolder" class="uploadbtn" href="javascript:;">上传替换</a></div>
|
|
<div style="clear:both;height:0;overflow:hidden;"></div>
|
|
<div class="progress-box" style="display:none;">
|
|
<div class="progress-num">上传进度：<b>0%</b></div>
|
|
<div class="progress-bar"><div style="width:0%;" class="bar-line"></div></div>
|
|
</div> <div class="prompt"><p>图片大小小于5MB,支持.jpg;.gif;.png;.jpeg格式的图片</p></div>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script>
|
|
//初始化宽度、高度
|
|
$(".widget-box").height($(window).height());
|
|
$(".Ads_list").width($(window).width()-220);
|
|
//当文档窗口发生改变时 触发
|
|
$(window).resize(function(){
|
|
$(".widget-box").height($(window).height());
|
|
$(".Ads_list").width($(window).width()-220);
|
|
});
|
|
$(function() {
|
|
$("#advertising").fix({
|
|
float : 'left',
|
|
//minStatue : true,
|
|
skin : 'green',
|
|
durationTime :false,
|
|
stylewidth:'220',
|
|
spacingw:30,//设置隐藏时的距离
|
|
spacingh:250,//设置显示时间距
|
|
set_scrollsidebar:'.Ads_style',
|
|
table_menu:'.Ads_list'
|
|
});
|
|
});
|
|
/*广告图片-停用*/
|
|
function member_stop(obj,id){
|
|
layer.confirm('确认要关闭吗？',{icon:0,},function(index){
|
|
$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="显示"><i class="fa fa-close bigger-120"></i></a>');
|
|
$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已关闭</span>');
|
|
$(obj).remove();
|
|
layer.msg('关闭!',{icon: 5,time:1000});
|
|
});
|
|
}
|
|
/*广告图片-启用*/
|
|
function member_start(obj,id){
|
|
layer.confirm('确认要显示吗？',{icon:0,},function(index){
|
|
$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="关闭"><i class="fa fa-check bigger-120"></i></a>');
|
|
$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">显示</span>');
|
|
$(obj).remove();
|
|
layer.msg('显示!',{icon: 6,time:1000});
|
|
});
|
|
}
|
|
/*广告图片-删除*/
|
|
function member_del(obj,id){
|
|
layer.confirm('确认要删除吗？',{icon:0,},function(index){
|
|
$(obj).parents("tr").remove();
|
|
layer.msg('已删除!',{icon:1,time:1000});
|
|
});
|
|
}
|
|
/*******添加广告*********/
|
|
$('#ads_add').on('click', function(){
|
|
layer.open({
|
|
type: 1,
|
|
title: '添加广告',
|
|
maxmin: true,
|
|
shadeClose: false, //点击遮罩关闭层
|
|
area : ['800px' , ''],
|
|
content:$('#add_ads_style'),
|
|
btn:['提交','取消'],
|
|
yes:function(index,layero){
|
|
var num=0;
|
|
var str="";
|
|
$(".add_adverts input[type$='text']").each(function(n){
|
|
if($(this).val()=="")
|
|
{
|
|
|
|
layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{
|
|
title: '提示框',
|
|
icon:0,
|
|
});
|
|
num++;
|
|
return false;
|
|
}
|
|
});
|
|
if(num>0){ return false;}
|
|
else{
|
|
layer.alert('添加成功！',{
|
|
title: '提示框',
|
|
icon:1,
|
|
});
|
|
layer.close(index);
|
|
}
|
|
}
|
|
});
|
|
})
|
|
</script>
|
|
<script type="text/javascript">
|
|
function updateProgress(file) {
|
|
$('.progress-box .progress-bar > div').css('width', parseInt(file.percentUploaded) + '%');
|
|
$('.progress-box .progress-num > b').html(SWFUpload.speed.formatPercent(file.percentUploaded));
|
|
if(parseInt(file.percentUploaded) == 100) {
|
|
// 如果上传完成了
|
|
$('.progress-box').hide();
|
|
}
|
|
}
|
|
|
|
function initProgress() {
|
|
$('.progress-box').show();
|
|
$('.progress-box .progress-bar > div').css('width', '0%');
|
|
$('.progress-box .progress-num > b').html('0%');
|
|
}
|
|
|
|
function successAction(fileInfo) {
|
|
var up_path = fileInfo.path;
|
|
var up_width = fileInfo.width;
|
|
var up_height = fileInfo.height;
|
|
var _up_width,_up_height;
|
|
if(up_width > 120) {
|
|
_up_width = 120;
|
|
_up_height = _up_width*up_height/up_width;
|
|
}
|
|
$(".logobox .resizebox").css({width: _up_width, height: _up_height});
|
|
$(".logobox .resizebox > img").attr('src', up_path);
|
|
$(".logobox .resizebox > img").attr('width', _up_width);
|
|
$(".logobox .resizebox > img").attr('height', _up_height);
|
|
}
|
|
|
|
var swfImageUpload;
|
|
$(document).ready(function() {
|
|
var settings = {
|
|
flash_url : "Widget/swfupload/swfupload.swf",
|
|
flash9_url : "Widget/swfupload/swfupload_fp9.swf",
|
|
upload_url: "upload.php",// 接受上传的地址
|
|
file_size_limit : "5MB",// 文件大小限制
|
|
file_types : "*.jpg;*.gif;*.png;*.jpeg;",// 限制文件类型
|
|
file_types_description : "图片",// 说明，自己定义
|
|
file_upload_limit : 100,
|
|
file_queue_limit : 0,
|
|
custom_settings : {},
|
|
debug: false,
|
|
// Button settings
|
|
button_image_url: "Widget/swfupload/upload-btn.png",
|
|
button_width: "95",
|
|
button_height: "30 ",
|
|
button_placeholder_id: 'uploadBtnHolder',
|
|
button_window_mode : SWFUpload.WINDOW_MODE.TRANSPARENT,
|
|
button_cursor : SWFUpload.CURSOR.HAND,
|
|
button_action: SWFUpload.BUTTON_ACTION.SELECT_FILE,
|
|
|
|
moving_average_history_size: 40,
|
|
|
|
// The event handler functions are defined in handlers.js
|
|
swfupload_preload_handler : preLoad,
|
|
swfupload_load_failed_handler : loadFailed,
|
|
file_queued_handler : fileQueued,
|
|
file_dialog_complete_handler: fileDialogComplete,
|
|
upload_start_handler : function (file) {
|
|
initProgress();
|
|
updateProgress(file);
|
|
},
|
|
upload_progress_handler : function(file, bytesComplete, bytesTotal) {
|
|
updateProgress(file);
|
|
},
|
|
upload_success_handler : function(file, data, response) {
|
|
// 上传成功后处理函数
|
|
var fileInfo = eval("(" + data + ")");
|
|
successAction(fileInfo);
|
|
},
|
|
upload_error_handler : function(file, errorCode, message) {
|
|
alert('上传发生了错误！');
|
|
},
|
|
file_queue_error_handler : function(file, errorCode, message) {
|
|
if(errorCode == -110) {
|
|
alert('您选择的文件太大了。');
|
|
}
|
|
}
|
|
};
|
|
swfImageUpload = new SWFUpload(settings);
|
|
});
|
|
</script>
|
|
<script>
|
|
jQuery(function($) {
|
|
var oTable1 = $('#sample-table').dataTable( {
|
|
"aaSorting": [[ 1, "desc" ]],//默认第几个排序
|
|
"bStateSave": true,//状态保存
|
|
"aoColumnDefs": [
|
|
//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
|
|
{"orderable":false,"aTargets":[0,2,3,4,5,7,8,]}// 制定列不参与排序
|
|
] } );
|
|
|
|
|
|
$('table th input:checkbox').on('click' , function(){
|
|
var that = this;
|
|
$(this).closest('table').find('tr > td:first-child input:checkbox')
|
|
.each(function(){
|
|
this.checked = that.checked;
|
|
$(this).closest('tr').toggleClass('selected');
|
|
});
|
|
|
|
});
|
|
|
|
|
|
$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
|
|
function tooltip_placement(context, source) {
|
|
var $source = $(source);
|
|
var $parent = $source.closest('table')
|
|
var off1 = $parent.offset();
|
|
var w1 = $parent.width();
|
|
|
|
var off2 = $source.offset();
|
|
var w2 = $source.width();
|
|
|
|
if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
|
|
return 'left';
|
|
}
|
|
})
|
|
</script>
|