mirror of
https://github.com/woodchen-ink/openai-billing-query.git
synced 2025-07-18 05:51:59 +08:00
114 lines
4.6 KiB
HTML
114 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
||
<html class="mdui-theme-light" lang="zh-cmn-Hans">
|
||
|
||
<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-1.css" type="text/css" />
|
||
<link rel="stylesheet" href="./static/mdui/mdui.css">
|
||
<script src="./static/mdui/mdui.global.js"></script>
|
||
|
||
<script>mdui.setColorScheme('#0d2d44');</script>
|
||
</head>
|
||
|
||
<body>
|
||
<mdui-layout>
|
||
<mdui-layout-main>
|
||
<div class="mdui-main-container">
|
||
<h2>查询结果</h2>
|
||
<div class="mdui-table">
|
||
<table id="result-table">
|
||
<thead>
|
||
<tr>
|
||
<th>序号</th>
|
||
<th>API KEY</th>
|
||
<th>总额度</th>
|
||
<th>已使用</th>
|
||
<th>剩余量</th>
|
||
<th id="progressbar-header">已用比例</th>
|
||
<th>到期时间</th>
|
||
<th>模型[最高]</th>
|
||
<th>绑卡</th>
|
||
<th id="subinfo-header">绑卡信息</th>
|
||
<th id="setid-header">组织信息</th>
|
||
<th>速率[RPM,TPM-RPD]</th>
|
||
<th>有效</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- 表格内容 -->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</mdui-layout-main>
|
||
|
||
<mdui-top-app-bar>
|
||
<mdui-button-icon icon="menu" close-on-overlay-click id="toggle-button" style="color: white;"></mdui-button-icon>
|
||
<mdui-top-app-bar-title style="text-align: center;color:white;">OpenAI API 信息查询</mdui-top-app-bar-title>
|
||
</mdui-top-app-bar>
|
||
|
||
<mdui-navigation-drawer open class="left-drawer" close-on-overlay-click>
|
||
<div class="left-drawer-main">
|
||
<h3>输入 API KEY</h3>
|
||
<p>本站不保存 KEY 信息，查询后请自行保存</p>
|
||
<mdui-text-field id="api-key-input" placeholder="请输入 API-KEY或sessID，多个可直接粘贴" label="API-KEY或sessID"
|
||
rows="6"></mdui-text-field>
|
||
|
||
<mdui-select id="api-url-select" icon="airline_stops" label="查询线路" value="https://api.openai.com"
|
||
onchange="toggleCustomUrlInput()">
|
||
<mdui-menu-item value="https://api.openai.com">[官网线路]api.openai.com</mdui-menu-item>
|
||
<mdui-menu-item value="custom">[已前置https]自定义</mdui-menu-item>
|
||
|
||
</mdui-select>
|
||
|
||
<mdui-text-field type="text" id="custom-url-input" placeholder="如无前缀，自动添加https://"
|
||
class="hidden"></mdui-text-field>
|
||
|
||
<div style="display: flex;">
|
||
<div id="progressbar-toggle" style="flex-grow: 1;">
|
||
<mdui-checkbox onchange="toggleProgressBar()">已用比例</mdui-checkbox>
|
||
</div>
|
||
<div id="subinfo-toggle" style="flex-grow: 1;">
|
||
<mdui-checkbox onchange="toggleSubInfo()">绑卡信息</mdui-checkbox>
|
||
</div>
|
||
<div id="setid-toggle" style="flex-grow: 1;">
|
||
<mdui-checkbox onchange="toggleSetidInfo()">组织信息</mdui-checkbox>
|
||
</div>
|
||
</div>
|
||
|
||
<mdui-button full-width id="query-button" icon="search" onclick="sendRequest()">
|
||
查询
|
||
</mdui-button>
|
||
|
||
|
||
<!-- 下半部分 -->
|
||
<h4>页面列表</h4>
|
||
<mdui-menu style="width:100%;margin-top:20px;">
|
||
<mdui-menu-item icon="search" href="index.html">查API信息</mdui-menu-item>
|
||
<mdui-menu-item icon="vpn_key" href="get_sess.html">通过access token获取sess</mdui-menu-item>
|
||
<mdui-menu-item icon="vpn_key" href="get_sess2.html">通过PandoraNext获取sess</mdui-menu-item>
|
||
<mdui-menu-item icon="vpn_key" href="refresh_see.html">刷新Platform相关信息刷新sess</mdui-menu-item>
|
||
<mdui-menu-item icon="build" href="https://woodchen.ink/archives/how-to-query-the-balance-of-openai-in-batches-expires-gpt4-whether-to-tie-cards-1ov1aw"
|
||
target="_blank">手动获取sess的方法</mdui-menu-item>
|
||
</mdui-menu>
|
||
|
||
<div style="margin-top:20px;">
|
||
<mdui-chip elevated icon="code"> 本网页由<a href="https://woodchen.ink" target="_blank">woodchen</a>开源于<a
|
||
href="https://github.com/woodchen-ink/openai-billing-query" target="_blank">Github</a>
|
||
</mdui-chip>
|
||
</div>
|
||
</div>
|
||
</mdui-navigation-drawer>
|
||
|
||
|
||
|
||
</mdui-layout>
|
||
<script src="./static/js.js"></script>
|
||
|
||
</body>
|
||
|
||
</html>
|