98 lines
3.9 KiB
HTML
98 lines
3.9 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
|
|
<title>经理中心</title>
|
|
<link rel="stylesheet" href="./style.css?v=20260511-0102" />
|
|
</head>
|
|
<body>
|
|
<div class="manager-center" data-loading="true">
|
|
<nav class="title-bar">
|
|
<button class="back-button" type="button" aria-label="返回">
|
|
<svg viewBox="0 0 32 32" aria-hidden="true">
|
|
<path d="M20 8 12 16l8 8" />
|
|
</svg>
|
|
</button>
|
|
<h1>经理中心</h1>
|
|
<span class="title-spacer" aria-hidden="true"></span>
|
|
</nav>
|
|
|
|
<main class="content">
|
|
<section class="card profile-card">
|
|
<div class="avatar-shell">
|
|
<img id="managerAvatar" alt="" hidden />
|
|
<span id="managerAvatarFallback">M</span>
|
|
</div>
|
|
<div class="profile-copy">
|
|
<div class="eyebrow">当前经理</div>
|
|
<div class="name" id="managerName">-</div>
|
|
<div class="meta" id="managerUid">UID: -</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card search-card">
|
|
<div class="section-head">
|
|
<h2>用户</h2>
|
|
</div>
|
|
<form class="search-form" id="searchForm" autocomplete="off">
|
|
<input id="accountInput" type="text" inputmode="text" placeholder="输入用户 ID 或账号" />
|
|
<button id="searchButton" type="submit">搜索</button>
|
|
</form>
|
|
<div class="form-status" id="searchStatus" role="status" hidden></div>
|
|
</section>
|
|
|
|
<section class="card target-card" id="targetCard" hidden>
|
|
<div class="avatar-shell">
|
|
<img id="targetAvatar" alt="" hidden />
|
|
<span id="targetAvatarFallback">U</span>
|
|
</div>
|
|
<div class="profile-copy">
|
|
<div class="eyebrow">目标用户</div>
|
|
<div class="name" id="targetName">-</div>
|
|
<div class="meta" id="targetUid">UID: -</div>
|
|
<div class="pill-row">
|
|
<span class="status-pill" id="targetAccountStatus">-</span>
|
|
<span class="status-pill" id="targetRechargeStatus">-</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card gift-card">
|
|
<div class="section-head">
|
|
<h2>赠送道具</h2>
|
|
</div>
|
|
<label class="field-label" for="propsTypeSelect">礼物类型</label>
|
|
<select id="propsTypeSelect">
|
|
<option value="RIDE">座驾</option>
|
|
<option value="NOBLE_VIP">贵族</option>
|
|
<option value="AVATAR_FRAME">头像框</option>
|
|
<option value="CHAT_BUBBLE">聊天气泡</option>
|
|
<option value="DATA_CARD">资料卡</option>
|
|
</select>
|
|
<div class="props-status" id="propsStatus" role="status" hidden></div>
|
|
<div class="props-list" id="propsList"></div>
|
|
<button class="primary-action" id="sendPropsButton" type="button" disabled>赠送</button>
|
|
</section>
|
|
|
|
<section class="card ban-card" id="banCard" hidden>
|
|
<div class="section-head">
|
|
<h2>封禁用户</h2>
|
|
<span class="danger-chip" id="banEligibility">-</span>
|
|
</div>
|
|
<textarea id="banReason" maxlength="200" rows="3" placeholder="封禁原因"></textarea>
|
|
<button class="danger-action" id="banButton" type="button" disabled>封禁</button>
|
|
<div class="form-status" id="banStatus" role="status" hidden></div>
|
|
</section>
|
|
</main>
|
|
|
|
<div class="loading-mask" id="loadingMask" role="status" aria-live="polite">
|
|
<div class="loader" aria-hidden="true"></div>
|
|
<span>加载中...</span>
|
|
</div>
|
|
<div class="toast" id="toast" role="status" hidden></div>
|
|
</div>
|
|
<script src="./script.js?v=20260511-0104" defer></script>
|
|
</body>
|
|
</html>
|