<!DOCTYPE html>
|
<html lang="zh-CN">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
<meta name="apple-mobile-web-app-title" content="企业微信授权登录">
|
<title>企业微信授权登录</title>
|
</head>
|
<body>
|
<div class="container">
|
<!-- 头部信息卡片 -->
|
<div class="header-card">
|
<div class="avatar-container">
|
<div class="avatar">头像</div>
|
</div>
|
<h1 class="company-name">张三</h1>
|
<p class="company-info">胜选医疗科技有限公司</p>
|
</div>
|
|
<!-- 主要内容区域 -->
|
<div class="main-content">
|
<!-- 手机号输入 -->
|
<div class="form-group">
|
<label for="phone" class="form-label">您的手机号</label>
|
<input
|
type="tel"
|
id="phone"
|
class="form-input"
|
placeholder="请输入手机号"
|
maxlength="11"
|
>
|
</div>
|
|
<!-- 验证码获取 -->
|
<div class="code-section">
|
<span class="code-prompt">已申请 <span id="code-count">0</span> / 5 次</span>
|
<button class="btn-primary" id="getCodeBtn">获取管理员密码</button>
|
<p class="code-tips">每个手机号最多只能申请5次管理员密码，密码72小时后自动失效。</p>
|
</div>
|
|
<!-- 历史申请记录 -->
|
<div class="history-section">
|
<h3 class="history-title">历史申请密码</h3>
|
<div class="history-table-container">
|
<table class="history-table">
|
<thead>
|
<tr>
|
<th>密码</th>
|
<th>申请时间</th>
|
<th>有效期至</th>
|
<th>剩余时间</th>
|
<th>操作</th>
|
</tr>
|
</thead>
|
<tbody id="historyBody">
|
<tr class="empty-row">
|
<td colspan="5">暂无记录</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script type="module" src="/src/main.js"></script>
|
</body>
|
</html>
|
