90 lines
3.2 KiB
Vue
90 lines
3.2 KiB
Vue
<template>
|
|
<div class="page-container">
|
|
<el-card shadow="never">
|
|
<template #header>
|
|
<div class="card-header">
|
|
<span>活动互选管理</span>
|
|
<el-input v-model="searchActivityId" placeholder="活动ID搜索" clearable style="width:260px" />
|
|
<el-button type="primary" @click="loadData" :loading="loading">查询</el-button>
|
|
</div>
|
|
</template>
|
|
|
|
<el-table :data="tableData" v-loading="loading" border stripe>
|
|
<el-table-column prop="activityId" label="活动ID" width="160" />
|
|
<el-table-column prop="activityTitle" label="活动名称" min-width="180" />
|
|
<el-table-column label="双向互选对数" width="140">
|
|
<template #default="{row}">{{ row.mutualPairs }} 对</template>
|
|
</el-table-column>
|
|
<el-table-column label="反馈提交数" width="120">
|
|
<template #default="{row}">{{ row.feedbackCount }}</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="120">
|
|
<template #default="{row}">
|
|
<el-button size="small" @click="viewMutuals(row.activityId)">查看互选</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-card>
|
|
|
|
<!-- 互选详情抽屉 -->
|
|
<el-drawer v-model="drawerVisible" title="活动互选详情" size="480px">
|
|
<div v-if="currentActivity">
|
|
<h4>{{ currentActivity.title }} — 双向互选列表</h4>
|
|
<el-table :data="mutualList" border size="small" style="margin-top:16px">
|
|
<el-table-column prop="sourceName" label="表达者" width="120" />
|
|
<el-table-column prop="targetName" label="被表达者" width="120" />
|
|
<el-table-column prop="confirmedAt" label="确认时间" width="180" />
|
|
</el-table>
|
|
<el-empty v-if="!mutualList.length" description="暂无双向互选记录" />
|
|
</div>
|
|
</el-drawer>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, onMounted } from 'vue'
|
|
import { get } from '@/api/client'
|
|
|
|
const searchActivityId = ref('')
|
|
const loading = ref(false)
|
|
const tableData = ref<any[]>([])
|
|
const drawerVisible = ref(false)
|
|
const currentActivity = ref<any>(null)
|
|
const mutualList = ref<any[]>([])
|
|
|
|
async function loadData() {
|
|
loading.value = true
|
|
try {
|
|
const token = localStorage.getItem('accessToken')
|
|
const res: any = await get('/activities/operator/activity-interest-summary', {}, { Authorization: `Bearer ${token}` })
|
|
tableData.value = res || []
|
|
} catch (e) {
|
|
console.error(e)
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
}
|
|
|
|
async function viewMutuals(activityId: string) {
|
|
drawerVisible.value = true
|
|
try {
|
|
const token = localStorage.getItem('accessToken')
|
|
const [actRes, mutualRes]: any = await Promise.all([
|
|
get(`/activities/${activityId}`, {}, { Authorization: `Bearer ${token}` }),
|
|
get(`/activities/${activityId}/interests/mutual`, {}, { Authorization: `Bearer ${token}` })
|
|
])
|
|
currentActivity.value = actRes
|
|
mutualList.value = mutualRes || []
|
|
} catch (e) {
|
|
console.error(e)
|
|
}
|
|
}
|
|
|
|
onMounted(loadData)
|
|
</script>
|
|
|
|
<style scoped>
|
|
.page-container { padding: 24px; }
|
|
.card-header { display: flex; align-items: center; gap: 12px; }
|
|
</style>
|