master

分支 (1)

管理

管理

master

pdw
/
processed.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/userinfor.css" />
        <link rel="stylesheet" href="css/add.css"/>
        <link rel="stylesheet" href="css/quickorder.css" />
        <link rel="stylesheet" href="js/jquery-ui-1.11.4.custom/jquery-ui.css" />
        <link rel="stylesheet" href="js/jquery-ui-1.11.4.custom/jquery-ui.theme.css" />
        <!-- 个人中心  -->
        <link rel="stylesheet" href="css/userinfor.css" />
        <link rel="stylesheet" href="css/add.css" />
        <!--右边栏-->
        <link rel="stylesheet" href="css/right_side.css" />
        <script src="js/jquery-1.7.2.min.js"></script>
        <script src="js/jquery-ui-1.11.4/jquery-ui.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>


    </head>

    <body>
        <!-- 右侧固定导航链接 -->
        <!--<div class="mui-mbar-tabs">
            {$userright_html}
        </div>-->
        <!-- top_header 顶部 -->
        {$user_head_html}
        <!--top_logo -->
        <div class="top_logo">
            {$userinfo_head_html}
        </div>
        <!-- indent -->
        <div id="indent">
            <div class="wrap_1200 clearfix">
                <!-- 左侧边栏 -->
                <div class="indent_left clearfix">
                    {$indentleft_html}
                </div>
                <!-- 右侧 -->
                <div class="indent_right clearfix">
                    <!-- 待办事项-->
                    <div class="my_info">
                        <div class="indent_search_title">
                            <div class="indent_right_titleTil">
                            	<ul>
                            		<li state="3" class="aaaa">全部</li>
                            		<li state="0">待处理</li>
                            		<li state="1">交易成功</li>
                            		<li state="2">交易失败</li>
                            	</ul>
                            </div>
                            <div class="indent_search">
                            	<div class="indent_search_order">
                            		<!--<p>订单编号：</p>-->
                            		<input class="search_order_input" placeholder="按订单编号、厂家名称、商品名称搜索"/>
                            		<div class="indent_search_til">
                            			<p>订单日期：</p>
                            			<input class="indent_search_date" id="dpS"/>
                            			<span>--</span>
                            			<input class="indent_search_date" id="dpE"/>
                        			</div>
                            		<div class="search_order_button">搜索</div>
                            		<!--<div class="search_order_more">更多筛选条件<i class="search_more_icon"></i></div>-->
                            	</div>
                            	<!--<div class="indent_search_order indent_search_box"  style="display: none;">
                            		<div class="indent_search_til_left">
                            			<div class="indent_search_til">
	                            			<p>订单编号：</p>
	                            			<input class="indent_search_input" />
                            			</div>
                            			<div class="indent_search_til">
	                            			<p>厂家名称：</p>
	                            			<div class="indent_search_Til_con">
	                            				<div class="indent_search_con">
		                            				<p>请选择</p>
		                            				<i class="searchpullicon"></i>
	                            				</div>
	                            				<ul class="search_pulldown" style="display: none;">
	                            					<li>fsg</li>
	                            					<li>sdg</li>
	                            				</ul>
	                            			</div>
                            			</div>
                            			<div class="indent_search_til">
	                            			<p>商品名称：</p>
	                            			<input class="indent_search_input" />
                            			</div>
                            			<div class="indent_search_til">
	                            			<p>订单日期：</p>
	                            			<input class="indent_search_date" id="dpS"/>
	                            			<span>--</span>
	                            			<input class="indent_search_date" id="dpE"/>
                            			</div>
                            			<!--<div class="indent_search_choose">
                            				<i class="chooseIcon"></i>
                            				<p>已处理订单</p>
                            			</div>-->
                            			<!--<div class="indent_search_button">搜索</div>
                            		</div>
                            		<div class="search_order_more">精选筛选条件<i class="indent_search_icon"></i></div>
                            	</div>-->

                            </div>
                            <!-- 表头   -->
                            <div class="con_tag indent_search_tag clearfix">
                                <ul>
                                    <div class="con_tag_li width170">商品名称</div>
                                    <div class="con_tag_li width130">规格参数</div>
                                    <div class="con_tag_li width100">单价（元）</div>
                                    <!--<div class="con_tag_li width80" style="width: 90px;">单位</div>
                                    <div class="con_tag_li width80" style="width: 66px;">颜色</div>-->
                                    <div class="con_tag_li width80" style="width: 90px;">数量</div>
                                    <div class="con_tag_li width80" style="width: 139px;">总价（元）</div>
                                    <div class="con_tag_li width140">收货信息</div>
                                </ul>
                            </div>
                        </div>
                    </div>
                   <!--全选-->
                   <div class="choose_all" pageIndex = "1">
                   		<!--<i class="chooseAllIcon"></i>
						<p>全选</p>                   		-->
						<div class="indent_paging choose_next">下一页</div>
						<div class="indent_paging choose_before">上一页</div>
                   	</div>
                   <div class="indent_right_con">
                        <!-- 表头 end   -->
                        <div class="indent_content">
                        </div>
                        <input type="hidden" id="pageInfo" index="1" size="10">
                    </div>
                    <!-- 个人中心 end-->
                </div>
            </div>
        </div>
        <!--sidebar-->
		{$sidebar_html}
        <!-- 版权 -->
        <div id="footermain">
            {$foot_html}
        </div>
        <script>
            $(document).ready(function () {
                (function ($) {
                    $.getUrlParam = function (name) {
                        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                        var r = window.location.search.substr(1).match(reg);
                        if (r != null)
                            return unescape(r[2]);
                        return null;
                    };
                })(jQuery);


//              筛选条件
				$('.search_order_more').click(function(){
					$(this).parents('.indent_search_order').hide();
					//alert(1);
					$(this).parents('.indent_search_order').siblings().show();
				});

//				厂家名称选择
				$('.indent_search_con').click(function(){
					$('.search_pulldown').show();
					$('.search_pulldown li').click(function(){
						var pull = $(this).html();
						$('.indent_search_con p').html(pull);
						$('.search_pulldown').hide();
					});
				});
				$('.indent_search_til').mouseleave(function(){
					$('.search_pulldown').hide();
				});

//				已处理订单选中
				$('.indent_search_choose').toggle(function(){
					$(this).children('.chooseIcon').css('background-position','-219px -40px');
				},function(){
					$(this).children('.chooseIcon').css('background-position','-195px -40px');
				});


                $('#dpS').datepicker({
                    altField: "#dpS",
                    altFormat: "yy-mm-dd",
                    changeMonth: true,
                    changeYear: true,
                    monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                    monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
                    dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
                    dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
                    dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
                    showMonthAfterYear: true, //是否把月放在年的后面
                    minDate: "-10y",
                    maxDate: '+1m'
                });
                $('#dpE').datepicker({
                    altField: "#dpE",
                    altFormat: "yy-mm-dd",
                    changeMonth: true,
                    changeYear: true,
                    monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                    monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
                    dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
                    dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
                    dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
                    showMonthAfterYear: true, //是否把月放在年的后面
                    minDate: "-10y",
                    maxDate: '+1m'
                });
                var pageIndex = 1;
                var pageSize = 10;
                //初始化
                getOrders('', '', '', 3, pageIndex, pageSize, 0);
                //搜索
                $('.indent_search_btn').on('click', function () {
                    var searchText = $('.inputSearch1').val();
                    var dateStart = $('#dpS').val();
                    var dateEnd = $('#dpE').val();
                    pageIndex = $('#pageInfo').attr('index');
                    getOrders(searchText, dateStart, dateEnd, state, pageIndex, pageSize, 0);
                });

                $('.pageNumShouye,.pageNumUp,.pageNumber,.pageNumDown,.pageNumWeiye').live('click', function () {
                    $('#pageInfo').attr("index", $(this).attr("index"));
                    $('.indent_search_btn').click();
                });
            });

            $('.search_order_button').on('click',function(){
            	var searchText = $('.search_order_input').val();
            	var state = $('.indent_right_titleTil .aaaa').attr("state");
            	var ds = $('#dpS').val();
            	var de = $('#dpE').val();
            	getOrders(searchText,ds,de,state,1,10,0);
            });

            $('.choose_before').on('click',function(){
            	var searchText = $('.search_order_input').val();
            	var state = $('.indent_right_titleTil .aaaa').attr("state");
            	var ds = $('#dpS').val();
            	var de = $('#dpE').val();
            	var pageIndex = $('.choose_all').attr("pageIndex");
            	if(pageIndex > 1){
            		pageIndex--;
            		getOrders(searchText,ds,de,state,pageIndex,10,0);
            	}
            });
            var pageCount = 0;
            $('.choose_next').on('click',function(){
            	var searchText = $('.search_order_input').val();
            	var state = $('.indent_right_titleTil .aaaa').attr("state");
            	var ds = $('#dpS').val();
            	var de = $('#dpE').val();
            	var pageIndex = $('.choose_all').attr("pageIndex");
            	if(pageIndex == 10){
            		pageIndex++;
            		getOrders(searchText,ds,de,state,pageIndex,10,0);
            	}
            });

            function getOrders(searchText, dateStart, dateEnd, state, pageIndex, pageSize, type) {
                $.post('api.php?act=order_QueryNew', {
                    searchText: searchText,
                    dateStart: dateStart,
                    dateEnd: dateEnd,
                    state: state,
                    pageIndex: pageIndex,
                    pageSize: pageSize,
                    type: type
                },
                function (data) {
                    var html = '';
                    if (data != 'Failure') {
                        data = $.parseJSON(data);
                        var totalCount = 0;
                        pageCount = 0;
                        $.each(data, function (n, value) {
                        	pageCount++;
                            totalCount = value.totalCount;
                            html += '<div class="indent_content_box">';
                            html += '<div class="indent_content_box_til">';
                            html += '<div class="indent_content_box_til_cell shopName"><i class="chooseIcon" style="display:none;"></i><span style="margin-left:6px;">' + value.Abbreviation + '</span></div>';
                            html += '<div class="indent_content_box_til_cell orderNum">订单编号：' + value.OrderNo + '</div>';
                            html += '<div class="indent_content_box_til_cell orderTime">下单时间：' + value.OrderDate + '</div>';
                            html += '<div class="indent_content_box_til_cell consult"><a href="orderInquire.php?keys='+value.OrderNo+'"><i class="wechatIcon"></i></a><a href="#" style="display:none"><i class="printIcon"></i></a><a style="display:none" href="#"><i class="deleteIcon"></i></a></div>';
                            html += '</div>';
                            html += '<div class="indent_content_box_con">';
                            html += '<div class="indent_content_box_con_item clearfix">';
                            //left 基本信息
                            html += '<div class="indent_content_box_con_item_left">';
                            $.each(value.products, function (m, v) {
                                html += '<div class="indent_content_box_con_item_left_item clearfix">';
                                html += '<div class="indent_content_box_con_item_li indent_content_li-chanpin width170"><img src="'+v.PicUrl+'"/><span>' + v.ProductName + '</span></div>';
                                html += '<div class="indent_content_box_con_item_li indent_content_li-guige width130">' + v.Standard+'</br>'+v.Color+'</br>'+v.Unit + '</div>';
                                html += '<div class="indent_content_box_con_item_li indent_content_li-danjia width100">' + v.Price + '</div>';
//                              html += '<div class="indent_content_box_con_item_li indent_content_li-danwei width100" style="width: 90px">' + v.Unit + '</div>';
//                              html += '<div class="indent_content_box_con_item_li indent_content_li-danwei width100" style="width: 66px;">' + v.Color + '</div>';
                                html += '<div class="indent_content_box_con_item_li indent_content_li-shuliang width100" style="width: 90px;">' + v.num + '</div>';
                                var total = (v.Price * v.num).toFixed(2);
                                html += '<div class="indent_content_box_con_item_li indent_content_li-zongjia width100" style="width: 139px;">' + total + '</div>';
                                html += '</div>';
                            });
                            html += '</div>';
                            //right 收货信息
                            html += '<div class="indent_content_box_con_item_right">';
                            html += '<div class="indent_content_box_con_item_li indent_content_li-people width138">';
                            var consumerName = '';
                            if (value.ProxyName != null && value.ProxyName != "" && value.ProxyName != undefined) {
                                consumerName = value.ProxyName;
                            }
                            else{
                            	consumerName = value.PhoneNumber;
                            }
                            html += '<div class="indcon_people_name">账号：' + consumerName + '<i class="arrow_down_grey"> </i></div>';
                            html += '<div class="indcon_people_addressinfo" style="display: none;">';
                            html += '<i class="arrowtop"></i>';
                            html += '<p class="indcon_people_addressinfo_phone">收货人：' + value.PostName + '</p>';
                            html += '<i class="arrowtop"></i>';
                            html += '<p class="indcon_people_addressinfo_phone">收货电话：' + value.PhoneNumber + '</p>';
                            html += '<i class="arrowtop"></i>';
                            html += '<p class="indcon_people_addressinfo_phone">收货地址：' + value.PostAddress + '</p>';
                            var Address = '';
                            if (value.Address == null) {
                                Address = '';
                            }
                            else
                            {
                                Address = value.Address;
                            }

                            html += '<p class="indcon_people_addressinfo_notes">备注信息' + value.Remark + '</p>';
                            html += '</div>';
                            html += '</div>';
                            html += '</div>';
                            html += '</div>';
                            html += '<div class="indent_content_box_con_item item_total">';
                            html += '<div class="item_order_state">状态：<span>'+value.state +'</span></div>';
                            //被接受。被拒绝
                            html += '<div class="item_state_reason" style="display:none"><span>'+value.totalPrice+'</span></div>';
                            html += '<div class="item_total_sumNew">订单总价 <span>' + value.OrderPrice + '</span>元</div>';
                            //html += '<div class="item_total_discount">折扣： <span>' + value.totalPrice + '</span></div>';
                            html += '<div class="item_total_sumOld item_total_allP">商品总价：' + value.totalPrice+ '元</div>';
                            html += '</div>';
                            html += '</div>';
                            html += '</div>';

//                          状态是处理的时候显示拒绝还是接受
                            if(value.totalPrice == ''){
                            	$('.item_state_reason').show();
                            }
                        });

                    }else{
                    	html += '<img src="images/img_nodata.png" style="margin-top:10px; margin-left:339px;"/>';
                    };

                    $('.indent_content').html(html);
                    $('.indcon_people_name').on('mouseover mouseout', function () {
                        if ($(this).siblings('.indcon_people_addressinfo').css('display') == "none") {
                            $(this).siblings('.indcon_people_addressinfo').show();
                        } else {
                            $(this).siblings('.indcon_people_addressinfo').hide();
                        }
                    });
                });
            }


//          全选
//			$('.chooseAllIcon').live('click',function(){
//				$(this).toggle(function(){
//					$(this).css('background-position','-219px -40px');
//					$('.indent_content_box').css('border','1px solid #ffa700');
//					$('.chooseIcon').css('background-position','-450px -30px');
//				},function(){
//					$(this).css('background-position','-195px -40px');
//					$('.indent_content_box').css('border','1px solid #d5d5d5');
//					$('.chooseIcon').css('background-position','-520px -30px');
//				});
////					立即执行点击事件
//				$(this).trigger('click');
//			});


//			订单打钩选择
			$('.chooseIcon').live('click',function(){
				$(this).toggle(function(){
					$(this).css('background-position','-450px -30px');
					$(this).parents('.indent_content_box').css('border','1px solid #ffa700');
				},function(){
					$(this).css('background-position','-520px -30px');
					$(this).parents('.indent_content_box').css('border','1px solid #d5d5d5');
				});
//					立即执行点击事件
				$(this).trigger('click');
			});

			//			删除
			$('.deleteIcon').live('click',function(){
				$(this).parents('.indent_content_box').hide();
			});

//			头部选项卡,全部处理未处理
			$('.indent_right_titleTil ul li').click(function(){
				$(this).addClass('aaaa').siblings().removeClass('aaaa');
				var searchText = $('.search_order_input').val();
            	var state = $('.indent_right_titleTil .aaaa').attr("state");
            	var ds = $('#dpS').val();
            	var de = $('#dpE').val();
            	getOrders(searchText,ds,de,state,1,10,0);
			});
        </script>
    </body>
</html>