wangxiaoming
/
iamberry-watero


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>销售管理</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="/watero/waterocss/mui.min.css">
		<link rel="stylesheet" type="text/css" href="/watero/waterocss/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="/watero/waterocss/style.css" />
		<style>
			.tips{padding: 20px 10px;background: #24cae9;text-align: center;color: #fff;}
			.tips h5,.tips p{color: #fff;}
			.back_top {position: fixed;right: 15px; bottom: 20px;width: 45px;height: 45px;background: rgba(0,0,0,.2);border-radius: 50%;cursor: pointer;display: none;text-align: center;line-height: 50px;color: #666;}
			.mui-segmented-control{border: 0;margin: 10px 0 5px 0;}
			.mui-segmented-control .mui-control-item{width:50%;display: inline-block;border: 1px solid #ccc;margin-bottom: 3px;color: #24cae9;}
			.mui-segmented-control .mui-control-item:first-child{border-left: 1px solid #ccc;}
			.mui-segmented-control .mui-control-item.mui-active {background-color: #24cae9;border-color: #24cae9;}
			.my-table{width: 100%;text-align: center;border-collapse:collapse;color: #999;}
			.my-table td,.my-table th{border:1px solid #999; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */}
			.mui-grid-view.mui-grid-9 .mui-media{background-color: #fff;padding: 11px 5px;}
			.mui-grid-view.mui-grid-9:after{height: 0;display: none;}
			.mui-grid-view.my-grid-9 .mui-media,.mui-grid-view.my-grid-9 .mui-media.mui-active{background-color:transparent;padding: 11px 5px;border: 0;}
			.mui-grid-view.my-grid-9 {border: 0;background-color: transparent;}
			.icon-shiyong,.icon-tongji{color: #61bf82;}
			.icon-xiaoshou,.icon-mendian{color: #72bdd8;}
			.my-table-list .mui-table-view-cell{padding: 11px 0;}
			.my-tab-view-pull:before,.my-tab-view-pull:after{display: none;}
			.yuan-count{width: 100px;height: 100px;background: #fff;border-radius: 50px;display: table-cell;vertical-align: middle;color: #24cae9;}
			.sp-md{font-size: 12px;margin-left:1.2em;}
			.right-middle-arrow{position: absolute;right:0px;top: 50%;-webkit-transform: translateY(-50%);color: #999;}
		</style>
		<script>
			// 屏蔽分享
			window.hiddenAllWechatMenu = true;
		</script>
	</head>
	<body style="background: #fff;">
	<div class="loading-bg">
			<div class="mui-loading">
				<div class="mui-spinner">
				</div>
				&nbsp;&nbsp;加载中...
			</div>
	</div>
	<div id="pullrefresh_dynamic_list" class="mui-content mui-scroll-wrapper my_pullrefresh_list" style="background: #fff;">
			<div class="mui-scroll">
				<!--数据列表-->
				<ul class="mui-table-view mui-table-view-chevron my-tab-view-pull">
								<div class="tips">
					<h5 id="user-name"></h5>
				<ul class="mui-table-view mui-grid-view mui-grid-9 my-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4">
		            	<div style="padding-top: 50px;">
		            		<p class="mui-h5 mui-ellipsis" id="todayProbation">0台</p><p class="mui-h5 mui-ellipsis">今日试用</p>
		            	</div>
		            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4">
		            		<div class="yuan-count" id="all-count">0台</div>
		            </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4">
		            	<div style="padding-top: 50px;">
		            		<p class="mui-h5 mui-ellipsis" id="todaySales">0台</p><p class="mui-h5 mui-ellipsis">今日销售</p>
		            	</div>
		            </li>
		        </ul>
				</div>

			<ul class="mui-table-view mui-grid-view mui-grid-9" id="my-grid-8">
		            <li class="mui-table-view-cell mui-media mui-col-xs-6"><a>
		                    <span class="iconfont icon-shiyong"></span>
		                    <div class="mui-media-body">本月试用:<span id="monthProbation">0台</span></div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-6"><a>
		                    <span class="iconfont icon-xiaoshou"></span>
		                    <div class="mui-media-body">本月销售:<span id="monthSales">0台</span></div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-6"><a>
		                    <span class="iconfont icon-mendian"></span>
		                    <div class="mui-media-body">门店&VIP会员</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-6"><a>
		                    <span class="iconfont icon-tongji"></span>
		                    <div class="mui-media-body">销售统计</div></a></li>
		    </ul>	
		    <div class="mui-content-padded">
		    	<!-- <span>未完结订单</span> -->
		<div id="segmentedControl" class="mui-segmented-control">
			<a class="mui-control-item mui-active">
				试用订单
			</a>
			<a class="mui-control-item">
				销售订单
			</a>
		</div>
		<ul class="mui-table-view my-table-list">
			<!-- 订单数据 -->
		</ul>
		    </div>
				</ul>
			</div>
	</div>
	<script type="text/javascript" src="/watero/waterojs/mui.min.js"></script>
	<script type="text/javascript" src="/watero/waterojs/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="/watero/waterojs/shop/main.js"></script>
	<script src="/watero/waterojs/shop/wechat-utils-1.0.js"></script>
	<script type="text/javascript">
	mui.init({
		pullRefresh: {
			container: '#pullrefresh_dynamic_list',
			down: {
				//callback: pulldownRefresh
			},
			up: {
				contentrefresh: '正在加载...',
				callback: pullupRefresh
			}
		}
	});
	  var pageNumber = 0,pagesize = 10,status='probationOrder';
			/**
			 * 上拉加载具体业务实现
			 */
			function pullupRefresh() {
				++pageNumber;
				$.ajax(base_path+'/statistics/sales_order_list?dates=' + new Date().getTime(), {
					data: {
						"recordBegin": pageNumber,
						"pageSize":pagesize,
						"orderType":status
					},
                    xhrFields: {
                        withCredentials: true
                    },
					dataType: 'json',
					type: 'get',
					timeout: 15000,
					success: function(dt) {
						//console.log(dt);
						if(dt.status) {
							var user_data = []; 
							if(dt.data.salesOrderDto != null) {
								user_data = dt.data.salesOrderDto
							}
							mui('#pullrefresh_dynamic_list').pullRefresh().endPullupToRefresh(user_data.length < pagesize); //参数为true代表没有更多数据了
							var table = document.body.querySelector('.my-table-list');
							mui(user_data).each(function(index) {
							var li = document.createElement('li');
							li.className = 'mui-table-view-cell';
							li.setAttribute("id",this.orderId);
							li.setAttribute("name",this.dealers);
							
							var orderStatus="";
							if(status=="probationOrder"){
								orderStatus=get_trial_status(this.orderStatus);
							}else{
								orderStatus=get_sales_status(this.orderStatus);
							}
							li.innerHTML ='';
							li.innerHTML = '<p class="mui-h6 mui-ellipsis">订单编号：'+this.orderId+'<span class="sp-md">订单状态：'+orderStatus+'</span></p><p class="mui-h6 mui-ellipsis">所属：'+this.placeInfoTwo+'-'+this.placeInfoOne+'</p><span class="mui-icon mui-icon-arrowright right-middle-arrow"></span>';
							table.appendChild(li);
							});
							mui.each(document.querySelectorAll('.my-table-list .mui-table-view-cell'), function(index, el) {
								el.addEventListener('tap', function() {
									var th=this,str="trial_order_details";
									if(status=="salesOrder"){
										str="sales_order_details";
									}
									location.href='/watero/html/statistics/'+str+'.html?orderId='+th.getAttribute("id")+'&dealers='+th.getAttribute("name");
							}, false);
							});
						} else {
							mui('#pullrefresh_dynamic_list').pullRefresh().endPullupToRefresh(true);
						}
					},
					error: function(xhr, type, errorThrown) {
						//异常处理；
						console.log(xhr);
					}
				});
			};
			
	mui.ready(function(){
		mui.each(document.querySelectorAll('#my-grid-8 .mui-table-view-cell'), function(index, el) {
			el.addEventListener('tap', function() {
			switch (index) {
			case 0:
			//本月试用
			mui.openWindow({url: '/watero/html/statistics/trial_order_statistics.html'});
				break;
			case 1:
			//本月销售
			mui.openWindow({url: '/watero/html/statistics/sales_order_statistics_list.html'});
				break;
			case 2:
			//门店vip会员
			mui.openWindow({url: '/watero/html/statistics/store_statistics_list.html'});
				break;
			case 3:
			//销售统计
			mui.openWindow({url: '/watero/html/statistics/sales_statistics_echarts.html'});
				break;
			default:
				break;
		}
		}, false);
	});
		mui.each(document.querySelectorAll('#segmentedControl .mui-control-item'), function(index, el) {
			el.addEventListener('tap', function() {
			switch (index) {
			case 0:
			status="probationOrder";
			pageNumber = 0
			$(".my-table-list").empty();
			mui('#pullrefresh_dynamic_list').pullRefresh().refresh(true);
			mui('#pullrefresh_dynamic_list').pullRefresh().pullupLoading();
				break;
			case 1:
			status='salesOrder';
			pageNumber = 0
			$(".my-table-list").empty();
			mui('#pullrefresh_dynamic_list').pullRefresh().refresh(true);
			mui('#pullrefresh_dynamic_list').pullRefresh().pullupLoading();
				break;
			default:
				break;
		}
		}, false);
	});
		$.ajax(base_path+'/statistics/sales_manager?dates=' + new Date().getTime(), {
			data: {},
            xhrFields: {
                withCredentials: true
            },
			dataType: 'json',
			type: 'get',
			timeout: 15000,
			success: function(dt) {
				//console.log(dt);
				if (typeof(dt.isRedirect) == "undefined"){ 
					if(dt.status) {
						$("#user-name").text(dt.data.salesManRoleName+"："+decodeURI(dt.data.salesManUserName));
						$("#todayProbation").text(dt.data.todayProbation+"台");
						$("#todaySales").text(dt.data.todaySales+"台");
						$("#all-count").text((dt.data.todayProbation+dt.data.todaySales)+"台");
						$("#monthProbation").text(dt.data.monthProbation+"台");
						$("#monthSales").text(dt.data.monthSales+"台");
					} else {
						mui.alert(dt.message);
					}
				}else if(dt.isRedirect){
					mui.openWindow({url: dt.redirectURL});
				}
			},
			error: function(xhr, type, errorThrown) {
				//异常处理；
				console.log(xhr);
			}
		});
	    mui('#pullrefresh_dynamic_list').pullRefresh().pullupLoading();
		document.querySelector('.loading-bg').style.display='none';
	});
	function get_trial_status(obj){
		switch (obj){
		case 0:
			return "订单关闭";
			break;
		case 1:
			return "待派送";
			break;
		case 2:
			return "派送中";
			break;
		case 3:
			return "待支付";
			break;
		case 4:
			return "试用暂停";
			break;
		case 5:
			return "支付完成";
			break;
		default:
			break;
		}
	};
	function get_sales_status(obj){
		switch (obj){
		case 0:
			return "取消订单";
			break;
		case 1:
			return "待支付";
			break;
		case 2:
			return "待发货";
			break;
		case 3:
			return "退款申请中";
			break;
		case 4:
			return "已退款";
			break;
		case 5:
			return "已发货";
			break;
		case 6:
			return "申请退货中";
			break;
		case 7:
			return "退货中";
			break;
		case 8:
			return "订单退货";
			break;
		case 9:
			return "换货中";
			break;
		case 10:
			return "换货完成";
			break;
		case 11:
			return "申请换货中";
			break;
		case 12:
			return "订单完成";
			break;
		default:
			break;
		}
	};
	</script>
	</body>
</html>