WorkBuddy
3c2b967274
CI/CD Pipeline / UI Contracts (source-structure gates) (push) Canceled after 0s
CI/CD Pipeline / E2E (live stack) (push) Canceled after 0s
CI/CD Pipeline / Backend Build & Test (push) Canceled after 0s
CI/CD Pipeline / Admin Web Build (push) Canceled after 0s
CI/CD Pipeline / Mini Program Compile Check (push) Canceled after 0s
CI/CD Pipeline / Migration Validation (push) Canceled after 0s
CI/CD Pipeline / Test Shell Guard (Phase 23 Gate) (push) Canceled after 0s
91 lines
3.3 KiB
Vue
91 lines
3.3 KiB
Vue
<template>
|
|
<div class="page-container">
|
|
<el-card shadow="never">
|
|
<template #header>
|
|
<div class="card-header">
|
|
<span>活动互选管理</span>
|
|
<el-input v-model="searchActivityNumber" placeholder="活动编号搜索" 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="activityDisplayId" label="活动编号" 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="sourceUserDisplayNumber" label="表达者编号" min-width="180" />
|
|
<el-table-column prop="targetUserDisplayNumber" label="被表达者编号" min-width="180" />
|
|
<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 { getAccessToken } from '@/utils/token'
|
|
import { ref, onMounted } from 'vue'
|
|
import { get } from '@/api/client'
|
|
|
|
const searchActivityNumber = 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 = getAccessToken()
|
|
const res: any = await get('/activities/operator/activity-interest-summary', {}, { Authorization: `Bearer ${token}` })
|
|
const rows = res.data || []
|
|
tableData.value = searchActivityNumber.value
|
|
? rows.filter((row: any) => (row.activityDisplayId || '').includes(searchActivityNumber.value.trim()))
|
|
: rows
|
|
} catch (e) {
|
|
console.error(e)
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
}
|
|
|
|
async function viewMutuals(activityId: string) {
|
|
drawerVisible.value = true
|
|
currentActivity.value = tableData.value.find(row => row.activityId === activityId)
|
|
try {
|
|
const token = getAccessToken()
|
|
const mutualRes: any = await get(`/activities/operator/${activityId}/mutuals`, {}, { Authorization: `Bearer ${token}` })
|
|
mutualList.value = mutualRes.data || []
|
|
} catch (e) {
|
|
console.error(e)
|
|
}
|
|
}
|
|
|
|
onMounted(loadData)
|
|
</script>
|
|
|
|
<style scoped>
|
|
.page-container { padding: 24px; }
|
|
.card-header { display: flex; align-items: center; gap: 12px; }
|
|
</style>
|