mirror of
https://github.com/woodchen-ink/openai-billing-query.git
synced 2025-07-18 14:01:59 +08:00
96 lines
3.8 KiB
HTML
96 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>OpenAI API 信息查询</title>
|
||
<meta name="description" content="批量快速查询OPENAI的余额，支持可视化展现已用比例、额度、已用量、未用量、是否GPT-4、是否GPT4-32K、是否绑卡、绑卡信息、组织信息、是否有效">
|
||
<link rel="stylesheet" href="./static/css.css" type="text/css" />
|
||
</head>
|
||
|
||
<body>
|
||
<header>
|
||
<h1 class="text-3xl font-semibold text-center mb-8 text-gradient">OpenAI API 信息查询</h1>
|
||
<p class=" text-center text-gradient" style="text-align: center;">7月22日更新后，需使用sess码进行查询。使用key只能查询总额度、绑卡、GPT4和组织ID。
|
||
</p>
|
||
</a>
|
||
</header>
|
||
|
||
<div class="query">
|
||
<div>
|
||
<h2 style="display: inline-block;">输入 API KEY</h2>
|
||
<p style="display: inline-block; font-size: smaller;">本站不保存 KEY 信息，查询后请自行保存</p>
|
||
</div>
|
||
<textarea id="api-key-input" placeholder="请输入 API-KEY或sessID，多个可直接粘贴"></textarea></p>
|
||
<!-- API链接选择框 -->
|
||
<div class="api-url-container"></div>
|
||
<!-- API链接选择 -->
|
||
<div>
|
||
<h2 style="display: inline-block;">选择查询线路</h2>
|
||
<p style="display: inline-block; font-size: smaller;">支持自定义线路，官网线路需要魔法</p>
|
||
</div>
|
||
<select id="api-url-select" style="width:49%;">
|
||
<option value="https://api.openai.com">【官网线路】api.openai.com</option>
|
||
<option value="https://oapi.czl.net">【CZLoapi线路】oapi.czl.net</option>
|
||
<option value="https://openai.996.lat">【群友提供公益CF反代,勿测重要key】openai.996.lat</option>
|
||
<option value="custom">【已前置https】自定义 ...</option>
|
||
</select>
|
||
|
||
<!-- 自定义API链接输入框 -->
|
||
<input type="text" id="custom-url-input" placeholder="输入自定义API，填域名即可，无需https://" style="width:45%;" />
|
||
</div>
|
||
<button :class="{ loading }" :disabled="loading" onclick="sendRequest()">查询</button> </p>
|
||
</div>
|
||
<h2 id="result-head" style="visibility:hidden">查询结果</h2>
|
||
<table id="result-table" style="visibility:hidden">
|
||
<thead>
|
||
<tr>
|
||
<th style="width:35px">序号</th>
|
||
<th>API KEY</th>
|
||
<th style="width: 50px;">总额度</th>
|
||
<th style="width: 50px">已使用</th>
|
||
<th style="width: 50px">剩余量</th>
|
||
<th style="width: 90px">已用比例</th>
|
||
<th style="width: 90px">到期时间</th>
|
||
<th style="width: 50px">GPT-3.5</th>
|
||
<th style="width: 50px">GPT-4</th>
|
||
<th style="width: 50px">32K</th>
|
||
<th style="width: 60px">绑卡</th>
|
||
<th style="width: 120px">绑卡信息</th>
|
||
<th style="width: 120px">组织信息</th>
|
||
<th style="width: 120px">速率</th>
|
||
<th style="width: 50px;">是否有效</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
<div id="myModal" class="modal">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h2>详细信息</h2>
|
||
<span class="close">×</span>
|
||
|
||
</div>
|
||
<div class="modal-body">
|
||
<p id="modalText"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<footer>
|
||
<p>广告链接：
|
||
<a href="https://chat.czl.net" target="_blank">CZLChat</a>
|
||
<a href="https://oapi.czl.net" target="_blank">CZLOapi</a>
|
||
<a href="https://store0.czl.net" target="_blank">CZL Store</a>
|
||
<br>
|
||
本网页由<a href="https://woodchen.ink" target="_blank">woodchen</a>开源于<a
|
||
href="https://github.com/woodchen-ink/openai-billing-query" target="_blank">Github</a>,欢迎给个star
|
||
</p>
|
||
|
||
</footer>
|
||
<script src="./static/js.js"></script>
|
||
|
||
</body>
|
||
|
||
</html> |