v0.3.7: 恢复前端Vue源码 + 修复AdminDashboard 401根源
This commit is contained in:
79
source_clean/frontend.bak.old/admin.html
Normal file
79
source_clean/frontend.bak.old/admin.html
Normal file
@@ -0,0 +1,79 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>CloudSearch 管理后台</title>
|
||||
<style>
|
||||
:root{--bg:#f5f6fa;--card:#fff;--text:#2c3e50;--sub:#7f8c8d;--pri:#3498db;--pri-hover:#2980b9;--danger:#e74c3c;--success:#27ae60;--warn:#f39c12;--border:#e8ecf1;--sidebar-bg:#1a1a2e;--sidebar-text:#b0b8c8;--sidebar-active:#fff;--radius:8px}
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
#app{display:flex;flex:1}body{font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);display:flex;min-height:100vh}
|
||||
.sidebar{width:220px;background:var(--sidebar-bg);color:var(--sidebar-text);flex-shrink:0;display:flex;flex-direction:column}
|
||||
.sidebar-title{padding:20px;font-size:17px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
|
||||
.nav-item{display:flex;align-items:center;gap:8px;padding:9px 16px 9px 20px;cursor:pointer;color:var(--sidebar-text);font-size:13px;transition:.15s;border-left:3px solid transparent}
|
||||
.nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}
|
||||
.nav-item.active{color:var(--sidebar-active);background:rgba(52,152,219,.15);border-left-color:var(--pri)}
|
||||
.main{flex:1;display:flex;flex-direction:column;overflow:hidden}
|
||||
.topbar{padding:16px 24px;font-size:16px;font-weight:600;background:var(--card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
|
||||
#content{flex:1;overflow-y:auto;padding:24px}
|
||||
.card{background:var(--card);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
|
||||
.card-title{font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}
|
||||
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:20px}
|
||||
.stat-card{background:var(--card);border-radius:var(--radius);padding:8px 12px;box-shadow:0 1px 3px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:space-between}
|
||||
.form-group{margin-bottom:14px;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
|
||||
.form-group label{font-size:13px;color:var(--text);font-weight:500;min-width:130px;padding-top:6px}
|
||||
.form-control{padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;outline:none;transition:.15s;max-width:360px;width:100%}
|
||||
.form-control:focus{border-color:var(--pri)}
|
||||
.form-control.wide{max-width:500px}
|
||||
textarea.form-control{min-height:70px;resize:vertical}
|
||||
.btn{padding:7px 16px;border:none;border-radius:6px;font-size:13px;cursor:pointer;font-weight:500;transition:.15s;display:inline-flex;align-items:center;gap:4px}
|
||||
.btn-pri{background:var(--pri);color:#fff}.btn-pri:hover{background:var(--pri-hover)}
|
||||
.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c0392b}
|
||||
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--bg)}
|
||||
.btn-sm{padding:4px 10px;font-size:12px}
|
||||
.toggle{position:relative;display:inline-block;width:42px;height:22px}
|
||||
.toggle input{opacity:0;width:0;height:0}
|
||||
.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:22px;transition:.2s}
|
||||
.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}
|
||||
.toggle input:checked+.toggle-slider{background:var(--pri)}
|
||||
.toggle input:checked+.toggle-slider:before{transform:translateX(20px)}
|
||||
.toast{position:fixed;top:16px;right:16px;padding:12px 20px;border-radius:8px;color:#fff;font-size:13px;z-index:999;animation:slideIn .3s ease}
|
||||
.toast-success{background:var(--success)}.toast-error{background:var(--danger)}
|
||||
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
|
||||
.loading{text-align:center;padding:40px;color:var(--sub)}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-title">CloudSearch</div>
|
||||
<div class="nav-item active" data-page="dashboard" onclick="nav('dashboard')">📊 仪表盘</div>
|
||||
<div class="nav-item" data-page="sys-site" onclick="nav('sys-site')">⚙️ 网站设置</div>
|
||||
<div class="nav-item" data-page="sys-services" onclick="nav('sys-services')">🔗 外部服务</div>
|
||||
<div class="nav-item" data-page="sys-manage" onclick="nav('sys-manage')">🖥 服务管理</div>
|
||||
<div class="nav-item" data-page="sys-strategy" onclick="nav('sys-strategy')">🚀 性能配置</div>
|
||||
<div class="nav-item" data-page="sys-password" onclick="nav('sys-password')">🔑 修改密码</div>
|
||||
<div class="nav-item" data-page="cloud-config" onclick="nav('cloud-config')">☁️ 网盘设置</div>
|
||||
<div class="nav-item" data-page="cleanup" onclick="nav('cleanup')">🗑 存储清理</div>
|
||||
<div style="margin-top:auto;padding:12px"><button class="btn btn-outline btn-sm" onclick="logout()" style="width:100%;color:var(--sidebar-text)">退出登录</button></div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<div class="topbar"><span id="pageTitle">仪表盘</span><span id="appVersion" style="font-size:12px;color:var(--sub)">v-</span></div>
|
||||
<div id="content"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/admin/js/admin-core.js"></script>
|
||||
<script src="/admin/js/admin-helpers.js"></script>
|
||||
<script src="/admin/js/admin-login.js"></script>
|
||||
<script src="/admin/js/admin-dashboard.js"></script>
|
||||
<script src="/admin/js/admin-site.js"></script>
|
||||
<script src="/admin/js/admin-services.js"></script>
|
||||
<script src="/admin/js/admin-password.js"></script>
|
||||
<script src="/admin/js/cloud/cloud-core.js"></script>
|
||||
<script src="/admin/js/cloud/cloud-render.js"></script>
|
||||
<script src="/admin/js/cloud/cloud-dialog.js"></script>
|
||||
<script src="/admin/js/cloud/cloud-actions.js"></script>
|
||||
<script src="/admin/js/admin-cleanup.js"></script>
|
||||
<script src="/admin/js/admin-boot.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user