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

update image,change the input to 50% width

Browse Source
This commit is contained in:
woodchen 2023-07-08 12:15:56 +08:00
parent 32029acfb6
commit 26f74fc1e3
3 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
README.md
View File

@ -1,13 +1,10 @@
# 广告
- [CZL Chat](https://chat.czl.net)，稳定商业版AI服务。
- [CZLOapi](https://oapi.czl.net)，OPENAI代理服务，无需翻墙。
# openai-billing-query
批量可视化查询openai(chatgpt)余额，支持显示总量，已使用，剩余量，已用比例，到期时间，GPT-4，是否绑卡
## [English](README_EN.md)
# 查询示例图
![image](https://github.com/woodchen-ink/openai-billing-query/assets/95951386/3926c794-114b-4666-ad7b-42ad30ec5694)
![1688789680187.png](https://cdn-img.czl.net/2023/07/08/64a8e2b180068.png)
# 支持自定义反代接口
在第361行添加自己的接口代码
@ -24,6 +21,10 @@
# 开发过程
首先感谢Github上开源的几个查询代码，是基于他们的项目使用GPT4进行改的，全程我只手动改了几个css。
# 广告
- [CZL Chat](https://chat.czl.net)，稳定商业版AI服务。
- [CZLOapi](https://oapi.czl.net)，OPENAI代理服务，无需翻墙。
# 广告
个人博客：https://woodchen.ink

2
README_EN.md
View File

@ -2,7 +2,7 @@
Batch visualization query for openai (chatgpt) balance, supporting display of total amount, used amount, remaining amount, usage ratio, expiration time, GPT-4, and whether it is bound with a card.
# Query example image
![image](https://github.com/woodchen-ink/openai-billing-query/assets/95951386/3926c794-114b-4666-ad7b-42ad30ec5694)
![1688789680187.png](https://cdn-img.czl.net/2023/07/08/64a8e2b180068.png)
# Supports custom reverse proxy interfaces
Add your own interface code in line 361.

10
index.html
View File

@ -4,8 +4,8 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CZL-查询OpenAIAPI余额</title>
<meta name="description" content="批量快速查询OPENAI的余额，支持可视化展现已用比例、额度、已用量、未用量、是否GPT-4、是否绑卡">
<title>OpenAIAPI 信息查询</title>
<meta name="description" content="批量快速查询OPENAI的余额，支持可视化展现已用比例、额度、已用量、未用量、是否GPT-4、是否绑卡、组织ID">
<style>
:root {
--color-primary: #1E3B7A;
@ -340,7 +340,7 @@
<body>
<header>
<h1 class="text-3xl font-semibold text-center mb-8 text-gradient">查询 OpenAI API 余额</h1>
<h1 class="text-3xl font-semibold text-center mb-8 text-gradient">OpenAI API 信息查询</h1>
</header>
<div class="query">
@ -356,13 +356,13 @@
<h2 style="display: inline-block;">选择查询线路</h2>
<p style="display: inline-block; font-size: smaller;">支持自定义线路，官网线路需要魔法</p>
</div>
<select id="api-url-select">
<select id="api-url-select" style="width:49%;">
<option value="https://api.openai.com">【官网线路】api.openai.com</option>
<option value="custom">【已前置https】自定义 ...</option>
</select>
<!-- 自定义API链接输入框 -->
<input type="text" id="custom-url-input" placeholder="输入自定义API，默认使用 https 协议" />
<input type="text" id="custom-url-input" placeholder="输入自定义API，填域名即可，无需https://" style="width:45%;"/>
</div>
<button :class="{ loading }" :disabled="loading" onclick="sendRequest()">查询</button> </p>
</div>