{php include template("admin/header");}
<style>
.btt {margin-top:6px; float:left;color:#FFFFFF; background:#318dd0; font-size:12px;  border-color:#106BAB #106BAB #0D68A9;color:#333;background:#f1f0f0;border:1px solid #c4c4c4;border-radius:2px;padding:4px 15px;display:inline-block;
cursor:pointer;text-decoration:none;overflow:visible;text-align:center;zoom:1;white-space:nowrap;margin-right:10px;font-family:inherit;position:relative;}
.odd ul li { float:left; margin-left:8px;}
.odd ul li a { display:block; width:100px; height:120px; background: no-repeat url(<?php echo SITE_URL; ?>images/b1_wide_120802.png) center center; text-indent:9999999px; border:#DDD 1px solid; overflow:hidden; text-indent:-1000px; padding:1px;}
.odd ul li .laoding { background-image: url(<?php echo SITE_URL; ?>images/ico-operating.gif);}
.odd ul li .zhu { border-color:#FFD0D0}
.midder table tr.odd td {
line-height: 120px;
}
.tfile {
filter: alpha(opacity=0);
opacity: 0;
font-size: 16px;
width:100px; 
height:120px;
float: left;
margin-top: -120px;
overflow:hidden;
cursor: pointer;
}
.num {color: #e26;font-size: 40px;font-style: italic;font-family: Georgia, 'Monotype Corsiva', Arial, sans-serif;}

.goodstags{ display:none; padding-top:20px; border:1px solid #EBEBEB; width:138px; position:absolute;left:22px; background-color:#f7f7f7; z-index:9999;}

.goodstags ul li {
float: left;
display: block;
height: 22px;
line-height: 22px;
margin-left: 5px;
margin-bottom: 2px;
padding: 0px 4px;
color: #fff;
background-color: #449ACD;
white-space: nowrap;
cursor: pointer;
}
.close{position:absolute; top:-5px; right:-5px; width:40px; cursor: pointer; height:23px;}
.goodstags ul .on {
background-color: #0051A2;
}
</style>
<script src="<?php echo SITE_URL; ?>public/js/jquery.js" type="text/javascript"></script>
<script src="<?php echo SITE_URL; ?>js/ajaxfileupload.min.js" type="text/javascript"></script>
<script>

function UploadShareImg(g_id){
	
	$("#a_"+g_id).addClass("laoding");
	$.ajaxFileUpload({
		url:"<?php echo SITE_URL; ?>index.php?app=huabao&ac=do&le=UploadImg&f=uploadShareImg_"+g_id,
		secureuri:false,
		dataType:'text',
		fileElementId:'uploadShareImg_'+g_id,
		success:function(result){
			$("#a_"+g_id). removeClass("laoding");
			var img_src = "<?php echo SITE_URL; ?>"+result;
			$("#a_"+g_id).css({"background-image":"url("+result+")","background-size":"100px"});
			$("#img_url_"+g_id).attr("value",result);
			}
		}
	)}

function on_sum(){

	if(document.huabao.title.value==""){
		$("#title_k").show();
		return false;
		}
	
	}
	
function del_line(g_id){
		$("#odd_"+g_id).remove();
		var i=1;
		$(".odd").each(function(){
    		$(this).find(".num").html(i);
			$("#addbuttom").attr("href","javascript:add_new_line("+i+")");
			i++;
 		});
	
	}

function get_tag(g_id){
	 	var _this = $(this),
         catename = $("#catename option:selected").val();
		$.ajax({
				   url: "index.php?app=huabao&ac=do&le=get_tag&g_id="+g_id+"&catename="+catename,
				   type : "post",
				   dataType: "text",
				   success: function(data){
					   html = '<div class="close">关闭</div><ul>'+data+'</ul>';
					    $(".goodstags").html(html);
				   }
			});
	
		
	
	}
function get_share(g_id){
	 	var _this = $(this);
        var tao_url =  $("#input_url_"+g_id).attr("value");
		$.ajax({
				   url: "index.php?app=huabao&ac=do&le=get_share&tao_url="+tao_url,
				   type : "post",
				   dataType: "json",
				   beforeSend:function(){$("#loading").show();},
				   success: function(data){
					 $("#input_name_"+g_id).attr("value",data.name);
					 $("#tags"+g_id).attr("value",data.defaulttags);
					 $("#op"+g_id).attr("value",data.price);
					 $("#a_1"+g_id).css({"background-image":"url("+data.pic_1+")","background-size":"30px 30px"});
					 $("#img_url_1"+g_id).attr("value",data.pic_1);
					 
					 $("#a_2"+g_id).css({"background-image":"url("+data.pic_2+")","background-size":"30px 30px"});
					 $("#img_url_2"+g_id).attr("value",data.pic_2);
					 
					 $("#a_3"+g_id).css({"background-image":"url("+data.pic_3+")","background-size":"30px 30px"});
					 $("#img_url_3"+g_id).attr("value",data.pic_3);
					 
					 $("#a_4"+g_id).css({"background-image":"url("+data.pic_4+")","background-size":"30px 30px"});
					 $("#img_url_4"+g_id).attr("value",data.pic_4);
					 
					 $("#loading").hide();
				   }
			});
	
		
	
	}

$(document).ready(function(){
	
	$(".goodstags li").live('click', function(){
		var g_id = $(this).attr("g_id");
		var tagInput = $('#tags'+g_id+'');
		var tagValue = tagInput.val();
		tagValue = tagValue.replace('　',' ');
		tagValue = tagValue.replace(/ +/g,' ');
		tagValue = ' ' + $.trim(tagValue) + ' ';
		if($(this).hasClass('on'))
		{
			tagValue = tagValue.replace(' ' + $(this).html() + ' ',' ');
			$(this).removeClass('on');
		}
		else
		{
			tagValue += $(this).html();
			$(this).addClass('on');
		}
		
		tagValue = $.trim(tagValue);
		tagInput.val(tagValue);
	});
	
	$(".close").live('click', function(){
			$(this).parent().hide();

	});
	
	
})


function add_new_line(num){
	var n=num+1;
	var s;
	s=$(".cr-add-ing");
	s.before('<tr class="odd" id="odd_'+n+'"><td class="num">'+n+'</td><td><ul><li><a href="javascript:;"class="zhu"id="a_1'+n+'">上传图片</a><input class="tfile PUB_PIC_FILE"name="uploadShareImg_1'+n+'"type="file"id="uploadShareImg_1'+n+'"onchange="return UploadShareImg(1'+n+');"><input type="hidden"name="img_url[]"value=""id="img_url_1'+n+'"></li></ul></td><td><textarea  class="input-text" name="name[]" id="input_name_0" style="height:112px; width:250px; padding:5px;"></textarea></td><td style=" position:relative;"><input  class="input-text" name="goodsid[]" value="" style="line-height:24px;margin-top: 60px;width:250px;"/></td><td><a href="javascript:;"onclick="return del_line('+n+');"><font color="red">X删除</font></a></td></tr>');
	$("#addbuttom").attr("href","javascript:add_new_line("+n+")");
	
	lazyheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
	
	$(window).scrollTop(lazyheight+135);
	
	}
	

</script>
<!--main-->
<div id="loading" style="position:absolute; left:10px; color:#FFF; padding:2px 4px; background-color:#F00; display:none;">正在加载...</div>
<div class="midder">

{php include template("admin/menu");}



<b style="color:#F00; line-height:24px;">注：默认的图片比例为100:120</b>




<form action="{SITE_URL}index.php?app=huabao&ac=admin&mg=addhuabao&ts=add_p" name="huabao" method="post">

<div style="margin:10px 0;">
	画报标题： 
    
    <input type="text" class="input-text" style="width:280px" name="title" id="title" value="">
<span style="color:#f00; padding-left:10px; display:none;" id="title_k"> 画报标题不能为空！</span>
</div>




<div style="margin:10px 0;">
	分类今日头条： 
    
  <input class="input-text" type="radio" name="is_im" checked="select"  value="0">否 <input class="input-text" type="radio" name="is_im" value="1">是
  <span style="padding-left:20px; color:#999">显示最新一个</span>
</div>

  <table  cellpadding="0" cellspacing="0">
    
    <tr class="old">
      <td width="100" align="center">编号(1为主图)</td>
      <td width="170">图片</td>
      <td width="100">描述</td>
      <td>图中的宝贝ID（用,号分开）</td>
      <td>操作</td>
    </tr>
  <tr class="odd" id="odd_0">
   <td class="num">
    1
   </td>
    <td>
    <ul>
    <li>
    <a href="javascript:;" class="zhu" id="a_10">上传图片</a>
    <input class="tfile PUB_PIC_FILE" name="uploadShareImg_10" type="file" id="uploadShareImg_10" onchange="return UploadShareImg(10);">
    <input type="hidden" name="img_url[]" value="" id="img_url_10">
    </li>
    </ul>
    
    </td>
  
    <td><textarea  class="input-text" name="name[]" id="input_name_0" style="height:112px; width:250px; padding:5px;"></textarea></td>
    
    <div class="goodstags" id="tag0">
    </div>
    </td>
    <td><input  class="input-text" name="goodsid[]" value="" style="line-height:24px;margin-top: 60px;width:250px;"/></td>
    <td><a href="javascript:;" onclick="return del_line(0);"><font color="red">X删除</font></a></td>
  </tr>

  <tr class="cr-add-ing">
    <td align="left" colspan="8">
    <input class="btt"type="submit" onclick="return on_sum();" value="提交" />
 	<a class="btt" style=" height:15px; line-height:15px;" id="addbuttom" href="javascript:add_new_line(1);">+ 增加 +</a>
    
    
    </td>
  </tr>
  </table>
</form>
</div>
{php include template("admin/footer");}