feat: add superadmin user interaction views
This commit is contained in:
@@ -118,6 +118,107 @@ export const UserService = {
|
||||
items: normalizeItems(data?.items)
|
||||
};
|
||||
},
|
||||
async listUserFavorites(userID, { page, limit, tenant_id, tenant_code, tenant_name, content_id, keyword, created_at_from, created_at_to, sortField, sortOrder } = {}) {
|
||||
if (!userID) throw new Error('userID is required');
|
||||
|
||||
const iso = (d) => {
|
||||
if (!d) return undefined;
|
||||
const date = d instanceof Date ? d : new Date(d);
|
||||
if (Number.isNaN(date.getTime())) return undefined;
|
||||
return date.toISOString();
|
||||
};
|
||||
|
||||
const query = {
|
||||
page,
|
||||
limit,
|
||||
tenant_id,
|
||||
tenant_code,
|
||||
tenant_name,
|
||||
content_id,
|
||||
keyword,
|
||||
created_at_from: iso(created_at_from),
|
||||
created_at_to: iso(created_at_to)
|
||||
};
|
||||
if (sortField && sortOrder) {
|
||||
if (sortOrder === 1) query.asc = sortField;
|
||||
if (sortOrder === -1) query.desc = sortField;
|
||||
}
|
||||
|
||||
const data = await requestJson(`/super/v1/users/${userID}/favorites`, { query });
|
||||
return {
|
||||
page: data?.page ?? page ?? 1,
|
||||
limit: data?.limit ?? limit ?? 10,
|
||||
total: data?.total ?? 0,
|
||||
items: normalizeItems(data?.items)
|
||||
};
|
||||
},
|
||||
async listUserLikes(userID, { page, limit, tenant_id, tenant_code, tenant_name, content_id, keyword, created_at_from, created_at_to, sortField, sortOrder } = {}) {
|
||||
if (!userID) throw new Error('userID is required');
|
||||
|
||||
const iso = (d) => {
|
||||
if (!d) return undefined;
|
||||
const date = d instanceof Date ? d : new Date(d);
|
||||
if (Number.isNaN(date.getTime())) return undefined;
|
||||
return date.toISOString();
|
||||
};
|
||||
|
||||
const query = {
|
||||
page,
|
||||
limit,
|
||||
tenant_id,
|
||||
tenant_code,
|
||||
tenant_name,
|
||||
content_id,
|
||||
keyword,
|
||||
created_at_from: iso(created_at_from),
|
||||
created_at_to: iso(created_at_to)
|
||||
};
|
||||
if (sortField && sortOrder) {
|
||||
if (sortOrder === 1) query.asc = sortField;
|
||||
if (sortOrder === -1) query.desc = sortField;
|
||||
}
|
||||
|
||||
const data = await requestJson(`/super/v1/users/${userID}/likes`, { query });
|
||||
return {
|
||||
page: data?.page ?? page ?? 1,
|
||||
limit: data?.limit ?? limit ?? 10,
|
||||
total: data?.total ?? 0,
|
||||
items: normalizeItems(data?.items)
|
||||
};
|
||||
},
|
||||
async listUserFollowing(userID, { page, limit, tenant_id, code, name, status, created_at_from, created_at_to, sortField, sortOrder } = {}) {
|
||||
if (!userID) throw new Error('userID is required');
|
||||
|
||||
const iso = (d) => {
|
||||
if (!d) return undefined;
|
||||
const date = d instanceof Date ? d : new Date(d);
|
||||
if (Number.isNaN(date.getTime())) return undefined;
|
||||
return date.toISOString();
|
||||
};
|
||||
|
||||
const query = {
|
||||
page,
|
||||
limit,
|
||||
tenant_id,
|
||||
code,
|
||||
name,
|
||||
status,
|
||||
created_at_from: iso(created_at_from),
|
||||
created_at_to: iso(created_at_to)
|
||||
};
|
||||
if (sortField && sortOrder) {
|
||||
if (sortOrder === 1) query.asc = sortField;
|
||||
if (sortOrder === -1) query.desc = sortField;
|
||||
}
|
||||
|
||||
const data = await requestJson(`/super/v1/users/${userID}/following`, { query });
|
||||
return {
|
||||
page: data?.page ?? page ?? 1,
|
||||
limit: data?.limit ?? limit ?? 10,
|
||||
total: data?.total ?? 0,
|
||||
items: normalizeItems(data?.items)
|
||||
};
|
||||
},
|
||||
async getUserRealName(userID) {
|
||||
if (!userID) throw new Error('userID is required');
|
||||
return requestJson(`/super/v1/users/${userID}/realname`);
|
||||
|
||||
@@ -34,6 +34,24 @@ const couponsTotal = ref(0);
|
||||
const couponsPage = ref(1);
|
||||
const couponsRows = ref(10);
|
||||
|
||||
const favorites = ref([]);
|
||||
const favoritesLoading = ref(false);
|
||||
const favoritesTotal = ref(0);
|
||||
const favoritesPage = ref(1);
|
||||
const favoritesRows = ref(10);
|
||||
|
||||
const likes = ref([]);
|
||||
const likesLoading = ref(false);
|
||||
const likesTotal = ref(0);
|
||||
const likesPage = ref(1);
|
||||
const likesRows = ref(10);
|
||||
|
||||
const followingTenants = ref([]);
|
||||
const followingTenantsLoading = ref(false);
|
||||
const followingTenantsTotal = ref(0);
|
||||
const followingTenantsPage = ref(1);
|
||||
const followingTenantsRows = ref(10);
|
||||
|
||||
const rechargeOrders = ref([]);
|
||||
const rechargeOrdersLoading = ref(false);
|
||||
const rechargeOrdersTotal = ref(0);
|
||||
@@ -207,6 +225,80 @@ async function loadCoupons() {
|
||||
}
|
||||
}
|
||||
|
||||
async function loadFavorites() {
|
||||
const id = userID.value;
|
||||
if (!id || Number.isNaN(id)) return;
|
||||
favoritesLoading.value = true;
|
||||
try {
|
||||
const result = await UserService.listUserFavorites(id, {
|
||||
page: favoritesPage.value,
|
||||
limit: favoritesRows.value,
|
||||
tenant_id: favoritesTenantID.value || undefined,
|
||||
tenant_code: favoritesTenantCode.value || undefined,
|
||||
tenant_name: favoritesTenantName.value || undefined,
|
||||
content_id: favoritesContentID.value || undefined,
|
||||
keyword: favoritesKeyword.value || undefined,
|
||||
created_at_from: favoritesCreatedAtFrom.value || undefined,
|
||||
created_at_to: favoritesCreatedAtTo.value || undefined
|
||||
});
|
||||
favorites.value = result.items;
|
||||
favoritesTotal.value = result.total;
|
||||
} catch (error) {
|
||||
toast.add({ severity: 'error', summary: '加载失败', detail: error?.message || '无法加载收藏列表', life: 4000 });
|
||||
} finally {
|
||||
favoritesLoading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function loadLikes() {
|
||||
const id = userID.value;
|
||||
if (!id || Number.isNaN(id)) return;
|
||||
likesLoading.value = true;
|
||||
try {
|
||||
const result = await UserService.listUserLikes(id, {
|
||||
page: likesPage.value,
|
||||
limit: likesRows.value,
|
||||
tenant_id: likesTenantID.value || undefined,
|
||||
tenant_code: likesTenantCode.value || undefined,
|
||||
tenant_name: likesTenantName.value || undefined,
|
||||
content_id: likesContentID.value || undefined,
|
||||
keyword: likesKeyword.value || undefined,
|
||||
created_at_from: likesCreatedAtFrom.value || undefined,
|
||||
created_at_to: likesCreatedAtTo.value || undefined
|
||||
});
|
||||
likes.value = result.items;
|
||||
likesTotal.value = result.total;
|
||||
} catch (error) {
|
||||
toast.add({ severity: 'error', summary: '加载失败', detail: error?.message || '无法加载点赞列表', life: 4000 });
|
||||
} finally {
|
||||
likesLoading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function loadFollowingTenants() {
|
||||
const id = userID.value;
|
||||
if (!id || Number.isNaN(id)) return;
|
||||
followingTenantsLoading.value = true;
|
||||
try {
|
||||
const result = await UserService.listUserFollowing(id, {
|
||||
page: followingTenantsPage.value,
|
||||
limit: followingTenantsRows.value,
|
||||
tenant_id: followingTenantID.value || undefined,
|
||||
code: followingCode.value || undefined,
|
||||
name: followingName.value || undefined,
|
||||
status: followingStatus.value || undefined,
|
||||
created_at_from: followingJoinedAtFrom.value || undefined,
|
||||
created_at_to: followingJoinedAtTo.value || undefined
|
||||
});
|
||||
followingTenants.value = result.items;
|
||||
followingTenantsTotal.value = result.total;
|
||||
} catch (error) {
|
||||
toast.add({ severity: 'error', summary: '加载失败', detail: error?.message || '无法加载关注列表', life: 4000 });
|
||||
} finally {
|
||||
followingTenantsLoading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function loadRechargeOrders() {
|
||||
const id = userID.value;
|
||||
if (!id || Number.isNaN(id)) return;
|
||||
@@ -345,6 +437,29 @@ const joinedTenantsStatus = ref('');
|
||||
const joinedTenantsJoinedAtFrom = ref(null);
|
||||
const joinedTenantsJoinedAtTo = ref(null);
|
||||
|
||||
const favoritesTenantID = ref(null);
|
||||
const favoritesTenantCode = ref('');
|
||||
const favoritesTenantName = ref('');
|
||||
const favoritesContentID = ref(null);
|
||||
const favoritesKeyword = ref('');
|
||||
const favoritesCreatedAtFrom = ref(null);
|
||||
const favoritesCreatedAtTo = ref(null);
|
||||
|
||||
const likesTenantID = ref(null);
|
||||
const likesTenantCode = ref('');
|
||||
const likesTenantName = ref('');
|
||||
const likesContentID = ref(null);
|
||||
const likesKeyword = ref('');
|
||||
const likesCreatedAtFrom = ref(null);
|
||||
const likesCreatedAtTo = ref(null);
|
||||
|
||||
const followingTenantID = ref(null);
|
||||
const followingCode = ref('');
|
||||
const followingName = ref('');
|
||||
const followingStatus = ref('');
|
||||
const followingJoinedAtFrom = ref(null);
|
||||
const followingJoinedAtTo = ref(null);
|
||||
|
||||
async function loadJoinedTenants() {
|
||||
const uid = userID.value;
|
||||
if (!uid) return;
|
||||
@@ -395,6 +510,77 @@ function onJoinedTenantsPage(event) {
|
||||
loadJoinedTenants();
|
||||
}
|
||||
|
||||
function onFavoritesSearch() {
|
||||
favoritesPage.value = 1;
|
||||
loadFavorites();
|
||||
}
|
||||
|
||||
function onFavoritesReset() {
|
||||
favoritesTenantID.value = null;
|
||||
favoritesTenantCode.value = '';
|
||||
favoritesTenantName.value = '';
|
||||
favoritesContentID.value = null;
|
||||
favoritesKeyword.value = '';
|
||||
favoritesCreatedAtFrom.value = null;
|
||||
favoritesCreatedAtTo.value = null;
|
||||
favoritesPage.value = 1;
|
||||
favoritesRows.value = 10;
|
||||
loadFavorites();
|
||||
}
|
||||
|
||||
function onFavoritesPage(event) {
|
||||
favoritesPage.value = (event.page ?? 0) + 1;
|
||||
favoritesRows.value = event.rows ?? favoritesRows.value;
|
||||
loadFavorites();
|
||||
}
|
||||
|
||||
function onLikesSearch() {
|
||||
likesPage.value = 1;
|
||||
loadLikes();
|
||||
}
|
||||
|
||||
function onLikesReset() {
|
||||
likesTenantID.value = null;
|
||||
likesTenantCode.value = '';
|
||||
likesTenantName.value = '';
|
||||
likesContentID.value = null;
|
||||
likesKeyword.value = '';
|
||||
likesCreatedAtFrom.value = null;
|
||||
likesCreatedAtTo.value = null;
|
||||
likesPage.value = 1;
|
||||
likesRows.value = 10;
|
||||
loadLikes();
|
||||
}
|
||||
|
||||
function onLikesPage(event) {
|
||||
likesPage.value = (event.page ?? 0) + 1;
|
||||
likesRows.value = event.rows ?? likesRows.value;
|
||||
loadLikes();
|
||||
}
|
||||
|
||||
function onFollowingSearch() {
|
||||
followingTenantsPage.value = 1;
|
||||
loadFollowingTenants();
|
||||
}
|
||||
|
||||
function onFollowingReset() {
|
||||
followingTenantID.value = null;
|
||||
followingCode.value = '';
|
||||
followingName.value = '';
|
||||
followingStatus.value = '';
|
||||
followingJoinedAtFrom.value = null;
|
||||
followingJoinedAtTo.value = null;
|
||||
followingTenantsPage.value = 1;
|
||||
followingTenantsRows.value = 10;
|
||||
loadFollowingTenants();
|
||||
}
|
||||
|
||||
function onFollowingPage(event) {
|
||||
followingTenantsPage.value = (event.page ?? 0) + 1;
|
||||
followingTenantsRows.value = event.rows ?? followingTenantsRows.value;
|
||||
loadFollowingTenants();
|
||||
}
|
||||
|
||||
function onNotificationsPage(event) {
|
||||
notificationsPage.value = (event.page ?? 0) + 1;
|
||||
notificationsRows.value = event.rows ?? notificationsRows.value;
|
||||
@@ -418,16 +604,22 @@ watch(
|
||||
() => {
|
||||
ownedTenantsPage.value = 1;
|
||||
joinedTenantsPage.value = 1;
|
||||
followingTenantsPage.value = 1;
|
||||
notificationsPage.value = 1;
|
||||
couponsPage.value = 1;
|
||||
favoritesPage.value = 1;
|
||||
likesPage.value = 1;
|
||||
rechargeOrdersPage.value = 1;
|
||||
loadUser();
|
||||
loadWallet();
|
||||
loadRealName();
|
||||
loadOwnedTenants();
|
||||
loadJoinedTenants();
|
||||
loadFollowingTenants();
|
||||
loadNotifications();
|
||||
loadCoupons();
|
||||
loadFavorites();
|
||||
loadLikes();
|
||||
loadRechargeOrders();
|
||||
},
|
||||
{ immediate: true }
|
||||
@@ -496,6 +688,9 @@ onMounted(() => {
|
||||
<TabList>
|
||||
<Tab value="owned">拥有的租户</Tab>
|
||||
<Tab value="joined">加入的租户</Tab>
|
||||
<Tab value="following">关注</Tab>
|
||||
<Tab value="favorites">收藏</Tab>
|
||||
<Tab value="likes">点赞</Tab>
|
||||
<Tab value="wallet">钱包</Tab>
|
||||
<Tab value="recharge">充值记录</Tab>
|
||||
<Tab value="coupons">优惠券</Tab>
|
||||
@@ -648,6 +843,263 @@ onMounted(() => {
|
||||
</DataTable>
|
||||
</div>
|
||||
</TabPanel>
|
||||
<TabPanel value="following">
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="flex items-center justify-between">
|
||||
<span class="text-muted-color">共 {{ followingTenantsTotal }} 条</span>
|
||||
</div>
|
||||
|
||||
<SearchPanel :loading="followingTenantsLoading" @search="onFollowingSearch" @reset="onFollowingReset">
|
||||
<SearchField label="TenantID">
|
||||
<InputNumber v-model="followingTenantID" :min="1" placeholder="精确匹配" class="w-full" />
|
||||
</SearchField>
|
||||
<SearchField label="Code">
|
||||
<InputText v-model="followingCode" placeholder="请输入" class="w-full" @keyup.enter="onFollowingSearch" />
|
||||
</SearchField>
|
||||
<SearchField label="名称">
|
||||
<InputText v-model="followingName" placeholder="请输入" class="w-full" @keyup.enter="onFollowingSearch" />
|
||||
</SearchField>
|
||||
<SearchField label="成员状态">
|
||||
<Select v-model="followingStatus" :options="statusFilterOptions" optionLabel="label" optionValue="value" placeholder="请选择" :loading="statusOptionsLoading" class="w-full" />
|
||||
</SearchField>
|
||||
<SearchField label="关注时间 From">
|
||||
<DatePicker v-model="followingJoinedAtFrom" showIcon showButtonBar placeholder="开始时间" class="w-full" />
|
||||
</SearchField>
|
||||
<SearchField label="关注时间 To">
|
||||
<DatePicker v-model="followingJoinedAtTo" showIcon showButtonBar placeholder="结束时间" class="w-full" />
|
||||
</SearchField>
|
||||
</SearchPanel>
|
||||
|
||||
<DataTable
|
||||
:value="followingTenants"
|
||||
dataKey="tenant_id"
|
||||
:loading="followingTenantsLoading"
|
||||
lazy
|
||||
:paginator="true"
|
||||
:rows="followingTenantsRows"
|
||||
:totalRecords="followingTenantsTotal"
|
||||
:first="(followingTenantsPage - 1) * followingTenantsRows"
|
||||
:rowsPerPageOptions="[10, 20, 50, 100]"
|
||||
@page="onFollowingPage"
|
||||
currentPageReportTemplate="显示第 {first} - {last} 条，共 {totalRecords} 条"
|
||||
paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
|
||||
scrollable
|
||||
scrollHeight="420px"
|
||||
responsiveLayout="scroll"
|
||||
>
|
||||
<Column field="tenant_id" header="TenantID" style="min-width: 7rem" />
|
||||
<Column field="code" header="Code" style="min-width: 10rem" />
|
||||
<Column field="name" header="名称" style="min-width: 14rem">
|
||||
<template #body="{ data }">
|
||||
<Button :label="data.name || '-'" icon="pi pi-external-link" text size="small" class="p-0" as="router-link" :to="`/superadmin/tenants/${data.tenant_id}`" />
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="Owner" style="min-width: 12rem">
|
||||
<template #body="{ data }">
|
||||
<span>{{ data?.owner?.username ?? '-' }}</span>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="租户状态" style="min-width: 12rem">
|
||||
<template #body="{ data }">
|
||||
<Tag :value="data.tenant_status_description || data.tenant_status || '-'" severity="secondary" />
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="成员状态" style="min-width: 10rem">
|
||||
<template #body="{ data }">
|
||||
<Tag :value="data.member_status_description || data.member_status || '-'" :severity="getStatusSeverity(data.member_status)" />
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="joined_at" header="关注时间" style="min-width: 14rem">
|
||||
<template #body="{ data }">
|
||||
{{ formatDate(data.joined_at) }}
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="expired_at" header="过期时间" style="min-width: 14rem">
|
||||
<template #body="{ data }">
|
||||
{{ formatDate(data.expired_at) }}
|
||||
</template>
|
||||
</Column>
|
||||
</DataTable>
|
||||
</div>
|
||||
</TabPanel>
|
||||
<TabPanel value="favorites">
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="flex items-center justify-between">
|
||||
<span class="text-muted-color">共 {{ favoritesTotal }} 条</span>
|
||||
</div>
|
||||
|
||||
<SearchPanel :loading="favoritesLoading" @search="onFavoritesSearch" @reset="onFavoritesReset">
|
||||
<SearchField label="TenantID">
|
||||
<InputNumber v-model="favoritesTenantID" :min="1" placeholder="精确匹配" class="w-full" />
|
||||
</SearchField>
|
||||
<SearchField label="TenantCode">
|
||||
<InputText v-model="favoritesTenantCode" placeholder="请输入" class="w-full" @keyup.enter="onFavoritesSearch" />
|
||||
</SearchField>
|
||||
<SearchField label="TenantName">
|
||||
<InputText v-model="favoritesTenantName" placeholder="请输入" class="w-full" @keyup.enter="onFavoritesSearch" />
|
||||
</SearchField>
|
||||
<SearchField label="ContentID">
|
||||
<InputNumber v-model="favoritesContentID" :min="1" placeholder="精确匹配" class="w-full" />
|
||||
</SearchField>
|
||||
<SearchField label="关键字">
|
||||
<InputText v-model="favoritesKeyword" placeholder="标题/摘要/描述" class="w-full" @keyup.enter="onFavoritesSearch" />
|
||||
</SearchField>
|
||||
<SearchField label="收藏时间 From">
|
||||
<DatePicker v-model="favoritesCreatedAtFrom" showIcon showButtonBar placeholder="开始时间" class="w-full" />
|
||||
</SearchField>
|
||||
<SearchField label="收藏时间 To">
|
||||
<DatePicker v-model="favoritesCreatedAtTo" showIcon showButtonBar placeholder="结束时间" class="w-full" />
|
||||
</SearchField>
|
||||
</SearchPanel>
|
||||
|
||||
<DataTable
|
||||
:value="favorites"
|
||||
dataKey="action_id"
|
||||
:loading="favoritesLoading"
|
||||
lazy
|
||||
:paginator="true"
|
||||
:rows="favoritesRows"
|
||||
:totalRecords="favoritesTotal"
|
||||
:first="(favoritesPage - 1) * favoritesRows"
|
||||
:rowsPerPageOptions="[10, 20, 50, 100]"
|
||||
@page="onFavoritesPage"
|
||||
currentPageReportTemplate="显示第 {first} - {last} 条，共 {totalRecords} 条"
|
||||
paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
|
||||
scrollable
|
||||
scrollHeight="420px"
|
||||
responsiveLayout="scroll"
|
||||
>
|
||||
<Column field="action_id" header="记录ID" style="min-width: 7rem" />
|
||||
<Column header="内容标题" style="min-width: 18rem">
|
||||
<template #body="{ data }">
|
||||
<span>{{ data?.content?.content?.title ?? '-' }}</span>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="ContentID" style="min-width: 8rem">
|
||||
<template #body="{ data }">
|
||||
{{ data?.content?.content?.id ?? '-' }}
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="租户" style="min-width: 14rem">
|
||||
<template #body="{ data }">
|
||||
<div class="flex flex-col">
|
||||
<span class="font-medium">{{ data?.content?.tenant?.name ?? '-' }}</span>
|
||||
<span class="text-xs text-muted-color">Code: {{ data?.content?.tenant?.code ?? '-' }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="作者" style="min-width: 12rem">
|
||||
<template #body="{ data }">
|
||||
<span>{{ data?.content?.owner?.username ?? '-' }}</span>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="状态" style="min-width: 10rem">
|
||||
<template #body="{ data }">
|
||||
<Tag :value="data?.content?.status_description || data?.content?.content?.status || '-'" severity="secondary" />
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="收藏时间" style="min-width: 14rem">
|
||||
<template #body="{ data }">
|
||||
{{ formatDate(data.action_at) }}
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="发布时间" style="min-width: 14rem">
|
||||
<template #body="{ data }">
|
||||
{{ formatDate(data?.content?.content?.published_at) }}
|
||||
</template>
|
||||
</Column>
|
||||
</DataTable>
|
||||
</div>
|
||||
</TabPanel>
|
||||
<TabPanel value="likes">
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="flex items-center justify-between">
|
||||
<span class="text-muted-color">共 {{ likesTotal }} 条</span>
|
||||
</div>
|
||||
|
||||
<SearchPanel :loading="likesLoading" @search="onLikesSearch" @reset="onLikesReset">
|
||||
<SearchField label="TenantID">
|
||||
<InputNumber v-model="likesTenantID" :min="1" placeholder="精确匹配" class="w-full" />
|
||||
</SearchField>
|
||||
<SearchField label="TenantCode">
|
||||
<InputText v-model="likesTenantCode" placeholder="请输入" class="w-full" @keyup.enter="onLikesSearch" />
|
||||
</SearchField>
|
||||
<SearchField label="TenantName">
|
||||
<InputText v-model="likesTenantName" placeholder="请输入" class="w-full" @keyup.enter="onLikesSearch" />
|
||||
</SearchField>
|
||||
<SearchField label="ContentID">
|
||||
<InputNumber v-model="likesContentID" :min="1" placeholder="精确匹配" class="w-full" />
|
||||
</SearchField>
|
||||
<SearchField label="关键字">
|
||||
<InputText v-model="likesKeyword" placeholder="标题/摘要/描述" class="w-full" @keyup.enter="onLikesSearch" />
|
||||
</SearchField>
|
||||
<SearchField label="点赞时间 From">
|
||||
<DatePicker v-model="likesCreatedAtFrom" showIcon showButtonBar placeholder="开始时间" class="w-full" />
|
||||
</SearchField>
|
||||
<SearchField label="点赞时间 To">
|
||||
<DatePicker v-model="likesCreatedAtTo" showIcon showButtonBar placeholder="结束时间" class="w-full" />
|
||||
</SearchField>
|
||||
</SearchPanel>
|
||||
|
||||
<DataTable
|
||||
:value="likes"
|
||||
dataKey="action_id"
|
||||
:loading="likesLoading"
|
||||
lazy
|
||||
:paginator="true"
|
||||
:rows="likesRows"
|
||||
:totalRecords="likesTotal"
|
||||
:first="(likesPage - 1) * likesRows"
|
||||
:rowsPerPageOptions="[10, 20, 50, 100]"
|
||||
@page="onLikesPage"
|
||||
currentPageReportTemplate="显示第 {first} - {last} 条，共 {totalRecords} 条"
|
||||
paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
|
||||
scrollable
|
||||
scrollHeight="420px"
|
||||
responsiveLayout="scroll"
|
||||
>
|
||||
<Column field="action_id" header="记录ID" style="min-width: 7rem" />
|
||||
<Column header="内容标题" style="min-width: 18rem">
|
||||
<template #body="{ data }">
|
||||
<span>{{ data?.content?.content?.title ?? '-' }}</span>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="ContentID" style="min-width: 8rem">
|
||||
<template #body="{ data }">
|
||||
{{ data?.content?.content?.id ?? '-' }}
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="租户" style="min-width: 14rem">
|
||||
<template #body="{ data }">
|
||||
<div class="flex flex-col">
|
||||
<span class="font-medium">{{ data?.content?.tenant?.name ?? '-' }}</span>
|
||||
<span class="text-xs text-muted-color">Code: {{ data?.content?.tenant?.code ?? '-' }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="作者" style="min-width: 12rem">
|
||||
<template #body="{ data }">
|
||||
<span>{{ data?.content?.owner?.username ?? '-' }}</span>
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="状态" style="min-width: 10rem">
|
||||
<template #body="{ data }">
|
||||
<Tag :value="data?.content?.status_description || data?.content?.content?.status || '-'" severity="secondary" />
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="点赞时间" style="min-width: 14rem">
|
||||
<template #body="{ data }">
|
||||
{{ formatDate(data.action_at) }}
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="发布时间" style="min-width: 14rem">
|
||||
<template #body="{ data }">
|
||||
{{ formatDate(data?.content?.content?.published_at) }}
|
||||
</template>
|
||||
</Column>
|
||||
</DataTable>
|
||||
</div>
|
||||
</TabPanel>
|
||||
<TabPanel value="wallet">
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="flex items-center justify-between">
|
||||
|
||||
Reference in New Issue
Block a user