wood/openai-billing-query
1
0
Fork 0
mirror of https://github.com/woodchen-ink/openai-billing-query.git synced 2025-07-19 14:32:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
wood 2023-10-21 02:25:56 +08:00
parent 68725fa6cc
commit a478392113
3 changed files with 52 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
index.html
View File

@ -17,21 +17,49 @@
<body> <body>
<mdui-layout class="mdui-prose"> <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>
</mdui-layout-main>
<mdui-top-app-bar> <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>OpenAI API 信息查询</mdui-top-app-bar-title>
</mdui-top-app-bar> </mdui-top-app-bar>
<mdui-navigation-drawer open class="example-navigation-drawer">
<mdui-navigation-drawer open contained="true" class="left-drawer">
<p>页面列表：</p> <p>页面列表：</p>
<mdui-chip elevated><a href="index.html">查API信息</a></mdui-chip><br> <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="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-chip elevated><a href="https://woodchen.ink/1266.html" target="_blank">手动获取sess的方法</a></mdui-chip>
<div class="query"> <div>
<div class=""> <div >
<h2>输入 API KEY</h2> <h2>输入 API KEY</h2>
<p class="">本站不保存 KEY 信息，查询后请自行保存</p> <p >本站不保存 KEY 信息，查询后请自行保存</p>
</div> </div>
<mdui-text-field id="api-key-input" class="" placeholder="请输入 API-KEY或sessID，多个可直接粘贴" rows="8" label="API-KEY或sessID"></mdui-text-field> <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-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://api.openai.com">【官网线路】api.openai.com</mdui-menu-item>
@ -58,46 +86,15 @@
查询 查询
</mdui-button> </mdui-button>
<div class=" invisible md:visible"> <div>
<!-- <div class="alert alert-info"> --> <br> 本网页由<a href="https://woodchen.ink" target="_blank">woodchen</a>开源于<a
<br> 本网页由<a href="https://woodchen.ink" target="_blank" class="link link-hover">woodchen</a>开源于<a href="https://github.com/woodchen-ink/openai-billing-query" target="_blank">Github</a>
href="https://github.com/woodchen-ink/openai-billing-query" target="_blank" class="link link-hover">Github</a>
</p> </p>
<!-- </div> -->
</div> </div>
</mdui-navigation-drawer> </mdui-navigation-drawer>
<mdui-layout-main>
<h2>查询结果</h2>
<div class="overflow-x-auto">
<div class="overflow-y-hidden">
<table class="mdui-table" id="result-table" class="">
<thead class="text-white border-b border-slate-500">
<tr class="bg-gray-800 bg-opacity-80">
<th class="w-0.5 border border-slate-500">序号</th>
<th class="w-2/12 border border-slate-500">API KEY</th>
<th class="w-auto border border-slate-500">总额度</th>
<th class="w-auto border border-slate-500">已使用</th>
<th class="w-auto border border-slate-500">剩余量</th>
<th class="w-auto border border-slate-500" id="progressbar-header">已用比例</th>
<th class="w-36 border border-slate-500">到期时间</th>
<th class="w-auto border border-slate-500">模型[最高]</th>
<th class="w-auto border border-slate-500">绑卡</th>
<th class="w-auto border border-slate-500" id="subinfo-header">绑卡信息</th>
<th class="w-auto border border-slate-500" id="setid-header">组织信息</th>
<th class="w-2/12 border border-slate-500">速率[RPM,TPM]</th>
<th class="w-2 border border-slate-500">有效</th>
</tr>
</thead>
<tbody class="border-t border-slate-500">
<!-- 表格内容 -->
</tbody>
</table>
</div>
</div>
</mdui-layout-main>
</mdui-layout> </mdui-layout>
<script src="./static/js.js"></script> <script src="./static/js.js"></script>

5
static/css-1.css
View File

@ -6,10 +6,7 @@ body {
padding:0; padding:0;
} }
mdui-layout { mdui-layout {
height: 100%; height: 100VH;
width:80%;
margin:auto;
padding:0;
} }
a { a {
text-decoration: none; text-decoration: none;

14
static/js.js
View File

@ -599,3 +599,17 @@ function hideLoadingAnimation() {
button.innerHTML = "查询"; button.innerHTML = "查询";
} }
const navigationDrawer = document.querySelector(".left-drawer");
const toggleButton = document.getElementById("toggle-button");
let isOpen = true;
toggleButton.addEventListener("click", () => {
isOpen = !isOpen;
if (isOpen) {
navigationDrawer.open = true;
} else {
navigationDrawer.open = false;
}
});