yvan/kra-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: sync channel drawer and current test database documentation

Browse Source
This commit is contained in:
Yvan
2026-11-06 22:34:43 +08:00
parent 870c83efea
commit 64aca495f2
2 changed files with 25 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/view/sw/components/ChannelGameDrawer.vue
+23 -8
View File
@@ -1,12 +1,14 @@
<template>
<el-drawer class="sw-dialog" v-model="visible" append-to-body destroy-on-close :title="`推广游戏数据 — ${channel?.nickname || channel?.account || ''}`" size="min(560px, 100vw)">
<p class="mb-4">该渠道在各推广游戏的注册与充值分布（累计口径）。</p>
<el-alert v-if="error" type="warning" :closable="false" :title="error" />
<el-table scrollbar-always-on v-else v-loading="loading" :data="games">
<el-table-column label="游戏名称" min-width="140" show-overflow-tooltip><template #default="{ row }">{{ row.gameName || '—' }}</template></el-table-column>
<el-table-column label="玩家数量" min-width="110" align="right"><template #default="{ row }"><metric-value :value="row.registerCount" /></template></el-table-column>
<el-table-column label="充值金额" min-width="150" align="right"><template #default="{ row }"><metric-value kind="money" :value="row.payAmount" /></template></el-table-column>
</el-table>
<el-drawer class="sw-dialog channel-game-drawer" v-model="visible" append-to-body destroy-on-close :title="`推广游戏数据 — ${channel?.nickname || channel?.account || ''}`" size="min(560px, 100vw)">
<p class="game-intro">该渠道在各推广游戏的注册与充值分布（累计口径）。</p>
<el-alert v-if="error" class="game-alert" type="warning" :closable="false" :title="error" />
<div v-else class="game-table-wrap">
<el-table scrollbar-always-on height="100%" v-loading="loading" :data="games">
<el-table-column label="游戏名称" min-width="140" show-overflow-tooltip><template #default="{ row }">{{ row.gameName || '—' }}</template></el-table-column>
<el-table-column label="玩家数量" min-width="110" align="right"><template #default="{ row }"><metric-value :value="row.registerCount" /></template></el-table-column>
<el-table-column label="充值金额" min-width="150" align="right"><template #default="{ row }"><metric-value kind="money" :value="row.payAmount" /></template></el-table-column>
</el-table>
</div>
</el-drawer>
</template>
@@ -39,3 +41,16 @@ watch(() => [props.modelValue, props.channel], ([open]) => { if (open) void load
onBeforeUnmount(reset)
onDeactivated(() => { visible.value = false; reset() })
</script>
<style scoped>
.game-intro { flex-shrink: 0; margin: 0 0 16px; }
.game-alert { flex-shrink: 0; }
.game-table-wrap { flex: 1; min-height: 0; }
</style>
<!-- 抽屉被 teleport 到 body，scoped 样式到不了抽屉容器 -->
<style>
.channel-game-drawer .el-drawer__body {
display: flex;
flex-direction: column;
overflow: hidden;
}
</style>