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

update

Browse Source
This commit is contained in:
wood 2023-09-01 22:05:27 +08:00
parent 497eaa45b1
commit 45630a63e1
4 changed files with 40 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -9,20 +9,17 @@
<link rel="stylesheet" href="./static/css-1.css" type="text/css" /> <link rel="stylesheet" href="./static/css-1.css" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script> <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" /> <link href="https://cdn.jsdelivr.net/npm/daisyui@3.6.4/dist/full.css" rel="stylesheet" type="text/css" />
<style>
</style>
</head> </head>
<body class="bg-gray-900 text-white"> <body class="bg-gray-900 text-white">
<div class="container w-full mx-auto px-4"> <div class="container w-full mx-auto lg:flex">
<div class="sidebar bg-gray-800 bg-opacity-60 p-8 relative overflow-y-auto"> <div class="sidebar bg-gray-800 bg-opacity-60 p-8 relative overflow-y-auto lg:w-1/4 md:w-full">
<header> <header>
<h1 class="text-2xl font-semibold mb-8 text-gradient">OpenAI API 信息查询</h1> <h1 class="text-2xl font-semibold mb-8 text-gradient">OpenAI API 信息查询</h1>
<p class="mt-3 text-sm">页面列表：</p> <p class="mt-3 text-sm">页面列表：</p>
<a href="index.html" class="badge badge-accent">查API信息</a><br> <a href="index.html" class="badge badge-accent hover:bg-base-100">查API信息</a><br>
<a href="get_sess1.html" class="badge badge-accent">通过access token获取sess</a><br> <a href="get_sess1.html" class="badge badge-accent hover:bg-base-100">通过access token获取sess</a><br>
<a href="https://woodchen.ink/1266.html" class="badge badge-accent" target="_blank">手动获取sess的方法</a> <a href="https://woodchen.ink/1266.html" class="badge badge-accent hover:bg-base-100" target="_blank">手动获取sess的方法</a>
</header> </header>
<div class="query mt-8"> <div class="query mt-8">
@ -68,12 +65,12 @@
</div> </div>
</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" <button id="query-button" class="mt-8 w-full bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded"
onclick="sendRequest()"> onclick="sendRequest()">
查询 查询
</button> </button>
<div class="toast "> <div class="toast invisible md:visible">
<div class="alert alert-info"> <div class="alert alert-info">
<p>广告链接： <p>广告链接：
<a href="https://chat.czl.net" target="_blank" class="link link-hover">CZLChat</a> <a <a href="https://chat.czl.net" target="_blank" class="link link-hover">CZLChat</a> <a
@ -87,7 +84,7 @@
</div> </div>
</div> </div>
<div class="content pl-6 pt-6"> <div class="content pl-6 pt-6 lg:w-3/4 md:w-full">
<h2 class="text-2xl mb-6 font-semibold text-gradient">查询结果</h2> <h2 class="text-2xl mb-6 font-semibold text-gradient">查询结果</h2>
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<div class="overflow-y-hidden "> <div class="overflow-y-hidden ">

12
static/css-1.css
View File

@ -1,6 +1,6 @@
body { body {
background: url('https://cdn-img.czl.net/2023/05/23/pjbczr.webp') no-repeat center center fixed; background: url('https://cdn-img.czl.net/2023/05/23/pjbczr.webp') no-repeat center center fixed;
background-size: cover; background-size:cover;
} }
html, html,
@ -9,15 +9,9 @@ body {
} }
.container { .container {
display: flex; /* display: flex; */
height: 100VH; height: 100%;
} }
.sidebar {
width: 30%;
}
.content {
width: 70%;
}

10
static/js.js
View File

@ -321,6 +321,7 @@ function sendRequest() {
) )
let row = document.createElement("tr"); let row = document.createElement("tr");
row.classList.add("hover:bg-gray-700");
let serialNumberCell = document.createElement("td"); // 创建序列号单元格 let serialNumberCell = document.createElement("td"); // 创建序列号单元格
serialNumberCell.textContent = serialNumber; // 设置序列号文本 serialNumberCell.textContent = serialNumber; // 设置序列号文本
@ -345,7 +346,7 @@ function sendRequest() {
let totalUsedCell = document.createElement("td"); let totalUsedCell = document.createElement("td");
if (!isNaN(data[1])) { if (!isNaN(data[1])) {
totalUsedCell.textContent = data[1]; totalUsedCell.textContent = data[1].toFixed(3);
} else { } else {
totalUsedCell.textContent = '❌' totalUsedCell.textContent = '❌'
} }
@ -518,12 +519,7 @@ function showLoadingAnimation() {
const button = document.getElementById("query-button"); const button = document.getElementById("query-button");
button.disabled = true; button.disabled = true;
button.innerHTML = ` 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"> <span class="loading loading-ring "></span>
<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>
加载中...
`; `;
} }

35
tailwind.config.js
View File

@ -1,22 +1,37 @@
module.exports = { module.exports = {
theme: { theme: {
screens: {
"sm": "640px",
"md": "768px",
"lg": "1024px",
"xl": "1280px",
"2xl": "1600px",
'sm': '576px',
"2xl":{'max': '1600px'},
// => @media (min-width: 576px) { ... }
'md': '960px',
// => @media (min-width: 960px) { ... }
'lg': '1560px',
// => @media (min-width: 1440px) { ... }
}
}, },
plugins: [require("daisyui")], plugins: [require("daisyui")],
daisyui: { // daisyui: {
themes: false, // themes: false,
darkTheme: "dark", // darkTheme: "dark",
base: true, // base: true,
styled: true, // styled: true,
utils: true, // utils: true,
rtl: false, // rtl: false,
prefix: "", // prefix: "",
logs: true, // logs: true,
}, // },
//... //...
} }