iye
086d92991e
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 7s
183 lines
9.3 KiB
HTML
183 lines
9.3 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>工作台 · Airshelf</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/restraint.css?v=2026052607">
|
|
<style>
|
|
.dash-grid { display: grid; grid-template-columns: 1.7fr 1fr; gap: 24px; align-items: start; }
|
|
.recent-row { display: grid; grid-template-columns: 54px 1fr 110px 130px 60px; align-items: center; gap: 16px; padding: 14px 18px; border-bottom: 1px solid var(--border-faint); cursor: pointer; }
|
|
.recent-row .prog, .recent-row .pill, .recent-row .btn { justify-self: start; }
|
|
.recent-row:last-child { border-bottom: 0; }
|
|
.recent-row:hover { background: var(--background-lighter); }
|
|
.recent-row .thumb { width: 54px; height: 70px; border-radius: var(--r-md); }
|
|
.recent-meta .name { font-weight: 600; font-size: 13.5px; color: var(--accent-black); }
|
|
.recent-meta .sub { font-size: 12px; color: var(--black-alpha-48); margin-top: 3px; font-family: var(--font-mono); letter-spacing: .01em; }
|
|
.shortcuts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
|
|
.shortcut { background: var(--surface); border: 1px solid var(--border-faint); border-radius: var(--r-md); padding: 16px; display: flex; align-items: flex-start; gap: 12px; cursor: pointer; transition: background var(--t-base); }
|
|
.shortcut:hover { background: var(--black-alpha-4); }
|
|
.shortcut .ic { width: 32px; height: 32px; background: var(--heat-12); color: var(--heat); display: grid; place-items: center; border-radius: var(--r-md); flex-shrink: 0; }
|
|
.shortcut .ic svg { width: 16px; height: 16px; }
|
|
.shortcut .t { font-size: 13px; font-weight: 600; }
|
|
.shortcut .d { font-size: 11.5px; color: var(--black-alpha-48); margin-top: 3px; font-family: var(--font-mono); letter-spacing: .01em; }
|
|
.tip { background: var(--surface); border: 1px dashed var(--border-faint); padding: 14px 16px; font-size: 12.5px; color: var(--black-alpha-56); line-height: 1.6; border-radius: var(--r-md); }
|
|
.tip strong { color: var(--accent-black); font-weight: 600; display: block; margin-bottom: 4px; }
|
|
.tip .mono { font-family: var(--font-mono); color: var(--heat); background: var(--heat-12); padding: 1px 5px; border-radius: var(--r-sm); font-size: 11.5px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="page">
|
|
|
|
<div class="page-head">
|
|
<div>
|
|
<h1>欢迎回来，小李</h1>
|
|
<div class="sub">
|
|
<span class="mono">// 05.14 · 周三</span>
|
|
<span>·</span>
|
|
<span>你有 <b style="color:var(--accent-black)">3 个项目</b> 正在进行中</span>
|
|
</div>
|
|
</div>
|
|
<div class="actions">
|
|
<a class="btn btn-create" href="javascript:void(0)" onclick="event.preventDefault(); window.NewProductDrawer && NewProductDrawer.open();">
|
|
<span data-iconkit="productPlus" data-icon-size="16"></span>
|
|
新建商品
|
|
</a>
|
|
<a class="btn btn-primary btn-lg btn-create" href="projects-new.html">
|
|
<span data-iconkit="clapperboard" data-icon-size="16"></span>
|
|
新建项目
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="stats with-corners">
|
|
<span class="corner-tr" aria-hidden></span><span class="corner-bl" aria-hidden></span>
|
|
<a class="stat" href="projects.html">
|
|
<div class="lbl">总项目 <span class="badge">ALL</span></div>
|
|
<div class="v">8</div>
|
|
<div class="delta up"><span data-iconkit="arrowUp" data-icon-size="14"></span> 本月 +3</div>
|
|
</a>
|
|
<a class="stat" href="projects.html?filter=wip">
|
|
<div class="lbl">进行中 <span class="badge">WIP</span></div>
|
|
<div class="v">3</div>
|
|
<div class="delta">2 个待审核</div>
|
|
</a>
|
|
<a class="stat" href="projects.html?filter=done">
|
|
<div class="lbl">本月成片 <span class="badge">DONE</span></div>
|
|
<div class="v">3</div>
|
|
<div class="delta up"><span data-iconkit="arrowUp" data-icon-size="14"></span> 较上月 +33%</div>
|
|
</a>
|
|
<a class="stat" href="account.html">
|
|
<div class="lbl">余额 <span class="badge">¥</span></div>
|
|
<div class="v">¥327<small>.40</small></div>
|
|
<div class="bar"><span style="width:33%"></span></div>
|
|
<div class="sub">已用 ¥162.60 / ¥500</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="dash-grid">
|
|
<div>
|
|
<div class="section-h">
|
|
<h2>最近项目</h2>
|
|
<a class="more" href="projects.html">[ ALL · 8 ]</a>
|
|
</div>
|
|
<div class="card-hard">
|
|
<a class="recent-row" href="pipeline.html?product=%E9%80%8F%E7%9C%9F%E8%A1%A5%E6%B0%B4%E9%9D%A2%E8%86%9C#stage-3">
|
|
<div class="placeholder thumb"><span class="ph-frame">9:16</span></div>
|
|
<div class="recent-meta">
|
|
<div class="name">补水面膜 · 痛点种草 · v3</div>
|
|
<div class="sub">透真补水面膜 / AI 全生 / 7 镜</div>
|
|
</div>
|
|
<div class="prog"><span class="done"></span><span class="done"></span><span class="cur"></span><span></span><span></span></div>
|
|
<span class="pill info"><span class="dot"></span>故事板 待确认</span>
|
|
<span class="btn btn-sm">继续</span>
|
|
</a>
|
|
<a class="recent-row" href="pipeline.html?product=%E9%80%8F%E7%9C%9F%E9%98%B2%E6%99%92#stage-5">
|
|
<div class="placeholder thumb"><span class="ph-frame">9:16</span></div>
|
|
<div class="recent-meta">
|
|
<div class="name">透真防晒 · 通勤对比</div>
|
|
<div class="sub">透真防晒 / AI 全生 / 6 镜</div>
|
|
</div>
|
|
<div class="prog"><span class="done"></span><span class="done"></span><span class="done"></span><span class="done"></span><span class="done"></span></div>
|
|
<span class="pill ok"><span class="dot"></span>已完成</span>
|
|
<span class="btn btn-sm">打开</span>
|
|
</a>
|
|
<a class="recent-row" href="pipeline.html?product=Pro%204%20%E8%93%9D%E7%89%99%E8%80%B3%E6%9C%BA#stage-4">
|
|
<div class="placeholder thumb"><span class="ph-frame">9:16</span></div>
|
|
<div class="recent-meta">
|
|
<div class="name">蓝牙耳机 · 开箱测评</div>
|
|
<div class="sub">Pro 4 蓝牙耳机 / 自带脚本 / 6 镜</div>
|
|
</div>
|
|
<div class="prog"><span class="done"></span><span class="done"></span><span class="done"></span><span class="cur"></span><span></span></div>
|
|
<span class="pill info"><span class="dot"></span>视频生成 4/6</span>
|
|
<span class="btn btn-sm">继续</span>
|
|
</a>
|
|
<a class="recent-row" href="pipeline.html?product=%E5%87%9D%E5%BD%A9%E7%AB%8B%E4%BD%93%E5%8F%A3%E7%BA%A2#stage-2">
|
|
<div class="placeholder thumb"><span class="ph-frame">9:16</span></div>
|
|
<div class="recent-meta">
|
|
<div class="name">春日新品 · 立体口红</div>
|
|
<div class="sub">凝彩立体口红 / 一句话 / 5 镜</div>
|
|
</div>
|
|
<div class="prog"><span class="done"></span><span class="cur"></span><span></span><span></span><span></span></div>
|
|
<span class="pill info"><span class="dot"></span>资产生成中</span>
|
|
<span class="btn btn-sm">继续</span>
|
|
</a>
|
|
<a class="recent-row" href="pipeline.html?product=%E5%86%B7%E8%90%83%E5%92%96%E5%95%A1%E5%86%BB%E5%B9%B2#stage-3">
|
|
<div class="placeholder thumb"><span class="ph-frame">9:16</span></div>
|
|
<div class="recent-meta">
|
|
<div class="name">咖啡冻干 · 早八</div>
|
|
<div class="sub">冷萃咖啡冻干 / 一句话 / 5 镜</div>
|
|
</div>
|
|
<div class="prog"><span class="done"></span><span class="done"></span><span class="fail"></span><span></span><span></span></div>
|
|
<span class="pill err"><span class="dot"></span>故事板失败</span>
|
|
<span class="btn btn-sm">查看</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display:flex;flex-direction:column;gap:24px">
|
|
<div>
|
|
<div class="section-h"><h2>快捷入口</h2><span class="more">[ /shortcuts ]</span></div>
|
|
<div class="shortcuts">
|
|
<a class="shortcut" href="products.html">
|
|
<div class="ic" data-iconkit="package"></div>
|
|
<div><div class="t">商品库</div><div class="d">7 SKU</div></div>
|
|
</a>
|
|
<a class="shortcut" href="library.html">
|
|
<div class="ic" data-iconkit="images"></div>
|
|
<div><div class="t">资产库</div><div class="d">人 8 · 景 14 · 片 8</div></div>
|
|
</a>
|
|
<a class="shortcut" href="account.html">
|
|
<div class="ic" data-iconkit="creditCard"></div>
|
|
<div><div class="t">充值</div><div class="d">¥327.40</div></div>
|
|
</a>
|
|
<a class="shortcut" href="projects.html">
|
|
<div class="ic" data-iconkit="clapperboard"></div>
|
|
<div><div class="t">所有项目</div><div class="d">8 个</div></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="section-h"><h2>提示</h2><span class="more">[ FAQ ]</span></div>
|
|
<div class="tip">
|
|
<strong>扣费规则</strong>
|
|
生成失败、超时、用户重跑 — 均不扣费。仅在你点 <span class="mono">[ 确认通过 ]</span> 时按 token 实际结算。
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="assets/icons.js?v=2026052608"></script>
|
|
<script src="assets/shell.js?v=2026052607"></script>
|
|
<script src="assets/new-product-drawer.js?v=202605211643"></script>
|
|
<script>
|
|
document.querySelectorAll('[data-iconkit]').forEach(el => {
|
|
el.innerHTML = IconKit.svg(el.dataset.iconkit, { size: Number(el.dataset.iconSize || 16) });
|
|
});
|
|
Shell.render({ active: 'dashboard', crumbs: [{ label: '工作台' }] });
|
|
</script>
|
|
</body>
|
|
</html>
|