index.html 13.1 KB
<include file="public/layout" />
<link href="__PUBLIC__/static/css/base_add.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/static/css/seller_center_add.css" rel="stylesheet" type="text/css">
<style>
	.w150 {
		margin-right: 35px;
	}
	
	.w378 {
		display: inline-block !important;
	}
	
	.di-in {
		display: inline-block !important;
	}
	
	.w160 {
		width: 160px !important;
	}
	
	.nscs-table-handle {
		border-right: 1px solid #dedede;
	}

    .layui-layer-btn{text-align: center}

    .exchange-goods {
        vertical-align: middle;
        letter-spacing: normal;
        word-spacing: normal;
        text-align: center;
        display: inline-block;
        padding: 0 4px;
        border-left: solid 1px #E6E6E6;
        *display: inline;
        border-left: none 0;
    }

    .exchange-goods a {
        color: #777;
        background-color: #FFF;
        display: block;
        padding: 3px 7px;
        margin: 1px;
    }
    .exchange-goods a i { font-size: 14px; line-height: 16px; height: 16px; display: block; clear: both; margin: 0; padding: 0;}
    .exchange-goods a p { font: 12px/16px arial; height: 16px; display: block; clear: both; margin: 0; padding: 0;}
    .exchange-goods a:hover { text-decoration: none; color: #FFF; margin: 0; border-style: solid; border-width: 1px;background-color:#48CFAE}
</style>
<script type="text/javascript" src="__PUBLIC__/static/js/layer/laydate/laydate.js"></script>

<body style="background-color: rgb(255, 255, 255); overflow: auto; cursor: default; -moz-user-select: inherit;">
	<div id="append_parent"></div>
	<div id="ajaxwaitid"></div>
	<div class="page">
		<div class="fixed-bar">
			<div class="item-title">
				<!--<div class="subject">
					<h3>商品订单</h3>
					<h5>商城实物商品交易订单查询及管理</h5>
				</div>-->
				<div class="ftitle disib">
					<h3 class="disib">订单列表</h3>
					<h5 class="disib">(共<span id="order_count"></span>条记录)</h5>
				</div>
				<div title="刷新数据" class="pReload disib"><i class="fa fa-refresh"></i></div>
			</div>
		</div>
		<!-- 操作说明 -->
		<div id="explanation" class="explanation" style=" width: 99%; height: 100%; display: none;">
			<div id="checkZoom" class="title"><i class="fa fa-lightbulb-o"></i>
				<h4 title="提示相关设置操作时应注意的要点">操作提示</h4>
				<span title="收起提示" id="explanationZoom" style="display: block;"></span>
			</div>
			<ul>
				<li>查看操作可以查看订单详情, 包括支付费用, 商品详情等</li>
				<li>未支付的订单可以取消</li>
				<li>用户收货后, 如果没有点击"确认收货",系统自动根据设置的时间结算.</li>
			</ul>
		</div>
		<div class="flexigrid">
			<div class="mDiv mDivHA">
				<div class="tabmenu">
					<ul id="tab" class="tab pngFix">
						<li class="active" data-val="">
							<a href="javascript:">所有订单</a>
						</li>
						<li class="normal" data-val="0">
							<a href="javascript:">待付款</a>
						</li>
						<li class="normal" data-val="1">
							<a href="javascript:">待发货</a>
						</li>
						<li class="normal" data-val="11">
							<a href="javascript:">待收货</a>
						</li>
						<!--<li class="normal" data-val="2">-->
							<!--<a href="javascript:">已收货</a>-->
						<!--</li>-->
						<li class="normal" data-val="3">
							<a href="javascript:">已取消</a>
						</li>
						<li class="normal" data-val="4">
							<a href="javascript:">已完成</a>
						</li>
						<li class="normal" data-val="5">
							<a href="javascript:">已作废</a>
						</li>
					</ul>
				</div>

				<form method="get" action="{:U('Admin/order/export_order')}" id="search-form2">
					<input type="hidden" name="order_by" value="add_time" />
					<input type="hidden" name="sort" value="desc" />
					<!--<input type="hidden" name="user_id" value="{$Request.param.user_id}">-->
					<input type="hidden" name="order_status" id="order_status" value="" />
					<!--用于查看结算统计 包含了哪些订单-->
					<input type="hidden" value="{$_GET['order_statis_id']}" name="order_statis_id" />
					<table class="search-form">
						<tr>
							<th style="text-align: left;">
								收货人:<input type="text" class="text w120" name="consignee" placeholder="收货人" value="" />&nbsp;&nbsp;&nbsp;
							<select name="keytype" id="keytype" class="w80 di-in">
								<option value="1">订单编号</option>
								<option value="2">会员手机</option>
							</select>
								<input type="text" class="text w120" name="keywords" id="keywords" placeholder="请输入关键字" value="" />
								&nbsp;
								<select name="timetype" id="timetype" class="w80 di-in">
									<option value="1">下单时间</option>
									<if condition="$p_erpid">
									<option value="2">POS调单时间</option>
									</if>
								</select>
								<input type="text" class="text w110" style="display: none" name="add_time_begin" id="add_time_begin" placeholder="开始时间" value="" />
								<input type="text" class="text w110" style="display: none" name="add_time_end" id="add_time_end" placeholder="结束时间" value="" />
								<include file="public/date" />
							</th>

						</tr>
						<tr>
							<th style="text-align: left;">
								<select name="goodstype" id="goodstype" class="w80 di-in">
									<option value="1">商品编号</option>
									<option value="2">商品条码</option>
								</select>
								<input type="text" class="text w120" name="goodskey" id="goodskey" placeholder="请输入关键字" value="" />

								<span  class="pay_status">
										<select name="pay_status" class="w120 w130">
									<option value="">支付状态</option>
									<option value="0">未支付</option>
									<option value="1">已支付</option>
								</select>

								</span>

								<span  class="pay_status">
										<select name="pt_status" class="w120 w130">
									<option value="">拼团状态</option>
									<option value="1">拼团失败</option>
									<option value="2">待成团</option>
									<option value="3">已成团</option>
								</select>
								</span>

							<span class="shipping">

								<select name="shipping_status" class="w120 w130">
									<option value="">发货状态</option>
									<option value="1">全部发货</option>
									<option value="2">部分发货</option>
								</select>
							</span>

								<span>
									<select name="exp_type" class="w120 di-in">
									<option value="">配送方式</option>
									<option value="0">物流</option>
									<option value="1">自提</option>
								</select>

									<span id="ispj_show" style="display:none;">
								<select name="ispj" class="w120 di-in" id="ispj">
									<option value="">评价状态</option>
									<option value="2">未评价</option>
									<option value="4">已评价</option>
								</select>
							</span>
								<select name="picksle_type" class="w120 di-in">
									<option value="">请选择门店查询</option>
									<option value="0">门店编号</option>
									<option value="1">门店名称</option>
								</select>


								<input type="hidden" id="timegap" name="timegap" value="{$timegap}">
								<input class="text w120" name="picksle" placeholder="请输入" value="" type="text">
								<div class="sDiv2">
									<input type="button" id="sumbitbtn" onclick="ajax_get_table('search-form2',1)" class="btn" value="搜索">
								</div>
								<div class="sDiv2">
									<input type="button" id="btnxls" onclick="ajax_exportreport('search-form2',1)" class="btn" value="数据导出">
								</div>

								</span>


							</th>



						</tr>

					</table>
				</form>
			</div>

			<!--导出按钮-->
			<!--<div class="tDiv">-->
				<!--<div class="tDiv2">-->
					<!--<div class="fbutton">-->
						<!--<a href="javascript:exportReport()">-->
							<!--<div class="add" title="选定行数据导出excel文件,如果不选中行,将导出列表所有数据">-->
								<!--<span><i class="fa fa-plus"></i>导出数据</span>-->
							<!--</div>-->
						<!--</a>-->
					<!--</div>-->

				<!--</div>-->
				<!--<div style="clear:both"></div>-->
			<!--</div>-->
			<!--内容页-->
			<div id="ajax_return">

			</div>

		</div>
	</div>
	<script>
		$(document).ready(function() {
//			$('#add_time_begin').layDate();
//			$('#add_time_end').layDate();
            $("input[name='consignee']").val("{:urldecode(urldecode($Think.request.consignee))}");
            $("select[name='pay_status']").val("{:urldecode(urldecode($Think.request.pay_status))}");
            $("select[name='shipping_status']").val("{:urldecode(urldecode($Think.request.shipping_status))}");
            $("#exp_type").val("{:urldecode(urldecode($Think.request.exp_type))}");
            $("select[name='keytype']").val("{:urldecode(urldecode($Think.request.keytype))}");
            $("#keywords").val("{:urldecode(urldecode($Think.request.keywords))}");

            $("select[name='goodstype']").val("{:urldecode(urldecode($Think.request.goodstype))}");
            $("#goodskey").val("{:urldecode(urldecode($Think.request.goodskey))}");



            $("select[name='picksle_type']").val("{:urldecode(urldecode($Think.request.picksle_type))}");
            $("input[name='picksle']").val("{:urldecode(urldecode($Think.request.picksle))}");
            $("#order_status").val("{:urldecode(urldecode($Think.request.order_status))}");

            $("#add_time_begin").val("{:urldecode(urldecode($Think.request.add_time_begin))}");
            $("#add_time_end").val("{:urldecode(urldecode($Think.request.add_time_end))}");
            var getinputdate="";
            if ($("#add_time_begin").val()!="" && $("#add_time_end").val()!="")
            {
                getinputdate = $("#add_time_begin").val() + " - " + $("#add_time_end").val();
            }
            if ($("#order_status").val()==4)
            {
                $("#ispj_show").show();
            }
            else {
                $("#ispj_show").hide();
            }
            $('#reportrange span').html(getinputdate);
            var pp="{$Think.request.p}";
            if(pp=="")
                pp=0;
			//ajax_get_table('search-form2', pp);

			var user_id="{$Think.request.user_id}";
            ajax_get_table_1('search-form2', pp,user_id);


			$("#tab > li").each(function() {
				$(this).click(function() {
					tabSelect(this);
				});
                $(this).removeClass('active');
				if ($(this).attr("data-val")==$("#order_status").val())
                {
                    $(this).addClass('active');
                }


			});
		});

		function tabSelect(obj) {
			var currHasClass = $(obj).hasClass('active');
			if(currHasClass) return;

			$("#tab > li").each(function() {
				$(this).removeClass('active');
			});

			$(obj).addClass('active');
			var orderStatus = $(obj).attr("data-val");
			if(orderStatus=="")  //全部时显示支付状态和发货状态
			{
			    $(".pay_status").show();
                $(".shipping").show();
			}
            else if(orderStatus==0 || orderStatus==1)  //未发货不显示发货状态
            {
                $(".shipping").hide();
                $(".pay_status").hide();
			}
            else
            {
                $(".shipping").show();
                $(".pay_status").hide();
            }

            if (orderStatus==4)
			{
                $("#ispj_show").show();
			}
			else {
                $("#ispj_show").hide();
			}

			$("#order_status").val(orderStatus);
			ajax_get_table('search-form2', 1);
		}

		//ajax 抓取页面
		function ajax_get_table(tab, page) {
            layer.msg('加载中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '200px', time:100000}) ;
			cur_page = page; //当前页面 保存为全局变量
			$.ajax({
				type: "POST",
				url: "/index.php/admin/order/ajaxindex/p/" + page, //+tab,
				data: $('#' + tab).serialize(), // 你的formid
				success: function(data) {
					$("#ajax_return").html('');
					$("#ajax_return").append(data);
					layer.closeAll();
				}
			});
		}

        //ajax 抓取页面
        function ajax_get_table_1(tab, page,user_id) {
            layer.msg('加载中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '200px', time:100000}) ;
            cur_page = page; //当前页面 保存为全局变量
            $.ajax({
                type: "POST",
                url: "/index.php/admin/order/ajaxindex/p/" + page+"/user_id/"+user_id, //+tab,
                data: $('#' + tab).serialize(), // 你的formid
                success: function(data) {
                    $("#ajax_return").html('');
                    $("#ajax_return").append(data);
                    layer.closeAll();
                }
            });
        }




        // 导出数据
        function ajax_exportreport(form, page) {
            cur_page = page; //当前页面 保存为全局变量
			var htmlcount=$("#order_count").text();
			if (htmlcount>8000)
			{
                layer.alert('导出数据量大(最大支持8000条),请选择时间段进行导出', {icon: 2});
			    return false;
			}
            location.href = "/index.php?m=Admin&c=order&a=exportreport&p=" + page + "&"+$('#' + form).serialize();
        }

	</script>
</body>

</html>