| | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import { computed, onMounted, reactive, ref } from 'vue' |
|---|
| | | import { useRouter } from 'vue-router' |
|---|
| | | import { computed, onMounted, reactive, ref, watch } from 'vue' |
|---|
| | | import { useRoute, useRouter } from 'vue-router' |
|---|
| | | import { ElMessage, ElMessageBox } from 'element-plus' |
|---|
| | | import { Refresh, Search } from '@element-plus/icons-vue' |
|---|
| | | import { getMerchantSettlement, reviewMerchantSettlement } from '../api/admin' |
|---|
| | | |
|---|
| | | type Kind = 'onboardings' | 'bank-cards' | 'withdrawals' |
|---|
| | | |
|---|
| | | const kind = ref<Kind>('onboardings') |
|---|
| | | const kind = ref<Kind>('withdrawals') |
|---|
| | | const router = useRouter() |
|---|
| | | const route = useRoute() |
|---|
| | | const loading = ref(false) |
|---|
| | | const rows = ref<Record<string, any>[]>([]) |
|---|
| | | const total = ref(0) |
|---|
| | |
|---|
| | | load() |
|---|
| | | } |
|---|
| | | |
|---|
| | | function applyRouteKind() { |
|---|
| | | const value = String(route.query.kind || '') |
|---|
| | | if (value === 'onboardings' || value === 'bank-cards' || value === 'withdrawals') { |
|---|
| | | kind.value = value |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | function openReview(row: Record<string, any>) { |
|---|
| | | if (kind.value === 'onboardings') { |
|---|
| | | router.push({ name: 'merchant-onboarding-detail', params: { id: row.id } }) |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | onMounted(load) |
|---|
| | | watch(() => route.query.kind, () => { |
|---|
| | | applyRouteKind() |
|---|
| | | page.value = 1 |
|---|
| | | filters.status = '' |
|---|
| | | load() |
|---|
| | | }) |
|---|
| | | |
|---|
| | | onMounted(() => { |
|---|
| | | applyRouteKind() |
|---|
| | | load() |
|---|
| | | }) |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <template> |
|---|
| | |
|---|
| | | <el-table-column prop="bankName" label="开户银行" min-width="145" show-overflow-tooltip /> |
|---|
| | | <el-table-column prop="branchName" label="开户支行" min-width="180" show-overflow-tooltip /> |
|---|
| | | <el-table-column prop="cityName" label="开户城市" min-width="120" show-overflow-tooltip /> |
|---|
| | | <el-table-column prop="cardMasked" label="银行卡号" min-width="150" /> |
|---|
| | | <el-table-column prop="cardNo" label="银行卡号" min-width="180" /> |
|---|
| | | </template> |
|---|
| | | <el-table-column label="申请时间" min-width="165"> |
|---|
| | | <template #default="{ row }">{{ formatDate(row.createdAt) }}</template> |
|---|
