{include file='header.html'} 
<script language="javascript" src="/static/js/My97DatePicker/WdatePicker.js"></script> 
<script language="javascript" src="/plugin/ueditor/ueditor.all.min.js"></script> 
<script type="text/javascript" src="/plugin/ueditor/ueditor.config.js"></script> 
<script language="javascript">
options={
		initialFrameWidth:"100%",
		imageUrl:"/index.php?m=upload&a=UeImg&dir=product&id={$data.id}" ,
		fileUrl:"/index.php?m=upload&a=UeFile&dir=product&id={$data.id}",
		catcherUrl:"/index.php?m=upload&a=UeRemote&dir=product&id={$data.id}"
		 
};
var editor=UE.getEditor('content',options)
</script> 
<script language="javascript" src="/static/js/ajaxfileupload.js"></script> 
<script language="javascript">
   function uploadgoodsimg()
    {
        //starting setting some animation when the ajax starts and completes
        $("#loading")
        .ajaxStart(function(){
            $(this).show();
        })
        .ajaxComplete(function(){
            $(this).hide();
        });

        $.ajaxFileUpload
        (
            {
                url:'/index.php?m=upload&a=uploadtao&dir=product&id={$data.id}&t='+Math.random(), 
                secureuri:false,
                fileElementId:'upimg',
                dataType: 'json',
                success: function (data, status)
                {
                    if(typeof(data.error) != 'undefined')
                    {
                        if(data.error != '')
                        {
                           alert(data.msg);
                        }else
                        {
                             $("#imgShow").html("<img src='/"+data.imgurl+".100x100.jpg' width='100'>");
							 $("#imgurl").val(data.imgurl);
                        }
                    }
                },
                error: function (data, status, e)
                {
                    alert(e);
                }
            }
        )
        
        return false;

    }
</script>
<div class="container"><div class="row">
  <div class="span2">{include file='user_left.html'}</div>
  <div class="span10"> {include file="user_product_nav.html"}
    <h2>产品编辑{if $data.id}<small><a href="/index.php?m=show&a=default&id={$data.id}" target="_blank">查看前台</a></small>{/if}</h2>
    <form action="/index.php?m=user_product&a=save" method="post" onkeypress="javascript:return NoSubmit(event);" enctype="multipart/form-data">
      <input type="hidden" name="id" value="{$data.id}">
      <input type="hidden" name="goodsid" id="goodsid" value="{$data.goodsid}" />
      <ul class="nav nav-tabs" id="myTab">
        <li class="active"><a href="#p_base">基本信息</a></li>
        <li><a href="#p_attr">商品属性</a></li>
        <li><a href="#p_latlng">地理位置</a></li>
        </li>
      </ul>
      <div class="tab-content">
        <div class="tab-pane active" id="p_base">
          <table width="100%" border="0" class="table table-bordered">
            <tr>
              <td align="right">商品地址：</td>
              <td><label for="goodsurl"></label>
                <input name="goodsurl" type="text" id="goodsurl" class="w600 h20" value="{$data.goodsurl}">
                <input type="button"  id="getTaobao" class="btn btn-warning" value="获取淘宝信息" />
                <input type="button" value="查看淘宝"  id="goTaobao" class="btn" />
                内容
                <input type="checkbox" id="getContent" value="1" />
                图片
                <input type="checkbox" id="getImg" value="1" /></td>
            </tr>
            <tr>
              <td>分类：</td>
              <td><select name="catid[]" id="catid">
                  <option value="0">无分类</option>
                  
    	{foreach item=c from=$cat_1_list}
        
                  <option value="{$c.id}" {if $parent_1_id eq $c.id} selected="selected"{/if}>{$c.cname}</option>
                  
        {/foreach}
    
                </select>
                二级分类：
                <select name="catid[]" id="catid_2nd">
                  <option value="0">无分类</option>
                  
    	{foreach item=c from=$cat_2_list}
        
                  <option value="{$c.id}" {if $parent_2_id eq $c.id} selected="selected"{/if}>{$c.cname}</option>
                  
        {/foreach}
    
                </select>
                三级分类：
                <select name="catid[]" id="catid_3nd">
                  <option value="0">无分类</option>
                  
    	{foreach item=c from=$cat_3_list}
        
                  <option value="{$c.id}" {if $parent_3_id eq $c.id} selected="selected"{/if}>{$c.cname}</option>
                  
        {/foreach}
    
                </select></td>
            </tr>
            <tr>
              <td align="right">标题：</td>
              <td><input name="title" type="text" id="title" class="w600 h20" value="{$data.title}" 
      onfocus="if($(this).val()=='{$lang.write_title}')
      {
      $(this).val('') }"></td>
            </tr>
            <tr>
              <td width="15%" align="right">描述：</td>
              <td width="85%"><label for="description"></label>
                <textarea name="description" id="description"  class="w600 h100">{$data.description}</textarea></td>
            </tr>
            <tr>
              <td align="right">关键词：</td>
              <td><label for="keywords"></label>
                <input name="keywords" type="text" id="keywords" class="w600 h20" value="{$data.keywords}"></td>
            </tr>
            <tr>
              <td align="right">原价：</td>
              <td><input type="text" name="price" id="price" class="w30 h20" value="{$data.price}" /></td>
            </tr>
            <tr class="success">
              <td align="right">优惠价：</td>
              <td><input type="text" name="lower_price" id="lower_price" class="w30 h20" value="{$data.lower_price}" />
                <font style="color:red;">*注：可以是钱、积分、金币等，表格绿色框内的可不填，只对参与活动的产品有效</font></td>
            </tr>
            <tr class="success">
              <td align="right">开始时间：</td>
              <td><input type="text" name="start_time" id="start_time" class="h20" value="{if $data.start_time}{$data.start_time|date:Y-m-d H:i}{/if}"  onClick="WdatePicker({startDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd HH:mm'})"  /></td>
            </tr>
            <tr class="success">
              <td align="right">结束时间：</td>
              <td><input type="text" name="end_time" id="end_time" class=" h20" value="{if $data.start_time}{$data.end_time|date:Y-m-d H:i}{/if}"   onClick="WdatePicker({startDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd HH:mm'})"  /></td>
            </tr>
            <tr class="success">
              <td align="right">产品总数：</td>
              <td><input type="text" name="total_num" id="total_num" class="w50 h20" value="{if $data}{$data.total_num}{else}999{/if}" /></td>
            </tr>
            <tr class="success">
              <td align="right">已购买总数：</td>
              <td>{$data.buy_num}</td>
            </tr>
            <tr>
              <td align="right">图片：</td>
              <td><div class="btn-upload">
                  <input type="file" name="upimg" class="btn-upload-file" id="upimg" onChange="uploadgoodsimg()">
                </div>
                <label  id="loading" style="color:red; display:none;">正在上传中...</label>
                <input type="hidden" name="imgurl" id="imgurl" value="{$data.imgurl}">
                <span id="imgShow"> {if $data.imgurl} <img src="/{$data.imgurl}.100x100.jpg"> {/if} </span></td>
            </tr>
            <tr>
              <td align="right">内容：</td>
              <td><script type="text/plain" id="content" name="content" >{$data.content}</script></td>
            </tr>
          </table>
        </div>
        <div class="tab-pane" id="p_attr">
          <div id="attr_html">
            <input type="hidden" name="attr_cat_id" id="attr_cat_id" value="{$attr.attr_cat_id}" />
          </div>
        </div>
        
        <!--产品相册开始-->
        <div class="tab-pane" id="p_album" style="display:none"> 产品相册 </div>
        <!--产品相册结束--> 
        
        <!--地理位置开始-->
        <div class="tab-pane active" id="p_latlng"  >
          <table class="table table-bordered">
            <tr>
              <td width="15%">地理位置：</td>
              <td><input type="text" name="latlng" id="latlng" value="" />
                (当前：{$data.lat},{$data.lng}) <br />
                地图搜索：
                <input type="text" name="word" id="word" /></td>
            </tr>
            <tr>
              <td></td>
              <td><div id="map_canvas" style="width:600px; height:300px;"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak={const.BDMAPKEY}"></script> 
<script language="javascript">
	function NoSubmit(ev)
	{
		if( ev.keyCode == 13 )
		{
			return false;
		}
		return true;
	}
	$(document).ready(function(){
 
		$("#word").bind("keyup",function(){
			localsearch($(this).val());
		});
	});
				
   var map = new BMap.Map("map_canvas");
   map.enableScrollWheelZoom();
   map.addControl(new BMap.MapTypeControl());
   var point = new BMap.Point({if $data.lat>0}{$data.lng},{$data.lat}{else} 118.140829,24.477693{/if});
   map.centerAndZoom(point, 12);
   var marker = new BMap.Marker(point);  // 创建标注
	map.addOverlay(marker);              // 将标注添加到地图中
	marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
   map.addEventListener("click", function(e){
	   $("#latlng").val(e.point.lat+ ", " + e.point.lng );
   });
    </script></td>
            </tr>
          </table>
        </div>
        <!--end地理位置--> 
      </div>
      <div>
        <input type="submit" name="button" id="button" class="btn btn-large btn-success" value="提交">
      </div>
    </form>
  </div>
</div>
<script language="javascript">
$(document).ready(function(){
	$('#myTab a').click(function (e) {
	  e.preventDefault();
	  $(this).tab('show');
	})
	
	/*初始化载入属性*/
	$.get("{$appindex}?m=user_product&a=attr&id={$data.id}&cat_id="+$("#attr_cat_id").val(),function(data){
				$("#attr_html").html(data);	
		});
	/*属性载入完毕*/
	
	$("#attr_cat_id").bind("change",function(){
		$.get("{$appindex}?m=user_product&a=attr&id={$data.id}&cat_id="+$(this).val(),function(data){
				$("#attr_html").html(data);	
		});
	});
	$(".attr_item_add").live("click",function(e){
		var obj=$(this).parent(".attr_item");
		var o_t=obj.find(".attr_item_list");
		var a_len=obj.find(".attr_item_li").length;
		var html=obj.find(".attr_item_copy").html();
		html = html.replace(/\[@\]/,"["+a_len+"]");
		obj.find(".attr_item_list").append('<div class="attr_item_li">'+html+'</li>');
	});
	
	$(".attr_item_remove").live("click",function(e){
		$(this).parents(".attr_item_li").remove();
	});
	
	/*****属性完毕****/
	$("#getTaobao").click(function(){
		var  goodsurl=$("#goodsurl").val();
		if($("#getImg").attr("checked")=="true" || $("#getImg").attr("checked")=="checked"){
			var getImg=1;
		}else{
			var getImg=0;
		}
		$.get("/index.php?m=tao&a=GetByurl&getImg="+getImg+"&id={$data.id}&goodsurl="+encodeURIComponent(goodsurl),function(data){
			if(!data.error){
				$("#goodsurl").val(data.click_url);
				$("#title").val(data.title);
				$("#keywords").val(data.title);
				$("#price").val(data.price);
				$("#description").val(data.title);
				if($("#getImg").attr("checked")=="true" || $("#getImg").attr("checked")=="checked"){
					$("#imgurl").val(data.imgurl);
					$("#imgShow").html('<img src="/'+data.imgurl+'.100x100.jpg">');
				}
				if($("#getContent").attr("checked")=="true" || $("#getContent").attr("checked")=="checked"){
					editor.setContent(data.content);
				}
				$("#goodsid").val(data.num_iid);
				$("#getImg").attr("checked",false);
				$("#getContent").attr("checked",false);
			
			}else{
				alert(data.message);
			}
			 
		},"json");
	});
	$("#goTaobao").click(function(){
		var  goodsurl=$("#goodsurl").val();
		$("#cgoTaobao").parent("a").attr("href",goodsurl);
		$("#cgoTaobao").click();
	
	});
	
	$("#catid").bind("change",function(){
		var v=$(this).val();
		$.get("/index.php?m=user_product&a=catChild",{id:v},function(data){
			$("#catid_2nd").empty().append(data);
		});
		
		$.get("/index.php?m=user_product&a=attrByCat",{id:v},function(data){
			$("#attr_html").html(data);	
		});
	});
	$("#catid_2nd").bind("change",function(){
		var v=$(this).val();
		$.get("/index.php?m=user_product&a=catChild",{id:v},function(data){
			$("#catid_3nd").empty().append(data);
		});
		if(parseInt(v)==0){
			v=$("#catid").val();
		}
		$.get("/index.php?m=user_product&a=attrByCat",{id:v},function(data){
			$("#attr_html").html(data);	
		});
	});
	
	$("#catid_3nd").bind("change",function(){
		var v=$(this).val();
		if(parseInt(v)==0){
			v=$("#catid_2nd").val();
		}
		$.get("/index.php?m=user_product&a=attrByCat",{id:v},function(data){
			$("#attr_html").html(data);	
		});
		
		
		
	});
});
</script> 
<a href="http://www.taobao.com"  target="_blank" style="display:none;"><span id="cgoTaobao">xx</span></a> </div>{include file='footer.html'}