| | <!DOCTYPE html>
|
| | <html>
|
| | <head>
|
| | <title>代理管理界面</title>
|
| | <style>
|
| | body {
|
| | font-family: Arial, sans-serif;
|
| | max-width: 1200px;
|
| | margin: 0 auto;
|
| | padding: 20px;
|
| | }
|
| | .container {
|
| | display: flex;
|
| | gap: 20px;
|
| | }
|
| | .section {
|
| | flex: 1;
|
| | background: #f5f5f5;
|
| | padding: 20px;
|
| | border-radius: 8px;
|
| | }
|
| | table {
|
| | width: 100%;
|
| | border-collapse: collapse;
|
| | margin: 10px 0;
|
| | }
|
| | th, td {
|
| | padding: 8px;
|
| | border: 1px solid #ddd;
|
| | text-align: left;
|
| | }
|
| | th { background: #eee; }
|
| | .enabled { color: green; }
|
| | .disabled { color: red; }
|
| | .form-group {
|
| | margin: 10px 0;
|
| | }
|
| | button {
|
| | padding: 5px 10px;
|
| | margin: 2px;
|
| | cursor: pointer;
|
| | }
|
| | .status-bar {
|
| | background: #e0e0e0;
|
| | padding: 10px;
|
| | margin: 10px 0;
|
| | border-radius: 4px;
|
| | }
|
| | </style>
|
| | </head>
|
| | <body>
|
| | <h1>代理管理界面</h1>
|
| |
|
| | <div class="status-bar">
|
| | <strong>系统状态:</strong>
|
| | Models代理数: <span id="modelsCount">0</span> |
|
| | Chat代理数: <span id="chatCount">0</span>
|
| | </div>
|
| |
|
| | <div class="container">
|
| | <div class="section">
|
| | <h2>Models代理列表</h2>
|
| | <table id="modelsTable">
|
| | <tr>
|
| | <th>URL</th>
|
| | <th>权重</th>
|
| | <th>状态</th>
|
| | <th>操作</th>
|
| | </tr>
|
| | </table>
|
| |
|
| | <h3>添加Models代理</h3>
|
| | <div class="form-group">
|
| | <input type="text" id="modelsUrl" placeholder="URL">
|
| | <input type="number" id="modelsWeight" placeholder="权重" value="1">
|
| | <button onclick="addTarget('models')">添加</button>
|
| | </div>
|
| | </div>
|
| |
|
| | <div class="section">
|
| | <h2>Chat代理列表</h2>
|
| | <table id="chatTable">
|
| | <tr>
|
| | <th>URL</th>
|
| | <th>权重</th>
|
| | <th>状态</th>
|
| | <th>操作</th>
|
| | </tr>
|
| | </table>
|
| |
|
| | <h3>添加Chat代理</h3>
|
| | <div class="form-group">
|
| | <input type="text" id="chatUrl" placeholder="URL">
|
| | <input type="number" id="chatWeight" placeholder="权重" value="1">
|
| | <button onclick="addTarget('chat')">添加</button>
|
| | </div>
|
| | </div>
|
| | </div>
|
| |
|
| | <script>
|
| | const password = new URLSearchParams(window.location.search).get('password');
|
| |
|
| | function updateTables() {
|
| | fetch('/admin/api/targets?password=' + password)
|
| | .then(response => response.json())
|
| | .then(data => {
|
| | document.getElementById('modelsCount').textContent = data.models.length;
|
| | document.getElementById('chatCount').textContent = data.chat.length;
|
| |
|
| | updateTable('models', data.models);
|
| | updateTable('chat', data.chat);
|
| | });
|
| | }
|
| |
|
| | function updateTable(type, targets) {
|
| | const table = document.getElementById(type + 'Table');
|
| |
|
| | while (table.rows.length > 1) {
|
| | table.deleteRow(1);
|
| | }
|
| |
|
| | targets.forEach((target, index) => {
|
| | const row = table.insertRow();
|
| | row.innerHTML = `
|
| | <td>${target.url}</td>
|
| | <td>${target.weight}</td>
|
| | <td class="${target.enabled ? 'enabled' : 'disabled'}">
|
| | ${target.enabled ? '启用' : '禁用'}
|
| | </td>
|
| | <td>
|
| | <button onclick="toggleTarget('${type}', '${target.url}')">
|
| | ${target.enabled ? '禁用' : '启用'}
|
| | </button>
|
| | <button onclick="deleteTarget('${type}', '${target.url}')">删除</button>
|
| | </td>
|
| | `;
|
| | });
|
| | }
|
| |
|
| | function addTarget(type) {
|
| | const url = document.getElementById(type + 'Url').value;
|
| | const weight = document.getElementById(type + 'Weight').value;
|
| |
|
| | fetch('/admin/api/target', {
|
| | method: 'POST',
|
| | headers: {
|
| | 'Content-Type': 'application/json',
|
| | },
|
| | body: JSON.stringify({
|
| | type: type,
|
| | url: url,
|
| | weight: parseInt(weight),
|
| | password: password
|
| | })
|
| | }).then(() => {
|
| | document.getElementById(type + 'Url').value = '';
|
| | document.getElementById(type + 'Weight').value = '1';
|
| | updateTables();
|
| | });
|
| | }
|
| |
|
| | function toggleTarget(type, url) {
|
| | fetch('/admin/api/target/toggle', {
|
| | method: 'POST',
|
| | headers: {
|
| | 'Content-Type': 'application/json',
|
| | },
|
| | body: JSON.stringify({
|
| | type: type,
|
| | url: url,
|
| | password: password
|
| | })
|
| | }).then(() => updateTables());
|
| | }
|
| |
|
| | function deleteTarget(type, url) {
|
| | if (!confirm('确定要删除这个代理地址吗？')) return;
|
| |
|
| | fetch('/admin/api/target', {
|
| | method: 'DELETE',
|
| | headers: {
|
| | 'Content-Type': 'application/json',
|
| | },
|
| | body: JSON.stringify({
|
| | type: type,
|
| | url: url,
|
| | password: password
|
| | })
|
| | }).then(() => updateTables());
|
| | }
|
| |
|
| |
|
| | updateTables();
|
| |
|
| | setInterval(updateTables, 5000);
|
| | </script>
|
| | </body>
|
| | </html>
|
| |
|
