{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:30px; height:30px; background: no-repeat url(<?php echo SITE_URL; ?>images/b1_wide_120802.png) center center; text-indent:9999999px; border:#DDD 1px solid; overflow:hidden;}
.odd ul li .laoding { background-image: url(<?php echo SITE_URL; ?>images/ico-operating.gif);}
.odd ul li .zhu { border-color:#FFD0D0}

.tfile {
filter: alpha(opacity=0);
opacity: 0;
font-size: 16px;
height: 31px;
width: 31px;
float: left;
margin-top: -30px;
overflow:hidden;
cursor: pointer;
}
.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=share&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":"30px 30px"});
			$("#img_url_"+g_id).attr("value",result);
			}
		}
	)}

function show_tag(g_id){
	
		$("#tag"+g_id).show();
	
	}
	
function del_line(g_id){
		$("#odd_"+g_id).remove();
	
	}

function get_tag(g_id){
	 	var _this = $(this),
         catename = $("#catename"+g_id+"  option:selected").val();
		$.ajax({
				   url: "index.php?app=share&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>';
					    $("#tag"+g_id).html(html);
					   $("#tag"+g_id).show();
				   }
			});
	
		
	
	}
function get_share(g_id){
	 	var _this = $(this);
        var tao_url =  $("#input_url_"+g_id).attr("value");
		$.ajax({
				   url: "index.php?app=share&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><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_1'+n+'"value=""id="img_url_1'+n+'"></li><li><a href="javascript:;"id="a_2'+n+'">上传图片</a><input class="tfile PUB_PIC_FILE"name="uploadShareImg_2'+n+'"type="file"id="uploadShareImg_2'+n+'"onchange="return UploadShareImg(2'+n+');"><input type="hidden"name="img_url_2'+n+'"value=""id="img_url_2'+n+'"></li><li><a href="javascript:;"id="a_3'+n+'">上传图片</a><input class="tfile PUB_PIC_FILE"name="uploadShareImg_3'+n+'"type="file"id="uploadShareImg_3'+n+'"onchange="return UploadShareImg(3'+n+');"><input type="hidden"name="img_url_3'+n+'"value=""id="img_url_3'+n+'"></li><li><a href="javascript:;"id="a_4'+n+'">上传图片</a><input class="tfile PUB_PIC_FILE"name="uploadShareImg_4'+n+'"type="file"id="uploadShareImg_4'+n+'"onchange="return UploadShareImg(4'+n+');"><input type="hidden"name="img_url_4'+n+'"value=""id="img_url_4'+n+'"></li></ul></td><td><input class="input-text"name="url[]"id="input_url_'+n+'"onchange="get_share('+n+');"value=""style=" line-height:24px; width:100px;"/></td><td><input class="input-text"name="name[]"id="input_name_'+n+'"value=""style=" line-height:24px; width:100px;"/></td><td><input class="input-text"name="uid[]"value=""style=" line-height:24px; width:100px;"/></td><td><select name="catename[]" id="catename'+n+'" onchange="get_tag('+n+');"style="width:100px"><option value="0">请修改分类</option>{$cate_html}</select></td><td style=" position:relative;"><input class="input-text" id="tags'+n+'" name="tag[]" value="" onfocus="show_tag('+n+');" style=" line-height:24px;"/><div class="goodstags" id="tag'+n+'"></div></td><td><input class="input-text"name="op[]" id="op'+n+'"value=""style=" line-height:24px;"/></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+")");}


function adcolor(){
	var wwn=new Number(document.getElementById("colnum").value);
	var nextwwn=eval(wwn+1);
	var wwinhtml=document.getElementById("color").innerHTML;
	document.getElementById("colnum").value=nextwwn;
	document.getElementById("color").innerHTML=wwinhtml+'<input type="text" name="color[]" value="" size="5" />';
}
function adsize(){
	var sizenum=new Number(document.getElementById("sizenum").value);
	var nextsize=eval(sizenum+1);
	var sizeinhtml=document.getElementById("size").innerHTML;
	document.getElementById("sizenum").value=nextsize;
	document.getElementById("size").innerHTML=sizeinhtml+'<input type="text" name="size[]" value="" size="5" />';
}
</script>
<link rel="stylesheet" href="{SITE_URL}plugins/pubs/kindeditor/themes/default/default.css" />
	<link rel="stylesheet" href="{SITE_URL}plugins/pubs/kindeditor/plugins/code/prettify.css" />
	<script charset="utf-8" src="{SITE_URL}plugins/pubs/kindeditor/kindeditor.js"></script>
	<script charset="utf-8" src="{SITE_URL}plugins/pubs/kindeditor/lang/zh_CN.js"></script>
	<script charset="utf-8" src="{SITE_URL}plugins/pubs/kindeditor/plugins/code/prettify.js"></script>
	<script>
		KindEditor.ready(function(K) {
			var editor1 = K.create('textarea[name="loccontent"]', {
				cssPath : '{SITE_URL}plugins/pubs/kindeditor/plugins/code/prettify.css',
				uploadJson : '{SITE_URL}plugins/pubs/kindeditor/php/upload_json.php',
				fileManagerJson : '{SITE_URL}plugins/pubs/kindeditor/php/file_manager_json.php',
				allowFileManager : true,
				afterCreate : function() {
					var self = this;
					K.ctrl(document, 13, function() {
						self.sync();
						K('form[name=example]')[0].submit();
					});
					K.ctrl(self.edit.doc, 13, function() {
						self.sync();
						K('form[name=example]')[0].submit();
					});
				}
			});
			prettyPrint();
		});
	</script>
<!--main-->
<div class="midder">

{php include template("admin/menu");}
<form id="J_alimama_form" name="searchform" method="post" action="{SITE_URL}index.php?app=share&ac=admin&mg=loc&ts=add_save">
    <table width="100%" cellspacing="0" class="table_form">
        <tbody>
            <tr>
                <th width="150">
                    商品名称：
                </th>
                <td>
                  <input type="text" name="name" />
                </td>
            </tr>
            <tr>
                <th>
                    商品价格：
                </th>
                <td>
                    <input name="price" type="text" class="input-text" size="40">
                </td>
            </tr>
            <tr >
                <th>
                    颜色：
                </th>
                <td>
                   <div id="color"><input name="color[]" type="text" value="" size="5" /></div><input type="hidden" id="colnum" name="colnum" value="1" /><input type="button" name="adcol" value="添加颜色种类" onclick="adcolor()" /><span style="color:#F00">* 需要删除将内容置空寂可</span>
                </td>
            </tr>
            <tr>
                <th>
                    尺码：
                </th>
                <td>
                    <div id="size"><input name="size[]" type="text" value="" size="5" /></div><input type="hidden" id="sizenum" name="sizenum" value="1" /><input type="button" name="adsiz" value="添加颜色种类" onclick="adsize()" /><span style="color:#F00">* 需要删除将内容置空寂可</span>
                </td>
            </tr>
            <tr class="odd" id="odd_0">
                <th>
                    商品图片：
                </th>
                <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_10" value="" id="img_url_10"></li></ul>
                </td>
            </tr>
             <tr>
                <th>
                    销量：
                </th>
                <td>
                   <input type="text" name="salenum" value="" />
                </td>
            </tr>
             <tr>
                <th>
                    商品所属分类：
                </th>
                <td>
                   <select name="cate_id">
                     <option>请选择商品的分类</option>
                     <!--{loop $arrcate $ackey $acitem}-->
                      <option value="{$acitem['cate_id']}">{$acitem['cate_name']}</option>
                     <!--{/loop}-->
                   </select>
                </td>
            </tr>
            <tr>
            <tr>
                <th>
                    商品标签：
                </th>
                <td>
                   <input name="tags" type="text" value="" size="50" maxlength="50" /><span style="color:#F00">多个标签之间使用 , 隔开</span>
                </td>
            </tr>
            <tr>
                <th>
                    商品详情：
                </th>
                <td>
                <textarea  name="loccontent" style="width:700px;height:300px;"><!--{php echo htmlspecialchars($htmlData); }--></textarea>
              </td>
            </tr>
            <tr>
                <th>
                   
                </th>
                <td>
                 <input type="submit" value="提交" />
              </td>
            </tr>
        </tbody>
    </table>
</form>
</div>
{php include template("admin/footer");}