update image,change the input to 50% width

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

View File

@ -1,13 +1,10 @@
# 广告
- [CZL Chat](https://chat.czl.net)稳定商业版AI服务。
- [CZLOapi](https://oapi.czl.net)OPENAI代理服务无需翻墙。
# openai-billing-query # openai-billing-query
批量可视化查询openai(chatgpt)余额支持显示总量已使用剩余量已用比例到期时间GPT-4是否绑卡 批量可视化查询openai(chatgpt)余额支持显示总量已使用剩余量已用比例到期时间GPT-4是否绑卡
## [English](README_EN.md) ## [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行添加自己的接口代码 在第361行添加自己的接口代码
@ -24,6 +21,10 @@
# 开发过程 # 开发过程
首先感谢Github上开源的几个查询代码是基于他们的项目使用GPT4进行改的全程我只手动改了几个css。 首先感谢Github上开源的几个查询代码是基于他们的项目使用GPT4进行改的全程我只手动改了几个css。
# 广告
- [CZL Chat](https://chat.czl.net)稳定商业版AI服务。
- [CZLOapi](https://oapi.czl.net)OPENAI代理服务无需翻墙。
# 广告 # 广告
个人博客https://woodchen.ink 个人博客https://woodchen.ink

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. 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 # 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 # Supports custom reverse proxy interfaces
Add your own interface code in line 361. Add your own interface code in line 361.

View File

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