<?php include_once(mvc::$cfg['PATH_TPL'] . 'public/headBase.php'); ?>
<div class="layui-fluid">
	<form class="layui-form">
		<div class="layui-form-item">
			<div class="layui-input-inline" style="width:100px">
				<input type="text" name="bdate" class="layui-input" placeholder="开始时间" id="bdate" value="<?php echo $Params['bdate']; ?>">
			</div>
			<div class="layui-form-mid layui-word-aux"> 至 </div>
			<div class="layui-input-inline" style="width:100px">
				<input type="text" name="edate" class="layui-input" placeholder="结束时间" id="edate" value="<?php echo $Params['edate']; ?>">
			</div>
			<div class="layui-input-inline" style="width:70px">
				<button class="layui-btn" lay-submit>查询</button>
			</div>
			<div class="layui-form-mid layui-word-aux">
				<?php foreach ($dateArr as $k => $v) { ?>
					<a href="<?php echo mvc::$cfg['SELF_URI']; ?>tj/vinTjList?limit=<?php echo $k; ?>" class="marr10 blue <?php if ($k == $Params['limit']) echo ' active'; ?>"><?php echo $v; ?></a>
				<?php } ?>
			</div>
		</div>
	</form>
	<table class="layui-table" style="width:500px">
		<thead>
			<tr>
				<th width="50">日期</th>
				<?php foreach ($fromArr as $filed) { ?>
					<th width="50"><?php echo $nameArr[$filed]; ?></th>
				<?php } ?>
			</tr>
		</thead>
		<tbody>
			<?php foreach ($vinTjArr as $key => $item) { ?>
				<tr>
					<th><?php echo $key; ?></th>
					<?php foreach ($fromArr as $filed) { ?>
						<?php if ($filed == 'total' && $key) { ?>
							<?php
							// 计算最近一个月的日期范围
							$today = date('Ymd');
							$oneMonthAgo = date('Ymd', strtotime('-1 month'));
							$isClickable = ($key >= $oneMonthAgo && $key <= $today);
							?>
							<?php if ($isClickable) { ?>
								<td
									class="clickable-cell"
									data-shopid="<?php echo $shopId; ?>"
									data-date="<?php echo $key; ?>"
									style="cursor: pointer; color: #1E9FFF;">
									<?php echo $item[$filed] ? $item[$filed] : 0; ?>
								</td>
							<?php } else { ?>
								<td>
									<?php echo $item[$filed] ? $item[$filed] : 0; ?>
								</td>
							<?php } ?>
						<?php } else { ?>
							<td><?php echo $item[$filed] ? $item[$filed] : 0; ?></td>
						<?php } ?>
					<?php } ?>
				</tr>
			<?php } ?>
		</tbody>
	</table>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'] . 'public/footBase.php'); ?>
<script>
	layui.use(['index', 'senior', 'laydate'], function() {
		var $ = layui.$,
			laydate = layui.laydate;

		// 设置最小日期为2024-07-22
		var minDate = '2024-07-22';

		laydate.render({
			elem: '#bdate',
			min: minDate
		});
		laydate.render({
			elem: '#edate',
			min: minDate
		});

		// 点击表格单元格打开layer抽屉
		$(document).on('click', '.clickable-cell', function() {
			var shopId = $(this).data('shopid');
			var date = $(this).data('date');
			var value = $(this).text();

			layer.open({
				type: 1,
				id: 'vin-data-drawer',
				anim: -1,
				title: false, // 不显示标题栏
				closeBtn: 0, // 不显示关闭按钮
				content: LOADING,
				resize: false,
				move: false,
				offset: 'rt',
				shadeClose: true,
				skin: 'layui-anim layui-anim-rl layui-layer-adminRight',
				area: ['1100px', '100%'],
				zIndex: layer.zIndex,
				scrollbar: false,
				success: function(layero, index) {
					layer.setTop(layero);
					layero.find('.layui-icon-left').unbind('click').click(function() {
						layer.close(index);
					});
					
					// 绑定perPage输入框事件的函数
					function bindPerPageEvents() {
						layero.find('.to_pageall_txt').each(function() {
							$(this).removeAttr('onkeydown').off('keydown').on('keydown', function(e) {
								if (e.keyCode === 13) {
									e.preventDefault();
									e.stopPropagation();
									e.stopImmediatePropagation();
									
									var perPage = $(this).val();
									if (!perPage || isNaN(perPage) || perPage <= 0) {
										layer.msg('请输入有效的页面大小');
										return false;
									}
									
									// 设置cookie
									$.cookie('perPage', perPage, { expires: 7, path: '/', secure: true});
									
									// 更新抽屉内容
									updateDrawerContent('perPage=' + perPage);
									
									return false;
								}
							});
						});
					}
					
					// 统一的抽屉内容更新函数
					function updateDrawerContent(params) {
						var url = SELF_URI + 'tj/vinDetail?isAjax=1&shopId=' + shopId + '&date=' + date;
						if (params) {
							url += '&' + params;
						}
						
						// 显示加载状态
						layero.html(LOADING);
						
						// AJAX请求更新抽屉内容
						$.ajax({
							url: url,
							dataType: "json",
							success: function(res) {
								closeLoad('#vin-data-drawer');
								if (!AJAX.checkData(res)) return false;
								layero.html(res.data);
								// 内容更新后重新绑定事件
								bindPerPageEvents();
							},
							error: function() {
								closeLoad('#vin-data-drawer');
								layer.msg('加载失败，请重试');
							}
						});
					}
					
					// 拦截抽屉内分页器的点击事件
					layero.on('click', 'a[href*="page="], a[href*="perPage="]', function(e) {
						e.preventDefault();
						var href = $(this).attr('href');
						var params = '';
						
						// 提取分页参数
						if (href.indexOf('page=') !== -1) {
							var pageMatch = href.match(/page=(\d+)/);
							if (pageMatch) {
								params += 'page=' + pageMatch[1];
							}
						}
						if (href.indexOf('perPage=') !== -1) {
							var perPageMatch = href.match(/perPage=(\d+)/);
							if (perPageMatch) {
								params += (params ? '&' : '') + 'perPage=' + perPageMatch[1];
							}
						}
						
						updateDrawerContent(params);
					});
					
					// 初始化时绑定perPage事件
					bindPerPageEvents();
					
					$.ajax({
						url: SELF_URI + 'tj/vinDetail?isAjax=1&shopId=' + shopId + '&date=' + date,
						dataType: "json",
						success: function(res) {
							closeLoad('#vin-data-drawer');
							if (!AJAX.checkData(res)) return false;
							$('#vin-data-drawer').html(res.data);
						}
					});
				}
			});
		});
	});
</script>