<!DOCTYPE html>
<html lang="en" style="background-color: #f5f5f5;">

	<head>
		<meta charset="UTF-8">
		<title>商品分析</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<script src="../../../admin/index.js" door type="text/javascript" charset="utf-8"></script>
		<script>
			require('js/echarts.min.js');
		</script>
		<script type="text/html" id="totalTpl">
			<div class="layui-col-md3">
				<span>{{d.productTotalNumber}}</span>
				<p>商品数量</p>
			</div>
			<div class="layui-col-md3">
				<span>{{d.productTradedPercent}}</span>
				<p>商品动销率</p>
			</div>
			<div class="layui-col-md3">
				<span>{{d.tradedNumber}}</span>
				<p>动销商品件数</p>
			</div>
			<div class="layui-col-md3">
				<span>{{d.tradedAmount}}</span>
				<p>动销商品金额</p>
			</div>
		</script>
	</head>

	<body>
		<div class="layui-fluid">
			<div class="layui-card">
				<div class="layui-tab layui-tab-brief" lay-filter="tabBrief">
					<ul class="layui-tab-title">
						<li class="layui-this">排行榜</li>
						<li>单品分析</li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<div class="layui-card-header layout-header">
								<form class="layui-form" action="" novalidate>
									<div class="layui-form-item" style="text-align: center">
										<div class="layui-btn-group">
											<button class="layui-btn" lay-submit lay-filter="goods">商品</button>
											<button class="layui-btn layui-btn-primary" lay-submit lay-filter="seller">商户</button>
										</div>
										<div class="layui-btn-group" style="float: right;"  id="rankBtn">
											<button class="layui-btn" lay-submit lay-filter="day" name="1">昨日</button>
											<button class="layui-btn layui-btn-primary" lay-submit lay-filter="week" name="2">近7天</button>
											<button class="layui-btn layui-btn-primary" lay-submit lay-filter="month" name="3">近30天</button>
											<button class="layui-btn date-btn layui-btn-primary" lay-submit lay-filter="range" name="4"><i class="layui-icon layui-icon-date"></i><span
												 class="dateClass" id="test6"></span></button>
										</div>
									</div>
								</form>
							</div>
							<div class="layui-card-body layout-body">
								<table id="rankTableData" lay-filter="rankTableData" class="layui-table"></table>
							</div>
						</div>
						<div class="layui-tab-item">
							<div class="layui-card-header layout-header">
								<form class="layui-form" action="" novalidate>
									<div class="layui-form-item">
										<div class="layui-btn-group" style="float: right;" id="singleGoodsBtn">
											<button class="layui-btn" lay-submit lay-filter="day1" name="1">昨日</button>
											<button class="layui-btn layui-btn-primary" lay-submit lay-filter="week1" name="2">近7天</button>
											<button class="layui-btn layui-btn-primary" lay-submit lay-filter="month1" name="3">近30天</button>
											<button class="layui-btn date-btn layui-btn-primary" lay-submit lay-filter="range1" name="4"><i class="layui-icon layui-icon-date"></i><span
												 class="dateClass" id="test7"></span></button>
										</div>
									</div>
								</form>
							</div>
							<div class="layui-row layui-col-space15 goodsTotal">

							</div>
							<div class="layui-card-body layout-body" style="margin-top: 35px">
								<div id="goodsChart" style="width: 100%; height: 400px;"></div>
								<table id="singleGoodsTableData" lay-filter="singleGoodsTableData" class="layui-table" style="margin-top: 30px"></table>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>
