56 lines
2.0 KiB
HTML
56 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>积分订单 - H5</title>
|
|
<link rel="stylesheet" href="../css/mobile.css">
|
|
</head>
|
|
<body>
|
|
<div class="page-container">
|
|
<!-- 页面头部 -->
|
|
<div class="page-header">
|
|
<button class="back-btn" onclick="goBack()">←</button>
|
|
<div class="page-title">积分订单</div>
|
|
</div>
|
|
|
|
<!-- 页面内容 -->
|
|
<div class="page-content">
|
|
<!-- 筛选条件 -->
|
|
<div class="form-group">
|
|
<label class="form-label">订单状态</label>
|
|
<select id="status-filter" class="form-select">
|
|
<option value="">全部状态</option>
|
|
<option value="待发货">待发货</option>
|
|
<option value="已发货">已发货</option>
|
|
<option value="已完成">已完成</option>
|
|
<option value="已取消">已取消</option>
|
|
</select>
|
|
</div>
|
|
|
|
<button class="btn btn-primary" onclick="filterOrders()">查询</button>
|
|
|
|
<!-- 积分订单列表表格 -->
|
|
<table class="simple-table">
|
|
<thead>
|
|
<tr>
|
|
<th>订单号</th>
|
|
<th>会员姓名</th>
|
|
<th>商品名称</th>
|
|
<th>消耗积分</th>
|
|
<th>下单时间</th>
|
|
<th>状态</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="order-table-body">
|
|
<!-- 数据将通过JavaScript动态填充 -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../js/mobile-common.js"></script>
|
|
<script src="../js/pages/point-orders.js"></script>
|
|
</body>
|
|
</html> |