feat: 迁移渠道列表新增和游戏累计分布

web/src/view/sw/ChannelList.vue

@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <div class="kra-search-box">
+      <el-form :model="query" :inline="true" @submit.prevent="search">
+        <el-form-item label="所属平台"><el-select v-model="sources" multiple collapse-tags clearable placeholder="选择平台" style="width: 210px"><el-option v-for="(label, value) in platforms" :key="value" :label="label" :value="value" /></el-select></el-form-item>
+        <el-form-item label="商务账号"><el-input v-model="query.busierAccount" clearable placeholder="商务账号" /></el-form-item>
+        <el-form-item label="渠道账号"><el-input v-model="query.keyword" clearable placeholder="渠道账号" /></el-form-item>
+        <el-form-item label="渠道层级"><el-select v-model="query.promoteLevel" clearable placeholder="全部层级" style="width: 140px"><el-option v-for="(label, value) in levels" :key="value" :label="label" :value="Number(value)" /></el-select></el-form-item>
+        <el-form-item label="渠道类型"><el-select v-model="query.registerType" clearable placeholder="全部类型" style="width: 140px"><el-option label="个人" :value="0" /><el-option label="公会" :value="1" /></el-select></el-form-item>
+        <el-form-item label="状态"><el-select v-model="query.lockStatus" clearable placeholder="全部状态" style="width: 140px"><el-option v-for="(label, value) in statuses" :key="value" :label="label" :value="Number(value)" /></el-select></el-form-item>
+        <el-form-item><el-button type="primary" icon="search" native-type="submit">搜索</el-button></el-form-item>
+      </el-form>
+    </div>
+    <div class="kra-table-box">
+      <div class="kra-btn-list"><el-button v-if="canAdd" type="primary" icon="plus" @click="adding = true">添加渠道</el-button></div>
+      <el-alert v-if="!available" class="mb-4" type="warning" :closable="false" title="渠道数据尚未接入。" />
+      <el-table v-loading="loading" :data="rows" :row-key="row => `${row.sourceDb}:${row.id}`">
+        <el-table-column prop="platformName" label="所属平台" min-width="100" />
+        <el-table-column prop="id" label="ID" min-width="90" />
+        <el-table-column prop="account" label="渠道账号" min-width="150" show-overflow-tooltip />
+        <el-table-column label="渠道层级" min-width="110"><template #default="{ row }"><el-tag effect="plain">{{ levels[row.promoteLevel] || row.promoteLevel || '—' }}</el-tag></template></el-table-column>
+        <el-table-column prop="busierDisplayName" label="归属商务" min-width="200" show-overflow-tooltip />
+        <el-table-column label="上级渠道" min-width="130" show-overflow-tooltip><template #default="{ row }">{{ row.parentName || '—' }}</template></el-table-column>
+        <el-table-column label="负责人" min-width="100"><template #default="{ row }">{{ row.realName || '—' }}</template></el-table-column>
+        <el-table-column label="渠道类型" min-width="100"><template #default="{ row }">{{ { 0: '个人', 1: '公会' }[row.registerType] ?? row.registerType ?? '—' }}</template></el-table-column>
+        <el-table-column label="推广游戏" min-width="115"><template #default="{ row }"><el-button v-if="row.gameCount != null" link type="primary" @click="openGames(row)">{{ channelCount(row.gameCount) }} 款</el-button><span v-else>未接入</span></template></el-table-column>
+        <el-table-column label="玩家数量" min-width="130"><template #default="{ row }">{{ channelCount(row.playerCount) }}</template></el-table-column>
+        <el-table-column label="累计充值" min-width="160"><template #default="{ row }">{{ channelMoney(row.totalPayAmount) }}</template></el-table-column>
+        <el-table-column label="状态" min-width="110"><template #default="{ row }"><el-tag :type="{ 0: 'info', '-1': 'danger', '-2': 'warning' }[row.lockStatus] || 'info'" effect="plain">{{ statuses[row.lockStatus] ?? row.lockStatus ?? '—' }}</el-tag></template></el-table-column>
+      </el-table>
+      <div class="kra-pagination"><el-pagination v-model:current-page="query.pageNum" v-model:page-size="query.pageSize" :total="total" :page-sizes="[10, 20, 50]" layout="total, sizes, prev, pager, next, jumper" @size-change="search" @current-change="load" /></div>
+    </div>
+    <add-channel-drawer v-model="adding" @success="search" />
+    <channel-game-drawer v-model="gamesOpen" :channel="selected" />
+  </div>
+</template>
+
+<script setup>
+import { computed, onMounted, reactive, ref } from 'vue'
+import { ElMessage } from 'element-plus'
+import { useUserStore } from '@/pinia/modules/user'
+import { useBtnAuth } from '@/utils/btnAuth'
+import { listChannels } from '@/api/channel'
+import { channelCount, channelMoney } from './channel-display'
+import AddChannelDrawer from './components/AddChannelDrawer.vue'
+import ChannelGameDrawer from './components/ChannelGameDrawer.vue'
+
+defineOptions({ name: 'SwChannelList' })
+const user = useUserStore()
+const buttons = useBtnAuth()
+const canAdd = computed(() => Number(user.userInfo.authorityId) === 888 || !!buttons['sw:promote:add'])
+const platforms = { lx: '龙翔', hw: '汇玩', yq: '游趣' }
+const levels = { 1: '一级渠道', 2: '二级渠道', 3: '三级渠道' }
+const statuses = { 0: '正常', '-1': '已锁定', '-2': '解除合作' }
+const sources = ref(Object.keys(platforms))
+const query = reactive({ pageNum: 1, pageSize: 10, busierAccount: '', keyword: '', promoteLevel: undefined, registerType: undefined, lockStatus: undefined })
+const rows = ref([])
+const total = ref(0)
+const available = ref(true)
+const loading = ref(false)
+const adding = ref(false)
+const gamesOpen = ref(false)
+const selected = ref(null)
+let requestVersion = 0
+const load = async () => {
+  const version = ++requestVersion
+  if (!sources.value.length) { rows.value = []; total.value = 0; available.value = true; loading.value = false; return }
+  loading.value = true
+  try {
+    const res = await listChannels({ ...query, sourceDb: sources.value.join(','), busierAccount: query.busierAccount.trim(), keyword: query.keyword.trim() })
+    if (version !== requestVersion) return
+    if (res.code === 0) { rows.value = res.data.rows; total.value = res.data.total; available.value = res.data.available !== false }
+    else { rows.value = []; total.value = 0 }
+  } catch { if (version === requestVersion) { rows.value = []; total.value = 0 } } finally { if (version === requestVersion) loading.value = false }
+}
+const search = () => { query.pageNum = 1; if (!sources.value.length) ElMessage.warning('请选择平台'); return load() }
+const openGames = row => { selected.value = row; gamesOpen.value = true }
+onMounted(load)
+</script>