fix(review): 处理全量审查剩余项（M4-M8/M11/M12 + 21 条 low）
后端
- asset_service: delete_asset 先清 subdomains/site_certs 子表（SQLite 不强制
FK 且 assets.id 无 AUTOINCREMENT，删最大 id 后新建会复用 rowid 导致孤儿误挂）；
metrics.db 清理改 best-effort，不再让已成功的删除返回 500
- provider_service: slug 唯一约束竞态补 IntegrityError 兜底（与 account_service 一致）
- account_service/sync_service: raise HTTPException 补 from e，保留原始异常链
- sync_service: 删死代码 _load_config；新增 BalanceUnsupported，平台无余额接口时
计入 skipped 而不是静默当作失败；到期日写库前归一
- ai: 删掉 OpenAI 早已下线的 billing 余额接口实现，能力探测如实报「不支持」
- adapters/base: _overridden 改走 MRO，中间层基类实现的能力不再被误判为未实现
- core/timeutils: 删死代码 utcnow_iso（注释声称 Z 后缀，实际输出 +00:00）
- main: lifespan 退出时 await 被 cancel 的清理任务，避免 pending task 被销毁
- ssl_service: 写 site_certs/subdomains 前校验 asset_id 存在，杜绝悬空引用；
到期阈值贯穿 _judge_status/_apply_probe/check_one/check_all_site_certs
- routers/credentials、accounts: 明文密码 GET 补 Cache-Control: no-store
- routers/stats: /stats/expiring 的 Query 描述与实际语义对齐（不设下界，含已过期）
Agent
- collector: 解析 sshd_config 的 Include（含 sshd_config.d/*.conf，按 sshd 语义
「首次出现的值生效」），未显式配置的关键字按编译默认值判定，消除假 pass；
防火墙检测改用 iptables -S 统计 -A 规则行并读 INPUT 策略（-L -n 恒有链头输出）
- reporter: 4xx（除 429）不再重试直接退出，429 优先按 Retry-After 退避
安全与部署
- core/security: require_agent_key 改为对外 fail-closed——tailnet/本机放行，
外部来源未配 AGENT_KEY 时一律 401（此前全放行，而服务默认监听 0.0.0.0，
公网上任何人可伪造监控指标与安全检查结果）
- main: 启动时把「未配 API_KEY/AGENT_KEY 则外部来源不可用」打进日志
- run.sh: HOST/PORT 可用环境变量覆盖，并说明默认 0.0.0.0 的权衡
- deploy/setup.sh: 新装时自动生成随机 API_KEY/AGENT_KEY 并提示同步到各 VPS；
注册 vps-cert-check.timer
- deploy/vps-cert-check.{service,timer}: 新增每日 09:30 的站点证书到期探测
（此前 check_site_certs.py 没有任何 unit，证书提醒不会自动跑）
- deploy/update.sh: sync_units 对 timer 用 enable --now（新增 timer 只 restart
不会建开机自启软链），主服务 unit 变更后额外 restart；pip 安装失败不再被吞
- scripts/check_site_certs.py: threshold 参数真正生效并打印
- scripts/make_migration_bundle.py: 缺 assets.db 直接 abort；umask 077 + chmod 600
（包内含 .env 的 MASTER_KEY 与 escrow，不能默认 644 落在 /tmp）
- scripts/restore_migration_bundle.py: 校验之外补必备文件预检，缺文件在触碰
目标机状态之前就 abort
前端
- store: 拆分列表口径 assets 与统计口径 allAssets（无筛选时同源，不重复请求）；
删除已无消费者的 expiring/loadExpiring（每次 loadAll 白发一个请求）
- dashboard/monitor/providers/subscriptions/modals: 统计与计数改用 allAssets，
资产页的筛选（含统计卡片点击跳转带的筛选）不再让其他视图的数字缩水
- modals: 账号同步后补 loadOverview；settings: 导入后改 loadAll
- api: countdownText 支持 unit/empty 选项，monitor/domains 各自的实现改为委托，
assets/domains/subscriptions 的到期列不再直出「(-3天)」
- servers: cpu/mem/disk 百分比统一判空，采样缺项不再渲染「null%」
- assets: 同步 AI 余额的结果提示区分 skipped（平台无余额接口）与 failed
- modals: 修正凭据库头注释——2FA 动态码是选填 + 可事后补验，与实现一致
测试
- 新增 tests/test_agent_collector.py（8 条）、tests/test_security.py（11 条）
- 全量 113 passed；改动 JS 均通过 node --check，deploy 脚本通过 bash -n
- 浏览器实测：筛选态下总览/监控中心/平台页/付费资产的统计仍为全量口径，
到期文案与 null 百分比渲染正确，console 零报错
This commit is contained in:
gouki
+7
-4
@@ -124,12 +124,15 @@ window.VpsFmt = {
|
||||
if (d !== null && d !== undefined && d <= 30) return 'bg-amber-500/10 text-amber-600 dark:text-amber-400';
|
||||
return 'bg-slate-500/10 text-slate-500';
|
||||
},
|
||||
/* 倒计时文案：统一「距到期还有多久」的表述，负数归一为「已过期 N 天」，避免直出 "-3 天" */
|
||||
countdownText(d) {
|
||||
if (d === null || d === undefined) return '未设到期日';
|
||||
/* 倒计时文案：统一「距到期还有多久」的表述，负数归一为「已过期 N 天」，避免直出 "-3 天"
|
||||
opts.unit 传 '' 时只说「N 天」（表格窄列用），默认「N 天后」
|
||||
opts.empty 无到期日时的占位，默认「未设到期日」（表格里可传 '—' / '未知'）
|
||||
已有多处视图各自实现一份（且措辞不一），一律改为调这里 */
|
||||
countdownText(d, opts = {}) {
|
||||
if (d === null || d === undefined) return opts.empty === undefined ? '未设到期日' : opts.empty;
|
||||
if (d < 0) return '已过期 ' + Math.abs(d) + ' 天';
|
||||
if (d === 0) return '今天到期';
|
||||
return d + ' 天后';
|
||||
return d + (opts.unit === '' ? ' 天' : ' 天后');
|
||||
},
|
||||
checkBadge(s) {
|
||||
return { pass: 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400', warn: 'bg-amber-500/10 text-amber-600 dark:text-amber-400', fail: 'bg-red-500/10 text-red-600 dark:text-red-400', unknown: 'bg-slate-500/10 text-slate-500' }[s] || 'bg-slate-500/10 text-slate-500';
|
||||
|
||||
+7
-3
@@ -376,7 +376,8 @@ const AccountsViewModal = {
|
||||
return p ? p.name : slug;
|
||||
}
|
||||
function assetsOf(a) {
|
||||
return store.assets.filter(x => x.account_id === a.id);
|
||||
// 用 allAssets（全量口径）：账号名下有多少资产是事实，不该受资产页筛选影响
|
||||
return store.allAssets.filter(x => x.account_id === a.id);
|
||||
}
|
||||
function toggle(id) { expanded[id] = !expanded[id]; }
|
||||
// 账号所属平台配了 sdk_type 且账号有 API 配置时，提供测试/同步
|
||||
@@ -402,7 +403,9 @@ const AccountsViewModal = {
|
||||
if (r.vps_error) lines.push('VPS 错误：' + r.vps_error);
|
||||
if (r.domains_error) lines.push('域名错误：' + r.domains_error);
|
||||
alert(lines.join('\n'));
|
||||
await Promise.all([loadAccounts(), loadAssets()]);
|
||||
// 同步会新建/更新资产（含到期日），总览的统计卡片也得跟着刷，
|
||||
// 否则回到总览看到的还是同步前的数字
|
||||
await Promise.all([loadAccounts(), loadAssets(), loadOverview()]);
|
||||
} catch (e) { alert('同步失败：' + e.message); }
|
||||
}
|
||||
// 每次打开重置展开状态；关闭时连带收掉密码弹窗
|
||||
@@ -472,7 +475,8 @@ const AccountsViewModal = {
|
||||
/* 凭据编辑模态框（密码库）
|
||||
*
|
||||
* 粒度 = 站点 × 登录方式：同一邮箱注册多个站点就录多条，密码相同也各存一份。
|
||||
* 2FA 录入必须同时填当前动态码（服务端校验），防 secret 手误成废条目。
|
||||
* 2FA 的动态码是选填：填了就当场校验（防 secret 手误成废条目），拿不到可以先存着，
|
||||
* 条目会标「未验证」，之后在列表里随时补验。
|
||||
*/
|
||||
const CredentialModal = {
|
||||
template: `
|
||||
|
||||
+21
-4
@@ -25,13 +25,13 @@ function _writeOauthList(k, list) {
|
||||
|
||||
const store = reactive({
|
||||
view: 'dashboard',
|
||||
assets: [],
|
||||
assets: [], // 列表口径：按当前筛选条件（类型/状态/平台/搜索）的结果
|
||||
allAssets: [], // 统计口径：不带筛选的全量资产（总览/监控卡片/平台计数用）
|
||||
providers: [],
|
||||
accounts: [],
|
||||
subdomains: [],
|
||||
siteCerts: [],
|
||||
overview: {},
|
||||
expiring: [],
|
||||
serverMetrics: {},
|
||||
search: '',
|
||||
filterType: '',
|
||||
@@ -106,7 +106,25 @@ function buildAssetPayload(f) {
|
||||
// 后端 status 参数只认单个 AssetStatus 枚举值；「异常」是「已停止 + 已过期」的组合概念，
|
||||
// 后端不支持多值筛选，这里当作前端本地筛选的哨兵值，不发给 API，由视图层自己过滤。
|
||||
const CLIENT_SIDE_STATUS_FILTERS = new Set(['abnormal']);
|
||||
|
||||
// 列表口径 vs 统计口径必须分开：总览到期日历、监控中心统计卡片、平台页
|
||||
// 「关联 N 个资产」、账号弹窗的资产清单都是全量语义，如果跟着筛选走，
|
||||
// 用户在资产页点了筛选（或从统计卡片跳转筛选）后，其他视图的数字会跟着变小，
|
||||
// 看起来像数据丢了。
|
||||
async function loadAllAssets() {
|
||||
const params = new URLSearchParams();
|
||||
params.set('sort', 'expiry_date'); params.set('order', 'asc');
|
||||
store.allAssets = await Api.get('/assets?' + params.toString());
|
||||
}
|
||||
function _hasAssetFilter() {
|
||||
return !!(store.filterType || store.filterStatus || store.filterProvider || store.search);
|
||||
}
|
||||
async function loadAssets() {
|
||||
await loadAllAssets();
|
||||
if (!_hasAssetFilter()) {
|
||||
store.assets = [...store.allAssets]; // 无筛选时两个口径同源，不重复请求
|
||||
return;
|
||||
}
|
||||
const params = new URLSearchParams();
|
||||
if (store.filterType) params.set('asset_type', store.filterType);
|
||||
if (store.filterStatus && !CLIENT_SIDE_STATUS_FILTERS.has(store.filterStatus)) params.set('status', store.filterStatus);
|
||||
@@ -127,10 +145,9 @@ async function loadCredentials() {
|
||||
async function loadSubdomains() { store.subdomains = await Api.get('/subdomains'); }
|
||||
async function loadSiteCerts() { store.siteCerts = await Api.get('/site-certs'); }
|
||||
async function loadOverview() { store.overview = await Api.get('/stats/overview'); }
|
||||
async function loadExpiring() { store.expiring = await Api.get('/stats/expiring?days=30'); }
|
||||
async function loadAll() {
|
||||
store.loading = true; store.error = '';
|
||||
try { await Promise.all([loadAssets(), loadProviders(), loadAccounts(), loadCredentials(), loadSubdomains(), loadSiteCerts(), loadOverview(), loadExpiring()]); }
|
||||
try { await Promise.all([loadAssets(), loadProviders(), loadAccounts(), loadCredentials(), loadSubdomains(), loadSiteCerts(), loadOverview()]); }
|
||||
catch (e) { store.error = e.message; } finally { store.loading = false; }
|
||||
}
|
||||
|
||||
|
||||
@@ -54,7 +54,7 @@ const AssetsView = {
|
||||
<td class="px-4 py-2.5 font-medium">{{ a.name }}</td>
|
||||
<td class="px-4 py-2.5"><span class="text-xs px-2 py-0.5 rounded-full" :class="Fmt.typeBadge(a.asset_type)">{{ Fmt.TYPE_LABELS[a.asset_type] }}</span></td>
|
||||
<td class="px-4 py-2.5 text-slate-500">{{ a.provider_name || a.provider }}</td>
|
||||
<td class="px-4 py-2.5" :class="Fmt.expiryText(a.days_to_expiry)">{{ a.expiry_date || '—' }}<span v-if="a.days_to_expiry!==null && a.days_to_expiry!==undefined" class="text-xs ml-1">({{ a.days_to_expiry }}天)</span></td>
|
||||
<td class="px-4 py-2.5" :class="Fmt.expiryText(a.days_to_expiry)">{{ a.expiry_date || '—' }}<span v-if="a.days_to_expiry!==null && a.days_to_expiry!==undefined" class="text-xs ml-1">({{ Fmt.countdownText(a.days_to_expiry, { unit: '' }) }})</span></td>
|
||||
<td class="px-4 py-2.5 text-slate-600 dark:text-slate-300">{{ a.cost }} {{ a.currency }}<span v-if="a.renewal_cycle" class="text-xs text-slate-400 ml-1">/{{ Fmt.CYCLE_LABELS[a.renewal_cycle] || a.renewal_cycle }}</span></td>
|
||||
<td class="px-4 py-2.5"><span class="text-xs px-2 py-0.5 rounded-full" :class="Fmt.statusBadge(a.status)">{{ Fmt.STATUS_LABELS[a.status] }}</span></td>
|
||||
<td class="px-4 py-2.5 text-right whitespace-nowrap">
|
||||
@@ -80,7 +80,7 @@ const AssetsView = {
|
||||
<span class="text-xs px-2 py-0.5 rounded-full shrink-0" :class="Fmt.typeBadge(a.asset_type)">{{ Fmt.TYPE_LABELS[a.asset_type] }}</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 mt-2 text-xs">
|
||||
<span :class="Fmt.expiryText(a.days_to_expiry)">{{ a.expiry_date || '无到期' }}<span v-if="a.days_to_expiry!==null&&a.days_to_expiry!==undefined"> ({{ a.days_to_expiry }}天)</span></span>
|
||||
<span :class="Fmt.expiryText(a.days_to_expiry)">{{ a.expiry_date || '无到期' }}<span v-if="a.days_to_expiry!==null&&a.days_to_expiry!==undefined"> ({{ Fmt.countdownText(a.days_to_expiry, { unit: '' }) }})</span></span>
|
||||
<span class="text-slate-500">{{ a.cost }}{{ a.currency }}</span>
|
||||
<span class="px-2 py-0.5 rounded-full" :class="Fmt.statusBadge(a.status)">{{ Fmt.STATUS_LABELS[a.status] }}</span>
|
||||
</div>
|
||||
@@ -149,7 +149,10 @@ const AssetsView = {
|
||||
if (!confirm('同步所有 AI 账号的余额？')) return;
|
||||
try {
|
||||
const r = await Api.post('/sync/ai-balances', {});
|
||||
alert('同步完成：成功 ' + r.success + '，失败 ' + r.failed + (r.errors && r.errors.length ? '\n' + r.errors.join('\n') : ''));
|
||||
// skipped：平台本身没余额接口（如 OpenAI 已下线 billing），不属于失败
|
||||
alert('同步完成：成功 ' + r.success + '，失败 ' + r.failed +
|
||||
(r.skipped ? '，跳过 ' + r.skipped + '（平台无余额接口）' : '') +
|
||||
(r.errors && r.errors.length ? '\n' + r.errors.join('\n') : ''));
|
||||
await loadAssets();
|
||||
} catch (e) { alert('同步失败：' + e.message); }
|
||||
}
|
||||
|
||||
@@ -56,10 +56,11 @@ const DashboardView = {
|
||||
</div>`,
|
||||
setup() {
|
||||
// 到期日历：只看未注销且有到期日的资产，最紧急（含已过期）排最前
|
||||
const expiryList = Vue.computed(() => store.assets
|
||||
// 用 allAssets（全量口径）：总览是全局视图，不能跟着资产页的筛选变小
|
||||
const expiryList = Vue.computed(() => store.allAssets
|
||||
.filter(a => a.expiry_date && a.status !== 'cancelled')
|
||||
.sort((x, y) => (x.days_to_expiry ?? 10 ** 9) - (y.days_to_expiry ?? 10 ** 9)));
|
||||
const noExpiryCount = Vue.computed(() => store.assets.filter(a => !a.expiry_date && a.status !== 'cancelled').length);
|
||||
const noExpiryCount = Vue.computed(() => store.allAssets.filter(a => !a.expiry_date && a.status !== 'cancelled').length);
|
||||
// 副标题：类型 · 平台 · 费用/周期，缺失的字段不占位（避免出现 "VPS · · 3.5USD"）
|
||||
function meta(a) {
|
||||
const bits = [Fmt.TYPE_LABELS[a.asset_type] || a.asset_type, a.provider_name || a.provider];
|
||||
|
||||
@@ -29,7 +29,7 @@ const DomainsView = {
|
||||
<td class="px-4 py-2.5 font-medium">{{ a.domain_detail.domain_name }}</td>
|
||||
<td class="px-4 py-2.5 text-slate-500">{{ a.domain_detail.registrar || '—' }}</td>
|
||||
<td class="px-4 py-2.5 text-slate-500">{{ a.domain_detail.dns_provider || '—' }}</td>
|
||||
<td class="px-4 py-2.5" :class="Fmt.expiryText(a.days_to_expiry)">{{ a.expiry_date || '—' }}<span v-if="a.days_to_expiry!==null" class="text-xs ml-1">({{ a.days_to_expiry }}天)</span></td>
|
||||
<td class="px-4 py-2.5" :class="Fmt.expiryText(a.days_to_expiry)">{{ a.expiry_date || '—' }}<span v-if="a.days_to_expiry!==null&&a.days_to_expiry!==undefined" class="text-xs ml-1">({{ Fmt.countdownText(a.days_to_expiry, { unit: '' }) }})</span></td>
|
||||
<td class="px-4 py-2.5">
|
||||
<span v-if="sslByAsset[a.id]" class="text-xs px-2 py-0.5 rounded-full whitespace-nowrap" :class="certBadge(sslByAsset[a.id].days_to_expiry)" :title="sslByAsset[a.id].issuer || ''">
|
||||
{{ sslByAsset[a.id].hostname }} · {{ certText(sslByAsset[a.id]) }}
|
||||
@@ -154,11 +154,8 @@ const DomainsView = {
|
||||
} catch (e) { alert('探测失败：' + e.message); }
|
||||
}
|
||||
function certText(c) {
|
||||
const d = c.days_to_expiry;
|
||||
if (d === null || d === undefined) return '未知';
|
||||
if (d < 0) return '已过期' + Math.abs(d) + '天';
|
||||
if (d === 0) return '今天到期';
|
||||
return d + '天';
|
||||
// 统一走 Fmt.countdownText：不再自己维护一份，也避免负数直出「-3天」
|
||||
return Fmt.countdownText(c.days_to_expiry, { unit: '', empty: '未知' });
|
||||
}
|
||||
function certBadge(d) {
|
||||
if (d === null || d === undefined) return 'bg-slate-500/10 text-slate-500';
|
||||
|
||||
@@ -189,9 +189,11 @@ const MonitorView = {
|
||||
];
|
||||
const hasExpiry = a => a.expiry_date && a.status !== 'cancelled';
|
||||
// 当前 TAB 下、有到期日的资产（未叠加到期区间子筛选），作为统计卡片与列表的共同基础数据集
|
||||
// 用 allAssets（全量口径）：监控中心靠自己的 TAB 与子筛选限定范围，
|
||||
// 不应该继承资产页的类型/状态/平台/搜索筛选，否则卡片数字会莫名变小
|
||||
const tabScopedAssets = Vue.computed(() => {
|
||||
if (store.monitorTab === 'ssl') return [];
|
||||
let list = store.assets.filter(hasExpiry);
|
||||
let list = store.allAssets.filter(hasExpiry);
|
||||
const t = store.monitorTab;
|
||||
if (t === 'subscription') list = list.filter(a => a.cost > 0);
|
||||
else if (t) list = list.filter(a => a.asset_type === t);
|
||||
@@ -253,12 +255,9 @@ const MonitorView = {
|
||||
function clearExpiryFilter() { store.monitorExpiryFilter = ''; }
|
||||
function toggleSslStatusFilter(k) { store.monitorSslStatusFilter = store.monitorSslStatusFilter === k ? '' : k; }
|
||||
function clearSslStatusFilter() { store.monitorSslStatusFilter = ''; }
|
||||
function countdownText(d) {
|
||||
if (d === null || d === undefined) return '—';
|
||||
if (d < 0) return '已过期 ' + Math.abs(d) + ' 天';
|
||||
if (d === 0) return '今天到期';
|
||||
return d + ' 天';
|
||||
}
|
||||
// 文案统一走 Fmt.countdownText（不再自己维护一份）；
|
||||
// 此处保留窄列样式：无到期日显示 —，天数不带「后」
|
||||
const countdownText = d => Fmt.countdownText(d, { unit: '', empty: '—' });
|
||||
function countdownBadge(d) {
|
||||
if (d === null || d === undefined) return 'bg-slate-500/10 text-slate-500';
|
||||
if (d < 0 || d === 0 || d <= 7) return 'bg-red-500/10 text-red-600 dark:text-red-400';
|
||||
|
||||
@@ -47,9 +47,11 @@ const ProvidersView = {
|
||||
setup() {
|
||||
// 凭证已下沉到账号层：平台卡片不再提供测试/同步（见账号弹窗）
|
||||
// 平台关联资产数：优先按 provider_id 归并，其次按资产里填的平台名/slug
|
||||
// 用 allAssets（全量口径）：「关联 N 个资产」是平台的事实数量，
|
||||
// 不能因为资产页正在筛选就少算（否则点进去看到的清单与数字对不上）
|
||||
const assetCounts = Vue.computed(() => {
|
||||
const m = {};
|
||||
for (const a of store.assets) {
|
||||
for (const a of store.allAssets) {
|
||||
if (a.provider_id) m['id:' + a.provider_id] = (m['id:' + a.provider_id] || 0) + 1;
|
||||
else if (a.provider) m['p:' + a.provider] = (m['p:' + a.provider] || 0) + 1;
|
||||
}
|
||||
|
||||
@@ -13,17 +13,17 @@ const ServersView = {
|
||||
<div v-if="m.info" class="grid grid-cols-2 lg:grid-cols-4 gap-3">
|
||||
<div class="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-800 p-4">
|
||||
<div class="text-xs text-slate-500">CPU</div>
|
||||
<div class="text-xl font-bold mt-1">{{ latest ? latest.cpu_pct : '—' }}%</div>
|
||||
<div class="text-xl font-bold mt-1">{{ pct(latest && latest.cpu_pct) }}</div>
|
||||
<div class="text-xs text-slate-400 mt-1">{{ m.info.cpu_cores }} 核</div>
|
||||
</div>
|
||||
<div class="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-800 p-4">
|
||||
<div class="text-xs text-slate-500">内存</div>
|
||||
<div class="text-xl font-bold mt-1">{{ latest ? latest.mem_pct : '—' }}%</div>
|
||||
<div class="text-xl font-bold mt-1">{{ pct(latest && latest.mem_pct) }}</div>
|
||||
<div class="text-xs text-slate-400 mt-1">{{ m.info.mem_total_gb }} GB</div>
|
||||
</div>
|
||||
<div class="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-800 p-4">
|
||||
<div class="text-xs text-slate-500">磁盘</div>
|
||||
<div class="text-xl font-bold mt-1">{{ latest ? latest.disk_pct : '—' }}%</div>
|
||||
<div class="text-xl font-bold mt-1">{{ pct(latest && latest.disk_pct) }}</div>
|
||||
<div class="text-xs text-slate-400 mt-1">{{ m.info.disk_total_gb }} GB</div>
|
||||
</div>
|
||||
<div class="bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-slate-800 p-4">
|
||||
@@ -100,7 +100,11 @@ const ServersView = {
|
||||
function scoreClass(level) {
|
||||
return { good: 'text-emerald-600 dark:text-emerald-400', warning: 'text-amber-600 dark:text-amber-400', risk: 'text-red-600 dark:text-red-400', unknown: 'text-slate-400' }[level] || 'text-slate-400';
|
||||
}
|
||||
// 百分比统一判空：采样缺项时字段是 null，直出模板会渲染成「null%」
|
||||
function pct(v) {
|
||||
return (v === null || v === undefined) ? '—' : v + '%';
|
||||
}
|
||||
function goBack() { window.location.hash = '#assets'; }
|
||||
return { store, Fmt, m, latest, scoreClass, goBack };
|
||||
return { store, Fmt, m, latest, scoreClass, pct, goBack };
|
||||
},
|
||||
};
|
||||
|
||||
@@ -96,7 +96,9 @@ const SettingsView = {
|
||||
const data = JSON.parse(ev.target.result);
|
||||
const r = await Api.post('/assets/import', data);
|
||||
dataResult.value = '导入完成：新增 ' + r.created + '，更新 ' + r.updated + (r.errors && r.errors.length ? '，错误 ' + r.errors.length : '');
|
||||
await loadAssets();
|
||||
// 导入可能新增平台/账号/资产，全量重拉（含总览统计），
|
||||
// 只刷 loadAssets 会让总览卡片与平台页计数停在导入前
|
||||
await loadAll();
|
||||
} catch (err) { dataResult.value = '导入失败：' + err.message; }
|
||||
};
|
||||
reader.readAsText(file);
|
||||
|
||||
@@ -38,7 +38,7 @@ const SubscriptionsView = {
|
||||
<td class="px-4 py-2.5 font-medium">{{ a.name }}</td>
|
||||
<td class="px-4 py-2.5 text-slate-500">{{ a.provider_name || a.provider }}</td>
|
||||
<td class="px-4 py-2.5 text-slate-600 dark:text-slate-300">{{ a.cost }} {{ a.currency }}<span v-if="a.renewal_cycle" class="text-xs text-slate-400 ml-1">/{{ Fmt.CYCLE_LABELS[a.renewal_cycle] || a.renewal_cycle }}</span></td>
|
||||
<td class="px-4 py-2.5" :class="Fmt.expiryText(a.days_to_expiry)">{{ a.expiry_date || '—' }}<span v-if="a.days_to_expiry!==null&&a.days_to_expiry!==undefined" class="text-xs ml-1">({{ a.days_to_expiry }}天)</span></td>
|
||||
<td class="px-4 py-2.5" :class="Fmt.expiryText(a.days_to_expiry)">{{ a.expiry_date || '—' }}<span v-if="a.days_to_expiry!==null&&a.days_to_expiry!==undefined" class="text-xs ml-1">({{ Fmt.countdownText(a.days_to_expiry, { unit: '' }) }})</span></td>
|
||||
<td class="px-4 py-2.5 text-right whitespace-nowrap">
|
||||
<a v-if="a.renew_url" :href="a.renew_url" target="_blank" class="text-emerald-600 dark:text-emerald-400 hover:underline mr-3 text-xs">续费</a>
|
||||
<a v-if="a.cancel_url" :href="a.cancel_url" target="_blank" class="text-red-600 dark:text-red-400 hover:underline text-xs">取消</a>
|
||||
@@ -50,7 +50,9 @@ const SubscriptionsView = {
|
||||
</div>
|
||||
</div>`,
|
||||
setup() {
|
||||
const subs = Vue.computed(() => store.assets
|
||||
// 用 allAssets（全量口径）：本页有自己的口径（付费/有到期日），
|
||||
// 不该被资产页的类型/状态/搜索筛选影响，否则月度支出统计会跟着缩水
|
||||
const subs = Vue.computed(() => store.allAssets
|
||||
.filter(a => (a.cost > 0 || a.expiry_date) && a.status !== 'cancelled')
|
||||
.sort((x, y) => (x.days_to_expiry ?? 9999) - (y.days_to_expiry ?? 9999)));
|
||||
const monthlyByCurrency = Vue.computed(() => {
|
||||
|
||||
Reference in New Issue
Block a user