{include(header)}
<style>
.ucomment{float:left;width:100%;text-align:left}
.ucomment ul{float:left;width:100%;margin-bottom:15px;border-top:1px #efefef dotted;padding-top:10px}
.ucomment li{float:left}
.ucomment .x1{width:700px}
.ucomment .x1 img{width:50px;height:50px;float:left}
.ucomment .x1 font{float:left;margin:0px 0px 0px 10px;line-height:18px}
.ucomment .x2 a{float:left;margin-top:10px;color:#F30}
.ucomment .xbox1{margin:0px 0px 30px 0px;padding:0px 0px 15px 0px;border:0px}
.ucomment .xbox1 li{float:left;width:100%;margin:8px 0px 5px 0px}
.ucomment .xbox1 li span{float:left}
.ucomment .xbox1 li .xa1{float:left;width:80px;text-align:right;margin-top:3px}
.ucomment .xbox1 li .Tcomments label{float:left;margin:4px 0px 0px 8px;color:#FF722E}
.ucomment .xbox1 li .xa2{float:left}
.ucomment .xbox1 li .xa2 a{float:left;padding:6px 8px;border:1px #ccc solid;margin:0px 3px;}
.ucomment .xbox1 li .xa2 a:hover{text-decoration:none;border:1px #F30 solid;}
.ucomment .xbox1 li .xa2 a i{float:left;width:13px;height:13px;background:url(chk.jpg) no-repeat 0px 0px;padding:0px}
.ucomment .xbox1 li .xa2 .xsel{border:1px #F30 solid}
.ucomment .xbox1 li .xa2 .xsel i{background:url(chk.jpg) no-repeat 0px -14px;height:13px;width:13px}
.ucomment .xbox1 li .xbeta{border:1px #ccc solid;}
.ucomment .xbox1 li .xbetabox2{margin-top:3px;color:#ff6600}
.ucomment .xbox1 .xpic{margin-left:80px}
.ucomment .xbox1 .xpic .xxpic{float:left;margin:5px 10px 5px 0px;width:80px}
.ucomment .xbox1 .xpic .xxpic .img{width:80px;height:60px}
.ucomment .xbox1 .xpic .xxpic .xdiv{position:relative;top:-15px;width:80px;height:15px;text-align:right}
.ucomment .xbox1 .xpic .xxpic .xdiv img{cursor:pointer}
.ucomment .xbox1 .xico{float:left;width:100%;margin-top:-12px;background:url(ico1.png) no-repeat 710px 0px;height:13px}
.ucomment .xbox1 .x3{margin:3px 0px 0px 20px;float:left}
.ucomment .xbox1 .x3 p{float:left;margin:0px 10px 0px 0px;}
.ucomment .xbox1 .x3 p b{color:#666}
.ucomment ul .xtit{float:left;width:100%;margin-bottom:10px;color:#888;font-weight:bold}
.ucomment ul .xtit font{color:#ff6600}
</style>
<div class="pMenu" id="id_pMenu">
	<li class="sel" onclick="admin.edittabel(0);">基本信息</li>
</div>
<div class="pMain" id="id_main">
	<div class="ucomment">
		{foreach($comment_detail['order_detail']['goods'] as $index=>$goods)}
			{if($goods['id'] == $comment_detail['gid'])}
			<ul style="border-top:0px">
				<li class="x1"><a href="?app=goods&app_act=view&id={$goods['id']}" target="_blank"><img src = "{fun_get::html_url($goods['pic'])}"></a><font><a href="?app=goods&app_act=view&id={$goods['id']}" target="_blank">{$goods['name']}<br>
				{foreach($goods['format'] as $format)}
				<b>{$format['name']}</b>：{$format['val']}
				{/foreach}
				<br>{fun_kj::get_price($goods['price'])}×{$goods['num']}
				</a></font></li>
			</ul>
			<ul class="xbox1" id="id_comment_{$goods['id']}">
				<li class="xico"></li>
			{if(isset($comment_detail['commented']['id_'.$goods['id']]))}
				{set $id=$comment_detail['commented']['id_'.$goods['id']]['comment_id']}
			{else}
				{set $id=''}
			{/if}
				<li>
					<span class="xa1">与描述相符：</span><span class="Tcomments">
						<input type="hidden" name="commentval" value="{$comment_detail['comment_val']}" class="Tcommentval">
						<font class="star1" datatit="与描述完全不符，非常不满意"></font>
						<font class="star1" datatit="与描述有点不一样，不是很满意"></font>
						<font class="star1" datatit="一般，没有描述的那么好"></font>
						<font class="star1" datatit="还不错，挺满意"></font>
						<font class="star1" datatit="与描述完全一致非常满意"></font>
						<label></label>
					</span>
				</li>
				{if(isset($comment_detail['comments']['id_'.$goods['gid']]))}
				{foreach($comment_detail['comments']['id_'.$goods['gid']] as $item)}
				<li>
					<input type="hidden" name="commentname[]" value="{$item}">
					<input type="hidden" name="comment{$item}" value="{if(isset($comment_detail['comment_list'][$item]))}{$comment_detail['comment_list'][$item]}{/if}" class="Tcommentli" kjdata="{$item}">
					<span class="xa1">{$item}：</span><span class="xa2">{foreach($arr_comments[$item] as $item2)}<a href="javascript:void(0)" onclick="thisjs.chk(this,'{$item}','{$item2}');"{if(isset($comment_detail['comment_list'][$item]) && $comment_detail['comment_list'][$item]==$item2)} class="xsel"{/if}><i></i>&nbsp;{$item2}</a>{/foreach}</span>
				</li>
				{/foreach}
				{/if}
				<li><span class="xa1">心得：</span><span class="xbetabox1">
				<textarea name="beta" cols="50" rows="5" class="xbeta" placeholder="商品是否给力，快来分享一下您的感受吧~">{$comment_detail['comment_beta']}</textarea>
				</span>
				</li>
				<li><span class='xa1'>贴图：</span><span>
				<iframe name="frm_upload" src = "common.php?app=other&app_act=upload&hidebtn=1&url_objid={$goods['id']}" width="300px" height="30px" frameborder=0 scrolling="no"></iframe>
				</span></li>
				<li class="xpic" id="id_pic_list_{$goods['id']}">
					{foreach($comment_detail['comment_pic'] as $pic)}
					<div class="xxpic"><input type="hidden" name="pic[]" value="{$pic}"><img src = "{fun_get::html_url($pic)}" class="img" onclick="kj.pic.preview(this.src);"><div class="xdiv transparent"><img src="images/b_drop.png" onclick="thisjs.removepic(this);" title="删除"></div></div>
					{/foreach}
				</li>
			</ul>
			{/if}
		{/foreach}
	</div>
</div>
<div class="pFootAct" id="id_pFootAct">
	<li>
	<input type="button" name="dosubmit" value="保存" onclick="thisjs.save('{$comment_detail['gid']}');" class="pBtn">
	</li>
</div>
<script>
var thisjs = new function() {
	this.chk = function( o , name , val) {
		var objp = kj.parent( o , "span");
		kj.delClassName(kj.obj("a" , objp) , "xsel");
		kj.addClassName(o , "xsel");
		kj.set(":comment"+name ,"value" , val);
	}
	this.save = function(id) {
		var objform = document.frm_main;
		if(objform.commentval.value=='') {
			alert("请为商品描述打分");
			return;
		}
		var arr = kj.obj("#id_comment_"+id + " .Tcommentli");
		var i,name;
		for(i = 0 ; i < arr.length ; i++) {
			if(arr[i].value=='') {
				name = kj.getAttribute(arr[i],"kjdata");
				alert("请为商品"+name+"打分");
				return;
			}
		}
		if(objform.beta.value=='') {
			alert("亲，分享一下您的感受吧~");
			objform.beta.focus();
			return;
		}
		if(objform.beta.value.length<5) {
			alert("亲，再多加点分享内容吧~");
			objform.beta.focus();
			return;
		}
		admin.frm_ajax('save');
		return;
		kj.ajax.post(objform,function(data) {
			var objdata = kj.json(data);
			if(objdata.isnull) {
				alert("系统繁忙");
				return;
			}
			if(objdata.code == '0') {
				kj.alert.show("评价成功",function() {
					//kj.addClassName("#id_comment_"+objdata.gid , "xhide");
					//kj.delClassName("#id_comment_"+objdata.gid , "Tnew");
				});
			} else {
				alert(objdata.msg);
			}
		});
	}
	this.removepic = function(o) {
		var objp = kj.parent(o , '.xxpic');
		kj.remove(objp);
	}
	this.mouseout = function(o) {
		var objp = kj.parent(o,'.Tcomments');
		var arrx = kj.obj(".Tcommentval" , objp);
		var index = kj.toint(arrx[0].value)-1;
		var arr = kj.obj("font" , objp);
		for(var i = 0; i <= index ; i++) {
			kj.set(arr[i],'className','star2');
		}
		for(i = index+1; i < arr.length ; i++) {
			kj.set(arr[i],'className','star1');
		}
		var info = '';
		if(index>=0) info = kj.getAttribute(arr[index],'datatit');
		kj.set(kj.obj("label" , objp) , "innerHTML" , info);
	}
	this.open = function(id) {
		kj.show("#id_comment_"+id);
	}
	this.edit = function(id) {
		kj.show("#id_comment_"+id);
	}
	this.cancel = function(id) {
	}
}
kj.onload(function(){
	kj.handler(".Tcomments font","mouseover",function(e){
		var objp = kj.parent(this,'.Tcomments');
		var info = kj.getAttribute(this,'datatit');
		kj.set(kj.obj("label" , objp) , "innerHTML" , info);
		var arr = kj.obj("font" , objp);
		var index = kj.index(arr , this);
		for(var i = 0; i <= index ; i++) {
			kj.set(arr[i],'className','star2');
		}
		for(i = index+1; i < arr.length ; i++) {
			kj.set(arr[i],'className','star1');
		}
	});
	kj.handler(".Tcomments font","mouseout",function(e){
		thisjs.mouseout(this);
	});
	kj.handler(".Tcomments font","click",function(e){
		var objp = kj.parent(this,'.Tcomments');
		var arr = kj.obj("font" , objp);
		var index = kj.index(arr , this)+1;
		var arrx = kj.set(kj.obj(".Tcommentval" , objp) , 'value' , index);

	});
	var arr = kj.obj(".Tcomments font");
	for(var i = 0 ; i < arr.length ; i++) {
		thisjs.mouseout(arr[i]);
	}
});
function upload_callback(data) {
	var obj = kj.json(data);
	if(obj.isnull || !('url' in obj)) return;
	var obj_div=document.createElement("div");
	obj_div.className = 'xxpic';
	obj_div.innerHTML = '<input type="hidden" name="pic[]" value="'+obj.url+'"><img src = "' + kj.url_view(obj.url) + '" class="img" onclick="kj.pic.preview(this.src);"><div class="xdiv transparent"><img src="images/b_drop.png" onclick="thisjs.removepic(this);" title="删除"></div>';
	var gid = obj.objid;
	if(kj.obj("#id_pic_list_"+gid)) kj.obj("#id_pic_list_"+gid).appendChild(obj_div);
}
</script>
{include(footer)}