Update README.md

Update index.html
2025-07-18 14:01:59 +08:00 · 2025-07-12 06:54:16 +08:00 · 2025-06-26 18:08:25 +08:00 · 2025-06-26 16:02:58 +08:00 · 2025-06-26 15:55:00 +08:00 · 2024-10-31 07:54:46 +08:00
17 changed files with 1784 additions and 605 deletions
--- a/.github/workflows/jekyll-gh-pages.yml
+++ b/.github/workflows/jekyll-gh-pages.yml
@ -0,0 +1,51 @@
+# Sample workflow for building and deploying a Jekyll site to GitHub Pages
+name: Deploy Jekyll with GitHub Pages dependencies preinstalled
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["mdui2"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      - name: Build with Jekyll
+        uses: actions/jekyll-build-pages@v1
+        with:
+          source: ./
+          destination: ./_site
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
--- a/README.md
+++ b/README.md
@ -3,18 +3,25 @@

 star,please.

-## [English](README_EN.md)
+[![Use EdgeOne Pages to deploy](https://cdnstatic.tencentcs.com/edgeone/pages/deploy.svg)](https://edgeone.ai/pages/new?repository-url=https%3A%2F%2Fgithub.com%2Fwoodchen-ink%2Fopenai-billing-query)

-Telegram交流群：https://t.me/ai_cn2023 
+
+
+## 在线访问(使用Cloudflare Pages部署)
+新版本：https://openai-billing-query.czl.net/
+daisyUI版本：https://daisyui.o-b.pages.dev/
+
+## [English](README_EN.md)

 ## 最新示意图(2023.08.28)

-![示意图](https://cdn-img.czl.net/2023/09/01/64f1ab8497308.png)
+![screenshot-20231215-003431](https://github.com/woodchen-ink/openai-billing-query/assets/95951386/076cbeff-7b93-45a8-bf36-303a1dc711f0)

+![screenshot-20231215-003509](https://github.com/woodchen-ink/openai-billing-query/assets/95951386/e5da95ec-544e-4541-944e-308cf8ffe0e6)

 ## SESS ID获取方法

-请见我的个人博客，提供视频教程：https://woodchen.ink/1266.html
+[请见我的个人博客，提供视频教程](https://woodchen.ink/archives/how-to-query-the-balance-of-openai-in-batches-expires-gpt4-whether-to-tie-cards-1ov1aw)

 ## 支持自定义反代接口
 在第361行添加自己的接口代码
@ -26,6 +33,7 @@ Telegram交流群：https://t.me/ai_cn2023
 ## 怎么部署
 下载index.html直接打开就行，除了背景图片，没有任何外部资源。

+
 ## 贡献列表

 | 人员 | 贡献内容 |
@ -33,9 +41,16 @@ Telegram交流群：https://t.me/ai_cn2023
 | [qiyue](https://github.com/qiyue-rgb) | 技术协助 |
 | 🙊 | cloudflare反代地址 |

+## CDN acceleration and security protection for this project are sponsored by Tencent EdgeOne.
+
+[Best Asian CDN, Edge, and Secure Solutions - Tencent EdgeOne](https://edgeone.ai/?from=github)
+[![image](https://github.com/user-attachments/assets/3375c4c0-8cd4-4675-ab88-220b6bc4f23b)](https://edgeone.ai/?from=github)

 ## 广告
 - [CZL Chat](https://chat.czl.net)，稳定商业版AI服务。
 - [CZLOapi](https://oapi.czl.net)，OPENAI代理服务，无需翻墙。
 - 个人博客：https://woodchen.ink

+## Star History
+
+[![Star History Chart](https://api.star-history.com/svg?repos=woodchen-ink/openai-billing-query&type=Date)](https://api.star-history.com/svg?repos=woodchen-ink/openai-billing-query&type=Date)
--- a/get_sess.html
+++ b/get_sess.html
@ -0,0 +1,107 @@
+<!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>通过access_token来获取sess</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>Access_Token</th>
+                                <th>user id</th>
+                                <th>email</th>
+                                <th>name</th>
+                                <th>phone number</th>
+                                <th>注册时间</th>
+                                <th>sess id</th>
+                                <th>sess id生成时间</th>
+                                <th>org id</th>
+                                <th>IP Country</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;">通过access_token来获取sess</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="请输入access_token，多个请换行" label="access_token"
+                    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="https://oapi.czl.net">[CZLoapi线路]oapi.czl.net</mdui-menu-item>
+                    <mdui-menu-item value="https://openai.996.lat">[群友CF反代]openai.996.lat</mdui-menu-item>
+                    <mdui-menu-item value="https://gateway.ai.cloudflare.com/v1/feedd0aa8abd6875052d86a94f1baf83/test/openai">CF Gateway</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 style="height:2rem"></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/1266.html"
+                    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/getsess.js"></script>
+
+</body>
+
+</html>
--- a/get_sess1.html
+++ b/get_sess1.html
@ -1,69 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>通过access_token来获取sess</title>
-  <meta name="description" content="批量快速查询OPENAI的余额，支持可视化展现已用比例、额度、已用量、未用量、是否GPT-4、是否GPT4-32K、是否绑卡、绑卡信息、组织信息、是否有效">
-  <link rel="stylesheet" href="./static/css.css" type="text/css" />
-</head>
-
-<body>
-  <header>
-    <h1 class="text-3xl font-semibold text-center mb-8 text-gradient">通过access token来获取sess</h1>
-    <p style="color:#FFF;text-align: center;">页面列表：<a href="index.html" style="color:#FFF;text-decoration: underline;">查API信息</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="get_sess1.html" style="color:#FFF;text-decoration: underline;">通过access token获取sess</a>  </p>
-  </header>
-
-  <div class="query">
-    <div>
-      <h2 style="display: inline-block;">输入 Access Token</h2>
-      <p style="display: inline-block; font-size: smaller;">本站不保存 KEY 信息，查询后请自行保存</p>
-    </div>
-    <textarea id="api-key-input" placeholder="请输入 access_token，多个换行分开"></textarea></p>
-    <!-- API链接选择框 -->
-    <div class="api-url-container"></div>
-    <!-- API链接选择 -->
-    <div>
-      <h2 style="display: inline-block;">选择查询线路</h2>
-      <p style="display: inline-block; font-size: smaller;">支持自定义线路，官网线路需要魔法</p>
-    </div>
-    <select id="api-url-select" style="width:49%;">
-      <option value="https://api.openai.com">【官网线路】api.openai.com</option>
-      <option value="https://oapi.czl.net">【CZLoapi线路】oapi.czl.net</option>
-      <option value="https://openai.996.lat">【群友提供公益CF反代,勿测重要key】openai.996.lat</option>
-      <option value="custom">【已前置https】自定义 ...</option>
-    </select>
-
-    <!-- 自定义API链接输入框 -->
-    <input type="text" id="custom-url-input" placeholder="输入自定义API，填域名即可，无需https://" style="width:45%;" />
-  </div>
-  <button :class="{ loading }" :disabled="loading" onclick="sendRequest()">查询</button>
-  </div>
-  <h2 id="result-head" style="visibility:hidden">查询结果</h2>
-  <table id="result-table" style="visibility:hidden">
-    <thead>
-      <tr>
-        <th style="width:50px">序号</th>
-        <th>Access_Token</th>
-        <th >sess id</th>
-      </tr>
-    </thead>
-    <tbody></tbody>
-  </table>
-
-  <footer>
-    <p>广告链接：
-      <a href="https://chat.czl.net" target="_blank">CZLChat</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-      <a href="https://oapi.czl.net" target="_blank">CZLOapi</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-      <a href="https://store0.czl.net" target="_blank">CZL Store</a>
-      <br>
-      本网页由<a href="https://woodchen.ink" target="_blank">woodchen</a>开源于<a
-        href="https://github.com/woodchen-ink/openai-billing-query" target="_blank">Github</a>,欢迎给个star
-    </p>
-
-  </footer>
-  <script src="./static/sess1.js"></script>
-
-</body>
-
-</html>
--- a/get_sess2.html
+++ b/get_sess2.html
@ -0,0 +1,158 @@
+<!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>通过PandoraNext来获取Sensitive Id</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
+      src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.3/axios.min.js"
+      integrity="sha512-JWQFV6OCC2o2x8x46YrEeFEQtzoNV++r9im8O8stv91YwHNykzIS2TbvAlFdeH0GVlpnyd79W0ZGmffcRi++Bw=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    ></script>
+
+    <script>
+      mdui.setColorScheme("#0d2d44");
+    </script>
+  </head>
+
+  <body>
+    <style>
+      th,
+      td {
+        cursor: pointer; /* 添加鼠标指针样式 */
+        white-space: normal; /* 设置为normal使内容自动换行 */
+        word-wrap: break-word; /* 设置为break-word以确保长单词/链接被截断换行 */
+        max-width: 300px;
+      }
+      /* 复制按钮样式 */
+      .copy-button {
+        height: 36px;
+        cursor: pointer;
+        background-color: #4caf50;
+        color: white;
+        padding: 8px;
+        border: none;
+        border-radius: 4px;
+        margin: 8px 0;
+        margin-top: 20px;
+        margin-left: 20px;
+      }
+    </style>
+    <mdui-layout>
+      <mdui-layout-main>
+        <div class="mdui-main-container">
+          <div style="display: flex">
+            <h2 style="flex: 1">查询结果</h2>
+            <button class="copy-button" onclick="copySess()">复制sess</button>
+            <button class="copy-button" onclick="copyTable()">
+              复制全部内容
+            </button>
+          </div>
+          <div class="mdui-table">
+            <table id="result-table">
+              <thead>
+                <tr>
+                  <th>序号</th>
+                  <th>邮箱账户</th>
+                  <th>手机号</th>
+                  <th>Sensitive ID</th>
+                  <th>Refresh Token</th>
+                  <th>Access Token</th>
+                  <th>Sensitive ID创建时间</th>
+                </tr>
+              </thead>
+              <tbody id="result-tbody" style="max-width: 100%">
+                <!-- 表格内容 -->
+              </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"
+          >通过PandoraNext来获取Sensitive Id</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="请输入账号密码，格式为'账号|密码|MFA验证码'，多个请换行"
+            label="username|password|MFA"
+            rows="6"
+          ></mdui-text-field>
+
+          <mdui-text-field
+            type="text"
+            id="custom-url-input"
+            placeholder="输入PandoraNext的API地址和前缀"
+          ></mdui-text-field>
+
+          <div style="height: 2rem"></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/1266.html"
+              target="_blank"
+              >手动获取Sensitive Id的方法</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/getsess2.js"></script>
+  </body>
+</html>
--- a/index.html
+++ b/index.html
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html class="mdui-theme-light" lang="zh-cmn-Hans">

 <head>
  <meta charset="UTF-8" />
@ -7,105 +7,34 @@
  <title>OpenAI API 信息查询</title>
  <meta name="description" content="批量快速查询OPENAI的余额，支持可视化展现已用比例、额度、已用量、未用量、是否GPT-4、是否GPT4-32K、是否绑卡、绑卡信息、组织信息、是否有效">
  <link rel="stylesheet" href="./static/css-1.css" type="text/css" />
-  <script src="https://cdn.tailwindcss.com"></script>
-  <link href="https://cdn.jsdelivr.net/npm/daisyui@3.6.4/dist/full.css" rel="stylesheet" type="text/css" />
-  <style>
+  <link rel="stylesheet" href="./static/mdui/mdui.css">
+  <script src="./static/mdui/mdui.global.js"></script>

-  </style>
+  <script>mdui.setColorScheme('#0d2d44');</script>
 </head>

-<body class="bg-gray-900 text-white">
-  <div class="container w-full">
-    <div class="sidebar bg-gray-800 bg-opacity-60 p-8 relative">
-      <header>
-        <h1 class="text-2xl font-semibold mb-8 text-gradient">OpenAI API 信息查询</h1>
-        <p class="mt-3 text-sm">页面列表：</p>
-        <a href="index.html" class="badge badge-accent">查API信息</a><br>
-        <a href="get_sess1.html" class="badge badge-accent">通过access token获取sess</a><br>
-        <a href="https://woodchen.ink/1266.html" class="badge badge-accent" target="_blank">手动获取sess的方法</a>
-      </header>
-
-      <div class="query mt-8">
-        <div class=" items-center mb-4">
-          <h2>输入 API KEY</h2>
-          <p class="text-xs text-gray-400">本站不保存 KEY 信息，查询后请自行保存</p>
-        </div>
-        <textarea id="api-key-input"
-          class="w-full bg-gray-700 border border-gray-500 rounded px-3 py-2 placeholder-gray-500 placeholder-opacity-50 textarea-xs"
-          placeholder="请输入 API-KEY或sessID，多个可直接粘贴"></textarea>
-
-        <div class=" items-center mt-4">
-          <h2>选择查询线路</h2>
-          <p class="text-xs text-gray-400">支持自定义线路，官网线路需要魔法</p>
-        </div>
-        <select id="api-url-select"
-          class="w-full bg-gray-700 border border-gray-500 rounded px-3 py-2 mt-2 text-gray-400"
-          onchange="toggleCustomUrlInput()">
-          <option value="https://api.openai.com">【官网线路】api.openai.com</option>
-          <option value="https://oapi.czl.net">【CZLoapi线路】oapi.czl.net</option>
-          <option value="https://openai.996.lat">【群友提供公益CF反代,勿测重要key】openai.996.lat</option>
-          <option value="custom">【已前置https】自定义 ...</option>
-        </select>
-
-        <input type="text" id="custom-url-input" placeholder="输入自定义API，填域名即可，无需https://"
-          class="w-full bg-gray-700 border border-gray-500 rounded px-3 py-2 mt-2 text-gray-400 hidden" />
-      </div>
-
-      <div class="flex mt-4">
-        <div id="subinfo-toggle" class="form-control w-1/2">
-          <label class="label">
-            <span class="label-text text-warning">显示/隐藏 绑卡信息</span>
-          </label>
-          <input type="checkbox" class="toggle toggle-primary" onchange="toggleSubInfo()">
-        </div>
-
-        <div id="setid-toggle" class="form-control w-1/2">
-          <label class="label">
-            <span class="label-text text-warning">显示/隐藏 组织信息</span>
-          </label>
-          <input type="checkbox" class="toggle toggle-primary" onchange="toggleSetidInfo()">
-        </div>
-      </div>
-
-      <button id="query-button" class="mt-8 w-full bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
-        onclick="sendRequest()">
-        查询
-      </button>
-
-      <footer class="footer bg-gray-800 text-white absolute bottom-0  left-0  ">
-        <div class="alert">
-          <p>广告链接：
-            <a href="https://chat.czl.net" target="_blank" class="text-accent">CZLChat</a> <a
-              href="https://oapi.czl.net" target="_blank" class="text-accent">CZLOapi</a>
-            <a href="https://store0.czl.net" target="_blank" class="text-accent">CZL Store</a>
-            <br> 本网页由<a href="https://woodchen.ink" target="_blank" class="text-accent">woodchen</a>开源于<a
-              href="https://github.com/woodchen-ink/openai-billing-query" target="_blank"
-              class="text-accent">Github</a>,欢迎给个star
-          </p>
-        </div>
-      </footer>
-    </div>
-
-    <div class="content pl-6">
-      <h2 class="textarea-lg">查询结果</h2>
-      <div class="overflow-x-auto">
-        <div class="overflow-y-hidden">
-          <table id="result-table" class="table table-xs bg-neutral-content/20 w-full">
-            <thead class="text-white">
+<body>
+  <mdui-layout>
+    <mdui-layout-main>
+      <div class="mdui-main-container">
+        <h2>查询结果</h2>
+        <div class="mdui-table">
+          <table id="result-table">
+            <thead>
              <tr>
-                <th class="w-1/12">序号</th>
-                <th class="w-2/12">API KEY</th>
-                <th class="w-1/12">总额度</th>
-                <th class="w-1/12">已使用</th>
-                <th class="w-1/12">剩余量</th>
-                <th class="w-1/12">已用比例</th>
-                <th class="w-1/12">到期时间</th>
-                <th class="w-1/12">模型</th>
-                <th class="w-1/12">绑卡</th>
-                <th class="w-1/12" id="subinfo-header">绑卡信息</th>
-                <th class="w-1/12" id="setid-header">组织信息</th>
-                <th class="w-2/12">速率</th>
-                <th class="w-1/12">是否有效</th>
+                <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>
@ -113,10 +42,70 @@
            </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>
--- a/refresh_see.html
+++ b/refresh_see.html
@ -0,0 +1,167 @@
+<!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>刷新Platform相关信息刷新sess</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>
+    <style>
+      th,
+      td {
+        cursor: pointer; /* 添加鼠标指针样式 */
+        white-space: normal; /* 设置为normal使内容自动换行 */
+        word-wrap: break-word; /* 设置为break-word以确保长单词/链接被截断换行 */
+        max-width: 300px;
+      }
+      /* 复制按钮样式 */
+      .copy-button {
+        height: 36px;
+        cursor: pointer;
+        background-color: #4caf50;
+        color: white;
+        padding: 8px;
+        border: none;
+        border-radius: 4px;
+        margin: 8px 0;
+        margin-top: 20px;
+        margin-left: 20px;
+      }
+    </style>
+    <mdui-layout>
+      <mdui-layout-main>
+        <div class="mdui-main-container">
+          <div style="display: flex">
+            <h2 style="flex: 1">查询结果</h2>
+            <button class="copy-button" onclick="copySess()">复制sess</button>
+            <button class="copy-button" onclick="copyTable()">
+              复制全部内容
+            </button>
+          </div>
+          <div class="mdui-table">
+            <table id="result-table">
+              <thead>
+                <tr>
+                  <th>序号</th>
+                  <th>邮箱账户</th>
+                  <th>手机号</th>
+                  <th>Sensitive ID</th>
+                  <th>Refresh Token</th>
+                  <th>Access Token</th>
+                  <th>Sensitive ID创建时间</th>
+                </tr>
+              </thead>
+              <tbody id="result-tbody" style="max-width: 100%">
+                <!-- 表格内容 -->
+              </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"
+          >刷新Platform相关信息刷新sess</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="请输入 refresh_token，多个请回车换行"
+            label="refresh_token"
+            rows="6"
+          ></mdui-text-field>
+
+          <mdui-select
+            id="api-url-select"
+            icon="airline_stops"
+            label="查询线路"
+            value="https://ai.fakeopen.com"
+            onchange="toggleCustomUrlInput()"
+          >
+            <mdui-menu-item value="https://ai.fakeopen.com"
+              >[FkopenAi]ai.fakeopen.com</mdui-menu-item
+            >
+            <mdui-menu-item value="custom">[已前置https]自定义PandoraNext API</mdui-menu-item>
+          </mdui-select>
+
+          <mdui-text-field
+            type="text"
+            id="custom-url-input"
+            placeholder="请输入PandoraNext的API地址和前缀"
+            label="PandoraNext API地址和前缀"
+            class="hidden"
+          ></mdui-text-field>
+
+          <div style="height: 2rem"></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/1266.html"
+              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/refresh_see.js"></script>
+  </body>
+</html>
--- a/static/css-1.css
+++ b/static/css-1.css
--- a/static/css.css
+++ b/static/css.css
@ -8,7 +8,7 @@
 }

 body {
-    background: url('https://cdn-img.czl.net/2023/05/23/pjbczr.webp') no-repeat center center fixed;
+    background: url('https://random-api.czl.net/pic/ecy') no-repeat center center fixed;
    /* 自定义背景图 */
    background-size: cover;
    width: 90%;
@ -19,7 +19,7 @@ body {
    padding-right: 2rem;
    color: var(--body-color);
    /* background: var(--body-bg); */
-    font-family: system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
+    font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
    line-height: 1.5;
    -webkit-tap-highlight-color: rgb(252, 247, 247);
    text-rendering: optimizelegibility;
@ -356,13 +356,15 @@ button.loading::before {
    /* 在小于768px的屏幕上生效的样式 */

    /* 可以减小字体和表格单元格的大小，使其适应小屏设备 */
-    #result-table th, #result-table td {
+    #result-table th,
+    #result-table td {
        font-size: 8px;
        padding: 5px 3px;
    }

    /* 可以隐藏一些不是非常重要的列，以便更有效地利用屏幕空间 */
-    #result-table th:nth-child(n+12), #result-table td:nth-child(n+12) {
+    #result-table th:nth-child(n+12),
+    #result-table td:nth-child(n+12) {
        display: none;
    }
 }
@ -388,7 +390,7 @@ button.loading::before {
    width: 100%;
    height: 100%;
    overflow: auto;
-    background-color: rgba(0,0,0,0.5);
+    background-color: rgba(0, 0, 0, 0.5);
 }

 .modal-content {
@ -404,11 +406,13 @@ button.loading::before {
    border-radius: 12px;
    white-space: pre-wrap;
 }
-.modal h2{
-    margin:8px;
+
+.modal h2 {
+    margin: 8px;
 }
-.modal p{
-    margin-block-start:0;
+
+.modal p {
+    margin-block-start: 0;
    margin-block-end: 0;
 }

@ -417,7 +421,7 @@ button.loading::before {
    font-size: 28px;
    font-weight: bold;
    align-self: flex-end;
-    margin:8px;  
+    margin: 8px;
 }

 .close:hover,
@ -444,10 +448,6 @@ button.loading::before {
    align-items: flex-start;
 }

-#modalText{
+#modalText {
    margin: 0;
 }
-
-
-
-
--- a/static/getsess.js
+++ b/static/getsess.js
@ -0,0 +1,224 @@
+let queriedApiKeys = [];
+let serialNumber = 1;
+
+function toggleCustomUrlInput() {
+    // 获取id为"api-url-select"的元素
+    const selectElement = document.getElementById("api-url-select");
+    // 获取id为"custom-url-input"的元素
+    const customUrlInput = document.getElementById("custom-url-input");
+
+    // 如果selectElement的值为"custom"
+    if (selectElement.value === "custom") {
+        // 从customUrlInput的classList中移除"hidden"
+        customUrlInput.classList.remove("hidden");
+    } else {
+        // 给customUrlInput的classList添加"hidden"
+        customUrlInput.classList.add("hidden");
+    }
+}
+
+async function checkBilling(apiKey, apiUrl) {
+    const headers = {
+        "Authorization": "Bearer " + apiKey,
+        "Content-Type": "application/json"
+    };
+    const urlGetsess = `${apiUrl}/dashboard/onboarding/login`;
+
+    try {
+        const response = await fetch(urlGetsess, {
+            method: "POST", // 设置请求方法为 POST
+            headers: headers,
+            body: JSON.stringify({}) // 此处放置要发送的数据
+        });
+
+        const getsessdata = await response.json();
+        console.log(getsessdata);
+        if (getsessdata && getsessdata.user && getsessdata.user.session) {
+            return getsessdata;  // 直接返回整个getsessdata对象
+        } else {
+            console.error("Unexpected data structure: user or session property not found in the response.", getsessdata);
+            return null;
+        }
+    } catch (error) {
+        console.error(error);
+        return null;
+    }
+}
+
+//查询函数
+async function sendRequest() {
+
+    let apiKeyInput = document.getElementById("api-key-input");
+    let apiUrlSelect = document.getElementById("api-url-select");
+    let customUrlInput = document.getElementById("custom-url-input");
+    let table = document.getElementById("result-table");
+    let h2 = document.getElementById("result-head");
+
+    if (apiKeyInput.value.trim() === "") {
+        alert("请填写API KEY");
+        return;
+    }
+
+    document.getElementById("result-table").getElementsByTagName('tbody')[0].innerHTML = "";
+
+    let apiUrl = "";
+    if (apiUrlSelect.value === "custom") {
+        if (customUrlInput.value.trim() === "") {
+            mdui.alert({
+                headline: "无查询线路",
+                description: "请选择或自定义",
+                confirmText: "OK",
+            })
+            return;
+        } else {
+            apiUrl = customUrlInput.value.trim();
+
+            if (!apiUrl.startsWith("http://") && !apiUrl.startsWith("https://")) {
+                apiUrl = "https://" + apiUrl;
+            }
+
+            if (!apiUrl.startsWith("https://gateway.ai.cloudflare.com")) {
+                apiUrl += "/v1"; // 如果不是，则添加路径‘/v1’
+            }
+        }
+    } else {
+        apiUrl = apiUrlSelect.value;
+
+        if (apiUrlSelect.value === "https://gateway.ai.cloudflare.com/v1/feedd0aa8abd6875052d86a94f1baf83/test/openai") {
+            apiUrl = apiUrl.replace("/v1", ""); // 如果用户选择的选项是https://gateway.ai.cloudflare.com开头，则删除/v1
+        } else {
+            apiUrl += "/v1"; // 如果不是，则添加路径‘/v1’
+        }
+    }
+
+    let apiKeys = apiKeyInput.value.split(/[,\s，\n]+/);
+
+    if (apiKeys.length === 0) {
+        mdui.alert({
+            headline: "未匹配到 access_token",
+            description: "请检查输入内容",
+            confirmText: "OK",
+        })
+        return;
+    }
+
+    mdui.alert({
+        headline: "成功匹配到 access_token",
+        description: apiKeys,
+        confirmText: "OK",
+    });
+
+    showLoadingAnimation();
+
+    let tableBody = document.querySelector("#result-table tbody");
+    for (let i = 0; i < apiKeys.length; i++) {
+        let apiKey = apiKeys[i].trim();
+
+        let data = await checkBilling(apiKey, apiUrl); // 获取 checkBilling 的结果
+
+        let row = document.createElement("tr");
+
+        let serialNumberCell = document.createElement("td");
+        serialNumberCell.textContent = serialNumber;
+        row.appendChild(serialNumberCell);
+
+        let apiKeyCell = document.createElement("td");
+        apiKeyCell.textContent = apiKey.replace(/^(.{10}).*(.{8})$/, "$1***$2");
+        row.appendChild(apiKeyCell);
+
+        if (data.user && data.user.session) {
+            let user = data.user;
+            let session = user.session;
+            let ip_country = data.ip_country;
+
+            let orgId = user.orgs.data[0].id;
+
+            let properties = ['id', 'email', 'name', 'phone_number', 'created', 'sensitive_id', 'session_created', orgId, 'ip_country'];
+            properties.forEach(prop => {
+                let cell = document.createElement("td");
+                if (prop === 'created' || prop === 'session_created') {
+                    let timestamp = prop === 'created' ? user[prop] : session['created'];
+                    cell.textContent = new Date(timestamp * 1000).toLocaleString();
+                } else if (prop === 'sensitive_id') {
+                    cell.textContent = session[prop]; // 获取 session 对象中的 sensitive_id
+                } else if (prop === orgId) {
+                    cell.textContent = orgId; // 直接使用 orgId 变量
+                } else if (prop === 'ip_country') {
+                    cell.textContent = ip_country ? ip_country : 'N/A'; // 改为使用 ip_country 变量
+                } else {
+                    cell.textContent = user[prop];
+                }
+                row.appendChild(cell);
+            });
+
+        } else {
+            // 接口返回的数据结构不符合预期
+            console.error("Unexpected data structure: data[0] or data.user is undefined.");
+            let errorMessageCell = document.createElement("td");
+            errorMessageCell.colSpan = "8";
+            errorMessageCell.classList.add("status-error");
+            errorMessageCell.textContent = "不正确或已失效的API-KEY";
+            row.appendChild(errorMessageCell);
+        }
+
+        tableBody.appendChild(row);
+
+        if (i === apiKeys.length - 1) {
+            queriedApiKeys = [];
+        }
+        serialNumber++;
+    }
+    hideLoadingAnimation();
+}
+
+
+let apiUrlSelect = document.getElementById("api-url-select");
+let customUrlInput = document.getElementById("custom-url-input");
+
+apiUrlSelect.addEventListener("change", function () {
+    if (apiUrlSelect.value === "custom") {
+        customUrlInput.style.display = "inline-block";
+        customUrlInput.style.marginTop = "5px";
+    } else {
+        customUrlInput.style.display = "none";
+    }
+});
+
+
+function showLoadingAnimation() {
+    const button = document.getElementById("query-button");
+
+    // 创建一个新的 <mdui-linear-progress> 元素
+    const progressElement = document.createElement("mdui-linear-progress");
+    progressElement.id = "query-progress";
+
+    // 将新元素替代原始按钮元素
+    button.parentElement.replaceChild(progressElement, button);
+}
+
+function hideLoadingAnimation() {
+    const progressElement = document.querySelector("mdui-linear-progress");
+
+    if (progressElement) {
+        const button = document.createElement("mdui-button");
+        button.id = "query-button";
+        button.innerHTML = "查询";
+        button.setAttribute("full-width", "");
+        button.setAttribute("icon", "search");
+        button.setAttribute("onclick", "sendRequest()");
+
+        // 将原始按钮元素替代回来
+        progressElement.parentElement.replaceChild(button, progressElement);
+    }
+}
+
+let isOpen = true;
+
+toggleButton.addEventListener("click", () => {
+    isOpen = !isOpen;
+    if (isOpen) {
+        navigationDrawer.open = true;
+    } else {
+        navigationDrawer.open = false;
+    }
+});
--- a/static/getsess2.js
+++ b/static/getsess2.js
@ -0,0 +1,247 @@
+let serialNumber = 1;
+
+function checkBilling(apiKey, apiUrl) {
+  return new Promise(async (resolve, reject) => {
+    const headers = {
+      "Content-Type": "application/x-www-form-urlencoded",
+    };
+    const urlGetsess = `${apiUrl}/api/auth/platform/login`;
+    var urlencoded = new URLSearchParams();
+    for (var i in apiKey) {
+      urlencoded.append(i, apiKey[i]);
+    }
+
+    try {
+      const response = await axios.post(urlGetsess, urlencoded, {
+        headers: headers,
+        maxRedirects: 0,
+      });
+
+      const getsessdata = response.data;
+      if (getsessdata && getsessdata.login_info && getsessdata.token_info) {
+        resolve(getsessdata); // 返回getsessdata对象
+      } else {
+        reject(getsessdata);
+      }
+    } catch (error) {
+      reject(error);
+    }
+  });
+}
+
+
+//查询函数
+async function sendRequest() {
+  let apiKeyInput = document.getElementById("api-key-input");
+  let customUrlInput = document.getElementById("custom-url-input");
+
+  document
+    .getElementById("result-table")
+    .getElementsByTagName("tbody")[0].innerHTML = "";
+
+  let apiUrl = customUrlInput.value.trim();
+  if (apiUrl.endsWith('/')) {
+    apiUrl = apiUrl.slice(0, -1); // 去掉末尾的"/"
+  }
+  let userList = apiKeyInput.value.split(/[,\s，\n]+/);
+  if (!apiUrl) {
+    mdui.alert({
+      headline: "无查询线路",
+      description: "请输入PandoraNext Api的地址",
+      confirmText: "OK",
+    });
+    return;
+  } else if (!apiUrl.startsWith("http://") && !apiUrl.startsWith("https://")) {
+    apiUrl = "https://" + apiUrl;
+  }
+
+  if (userList.length === 0) {
+    mdui.alert({
+      headline: "请检查输入内容",
+      description: "请填写账户信息",
+      confirmText: "OK",
+    });
+    return;
+  }
+
+  let userData = [];
+  for (var i = 0; i < userList.length; i++) {
+    var userInfo = userList[i].split(/\|/);
+    if (userInfo.length > 3 || userInfo.length < 2) {
+      mdui.alert({
+        headline: "请检查输入内容",
+        description: "请按格式输入账户信息",
+        confirmText: "OK",
+      });
+      return;
+    }
+    userData.push({
+      username: userInfo[0],
+      password: userInfo[1],
+      mfa_code: userInfo[2] ? userInfo[2] : "",
+      prompt: "login",
+    });
+  }
+
+  showLoadingAnimation();
+
+  let tableBody = document.querySelector("#result-table tbody");
+  let properties = [
+    "email",
+    "phone_number",
+    "sensitive_id",
+    "refresh_token",
+    "access_token",
+    "created",
+  ];
+  for (let i = 0; i < userData.length; i++) {
+    let userInfo = userData[i];
+    let row = document.createElement("tr");
+    let serialNumberCell = document.createElement("td");
+    serialNumberCell.textContent = serialNumber;
+    row.appendChild(serialNumberCell);
+
+    try {
+      let data = await checkBilling(userInfo, apiUrl);
+      let user = data.login_info.user;
+      let session = user.session;
+      let token_info = data.token_info;
+      let cell = document.createElement("td");
+      let cellValue = '';
+      properties.forEach((prop) => {
+        console.log(prop);
+        let cell = document.createElement("td");
+        if (prop === "created") {
+          cellValue = new Date(session["created"] * 1000).toLocaleString();
+        } else if (prop === "sensitive_id") {
+          cellValue = session[prop]; // 获取 session 对象中的 sensitive_id
+          cell.onclick = function () {
+            copyCell(cell, `Sensitive ID复制成功`);
+          };
+        } else if (prop === "refresh_token" || prop === "access_token") {
+          cellValue = token_info[prop];
+          cell.onclick = function () {
+            copyCell(cell, `${prop === "refresh_token" ? 'Refresh Token' : 'Access Token'}复制成功`);
+          };
+        } else {
+          cellValue = user[prop] ? user[prop] : ''; // 确保在user[prop]为空时，cellValue被赋予空字符串
+        }
+      
+        cell.textContent = cellValue && cellValue.length > 50 ? cellValue.substring(0, 57) + "..." : cellValue; // 如果长度超过60，显示"..."
+        cell.innerHTML = `<span title="${cellValue}">${cell.textContent}</span>`; // 在悬停时显示全部内容
+        row.appendChild(cell);
+      });
+    } catch (error) {
+      let username = document.createElement("td");
+      username.textContent = userInfo.username;
+      row.appendChild(username);
+      let errorMessageCell = document.createElement("td");
+      errorMessageCell.colSpan = "8";
+      errorMessageCell.classList.add("status-error");
+      // 在这里检查错误信息是否为 "error request login url"
+      if (error === 'error request login url') {
+        errorMessageCell.textContent = '请求错误，请稍后重试';
+      } else {
+        errorMessageCell.textContent = error && error.detail ? error.detail : error;
+      }
+      row.appendChild(errorMessageCell);
+    }
+
+    tableBody.appendChild(row);
+    serialNumber++;
+  }
+  hideLoadingAnimation();
+}
+
+function copyCell(cell, message) {
+  // 创建一个新的textarea元素
+  var textarea = document.createElement("textarea");
+  // 设置textarea的值为单元格的文本内容
+  textarea.value = cell.innerText;
+  // 将textarea元素添加到body中
+  document.body.appendChild(textarea);
+  // 选择textarea的文本内容
+  textarea.select();
+  // 执行复制命令
+  document.execCommand("copy");
+  // 移除textarea元素
+  document.body.removeChild(textarea);
+  mdui.alert({
+    headline: "提示",
+    description: message,
+    confirmText: "OK",
+  });
+}
+
+function copyTable() {
+  // 这个函数可以保留，以便你仍然可以复制整个表格内容
+  var tableBody = document.getElementById("result-tbody");
+  var textarea = document.createElement("textarea");
+  textarea.value = tableBody.innerText;
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("copy");
+  document.body.removeChild(textarea);
+  mdui.alert({
+    headline: "提示",
+    description: "复制成功",
+    confirmText: "OK",
+  });
+}
+
+function copySess() {
+  var sensitiveCells = document.querySelectorAll("tbody td:nth-child(4) span"); // 选择所有的Sensitive ID单元格
+  var sensitiveIds = Array.from(sensitiveCells).map((cell) => cell.title); // 从单元格中获取所有的Sensitive ID
+  var textarea = document.createElement("textarea");
+  textarea.value = sensitiveIds.join("\n"); // 用换行符连接所有的Sensitive ID
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("copy");
+  document.body.removeChild(textarea);
+  mdui.alert({
+    headline: "提示",
+    description: "Sensitive ID复制成功",
+    confirmText: "OK",
+  });
+}
+
+function showLoadingAnimation() {
+  const button = document.getElementById("query-button");
+
+  // 创建一个新的 <mdui-linear-progress> 元素
+  const progressElement = document.createElement("mdui-linear-progress");
+  progressElement.id = "query-progress";
+
+  // 将新元素替代原始按钮元素
+  button.parentElement.replaceChild(progressElement, button);
+}
+
+function hideLoadingAnimation() {
+  const progressElement = document.querySelector("mdui-linear-progress");
+
+  if (progressElement) {
+    const button = document.createElement("mdui-button");
+    button.id = "query-button";
+    button.innerHTML = "查询";
+    button.setAttribute("full-width", "");
+    button.setAttribute("icon", "search");
+    button.setAttribute("onclick", "sendRequest()");
+
+    // 将原始按钮元素替代回来
+    progressElement.parentElement.replaceChild(button, progressElement);
+  }
+}
+
+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;
+  }
+});
--- a/static/js.js
+++ b/static/js.js
@ -1,5 +1,13 @@
+function toggleProgressBar() {
+    let progressBarHeader = document.getElementById("progressbar-header");
+    let progressBarCells = document.querySelectorAll("td.progressbar");
+    let toggle = document.querySelector("#progressbar-toggle mdui-checkbox");
+    let display = toggle.checked ? "" : "none";
+    progressBarHeader.style.display = display;
+    progressBarCells.forEach(function (cell) { cell.style.display = display; });
+}
 function toggleSubInfo() {
-    let toggle = document.querySelector("#subinfo-toggle input");
+    let toggle = document.querySelector("#subinfo-toggle mdui-checkbox");
    let display = toggle.checked ? "" : "none";

    let subInfoHeader = document.getElementById("subinfo-header");
@ -10,7 +18,7 @@ function toggleSubInfo() {
 }

 function toggleSetidInfo() {
-    let toggle = document.querySelector("#setid-toggle input");
+    let toggle = document.querySelector("#setid-toggle mdui-checkbox");
    let display = toggle.checked ? "" : "none";

    let setIdHeader = document.getElementById("setid-header");
@ -19,12 +27,44 @@ function toggleSetidInfo() {
    let setIdCells = document.querySelectorAll("td.setid");
    setIdCells.forEach(function (cell) { cell.style.display = display; });
 }
+toggleProgressBar();
 toggleSubInfo();
 toggleSetidInfo();

+
+// 线路选择框
+function toggleCustomUrlInput() {
+    // 获取id为"api-url-select"的元素
+    const selectElement = document.getElementById("api-url-select");
+    // 获取id为"custom-url-input"的元素
+    const customUrlInput = document.getElementById("custom-url-input");
+
+    // 如果selectElement的值为"custom"
+    if (selectElement.value === "custom") {
+        // 从customUrlInput的classList中移除"hidden"
+        customUrlInput.classList.remove("hidden");
+    } else {
+        // 给customUrlInput的classList添加"hidden"
+        customUrlInput.classList.add("hidden");
+    }
+}
+
 let queriedApiKeys = [];
 let serialNumber = 1;

+/**
+ * 格式化日期
+ * @param {Date} date - 需要格式化的日期对象
+ * @returns {string} - 格式化后的日期字符串（年-月-日）
+ */
+function formatDate(date) {
+    const year = date.getFullYear();
+    const month = (date.getMonth() + 1).toString().padStart(2, '0');
+    const day = date.getDate().toString().padStart(2, '0');
+
+    return `${year}-${month}-${day}`;
+}
+
 async function checkBilling(apiKey, apiUrl) {
    const now = new Date();
    let startDate = new Date(now - 90 * 24 * 60 * 60 * 1000);
@ -36,13 +76,13 @@ async function checkBilling(apiKey, apiUrl) {
        "Authorization": "Bearer " + apiKey,
        "Content-Type": "application/json"
    };
-    const modelsCheck = `${apiUrl}/v1/models`;
-    const urlSubscription = `${apiUrl}/v1/dashboard/billing/subscription`;
-    let urlUsage = `${apiUrl}/v1/dashboard/billing/usage?start_date=${formatDate(startDate)}&end_date=${formatDate(endDate)}`;
-    const urlsetid = apiUrl + '/v1/organizations';
-    const urlPaymentmethods = `${apiUrl}/v1/dashboard/billing/payment_methods`;
-    const urlRatelimits = `${apiUrl}/v1/dashboard/rate_limits`;
-    const urlAdvanceData = apiUrl + '/dashboard/billing/credit_grants'; // 预付费查询接口
+    const modelsCheck = `${apiUrl}/models`;
+    const urlSubscription = `${apiUrl}/dashboard/billing/subscription`;
+    let urlUsage = `${apiUrl}/dashboard/billing/usage?start_date=${formatDate(startDate)}&end_date=${formatDate(endDate)}`;
+    const urlsetid = apiUrl + '/organizations';
+    const urlPaymentmethods = `${apiUrl}/dashboard/billing/payment_methods`;
+    const urlRatelimits = `${apiUrl}/dashboard/rate_limits`;
+    const urlAdvanceData = `${apiUrl}/dashboard/billing/credit_grants`; // 预付费查询接口

    try {
        let totalAmount, totalUsage, remaining, GPT35CheckResult, GPT4CheckResult, GPT432kCheckResult, setid, isSubscrible;
@ -56,30 +96,50 @@ async function checkBilling(apiKey, apiUrl) {
        const formattedDate = `${expiryDate.getFullYear()}-${(expiryDate.getMonth() + 1).toString().padStart(2, '0')}-${expiryDate.getDate().toString().padStart(2, '0')}`;

        try {
+            // 将订阅数据中的硬限制金额赋值给totalAmount变量
            totalAmount = subscriptionData.hard_limit_usd;

-
+            // 通过fetch函数获取advanceData数据，传入urlAdvanceData和headers参数
            const advanceDataResponse = await fetch(urlAdvanceData, { headers });
+            // 将响应解析为json格式
            const advanceData = await advanceDataResponse.json();
+
+            // 如果订阅数据的计费机制为'advance'，或者总金额小于等于6并且订阅数据中没有信用卡信息
            if ((subscriptionData.billing_mechanism === 'advance') || (totalAmount <= 6 && !subscriptionData.has_credit_card)) {
+                // 将advanceData中的total_granted属性值赋值给totalAmount变量
                totalAmount = advanceData.total_granted;
            }

-
+        } catch (error) {
+            // 捕获错误并打印到控制台
+            console.error(error);
+        }
+        try {
+            // 如果总金额大于6
            if (totalAmount > 6) {
+                // 设置开始日期为子日期
                startDate = subDate;
-                urlUsage = `${apiUrl}/v1/dashboard/billing/usage?start_date=${formatDate(startDate)}&end_date=${formatDate(endDate)}`;
+                // 构建请求使用数据的URL
+                urlUsage = `${apiUrl}/dashboard/billing/usage?start_date=${formatDate(startDate)}&end_date=${formatDate(endDate)}`;
+                // 发送请求获取使用数据的响应
                response = await fetch(urlUsage, { headers });
+                // 将响应解析为JSON格式的数据
                const usageData = await response.json();
            }
+            // 发送请求获取使用数据的响应
            response = await fetch(urlUsage, { headers });
+            // 将响应解析为JSON格式的数据
            const usageData = await response.json();
+
+            // 计算总使用量并除以100
            totalUsage = usageData.total_usage / 100;
+            // 计算剩余金额并保留3位小数
            remaining = (totalAmount - totalUsage).toFixed(3);

        } catch (error) {
+            // 输出错误信息
            console.error(error);
-            errors['subscription'] = error.message;
+
        }

        //获取是否绑卡
@ -106,14 +166,13 @@ async function checkBilling(apiKey, apiUrl) {
        }
        //获取绑卡信息
        try {
-            // 从 subscriptionData 中获取 SubscribleInformation 的值...
            SubscribleInformation.account_name = subscriptionData.account_name;
            SubscribleInformation.po_number = subscriptionData.po_number;
            SubscribleInformation.billing_email = subscriptionData.billing_email;
            SubscribleInformation.tax_ids = subscriptionData.tax_ids;

-            let billingAddress = subscriptionData.billing_address; // 定义并赋值 billingAddress
-            let businessAddress = subscriptionData.business_address; // 定义并赋值 businessAddress
+            let billingAddress = subscriptionData.billing_address;
+            let businessAddress = subscriptionData.business_address;

            SubInformation = "名称: " + SubscribleInformation.account_name + "\n";
            SubInformation += "PO号: " + SubscribleInformation.po_number + "\n";
@ -122,7 +181,7 @@ async function checkBilling(apiKey, apiUrl) {
            //使用 JavaScript 的可选链式调用来确定是否为null，避免异常控制台报错
            SubInformation += "账单地址: " + (billingAddress?.line1 ? billingAddress.line1 : '') + ", " + (billingAddress?.city ? billingAddress.city : '') + ", " + (billingAddress?.state ? billingAddress.state : '') + ", " + (billingAddress?.country ? billingAddress.country : '') + ", " + (billingAddress?.postal_code ? billingAddress.postal_code : '') + "\n";
            SubInformation += "商业地址: " + (businessAddress?.line1 ? businessAddress.line1 : '') + ", " + (businessAddress?.city ? businessAddress.city : '') + ", " + (businessAddress?.state ? businessAddress.state : '') + ", " + (businessAddress?.country ? businessAddress.country : '') + ", " + (businessAddress?.postal_code ? businessAddress.postal_code : '\n');
-            // 获取付款方法信息
+
            response = await fetch(urlPaymentmethods, { headers });
            const paymentMethodsData = await response.json();

@ -207,29 +266,35 @@ async function checkBilling(apiKey, apiUrl) {
            GPT432kCheckResult = Array.isArray(modelsCheckData.data) && modelsCheckData.data.some(item => item.id.includes('gpt-4-32k')) ? '✅' : '❌';
        } catch (error) {
            console.error(error);
-            errors['modelsCheck'] = error.message;
        }
+
+        // 发起请求查有效
        async function checkCompletion(apiKey, apiUrl) {
-            const urlCompletion = `${apiUrl}/v1/chat/completions`;
+            // 设置请求的url
+            const urlCompletion = `${apiUrl}/chat/completions`;
+            // 设置请求头
            const headers = {
                "Authorization": "Bearer " + apiKey,
                "Content-Type": "application/json"
            };
+            // 设置请求体
            const postBody = JSON.stringify({
                "model": "gpt-3.5-turbo",
                "messages": [{
                    "role": "user",
-                    "content": "Hello"
+                    "content": "hi"
                }],
-                "max_tokens": 5
+                "max_tokens": 1
            });

+            // 发起请求
            let response = await fetch(urlCompletion, {
                method: 'POST',
                headers: headers,
                body: postBody
            });

+            // 获取响应数据
            let data = await response.json();
            // 判断请求是否成功
            if (response.status === 200) {
@ -247,17 +312,11 @@ async function checkBilling(apiKey, apiUrl) {
    }
 }

-function formatDate(date) {
-    const year = date.getFullYear();
-    const month = (date.getMonth() + 1).toString().padStart(2, '0');
-    const day = date.getDate().toString().padStart(2, '0');

-    return `${year}-${month}-${day}`;
-}

 //查询函数
 function sendRequest() {
-    showLoadingAnimation();
+    toggleProgressBar();
    toggleSubInfo();
    toggleSetidInfo();

@ -268,35 +327,84 @@ function sendRequest() {
    table.style.visibility = "visible";

    if (apiKeyInput.value.trim() === "") {
-        alert("请填写API KEY");
+        mdui.alert({
+            headline: "未匹配到 API-KEY",
+            description: "请检查输入内容",
+            confirmText: "OK",
+        })
        return;
    }

    document.getElementById("result-table").getElementsByTagName('tbody')[0].innerHTML = "";

    let apiUrl = "";
+    // 判断用户选择的API URL选项
    if (apiUrlSelect.value === "custom") {
        if (customUrlInput.value.trim() === "") {
-            alert("请设置API链接");
+            mdui.alert({
+                headline: "无查询线路",
+                description: "请选择或自定义",
+                confirmText: "OK",
+            })
            return;
        } else {
            apiUrl = customUrlInput.value.trim();
+
            if (!apiUrl.startsWith("http://") && !apiUrl.startsWith("https://")) {
                apiUrl = "https://" + apiUrl;
            }
+
+            if (!apiUrl.startsWith("https://gateway.ai.cloudflare.com")) {
+                apiUrl += "/v1"; // 如果不是，则添加路径‘/v1’
+            }
        }
    } else {
        apiUrl = apiUrlSelect.value;
+
+        if (apiUrlSelect.value === "https://gateway.ai.cloudflare.com/v1/feedd0aa8abd6875052d86a94f1baf83/test/openai") {
+            apiUrl = apiUrl.replace("/v1", ""); // 如果用户选择的选项是https://gateway.ai.cloudflare.com开头，则删除/v1
+        } else {
+            apiUrl += "/v1"; // 如果不是，则添加路径‘/v1’
+        }
    }

-    let apiKeys = apiKeyInput.value.split(/[,\s，\n]+/);

-    if (apiKeys.length === 0) {
-        alert("未匹配到 API-KEY，请检查输入内容");
-        return;
+
+    let apiKeys = parseKeys(apiKeyInput.value);
+
+    mdui.alert({
+        headline: "成功匹配到 API Key",
+        description: apiKeys,
+        confirmText: "OK",
+    });
+
+
+
+    showLoadingAnimation();
+
+    function parseKeys(input) {
+        let lines = input.split(/\n/);
+        let result = [];
+        for (let line of lines) {
+            let sessKeyMatch = line.match(/sess-[^-]+/);
+            let skKeyMatch = line.match(/sk-[^-]+/);
+
+            if (sessKeyMatch !== null && skKeyMatch !== null) {
+                result.push(sessKeyMatch[0]);
+            }
+            else if (skKeyMatch !== null) {
+                result.push(skKeyMatch[0]);
+            }
+            else if (sessKeyMatch !== null) {
+                result.push(sessKeyMatch[0]);
+            }else {
+                // 如果没有匹配到任何内容，保留原始行
+                result.push(line);
+            }
+        }
+        return result;
    }

-    alert("成功匹配到 API Key，确认后开始查询：" + apiKeys);

    let lastQueryPromise = null;

@ -305,7 +413,11 @@ function sendRequest() {
        let apiKey = apiKeys[i].trim();

        if (queriedApiKeys.includes(apiKey)) {
-            console.log(`API KEY ${apiKey} 已查询过，跳过此次查询`);
+            mdui.alert({
+                headline: "重复提示",
+                description: `API KEY ${apiKey} 已查询过，跳过此次查询`,
+                confirmText: "OK"
+            })
            continue;
        }
        queriedApiKeys.push(apiKey);
@ -319,12 +431,11 @@ function sendRequest() {
                }
            }
            )
-
            let row = document.createElement("tr");

            let serialNumberCell = document.createElement("td"); // 创建序列号单元格
-            serialNumberCell.textContent = serialNumber; // 设置序列号文本
-            row.appendChild(serialNumberCell); // 将序列号单元格添加到行中
+            serialNumberCell.textContent = serialNumber;
+            row.appendChild(serialNumberCell);

            let apiKeyCell = document.createElement("td");
            apiKeyCell.textContent = apiKey.replace(/^(.{5}).*(.{4})$/, "$1***$2");
@ -332,29 +443,30 @@ function sendRequest() {

            console.log('查看查询结果', data); // 添加 console.log 以查看 data 的值

-            if (data[0] === undefined) {
-                let errorMessageCell = document.createElement("td");
-                errorMessageCell.colSpan = "8";
-                errorMessageCell.classList.add("status-error");
-                errorMessageCell.textContent = "不正确或已失效的API-KEY";
-                row.appendChild(errorMessageCell);
-            } else {
            let totalAmount = document.createElement("td");
-                totalAmount.textContent = data[0];
+            totalAmount.textContent = typeof data[0] === "number" ? data[0] : "无值";
            row.appendChild(totalAmount);

            let totalUsedCell = document.createElement("td");
-                if (!isNaN(data[1])) {
-                    totalUsedCell.textContent = data[1];
+            typeof data[1] === "number" ? data[1].toFixed(3) : '无值';
+            if (isNaN(data[1])) {
+                totalUsedCell.textContent = "无值";
            } else {
-                    totalUsedCell.textContent = '❌'
+                totalUsedCell.textContent = data[1].toFixed(3);
            }
            row.appendChild(totalUsedCell);

            let totalAvailableCell = document.createElement("td");
-                totalAvailableCell.textContent = typeof data[2] === 'number' ? data[2] : data[2];
+            if (isNaN(data[2])) {
+                totalAvailableCell.textContent = "无值";
+            } else {
+                totalAvailableCell.textContent = data[2];
+            }
            row.appendChild(totalAvailableCell);
+
+            // 进度条
            let progressCell = document.createElement("td");
+            progressCell.classList.add("progressbar");
            let progressContainer = document.createElement("div"); // 添加一个新的容器元素
            progressContainer.style.width = "100%";
            progressContainer.style.height = "20px";
@ -371,25 +483,18 @@ function sendRequest() {
            progressContainer.appendChild(progressBar); // 将进度条添加到容器中
            progressCell.appendChild(progressContainer); // 将容器添加到单元格中
            row.appendChild(progressCell);
-
-                function createSeeMoreLink(text) {
-                    let seeMoreLink = document.createElement("a");
-                    seeMoreLink.href = "#";
-                    seeMoreLink.textContent = '全部';
-                    seeMoreLink.style.cursor = "pointer";
-                    seeMoreLink.style.textDecoration = "underline";
-                    seeMoreLink.onclick = (event) => {
-                        event.preventDefault();
-                        document.getElementById('modalText').textContent = text;
-                        document.getElementById('myModal').style.display = "block";
-                    };
-                    return seeMoreLink;
-                }
-
+            progressCell.style.display = document.querySelector("#progressbar-toggle mdui-checkbox").checked ? "" : "none";


+            // 到期时间
            let expireTime = document.createElement("td");
+            if (data[3] === "1970-01-01") {
+                expireTime.textContent = "永久有效";
+            } else if (data[3] === "NaN-NaN-NaN") {
+                expireTime.textContent = "无值";
+            } else {
                expireTime.textContent = data[3];
+            }
            row.appendChild(expireTime);


@ -415,6 +520,12 @@ function sendRequest() {
            let isSubscribe = document.createElement("td");
            isSubscribe.style.whiteSpace = "pre"; // 添加这一行来保留换行
            isSubscribe.textContent = data[7];
+            if (data[7] === "Not Found.") {
+                isSubscribe.textContent = "无值";
+            } else {
+                isSubscribe.textContent = data[7];
+            }
+
            row.appendChild(isSubscribe);

            let SubInformation = document.createElement("td");
@ -425,7 +536,7 @@ function sendRequest() {

            SubInformation.appendChild(SubInformationContainer);
            row.appendChild(SubInformation);
-                SubInformation.style.display = document.querySelector("#subinfo-toggle input").checked ? "" : "none";
+            SubInformation.style.display = document.querySelector("#subinfo-toggle mdui-checkbox").checked ? "" : "none";


            let setidCell = document.createElement("td");
@ -435,7 +546,7 @@ function sendRequest() {
            setidCellContainer.textContent = data[9];
            setidCell.appendChild(setidCellContainer);
            row.appendChild(setidCell);
-                setidCell.style.display = document.querySelector("#setid-toggle input").checked ? "" : "none";
+            setidCell.style.display = document.querySelector("#setid-toggle mdui-checkbox").checked ? "" : "none";


            let rateLimitsDataCell = document.createElement("td");
@ -457,7 +568,7 @@ function sendRequest() {
                        } else if (model === 'gpt-4-32k') {
                            modelName = 'gpt4-32K';
                        }
-                            rateLimitsText += `${modelName}: ${rateLimitsData[model].max_requests_per_1_minute}, ${rateLimitsData[model].max_tokens_per_1_minute}\n`;
+                        rateLimitsText += `${modelName}: ${rateLimitsData[model].max_requests_per_1_minute}, ${rateLimitsData[model].max_tokens_per_1_minute}-${rateLimitsData[model].max_requests_per_1_day}\n`;
                    } else {
                        rateLimitsText += model + ": ❌\n";
                    }
@ -475,18 +586,15 @@ function sendRequest() {
            row.appendChild(completionCheckResultCell);


-            }
+
            tableBody.appendChild(row);

            if (i === apiKeys.length - 1) {
                queriedApiKeys = [];
            }
            serialNumber++; // 增加序列号
-            // h2.style.display = 'block';
            table.style.display = 'table';

-            hideLoadingAnimation();
-
        })
        lastQueryPromise = checkBilling(apiKey, apiUrl).then((data) => {
            // 查询完成后的代码...
@ -503,33 +611,45 @@ function sendRequest() {
 }


-function toggleCustomUrlInput() {
-    const selectElement = document.getElementById("api-url-select");
-    const customUrlInput = document.getElementById("custom-url-input");
-
-    if (selectElement.value === "custom") {
-        customUrlInput.classList.remove("hidden");
-    } else {
-        customUrlInput.classList.add("hidden");
-    }
-}
-
 function showLoadingAnimation() {
    const button = document.getElementById("query-button");
-    button.disabled = true;
-    button.innerHTML = `
-      <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white inline-block" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
-        </path>
-      </svg>
-      加载中...
-    `;
+
+    // 创建一个新的 <mdui-linear-progress> 元素
+    const progressElement = document.createElement("mdui-linear-progress");
+    progressElement.id = "query-progress";
+
+    // 将新元素替代原始按钮元素
+    button.parentElement.replaceChild(progressElement, button);
 }

 function hideLoadingAnimation() {
-    const button = document.getElementById("query-button");
-    button.disabled = false;
+    const progressElement = document.querySelector("mdui-linear-progress");
+
+    if (progressElement) {
+        const button = document.createElement("mdui-button");
+        button.id = "query-button";
        button.innerHTML = "查询";
+        button.setAttribute("full-width", "");
+        button.setAttribute("icon", "search");
+        button.setAttribute("onclick", "sendRequest()");
+
+        // 将原始按钮元素替代回来
+        progressElement.parentElement.replaceChild(button, progressElement);
+    }
 }

+
+
+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;
+    }
+});
--- a/static/mdui/mdui.css
+++ b/static/mdui/mdui.css
--- a/static/mdui/mdui.global.js
+++ b/static/mdui/mdui.global.js
--- a/static/refresh_see.js
+++ b/static/refresh_see.js
@ -0,0 +1,279 @@
+let serialNumber = 1;
+
+// 线路选择框
+function toggleCustomUrlInput() {
+  // 获取id为"api-url-select"的元素
+  const selectElement = document.getElementById("api-url-select");
+  // 获取id为"custom-url-input"的元素
+  const customUrlInput = document.getElementById("custom-url-input");
+
+  // 如果selectElement的值为"custom"
+  if (selectElement.value === "custom") {
+    // 从customUrlInput的classList中移除"hidden"
+    customUrlInput.classList.remove("hidden");
+  } else {
+    // 给customUrlInput的classList添加"hidden"
+    customUrlInput.classList.add("hidden");
+  }
+}
+
+function checkBilling(apiKey, apiUrl) {
+  return new Promise(async (resolve, reject) => {
+    try {
+      // 拼接url
+      var tokenUrl = `${apiUrl}`;
+      var loginUrl = `${apiUrl}/v1/dashboard/onboarding/login`;
+      // 使用"/auth/platform/refresh"，潘多拉则需要加上/api
+      if (!apiUrl.startsWith("https://ai.fakeopen.com")) {
+        tokenUrl += "/api";
+      }
+      tokenUrl += "/auth/platform/refresh";
+
+      var urlencoded = new URLSearchParams();
+      urlencoded.append("refresh_token", apiKey);
+
+      let response = await fetch(tokenUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded",
+        },
+        body: urlencoded,
+        redirect: "follow",
+      });
+      const rdata = await response.json();
+      if (rdata && rdata.access_token && rdata.refresh_token) {
+        // 查询sess
+        const get_sess = await fetch(loginUrl, {
+          method: "POST", // 设置请求方法为 POST
+          headers: {
+            Authorization: "Bearer " + rdata.access_token,
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({}), // 此处放置要发送的数据
+        });
+        const getsessdata = await get_sess.json();
+        if (getsessdata && getsessdata.user && getsessdata.user.session) {
+          resolve({ token_info: rdata, ...getsessdata });
+        } else {
+          reject(getsessdata);
+        }
+      } else {
+        reject(rdata);
+      }
+    } catch (error) {
+      reject(error);
+    }
+  });
+}
+
+//查询函数
+async function sendRequest() {
+  let apiKeyInput = document.getElementById("api-key-input");
+  let apiUrlSelect = document.getElementById("api-url-select");
+  let customUrlInput = document.getElementById("custom-url-input");
+
+  document
+    .getElementById("result-table")
+    .getElementsByTagName("tbody")[0].innerHTML = "";
+  let apiUrl = apiUrlSelect.value;
+  if (apiUrlSelect.value === "custom") {
+    apiUrl = customUrlInput.value.trim();
+  }
+  if (!apiUrl) {
+    mdui.alert({
+      headline: "无查询线路",
+      description: "请选择或自定义配置查询Sess线路",
+      confirmText: "OK",
+    });
+    return;
+  } else {
+    if (!apiUrl.startsWith("http://") && !apiUrl.startsWith("https://")) {
+      apiUrl = "https://" + apiUrl;
+    }
+    if (apiUrl && apiUrl.endsWith("/")) {
+      apiUrl = apiUrl.slice(0, -1); // 去掉末尾的"/"
+    }
+  }
+
+  let tokenList = apiKeyInput.value.split(/[,\s，\n]+/);
+  if (!apiKeyInput.value || tokenList.length === 0) {
+    mdui.alert({
+      headline: "请输入Token",
+      description: "请检查输入refresh_token",
+      confirmText: "OK",
+    });
+    return;
+  }
+
+  showLoadingAnimation();
+
+  let tableBody = document.querySelector("#result-table tbody");
+
+  let properties = [
+    "email",
+    "phone_number",
+    "sensitive_id",
+    "refresh_token",
+    "access_token",
+    "created",
+  ];
+
+  for (let i = 0; i < tokenList.length; i++) {
+    let token = tokenList[i].trim();
+    if (token) {
+      let row = document.createElement("tr");
+      let serialNumberCell = document.createElement("td");
+      serialNumberCell.textContent = serialNumber;
+      row.appendChild(serialNumberCell);
+      try {
+        let data = await checkBilling(token, apiUrl);
+        let user = data.user;
+        let session = user.session;
+        let token_info = data.token_info;
+        properties.forEach((prop) => {
+          let cellValue = "";
+          let cell = document.createElement("td");
+          if (prop === "created") {
+            cellValue = new Date(session["created"] * 1000).toLocaleString();
+          } else if (prop === "sensitive_id") {
+            cellValue = session[prop]; // 获取 session 对象中的 sensitive_id
+            cell.onclick = function () {
+              copyCell(cell, `Sensitive ID复制成功`);
+            };
+          } else if (prop === "refresh_token" || prop === "access_token") {
+            cellValue = token_info[prop];
+            cell.onclick = function () {
+              copyCell(
+                cell,
+                `${
+                  prop === "refresh_token" ? "Refresh Token" : "Access Token"
+                }复制成功`
+              );
+            };
+          } else {
+            cellValue = user[prop] ? user[prop] : ""; // 确保在user[prop]为空时，cellValue被赋予空字符串
+          }
+
+          cell.textContent =
+            cellValue && cellValue.length > 50
+              ? cellValue.substring(0, 57) + "..."
+              : cellValue; // 如果长度超过60，显示"..."
+          cell.innerHTML = `<span title="${cellValue}">${cell.textContent}</span>`; // 在悬停时显示全部内容
+          row.appendChild(cell);
+        });
+      } catch (error) {
+        let username = document.createElement("td");
+        username.textContent = token.replace(/^(.{10}).*(.{8})$/, "$1***$2");
+        row.appendChild(username);
+        let errorMessageCell = document.createElement("td");
+        errorMessageCell.colSpan = "8";
+        errorMessageCell.classList.add("status-error");
+        // 在这里检查错误信息是否为 "error request login url"
+        if (error === "error request login url") {
+          errorMessageCell.textContent = "请求错误，请稍后重试";
+        } else {
+          errorMessageCell.textContent =
+            error && error.detail ? error.detail : error;
+        }
+        row.appendChild(errorMessageCell);
+      }
+
+      tableBody.appendChild(row);
+      serialNumber++;
+    }
+  }
+  hideLoadingAnimation();
+}
+
+function copyCell(cell, message) {
+  // 创建一个新的textarea元素
+  var textarea = document.createElement("textarea");
+  // 设置textarea的值为单元格的文本内容
+  textarea.value = cell.innerText;
+  // 将textarea元素添加到body中
+  document.body.appendChild(textarea);
+  // 选择textarea的文本内容
+  textarea.select();
+  // 执行复制命令
+  document.execCommand("copy");
+  // 移除textarea元素
+  document.body.removeChild(textarea);
+  mdui.alert({
+    headline: "提示",
+    description: message,
+    confirmText: "OK",
+  });
+}
+
+function copyTable() {
+  // 这个函数可以保留，以便你仍然可以复制整个表格内容
+  var tableBody = document.getElementById("result-tbody");
+  var textarea = document.createElement("textarea");
+  textarea.value = tableBody.innerText;
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("copy");
+  document.body.removeChild(textarea);
+  mdui.alert({
+    headline: "提示",
+    description: "复制成功",
+    confirmText: "OK",
+  });
+}
+
+function copySess() {
+  var sensitiveCells = document.querySelectorAll("tbody td:nth-child(4) span"); // 选择所有的Sensitive ID单元格
+  var sensitiveIds = Array.from(sensitiveCells).map((cell) => cell.title); // 从单元格中获取所有的Sensitive ID
+  var textarea = document.createElement("textarea");
+  textarea.value = sensitiveIds.join("\n"); // 用换行符连接所有的Sensitive ID
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("copy");
+  document.body.removeChild(textarea);
+  mdui.alert({
+    headline: "提示",
+    description: "Sensitive ID复制成功",
+    confirmText: "OK",
+  });
+}
+
+function showLoadingAnimation() {
+  const button = document.getElementById("query-button");
+
+  // 创建一个新的 <mdui-linear-progress> 元素
+  const progressElement = document.createElement("mdui-linear-progress");
+  progressElement.id = "query-progress";
+
+  // 将新元素替代原始按钮元素
+  button.parentElement.replaceChild(progressElement, button);
+}
+
+function hideLoadingAnimation() {
+  const progressElement = document.querySelector("mdui-linear-progress");
+
+  if (progressElement) {
+    const button = document.createElement("mdui-button");
+    button.id = "query-button";
+    button.innerHTML = "查询";
+    button.setAttribute("full-width", "");
+    button.setAttribute("icon", "search");
+    button.setAttribute("onclick", "sendRequest()");
+
+    // 将原始按钮元素替代回来
+    progressElement.parentElement.replaceChild(button, progressElement);
+  }
+}
+
+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;
+  }
+});
--- a/static/sess1.js
+++ b/static/sess1.js
@ -1,170 +0,0 @@
-let queriedApiKeys = [];
-let serialNumber = 1;
-
-
-async function checkBilling(apiKey, apiUrl) {
-    const headers = {
-        "Authorization": "Bearer " + apiKey,
-        "Content-Type": "application/json"
-    };
-    const urlGetsess = `${apiUrl}/dashboard/onboarding/login`;
-
-    try {
-        let getSess;
-        try {
-            const response = await fetch(urlGetsess, {
-                method: "POST", // 设置请求方法为 POST
-                headers: headers,
-                body: JSON.stringify({}) // 此处放置要发送的数据
-            });
-
-            const getsessdata = await response.json();
-            console.log(getsessdata);
-            
-            // 获取"sensitive_id"
-            const sensitiveId = getsessdata.user.session.sensitive_id;
-
-            // 现在，sensitiveId 包含了"sensitive_id"的值
-            console.log(sensitiveId);
-            return [sensitiveId];
-        } catch (error) {
-            console.error(error);
-        }
-
-    } catch (error) {
-        console.error(error);
-        return [null];
-    }
-}
-
-//查询函数
-async function sendRequest() {
-    let button = document.querySelector("button");
-    button.textContent = "加载中...";
-    button.disabled = true;
-    button.classList.add("loading")
-
-    let apiKeyInput = document.getElementById("api-key-input");
-    let apiUrlSelect = document.getElementById("api-url-select");
-    let customUrlInput = document.getElementById("custom-url-input");
-    let table = document.getElementById("result-table");
-    let h2 = document.getElementById("result-head");
-    h2.style.visibility = "visible";
-    table.style.visibility = "visible";
-
-    if (apiKeyInput.value.trim() === "") {
-        alert("请填写API KEY");
-        return;
-    }
-
-    document.getElementById("result-table").getElementsByTagName('tbody')[0].innerHTML = "";
-
-    let apiUrl = "";
-    if (apiUrlSelect.value === "custom") {
-        if (customUrlInput.value.trim() === "") {
-            alert("请设置API链接");
-            return;
-        } else {
-            apiUrl = customUrlInput.value.trim();
-            if (!apiUrl.startsWith("http://") && !apiUrl.startsWith("https://")) {
-                apiUrl = "https://" + apiUrl;
-            }
-        }
-    } else {
-        apiUrl = apiUrlSelect.value;
-    }
-
-    let apiKeys = apiKeyInput.value.split(/[,\s，\n]+/);
-
-    if (apiKeys.length === 0) {
-        alert("未匹配到 API-KEY，请检查输入内容");
-        return;
-    }
-
-    alert("成功匹配到 API Key，确认后开始查询：" + apiKeys);
-
-    let tableBody = document.querySelector("#result-table tbody");
-    for (let i = 0; i < apiKeys.length; i++) {
-        let apiKey = apiKeys[i].trim();
-
-        if (queriedApiKeys.includes(apiKey)) {
-            console.log(`API KEY ${apiKey} 已查询过，跳过此次查询`);
-            continue;
-        }
-        queriedApiKeys.push(apiKey);
-
-        // 使用 await 关键字等待 checkBilling 的结果
-        let data = await checkBilling(apiKey, apiUrl);
-
-        data = data.map(item => {
-            if (item === undefined || item === null) {
-                return 'Not Found.'
-            } else {
-                return item;
-            }
-        })
-        
-
-        let row = document.createElement("tr");
-
-        checkBilling(apiKey, apiUrl).then((data) => {
-            data = data.map(item => {
-                if (item === undefined) {
-                    return 'Not Found.'
-                } else {
-                    return item
-                }
-            }
-            )
-
-            let row = document.createElement("tr");
-
-            let serialNumberCell = document.createElement("td"); // 创建序列号单元格
-            serialNumberCell.textContent = serialNumber; // 设置序列号文本
-            row.appendChild(serialNumberCell); // 将序列号单元格添加到行中
-
-            let apiKeyCell = document.createElement("td");
-            apiKeyCell.textContent = apiKey.replace(/^(.{10}).*(.{8})$/, "$1***$2");
-            row.appendChild(apiKeyCell);
-
-            console.log('查看查询结果', data); // 添加 console.log 以查看 data 的值
-
-            if (data[0] === undefined) {
-                let errorMessageCell = document.createElement("td");
-                errorMessageCell.colSpan = "8";
-                errorMessageCell.classList.add("status-error");
-                errorMessageCell.textContent = "不正确或已失效的API-KEY";
-                row.appendChild(errorMessageCell);
-            } else {
-                let sensitiveIdResult = document.createElement("td");
-                sensitiveIdResult.textContent = data[0];
-                row.appendChild(sensitiveIdResult);
-            }
-            tableBody.appendChild(row);
-
-            if (i === apiKeys.length - 1) {
-                queriedApiKeys = [];
-            }
-            serialNumber++; // 增加序列号
-            h2.style.display = 'block';
-            table.style.display = 'table';
-
-            button.textContent = "查询";
-            button.disabled = false;
-            button.classList.remove("loading")
-        })
-
-    }
-}
-
-let apiUrlSelect = document.getElementById("api-url-select");
-let customUrlInput = document.getElementById("custom-url-input");
-
-apiUrlSelect.addEventListener("change", function () {
-    if (apiUrlSelect.value === "custom") {
-        customUrlInput.style.display = "inline-block";
-        customUrlInput.style.marginTop = "5px";
-    } else {
-        customUrlInput.style.display = "none";
-    }
-});
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -1,20 +1,28 @@
 module.exports = {
-    //...

-    // add daisyUI plugin
-    plugins: [require("daisyui")],
+  theme: {
+    screens: {
+      "sm": "640px",
+      "md": "768px",
+      "lg": "1024px",
+      "xl": "1280px",
+      "2xl": "1600px",
+      'sm': '576px',
+      "2xl": { 'max': '1600px' },
+      // => @media (min-width: 576px) { ... }

-    // daisyUI config (optional - here are the default values)
-    daisyui: {
-      themes: false, // true: all themes | false: only light + dark | array: specific themes like this ["light", "dark", "cupcake"]
-      darkTheme: "dark", // name of one of the included themes for dark mode
-      base: true, // applies background color and foreground color for root element by default
-      styled: true, // include daisyUI colors and design decisions for all components
-      utils: true, // adds responsive and modifier utility classes
-      rtl: false, // rotate style direction from left-to-right to right-to-left. You also need to add dir="rtl" to your html tag and install `tailwindcss-flip` plugin for Tailwind CSS.
-      prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
-      logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
+      'md': '960px',
+      // => @media (min-width: 960px) { ... }
+
+      'lg': '1560px',
+      // => @media (min-width: 1440px) { ... }
+    }
  },

-    //...
+  plugins: [require("daisyui")],
+  variants: {
+    extend: {
+      borderColor: ['responsive', 'hover', 'focus']
    }
+  }
+}
Author	SHA1	Message	Date
wood chen	55c266975c	Update README.md	2025-07-12 06:54:16 +08:00
wood chen	e5efcbd3f3	Update README.md	2025-06-26 18:08:25 +08:00
wood chen	e17d22f6d7	Update index.html	2025-06-26 16:02:58 +08:00
wood chen	10473ef9b5	Update README.md	2025-06-26 15:55:00 +08:00
wood	65218d4d78	Merge branch 'mdui2' of https://github.com/woodchen-ink/openai-billing-query into mdui2	2024-10-31 07:54:46 +08:00
wood	b512ae25de	style(index.html, static/css.css): Update API URL options and background image	2024-10-31 07:54:43 +08:00
wood chen	31f05dbda1	Update README.md	2024-08-05 20:46:45 +08:00
wood chen	75a66371f0	Update README.md	2024-08-05 20:45:53 +08:00
wood chen	896fe279cd	Update README.md	2024-04-15 20:49:12 +08:00
wood chen	1bdc566c45	Update README.md	2024-01-30 04:45:55 +08:00
wood chen	63ff54c29d	Update README.md	2024-01-04 17:57:01 +08:00
wood chen	12885d66a1	Merge pull request #37 from mouxangithub/mdui2 将刷新接口合并成一个域名请求，潘多拉自带platform的api，无需单独再配	2024-01-04 11:17:55 +08:00
Johnathan Abts	82af4c8351	fix: 修改	2024-01-04 11:11:07 +08:00
Johnathan Abts	063e12e55a	fix: 将刷新接口合并成一个域名请求，潘多拉自带platform的api，无需单独再配	2024-01-04 11:09:24 +08:00
wood chen	4c65ee7a71	删除错误提交	2024-01-03 22:56:14 +08:00
wood chen	853855d819	Merge pull request #36 from mouxangithub/mdui2 fix: 新增刷新sess功能	2024-01-03 22:27:26 +08:00
Johnathan Abts	c93807a2f7	fix: 新增刷新sess功能	2024-01-03 17:07:53 +08:00
wood	d63b02957a	修改自定义链接框描述	2023-12-31 16:16:43 +08:00
wood	0eb792da0a	完善查询界面和复制功能添加 Axios 以实现更稳健的 HTTP 请求。标准化错误处理和单元格溢出行为。启用将所有敏感 ID 复制到剪贴板。限制 API url 修剪。调整复制按钮的样式。这些更改提高了查询界面的可靠性和美观性。 axios 替代了之前 HTTP 请求的 Fetch API 来处理错误更加优雅。单元格内容被截断并带有工具提示以保持布局。新的复制按钮让用户可以轻松收集所有敏感 ID。细微的样式调整也增强了可用性。总体而言，查询组件现在更具弹性且用户友好。	2023-12-29 21:35:14 +08:00
Johnathan Abts	01be618870	Merge branch 'mdui2' of https://github.com/mouxangithub/openai-billing-query into mdui2	2023-12-29 14:31:48 +08:00
Johnathan Abts	94fe780b48	fix: 移除woff2文件转成base64	2023-12-29 14:31:44 +08:00
Johnathan Abts	598ee4864c	Create jekyll-gh-pages.yml	2023-12-29 14:27:09 +08:00
Johnathan Abts	8878b8fdc3	1	2023-12-29 14:26:15 +08:00
Johnathan Abts	befd543d57	Create static.yml	2023-12-29 14:24:59 +08:00
Johnathan Abts	2e90adc476	fix: 添加通过PandoraNext获取sess	2023-12-29 13:41:50 +08:00
woodchen	6df15c2796	update	2023-12-15 09:53:57 +08:00
woodchen	4cfdee7ca5	bug	2023-12-15 09:27:50 +08:00
wood chen	09c40f92a5	Update README.md 新增示意图	2023-12-15 00:43:01 +08:00
wood chen	9c70af453a	Merge pull request #33 from woodchen-ink:woodchen-ink/issue32 修复，并改用mdui2	2023-12-15 00:39:16 +08:00
wood	da6381d71f	请问通过access token获取sess]失效了么 Fixes #32	2023-12-15 00:38:28 +08:00
wood	aecc0946d0	更新依赖包，修改颜色	2023-12-14 04:00:49 +08:00
wood	e184b1e3a9	修复变量定义	2023-11-09 04:08:02 +08:00
wood	72c754a825	1	2023-11-05 18:55:25 +08:00
wood chen	5770c3f939	Update README.md	2023-10-27 03:52:15 -05:00
wood	81c6c76bb5	update	2023-10-25 18:49:37 +08:00
wood	5334b69624	update	2023-10-25 18:49:22 +08:00
wood	8449465349	update	2023-10-25 18:43:51 +08:00
wood	80619cb480	update	2023-10-24 13:13:55 +08:00
wood chen	b6e65dc65a	Update README.md	2023-10-22 16:16:35 +08:00
wood	7c931a6d31	update	2023-10-21 15:41:59 +08:00
wood	e3abc00e1b	update	2023-10-21 15:37:33 +08:00
wood	918213a64e	update	2023-10-21 14:50:08 +08:00
wood	08b6a4186b	update	2023-10-21 13:05:18 +08:00
wood	ce51f6ffca	update	2023-10-21 02:41:25 +08:00
wood	a478392113	update	2023-10-21 02:25:56 +08:00
wood	68725fa6cc	mdui2	2023-10-21 01:36:37 +08:00
wood	387fd638f8	Merge branch 'main' of https://github.com/woodchen-ink/openai-billing-query	2023-10-20 20:18:58 +08:00
wood	596978d35f	update	2023-10-20 20:17:00 +08:00
wood chen	352f3fd129	Update README.md	2023-10-19 00:38:12 -05:00
wood chen	2513055b20	Update README.md	2023-10-17 04:59:46 -05:00
wood	e0c7bbe9bc	udpate	2023-10-13 12:47:39 +08:00
wood chen	c90b571749	Update README.md	2023-10-12 23:15:32 -05:00
wood	407f53647b	update	2023-09-04 14:14:38 +08:00
wood chen	6ccf8048f3	Merge pull request #29 from woodchen-ink:woodchen-ink/issue28 查中转渠道余额显示错误	2023-09-04 13:25:22 +08:00
wood	2608b14b81	查中转渠道余额显示错误 Fixes #28	2023-09-04 13:25:08 +08:00
wood chen	99a615d707	Merge pull request #27 from woodchen-ink:woodchen-ink/issue26 调整下右侧表格的颜色，顺便加一下每一列的线	2023-09-03 21:34:14 +08:00
wood	dbc489523f	调整下右侧表格的颜色，顺便加一下每一列的线 Fixes #26	2023-09-03 21:33:44 +08:00
wood	c6bfa059d0	表头加个说明	2023-09-03 20:23:17 +08:00
wood chen	d418a7be85	Merge pull request #25 from woodchen-ink/woodchen-ink/issue24	2023-09-03 20:12:27 +08:00
wood	5eebcc886f	为了支持单行多信息匹配，结果发现只输入sess或者key的时候查不到了 Fixes #24	2023-09-03 20:11:50 +08:00
wood	a0e750ee56	改为cdnjs公共源	2023-09-03 20:02:50 +08:00
wood chen	bb4057a058	Merge pull request #23 from woodchen-ink/woodchen-ink/issue22	2023-09-01 22:35:45 +08:00
wood	f1a5f4f01f	一行内容里有多个信息时，sess不会识别 Fixes #22	2023-09-01 22:34:00 +08:00
wood	45630a63e1	update	2023-09-01 22:05:27 +08:00
wood chen	497eaa45b1	Merge pull request #21 from woodchen-ink/woodchen-ink/issue20	2023-09-01 21:18:12 +08:00
wood	b720564fdc	修复布局 Fixes #20	2023-09-01 21:17:36 +08:00
wood	f33a1e538d	输入框改成8行	2023-09-01 19:28:27 +08:00