dm-design/H5/merchant/pages/level-settings.html

145 lines
6.4 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>
<div class="dropdown">
<button id="stall-dropdown-btn" class="form-input" onclick="toggleStallDropdown()">
请选择摊位名称...
</button>
<div id="stall-dropdown-list" class="dropdown-list hidden">
<div class="dropdown-item" onclick="selectStall('时尚服装店')">
<input type="checkbox" value="时尚服装店"> 时尚服装店
</div>
<div class="dropdown-item" onclick="selectStall('数码电子城')">
<input type="checkbox" value="数码电子城"> 数码电子城
</div>
<div class="dropdown-item" onclick="selectStall('美食餐厅')">
<input type="checkbox" value="美食餐厅"> 美食餐厅
</div>
<div class="dropdown-item" onclick="selectStall('家居生活馆')">
<input type="checkbox" value="家居生活馆"> 家居生活馆
</div>
<div class="dropdown-item" onclick="selectStall('运动健身店')">
<input type="checkbox" value="运动健身店"> 运动健身店
</div>
</div>
</div>
<div id="selected-stalls"></div>
</div>
<!-- 查询按钮 -->
<button class="btn btn-primary" onclick="queryStalls()">查询</button>
<button class="btn btn-secondary" onclick="batchEdit()">批量会员等级编辑</button>
<!-- 摊位列表表格 -->
<table class="simple-table">
<thead>
<tr>
<th>摊位名称</th>
<th>是否启用会员</th>
<th>会员等级</th>
<th>操作</th>
</tr>
</thead>
<tbody id="stalls-table-body">
<tr>
<td>时尚服装店</td>
<td>
<label class="switch">
<input type="checkbox" checked onchange="toggleSwitch(this)">
<span class="slider"></span>
</label>
</td>
<td>lv1, lv2, lv3, lv4</td>
<td>
<button class="btn btn-small btn-primary" onclick="viewLevelDetail('时尚服装店')">
设置等级明细
</button>
</td>
</tr>
<tr>
<td>数码电子城</td>
<td>
<label class="switch">
<input type="checkbox" onchange="toggleSwitch(this)">
<span class="slider"></span>
</label>
</td>
<td>lv1, lv2, lv3</td>
<td>
<button class="btn btn-small btn-primary" onclick="viewLevelDetail('数码电子城')">
设置等级明细
</button>
</td>
</tr>
<tr>
<td>美食餐厅</td>
<td>
<label class="switch">
<input type="checkbox" checked onchange="toggleSwitch(this)">
<span class="slider"></span>
</label>
</td>
<td>lv1, lv2, lv3, lv4</td>
<td>
<button class="btn btn-small btn-primary" onclick="viewLevelDetail('美食餐厅')">
设置等级明细
</button>
</td>
</tr>
<tr>
<td>家居生活馆</td>
<td>
<label class="switch">
<input type="checkbox" onchange="toggleSwitch(this)">
<span class="slider"></span>
</label>
</td>
<td>lv1, lv2</td>
<td>
<button class="btn btn-small btn-primary" onclick="viewLevelDetail('家居生活馆')">
设置等级明细
</button>
</td>
</tr>
<tr>
<td>运动健身店</td>
<td>
<label class="switch">
<input type="checkbox" checked onchange="toggleSwitch(this)">
<span class="slider"></span>
</label>
</td>
<td>lv1, lv2, lv3, lv4</td>
<td>
<button class="btn btn-small btn-primary" onclick="viewLevelDetail('运动健身店')">
设置等级明细
</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<script src="../js/mobile-common.js"></script>
<script src="../js/pages/level-settings.js"></script>
</body>
</html>