mirror of
https://github.com/woodchen-ink/openai-billing-query.git
synced 2025-07-18 05:51:59 +08:00
update
This commit is contained in:
parent
ce51f6ffca
commit
08b6a4186b
128
index.html
128
index.html
@ -9,88 +9,98 @@
|
||||
<link rel="stylesheet" href="./static/css-1.css" type="text/css" />
|
||||
<link rel="stylesheet" href="https://unpkg.com/mdui@2.0.1/mdui.css">
|
||||
<script src="https://unpkg.com/mdui@2.0.1/mdui.global.js"></script>
|
||||
<script src="https://unpkg.com/mdui@2.0.1/functions/setColorScheme.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<mdui-layout class="mdui-prose">
|
||||
<mdui-layout-main>
|
||||
<h2>查询结果</h2>
|
||||
<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]</th>
|
||||
<th>有效</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- 表格内容 -->
|
||||
</tbody>
|
||||
</table>
|
||||
<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]</th>
|
||||
<th>有效</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- 表格内容 -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</mdui-layout-main>
|
||||
|
||||
<mdui-top-app-bar>
|
||||
<mdui-button-icon icon="menu" close-on-overlay-click id="toggle-button"></mdui-button-icon>
|
||||
<mdui-top-app-bar-title>OpenAI API 信息查询</mdui-top-app-bar-title>
|
||||
<mdui-top-app-bar-title style="text-align: center;">OpenAI API 信息查询</mdui-top-app-bar-title>
|
||||
</mdui-top-app-bar>
|
||||
|
||||
<mdui-navigation-drawer open class="left-drawer" close-on-overlay-click>
|
||||
<p>页面列表：</p>
|
||||
<mdui-chip elevated><a href="index.html">查API信息</a></mdui-chip><br>
|
||||
<mdui-chip elevated><a href="get_sess1.html">通过access token获取sess</a></mdui-chip><br>
|
||||
<mdui-chip elevated><a href="https://woodchen.ink/1266.html" target="_blank">手动获取sess的方法</a></mdui-chip>
|
||||
<mdui-navigation-drawer open class="left-drawer" close-on-overlay-click >
|
||||
<div style="width:92%;margin:0 auto;">
|
||||
<h3>输入 API KEY</h3>
|
||||
<p>本站不保存 KEY 信息，查询后请自行保存</p>
|
||||
<mdui-text-field id="api-key-input" placeholder="请输入 API-KEY或sessID，多个可直接粘贴" rows="8"
|
||||
label="API-KEY或sessID"></mdui-text-field>
|
||||
|
||||
<div>
|
||||
<div >
|
||||
<h2>输入 API KEY</h2>
|
||||
<p >本站不保存 KEY 信息，查询后请自行保存</p>
|
||||
</div>
|
||||
<mdui-text-field id="api-key-input" placeholder="请输入 API-KEY或sessID，多个可直接粘贴" rows="8" label="API-KEY或sessID"></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="https://oapi.czl.net">【CZLoapi线路】oapi.czl.net</mdui-menu-item>
|
||||
<mdui-menu-item value="https://gateway.ai.cloudflare.com/v1/feedd0aa8abd6875052d86a94f1baf83/test/openai">【Cloudflare网关】查不了已用量</mdui-menu-item>
|
||||
<mdui-menu-item value="https://openai.996.lat">【群友提供公益CF反代,勿测重要key】openai.996.lat</mdui-menu-item>
|
||||
<mdui-menu-item value="custom">【已前置https】自定义</mdui-menu-item>
|
||||
<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="https://oapi.czl.net">[CZLoapi线路] oapi.czl.net</mdui-menu-item>
|
||||
<mdui-menu-item
|
||||
value="https://gateway.ai.cloudflare.com/v1/feedd0aa8abd6875052d86a94f1baf83/test/openai">[Cloudflare网关]
|
||||
查不了已用量</mdui-menu-item>
|
||||
<mdui-menu-item value="https://openai.996.lat">[群友提供公益CF反代] openai.996.lat</mdui-menu-item>
|
||||
<mdui-menu-item value="custom">[已前置https] 自定义</mdui-menu-item>
|
||||
</mdui-select>
|
||||
|
||||
<mdui-text-field type="text" id="custom-url-input" placeholder="输入自定义API，填域名即可，无需https://" class="hidden"></mdui-text-field>
|
||||
</div>
|
||||
<mdui-text-field type="text" id="custom-url-input" placeholder="输入自定义API，填域名即可，无需https://"
|
||||
class="hidden"></mdui-text-field>
|
||||
|
||||
<div id="progressbar-toggle" style="width:30%">
|
||||
<mdui-checkbox onchange="toggleProgressBar()">已用比例</mdui-checkbox>
|
||||
</div>
|
||||
<div id="subinfo-toggle" style="width:30%">
|
||||
<mdui-checkbox onchange="toggleSubInfo()">绑卡信息</mdui-checkbox>
|
||||
</div>
|
||||
<div id="setid-toggle">
|
||||
<mdui-checkbox onchange="toggleSetidInfo()">组织信息</mdui-checkbox>
|
||||
<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>
|
||||
<mdui-button full-width id="query-button" icon="search" onclick="sendRequest()">
|
||||
查询
|
||||
</mdui-button>
|
||||
<h4>页面列表</h4>
|
||||
<mdui-menu dense 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_sess1.html">通过access token获取sess</mdui-menu-item>
|
||||
<mdui-menu-item icon="build" href="https://woodchen.ink/1266.html"
|
||||
target="_blank">手动获取sess的方法</mdui-menu-item>
|
||||
</mdui-menu>
|
||||
|
||||
<div>
|
||||
<br> 本网页由<a href="https://woodchen.ink" target="_blank">woodchen</a>开源于<a
|
||||
href="https://github.com/woodchen-ink/openai-billing-query" target="_blank">Github</a>
|
||||
</p>
|
||||
<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>
|
||||
|
||||
|
||||
@ -1,37 +1,41 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
width:100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
mdui-layout {
|
||||
height: 100VH;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.hidden{
|
||||
display:none;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Material Icons";
|
||||
src: url(/static/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2);
|
||||
}
|
||||
/* 修改 primary 的颜色值 */
|
||||
:root {
|
||||
--mdui-color-primary-light: 103, 80, 164;
|
||||
--mdui-color-primary-dark: 208, 188, 255;
|
||||
}
|
||||
|
||||
/* 把 foo 元素的背景色设置为 primary */
|
||||
.foo {
|
||||
background-color: rgb(var(--mdui-color-primary));
|
||||
}
|
||||
|
||||
/* 把 bar 元素的背景色设置为含 0.8 不透明度的 primary */
|
||||
.bar {
|
||||
background-color: rgba(var(--mdui-color-primary), 0.8);
|
||||
}
|
||||
}
|
||||
mdui-top-app-bar {
|
||||
background-color: rgba(var(--mdui-color-primary), 0.2);
|
||||
}
|
||||
|
||||
mdui-button {
|
||||
border-radius: var(--mdui-shape-corner-small);
|
||||
}
|
||||
|
||||
mdui-navigation-drawer {
|
||||
padding-top: 20px;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
mdui-layout {
|
||||
height: 100VH;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Material Icons";
|
||||
src: url(/static/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2);
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user