pdw
/
myindent.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>品代网 ——我的品代</title>
<meta name="description" content="">
<meta name="author" content="Administrator">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="css/indent.css" />
<!--右边栏-->
<link rel="stylesheet" href="css/right_side.css" />
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/right-side/parabola.js"></script>
<script type="text/javascript" src="js/right-side/right_side.js"></script>

<!-- city -->

</head>

<body>
<!-- 右侧固定导航链接 -->
<div class="mui-mbar-tabs">
	<div class="quick_link_mian">
		<div class="quick_links_panel">
			<div id="quick_links" class="quick_links">
				<li>
					<a href="javascript:;" class="my_qlinks"><i class="setting"> </i></a>
					<div class="ibar_login_box status_login">
						<div class="avatar_box">
							<ul class="user_info">
								<li>用户：&nbsp; 15254565895</li>
							</ul>
						</div>
						<div class="login_btnbox">
							<a href="myindent.html" class="login_order">我的品代</a>
							<a href="javascript:;" class="login_favorite">我的购物车</a>
						</div>
						<i class="icon_arrow_white"> </i>
					</div>
				</li>

				<li>
					<a href="javascript:;" class="history_list"><i class="view"> </i></a>
					<div class="mp_tooltip" style=" visibility:hidden;">在线QQ：121254526<i class="icon_arrow_right_black"> </i></div>
				</li>
				<li>
					<a href="javascript:;" class="mpbtn_histroy"><i class="zuji"> </i></a>
					<div class="mp_tooltip">在线电话：400-888-8888<i class="icon_arrow_right_black"> </i></div>
				</li>
				<li id="show_qrcode">
					<a href="javascript:;"><i class="mpbtn_qrcode"> </i></a>
					<div class="mp_qrcode" style="display:none;"><img src="images/weixin_code_145.png" width="111" height="111" />下载品代网手机APP<i class="icon_arrow_white"></i></div>
				</li>
			</div>
			<div class="quick_toggle">
				<li><a href="#top" class="return_top"><i class="top"> </i></a></li>
			</div>
		</div>
	</div>
</div>
<!-- top_header 顶部 -->
<div id="top_header">
	<div class="wrap_1200 clearfix">
		<ul class="fl nav-left ">
			<li>欢迎来到品代网!</li>
			<li><a href="login.html" class="login">请登录</a></li>
			<li><a href="register.html" class="register">免费注册</a></li>
		</ul>
		<ul class="fr nav-right">
			<li><a href="index.php">品代网首页</a></li>
			<li><a href="userinfo.php">我的品代</a> </li>
			<li><a href="cart.html">我的购物车</a> </li>
			<li class="w180">服务电话：400-888-8888 </li>
		</ul>
	</div>
</div>
<!--top_logo -->
<div class="top_logo">
	<div class="wrap_1200 clearfix">
		<div class="logo">
			<a href="index.php"><img src="images/logo_write.png" /></a>
		</div>
		<div class="nav_2">
			<ul>
				<li><a href="index.html">首页</a></li>
				<li class="selected"><a href="javascript:;">我的品代<i class="mt_arrow"> </i></a></li>
				<li><a href="javascript:;">我的购物车</a></li>
			</ul>
		</div>
	</div>
</div>
<!-- indent -->
<div id="indent">
	<div class="wrap_1200 clearfix">
		<!-- 左侧边栏 -->
		<div class="indent_left clearfix">
			<ul class="my_pro_info">
				<div class="indent_left_til">我的订单</div>
				<li id="til1" class="active"><a href="processed.php" uPId="3">已处理订单</a></li>
				<li id="til2"><a href="unprocessed.php" uPId="0">未处理订单</a></li>
			</ul>
			<ul class="my_pro_info">
				<div class="indent_left_til">我的资料</div>
				<li id="til3"><a href="userinfo.php">个人中心</a></li>
				<li id="til4"><a href="myagent.php">我的代理</a></li>
			</ul>
			<ul class="my_pro_info">
				<div class="indent_left_til">待办事项</div>
				<li id="til5" ><a href="suspense.php">要处理的订单</a></li>
				<li id="til6"><a href="unproxy.php?status=0">审核代理</a></li>
			</ul>
		</div>
		<!-- 右侧 -->
		<div class="indent_right clearfix">
			<!-- 已处理订单 -->
			<div id="til1_con" class="processed">
				<div class="indent_right_title">已处理订单</div>
				<div class="indent_right_con">
					<!-- 表头   -->
					<div class="con_tag">
						<ul>
							<li class="tag1">订单信息</li>
							<li class="tag2">产品</li>
							<li class="tag3">数量</li>
							<li class="tag4">收货信息</li>
							<li class="tag5">状态</li>
						</ul>
					</div><!-- 表头 end   -->
					<div class="indent_contents">
					</div>
				</div>
			</div>
			<!-- 已处理订单 end -->
			<!-- 未处理订单 -->
			<div id="til2_con" class="unprocessed hide">
				<div class="indent_right_title">未处理订单</div>
				<div class="indent_right_con">
					<!-- 表头   -->
					<div class="con_tag">
						<ul>
							<li class="tag1">订单信息</li>
							<li class="tag2">产品</li>
							<li class="tag3">数量</li>
							<li class="tag4">收货信息</li>
							<li class="tag5">状态</li>
						</ul>
					</div><!-- 表头 end   -->
					<div class="indent_contents">
					</div>
				</div>
			</div>
			<!-- 未处理订单 end -->
			<!-- 个人中心-->
			<div id="til3_con" class="my_info hide">
				<div class="indent_right_title">个人中心</div>
				<div class="indent_right_con">
					<div class="my_info_con">
						<ul>
							<li><em>手机号码:</em>15485545895</li>
							<li><em>我的身份:</em>伟星管业浙江绍兴区域代理</li>
							<li><em>收货地址:</em>浙江省绍兴市越城区胜利东路355号
								<!--<span class="revise"><a href="javascript:;">修改收货地址</a> </span>-->
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 个人中心 end-->
			<!-- 我的代理 -->
			<div id="til4_con" class="my_brand hide">
				<div class="indent_right_title">我的代理</div>
				<div class="indent_right_con">
					<!-- 表头   -->
					<div class="con_tag">
						<ul>
							<li class="tag5">厂家信息</li>
							<li class="tag6">代理状态</li>
						</ul>
					</div><!-- 表头 end   -->
					<div class="indent_content clearfix">
						<div class="brand_info">
							<div class="brand_pic">
								<a href="javascript:;"><img src="images/dp-img.png" /></a>
							</div>
							<ul class="brand_name">
								<li class="brand_til">伟星管业</li>
								<li>浙江伟星新型建材股份有限公司</li>
								<li>地址：浙江省某市某区某地100号</li>
								<li>联系电话：0571-87878787</li>
							</ul>
						</div>
						<div class="brand_state">
							<p>浙江绍兴区域代理</p>
						</div>
					</div>

				</div>
			</div>
			<!-- 我的代理   end-->
		</div>
	</div>
</div>

<!-- 版权 -->
<div id="simplefooter">
	<p>浙ICP备 13201459号 |  B1.B2-20130144  |  营业执照</p>
	<p>Copyright &nbsp; 品代网  2015 ，All Rights Reserved</p>
</div>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.validate.js"> </script>
<script type="text/javascript">
$(document).ready(function($) {
	$('.revise').click(function(){
		$('.popover-mask').fadeIn(100);
		$('.popover').slideDown(200);
	});
	$('.poptitle .close').click(function(){
		$('.popover-mask').fadeOut(100);
		$('.popover').slideUp(200);
	});


	Order_check(3);

	$(".my_pro_info li").live('click', function(){
		$(".indent_right").children("div").hide();
		var name = $(this).attr('id')+'_con';
		//console.log(name);
		$("#"+ name).show();
		$(".my_pro_info li").removeClass('active');
		$(this).addClass("active");


		var upid = $(this).find('a').attr('upid');
		Order_check(upid);
	});

	function Order_check(upid){
		$.post("api.php?act=order_Query", {userProxyId: "1", state: upid, pageIndex: "1", pageSize: "10", type: "0"}, function(data){
			var html = "";
			data = $.parseJSON(data);
			$.each(data, function(n,value){

				html += '	<div class="indent_content clearfix">';
				html += '			<div class="tag1_content">';
				html += '				<ul class="content_info"><li class="content_tag">订单编号：</li>';
				html += '				<li>'+value.OrderNo+'</li>';
				html += '				<li class="content_tag">下单时间：</li>';
				html += '				<li>'+value.OrderDate+'</li></ul>';
				html += '			</div>';
				html += '			<div class="tag2_content">';
				$.each(value.products, function(i,order){
				html += '				<div class="chanpin_item">';
				html += '					<img src="images/'+order.OrderDate+'" class="chanpin_img">';
				html += '					<ul class="chanpin_introduce">';
				html += '						<li class="intro_titlt"><span>'+order.Abbreviation+'</span> '+order.ProductName+'  </li>';
				html += '						<li><em>规格：</em>'+order.Standard+'('+order.Unit+'米/包)</li>';
				html += '						<li><em>单价：</em>'+order.Price+'元/包</li>';
				html += '					</ul>';
				html += '				</div>';
				});
				html += '			</div>';
				html += '			<div class="tag3_content">';
				$.each(value.products, function(i,order){
				html += '				<div class="num_item">'+order.num+'</div>';
				});
				html += '			</div>';
				html += '			<div class="tag4_content">';
				html += '				<ul class="infortion_con">';
				html += '					<li><span class="infomation_title">收货地址：</span>'+value.ConsumerName+'</li>';
				html += '					<li><span class="infomation_title">收货人：</span>'+value.ConsumerName+'</li>';
				html += '					<li><span class="infomation_title">联系电话：</span>'+value.PhoneNumber+'</li>';
				html += '				</ul>';
				html += '			</div>';
				html += '			<div class="tag5_content">';
				html += '				<div class="state">'+value.state+'</div>';
				html += '			</div>';
				html += '			<div class="total">';
				html += '				<div class="tot_price">';
				html += '					<div class="price1">商品总价：<span>'+value.totalPrice+'</span>元</div>';
				if(upid == 3){
				html += '					<div class="price2">订单价：<span>'+value.OrderPrice+'</span>元</div>';
				}
				html += '				</div>';
				html += '			</div>';
				html += '		</div>';


			});
			if(upid == 0){
				$("#til2_con .indent_contents").html(html);
			}
			if(upid == 3){
				$("#til1_con .indent_contents").html(html);
			}
		});
	}


});

</script>
</body>
</html>