feat(ops): add tenant admin user management module
Adds /admin-users CRUD on the ops backend, covering listing, plan/role/KOL toggles, subscription expiry, status flips and password resets, with a configurable default plan code. The ops console exposes a new top-level "用户管理" view and reorganises the sidebar so 操作员管理 and 审计日志 move under a "系统设置" group; AccountsView is renamed accordingly. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<h2 class="ops-page-title">账号管理</h2>
|
||||
<h2 class="ops-page-title">操作员管理</h2>
|
||||
|
||||
<div class="ops-card">
|
||||
<div class="ops-toolbar">
|
||||
|
||||
@@ -0,0 +1,737 @@
|
||||
<template>
|
||||
<h2 class="ops-page-title">用户管理</h2>
|
||||
|
||||
<div class="ops-card">
|
||||
<div class="ops-toolbar admin-users-toolbar">
|
||||
<a-input
|
||||
v-model:value="filter.keyword"
|
||||
class="admin-users-search"
|
||||
placeholder="搜索姓名 / 手机号 / 邮箱"
|
||||
allow-clear
|
||||
@press-enter="reload"
|
||||
@change="onKeywordChange"
|
||||
/>
|
||||
<a-select
|
||||
v-model:value="filter.status"
|
||||
class="admin-users-status"
|
||||
:options="statusOptions"
|
||||
placeholder="状态"
|
||||
allow-clear
|
||||
@change="reload"
|
||||
/>
|
||||
<a-button @click="reload">刷新</a-button>
|
||||
<span class="admin-users-toolbar__spacer" />
|
||||
<a-button type="primary" @click="openCreate">新增用户</a-button>
|
||||
</div>
|
||||
|
||||
<a-table
|
||||
:columns="columns"
|
||||
:data-source="rows"
|
||||
:loading="loading"
|
||||
:pagination="pagination"
|
||||
row-key="id"
|
||||
@change="onTableChange"
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'identity'">
|
||||
<div class="identity-cell">
|
||||
<strong>{{ displayUserName(record) }}</strong>
|
||||
<span>#{{ record.id }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'phone'">
|
||||
{{ record.phone }}
|
||||
</template>
|
||||
<template v-else-if="column.key === 'email'">
|
||||
{{ record.email || "—" }}
|
||||
</template>
|
||||
<template v-else-if="column.key === 'status'">
|
||||
<a-tag :color="record.status === 'active' ? 'green' : 'red'">
|
||||
{{ record.status === "active" ? "启用" : "停用" }}
|
||||
</a-tag>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'role'">
|
||||
<a-tag :color="roleColor(record.tenant_role)">
|
||||
{{ roleLabel(record.tenant_role) }}
|
||||
</a-tag>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'kol'">
|
||||
<a-space>
|
||||
<a-tag :color="kolColor(record.kol_status)">
|
||||
{{ kolLabel(record.kol_status) }}
|
||||
</a-tag>
|
||||
<a-tag v-if="record.kol_market_enabled" color="green">市场展示</a-tag>
|
||||
</a-space>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'plan'">
|
||||
<div class="plan-cell">
|
||||
<a-space>
|
||||
<a-tag>{{ record.plan_name || record.plan_code || "—" }}</a-tag>
|
||||
<a-tag :color="record.subscription_status === 'active' ? 'green' : 'default'">
|
||||
{{ record.subscription_status || "—" }}
|
||||
</a-tag>
|
||||
</a-space>
|
||||
<span :class="['plan-cell__expiry', { 'plan-cell__expiry--expired': isExpired(record.subscription_end_at) }]">
|
||||
{{ formatSubscriptionEnd(record.subscription_end_at) }}
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'tenant'">
|
||||
<span v-if="record.tenant_id">#{{ record.tenant_id }}</span>
|
||||
<span v-else class="muted-text">—</span>
|
||||
</template>
|
||||
<template v-else-if="column.key === 'created_at'">
|
||||
{{ formatDate(record.created_at) }}
|
||||
</template>
|
||||
<template v-else-if="column.key === 'actions'">
|
||||
<a-space>
|
||||
<a @click="openEdit(record)">编辑</a>
|
||||
<a @click="openKol(record)">KOL身份</a>
|
||||
<a-popconfirm
|
||||
title="确认恢复当前套餐默认额度？文章生成次数和 AI 点数会恢复到套餐默认值。"
|
||||
:ok-button-props="{ danger: true, loading: resetUsageLoadingId === record.id }"
|
||||
@confirm="resetPlanUsage(record)"
|
||||
>
|
||||
<a>恢复额度</a>
|
||||
</a-popconfirm>
|
||||
<a @click="openResetPassword(record)">重置密码</a>
|
||||
<a-popconfirm
|
||||
:title="record.status === 'active' ? '确认停用该用户？' : '确认启用该用户？'"
|
||||
@confirm="toggleStatus(record)"
|
||||
>
|
||||
<a>{{ record.status === "active" ? "停用" : "启用" }}</a>
|
||||
</a-popconfirm>
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
</div>
|
||||
|
||||
<a-modal
|
||||
v-model:open="createOpen"
|
||||
title="新增用户"
|
||||
:confirm-loading="createLoading"
|
||||
@ok="submitCreate"
|
||||
@cancel="resetCreate"
|
||||
>
|
||||
<a-form layout="vertical" :model="createForm">
|
||||
<a-form-item label="手机号" required>
|
||||
<a-input v-model:value="createForm.phone" placeholder="13800138000" />
|
||||
</a-form-item>
|
||||
<a-form-item label="姓名">
|
||||
<a-input v-model:value="createForm.name" placeholder="可选" />
|
||||
</a-form-item>
|
||||
<a-form-item label="邮箱">
|
||||
<a-input v-model:value="createForm.email" placeholder="可选" />
|
||||
</a-form-item>
|
||||
<a-form-item label="初始密码" required help="至少 8 位">
|
||||
<a-input-password v-model:value="createForm.password" placeholder="≥ 8 位" />
|
||||
</a-form-item>
|
||||
<a-form-item label="用户角色" required>
|
||||
<a-select v-model:value="createForm.role" :options="roleOptions" />
|
||||
</a-form-item>
|
||||
<a-form-item label="初始套餐" required>
|
||||
<a-select v-model:value="createForm.plan_code" :options="planOptions" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-modal>
|
||||
|
||||
<a-modal
|
||||
v-model:open="editOpen"
|
||||
:title="editTarget ? `编辑 ${displayUserName(editTarget)}` : '编辑用户'"
|
||||
:confirm-loading="editLoading"
|
||||
@ok="submitEdit"
|
||||
@cancel="editOpen = false"
|
||||
>
|
||||
<a-form layout="vertical" :model="editForm">
|
||||
<a-form-item label="手机号" required>
|
||||
<a-input v-model:value="editForm.phone" />
|
||||
</a-form-item>
|
||||
<a-form-item label="姓名">
|
||||
<a-input v-model:value="editForm.name" />
|
||||
</a-form-item>
|
||||
<a-form-item label="邮箱">
|
||||
<a-input v-model:value="editForm.email" placeholder="可选" />
|
||||
</a-form-item>
|
||||
<a-form-item label="用户角色" required>
|
||||
<a-select v-model:value="editForm.role" :options="roleOptions" />
|
||||
</a-form-item>
|
||||
<a-form-item label="套餐" required>
|
||||
<a-select v-model:value="editForm.plan_code" :options="planOptions" @change="onEditPlanChange" />
|
||||
</a-form-item>
|
||||
<a-form-item label="会员到期日" required>
|
||||
<a-date-picker
|
||||
v-model:value="editForm.subscription_end_date"
|
||||
class="admin-users-date-picker"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
:allow-clear="false"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-modal>
|
||||
|
||||
<a-modal
|
||||
v-model:open="kolOpen"
|
||||
:title="kolTarget ? `设置 ${displayUserName(kolTarget)} 的 KOL 身份` : 'KOL 身份'"
|
||||
:confirm-loading="kolLoading"
|
||||
@ok="submitKol"
|
||||
@cancel="kolOpen = false"
|
||||
>
|
||||
<a-form layout="vertical" :model="kolForm">
|
||||
<a-form-item label="KOL 身份" required>
|
||||
<a-switch v-model:checked="kolForm.enabled" checked-children="开通" un-checked-children="停用" />
|
||||
</a-form-item>
|
||||
<a-form-item label="KOL 昵称">
|
||||
<a-input v-model:value="kolForm.display_name" placeholder="默认使用姓名或手机号" />
|
||||
</a-form-item>
|
||||
<a-form-item label="市场展示">
|
||||
<a-switch
|
||||
v-model:checked="kolForm.market_enabled"
|
||||
:disabled="!kolForm.enabled"
|
||||
checked-children="展示"
|
||||
un-checked-children="不展示"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-modal>
|
||||
|
||||
<a-modal
|
||||
v-model:open="resetOpen"
|
||||
:title="resetTarget ? `重置 ${displayUserName(resetTarget)} 的密码` : '重置密码'"
|
||||
:confirm-loading="resetLoading"
|
||||
@ok="submitResetPassword"
|
||||
@cancel="resetOpen = false"
|
||||
>
|
||||
<a-form layout="vertical">
|
||||
<a-form-item label="新密码" required help="至少 8 位">
|
||||
<a-input-password v-model:value="resetPasswordValue" placeholder="≥ 8 位" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-modal>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import type { TableColumnsType, TablePaginationConfig } from "ant-design-vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import dayjs from "dayjs";
|
||||
import { computed, onMounted, reactive, ref } from "vue";
|
||||
|
||||
import { OpsApiError, http } from "@/lib/http";
|
||||
|
||||
interface AdminUserRow {
|
||||
id: number;
|
||||
email: string | null;
|
||||
phone: string;
|
||||
name: string | null;
|
||||
status: string;
|
||||
tenant_id: number | null;
|
||||
tenant_name: string | null;
|
||||
tenant_status: string | null;
|
||||
tenant_role: string | null;
|
||||
primary_workspace_id: number | null;
|
||||
plan_code: string | null;
|
||||
plan_name: string | null;
|
||||
subscription_status: string | null;
|
||||
subscription_end_at: string | null;
|
||||
kol_profile_id: number | null;
|
||||
kol_display_name: string | null;
|
||||
kol_status: string | null;
|
||||
kol_market_enabled: boolean | null;
|
||||
created_at: string;
|
||||
updated_at: string;
|
||||
}
|
||||
|
||||
interface PlanItem {
|
||||
id: number;
|
||||
code: string;
|
||||
name: string;
|
||||
status: string;
|
||||
duration_secs: number;
|
||||
article_limit: number;
|
||||
ai_points_monthly: number;
|
||||
brand_limit: number;
|
||||
}
|
||||
|
||||
interface RoleItem {
|
||||
code: string;
|
||||
name: string;
|
||||
description: string;
|
||||
permissions: string[];
|
||||
}
|
||||
|
||||
interface ListResult {
|
||||
items: AdminUserRow[];
|
||||
total: number;
|
||||
page: number;
|
||||
size: number;
|
||||
}
|
||||
|
||||
interface ResetPlanUsageResult {
|
||||
user: AdminUserRow;
|
||||
reset: {
|
||||
article_reservations: number;
|
||||
article_amount: number;
|
||||
ai_point_reservations: number;
|
||||
ai_points_amount: number;
|
||||
ai_point_usage_logs: number;
|
||||
};
|
||||
}
|
||||
|
||||
const filter = reactive({
|
||||
keyword: "",
|
||||
status: undefined as string | undefined,
|
||||
});
|
||||
|
||||
const statusOptions = [
|
||||
{ label: "启用", value: "active" },
|
||||
{ label: "停用", value: "disabled" },
|
||||
];
|
||||
|
||||
const columns: TableColumnsType<AdminUserRow> = [
|
||||
{ title: "用户", key: "identity", width: 180 },
|
||||
{ title: "手机号", key: "phone", width: 160 },
|
||||
{ title: "邮箱", key: "email", width: 220 },
|
||||
{ title: "状态", key: "status", width: 100 },
|
||||
{ title: "角色", key: "role", width: 120 },
|
||||
{ title: "套餐", key: "plan", width: 180 },
|
||||
{ title: "KOL", key: "kol", width: 180 },
|
||||
{ title: "空间", key: "tenant", width: 100 },
|
||||
{ title: "创建时间", key: "created_at", width: 180 },
|
||||
{ title: "操作", key: "actions", width: 300 },
|
||||
];
|
||||
|
||||
const rows = ref<AdminUserRow[]>([]);
|
||||
const plans = ref<PlanItem[]>([]);
|
||||
const roles = ref<RoleItem[]>([]);
|
||||
const loading = ref(false);
|
||||
const page = ref(1);
|
||||
const size = ref(20);
|
||||
const total = ref(0);
|
||||
|
||||
const pagination = computed<TablePaginationConfig>(() => ({
|
||||
current: page.value,
|
||||
pageSize: size.value,
|
||||
total: total.value,
|
||||
showSizeChanger: true,
|
||||
pageSizeOptions: ["10", "20", "50", "100"],
|
||||
}));
|
||||
|
||||
const planOptions = computed(() =>
|
||||
plans.value.map((plan) => ({
|
||||
label: `${plan.name} (${plan.code})`,
|
||||
value: plan.code,
|
||||
})),
|
||||
);
|
||||
|
||||
const roleOptions = computed(() =>
|
||||
roles.value.map((role) => ({
|
||||
label: role.name,
|
||||
value: role.code,
|
||||
})),
|
||||
);
|
||||
|
||||
let keywordTimer: number | null = null;
|
||||
|
||||
function onKeywordChange() {
|
||||
if (keywordTimer) window.clearTimeout(keywordTimer);
|
||||
keywordTimer = window.setTimeout(() => {
|
||||
page.value = 1;
|
||||
void reload();
|
||||
}, 300);
|
||||
}
|
||||
|
||||
async function reload() {
|
||||
loading.value = true;
|
||||
try {
|
||||
const result = await http.get<ListResult>("/admin-users", {
|
||||
keyword: filter.keyword || undefined,
|
||||
status: filter.status || undefined,
|
||||
page: page.value,
|
||||
size: size.value,
|
||||
});
|
||||
rows.value = result.items;
|
||||
total.value = result.total;
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function loadMeta() {
|
||||
try {
|
||||
const [planResult, roleResult] = await Promise.all([
|
||||
http.get<PlanItem[]>("/plans"),
|
||||
http.get<RoleItem[]>("/roles"),
|
||||
]);
|
||||
plans.value = planResult;
|
||||
roles.value = roleResult;
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
}
|
||||
}
|
||||
|
||||
function onTableChange(pag: TablePaginationConfig) {
|
||||
page.value = pag.current ?? 1;
|
||||
size.value = pag.pageSize ?? 20;
|
||||
void reload();
|
||||
}
|
||||
|
||||
const createOpen = ref(false);
|
||||
const createLoading = ref(false);
|
||||
const createForm = reactive({
|
||||
phone: "",
|
||||
name: "",
|
||||
email: "",
|
||||
password: "",
|
||||
role: "tenant_admin",
|
||||
plan_code: "",
|
||||
});
|
||||
|
||||
function resetCreate() {
|
||||
createForm.phone = "";
|
||||
createForm.name = "";
|
||||
createForm.email = "";
|
||||
createForm.password = "";
|
||||
createForm.role = "tenant_admin";
|
||||
createForm.plan_code = defaultPlanCode();
|
||||
createOpen.value = false;
|
||||
}
|
||||
|
||||
function openCreate() {
|
||||
resetCreate();
|
||||
createOpen.value = true;
|
||||
}
|
||||
|
||||
async function submitCreate() {
|
||||
const phone = normalizePhone(createForm.phone);
|
||||
if (!phone) {
|
||||
message.warning("请输入有效手机号");
|
||||
return;
|
||||
}
|
||||
if (createForm.password.length < 8) {
|
||||
message.warning("初始密码至少 8 位");
|
||||
return;
|
||||
}
|
||||
if (!createForm.role || !createForm.plan_code) {
|
||||
message.warning("请选择用户角色和套餐");
|
||||
return;
|
||||
}
|
||||
createLoading.value = true;
|
||||
try {
|
||||
await http.post("/admin-users", {
|
||||
phone,
|
||||
name: createForm.name.trim(),
|
||||
email: createForm.email.trim(),
|
||||
password: createForm.password,
|
||||
role: createForm.role,
|
||||
plan_code: createForm.plan_code,
|
||||
});
|
||||
message.success("新建成功");
|
||||
resetCreate();
|
||||
void reload();
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
} finally {
|
||||
createLoading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
const editOpen = ref(false);
|
||||
const editLoading = ref(false);
|
||||
const editTarget = ref<AdminUserRow | null>(null);
|
||||
const editForm = reactive({
|
||||
phone: "",
|
||||
name: "",
|
||||
email: "",
|
||||
role: "tenant_admin",
|
||||
plan_code: "",
|
||||
subscription_end_date: "",
|
||||
});
|
||||
|
||||
function openEdit(row: AdminUserRow) {
|
||||
editTarget.value = row;
|
||||
editForm.phone = row.phone;
|
||||
editForm.name = row.name ?? "";
|
||||
editForm.email = row.email ?? "";
|
||||
editForm.role = row.tenant_role ?? "tenant_admin";
|
||||
editForm.plan_code = row.plan_code ?? defaultPlanCode();
|
||||
editForm.subscription_end_date = row.subscription_end_at
|
||||
? dayjs(row.subscription_end_at).format("YYYY-MM-DD")
|
||||
: estimatePlanEndDate(editForm.plan_code);
|
||||
editOpen.value = true;
|
||||
}
|
||||
|
||||
function onEditPlanChange(value: unknown) {
|
||||
if (typeof value === "string") {
|
||||
editForm.subscription_end_date = estimatePlanEndDate(value);
|
||||
}
|
||||
}
|
||||
|
||||
async function submitEdit() {
|
||||
if (!editTarget.value) return;
|
||||
const phone = normalizePhone(editForm.phone);
|
||||
if (!phone) {
|
||||
message.warning("请输入有效手机号");
|
||||
return;
|
||||
}
|
||||
if (!editForm.role || !editForm.plan_code) {
|
||||
message.warning("请选择用户角色和套餐");
|
||||
return;
|
||||
}
|
||||
if (!editForm.subscription_end_date) {
|
||||
message.warning("请选择会员到期日");
|
||||
return;
|
||||
}
|
||||
const originalEndDate = editTarget.value.subscription_end_at
|
||||
? dayjs(editTarget.value.subscription_end_at).format("YYYY-MM-DD")
|
||||
: "";
|
||||
const subscriptionEndAt = dayjs(editForm.subscription_end_date).endOf("day").toISOString();
|
||||
editLoading.value = true;
|
||||
try {
|
||||
await http.patch(`/admin-users/${editTarget.value.id}`, {
|
||||
phone,
|
||||
name: editForm.name.trim(),
|
||||
email: editForm.email.trim(),
|
||||
});
|
||||
if (editForm.plan_code !== editTarget.value.plan_code) {
|
||||
await http.post(`/admin-users/${editTarget.value.id}/plan`, {
|
||||
plan_code: editForm.plan_code,
|
||||
});
|
||||
}
|
||||
if (editForm.role !== editTarget.value.tenant_role) {
|
||||
await http.post(`/admin-users/${editTarget.value.id}/role`, {
|
||||
role: editForm.role,
|
||||
});
|
||||
}
|
||||
if (editForm.subscription_end_date !== originalEndDate) {
|
||||
await http.post(`/admin-users/${editTarget.value.id}/subscription-expiry`, {
|
||||
end_at: subscriptionEndAt,
|
||||
});
|
||||
}
|
||||
message.success("用户设置已更新");
|
||||
editOpen.value = false;
|
||||
void reload();
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
} finally {
|
||||
editLoading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
const resetUsageLoadingId = ref<number | null>(null);
|
||||
|
||||
async function resetPlanUsage(row: AdminUserRow) {
|
||||
resetUsageLoadingId.value = row.id;
|
||||
try {
|
||||
const result = await http.post<ResetPlanUsageResult>(`/admin-users/${row.id}/reset-plan-usage`);
|
||||
message.success(`已恢复到套餐默认额度：${planQuotaLabel(result.user.plan_code)}`);
|
||||
rows.value = rows.value.map((item) => (item.id === row.id ? result.user : item));
|
||||
void reload();
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
} finally {
|
||||
resetUsageLoadingId.value = null;
|
||||
}
|
||||
}
|
||||
|
||||
const resetOpen = ref(false);
|
||||
const resetLoading = ref(false);
|
||||
const resetTarget = ref<AdminUserRow | null>(null);
|
||||
const resetPasswordValue = ref("");
|
||||
|
||||
function openResetPassword(row: AdminUserRow) {
|
||||
resetTarget.value = row;
|
||||
resetPasswordValue.value = "";
|
||||
resetOpen.value = true;
|
||||
}
|
||||
|
||||
async function submitResetPassword() {
|
||||
if (!resetTarget.value) return;
|
||||
if (resetPasswordValue.value.length < 8) {
|
||||
message.warning("新密码至少 8 位");
|
||||
return;
|
||||
}
|
||||
resetLoading.value = true;
|
||||
try {
|
||||
await http.post(`/admin-users/${resetTarget.value.id}/password`, {
|
||||
password: resetPasswordValue.value,
|
||||
});
|
||||
message.success("密码已重置");
|
||||
resetOpen.value = false;
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
} finally {
|
||||
resetLoading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
const kolOpen = ref(false);
|
||||
const kolLoading = ref(false);
|
||||
const kolTarget = ref<AdminUserRow | null>(null);
|
||||
const kolForm = reactive({
|
||||
enabled: false,
|
||||
display_name: "",
|
||||
market_enabled: false,
|
||||
});
|
||||
|
||||
function openKol(row: AdminUserRow) {
|
||||
kolTarget.value = row;
|
||||
kolForm.enabled = row.kol_status === "active";
|
||||
kolForm.display_name = row.kol_display_name ?? displayUserName(row);
|
||||
kolForm.market_enabled = Boolean(row.kol_market_enabled);
|
||||
kolOpen.value = true;
|
||||
}
|
||||
|
||||
async function submitKol() {
|
||||
if (!kolTarget.value) return;
|
||||
kolLoading.value = true;
|
||||
try {
|
||||
await http.post(`/admin-users/${kolTarget.value.id}/kol`, {
|
||||
enabled: kolForm.enabled,
|
||||
display_name: kolForm.display_name.trim(),
|
||||
market_enabled: kolForm.enabled ? kolForm.market_enabled : false,
|
||||
});
|
||||
message.success("KOL 身份已更新");
|
||||
kolOpen.value = false;
|
||||
void reload();
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
} finally {
|
||||
kolLoading.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
async function toggleStatus(row: AdminUserRow) {
|
||||
const next = row.status === "active" ? "disabled" : "active";
|
||||
try {
|
||||
await http.post(`/admin-users/${row.id}/status`, { status: next });
|
||||
message.success(next === "active" ? "已启用" : "已停用");
|
||||
void reload();
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) message.error(error.detail || error.message);
|
||||
}
|
||||
}
|
||||
|
||||
function normalizePhone(value: string): string {
|
||||
const phone = value.trim().replace(/[\s-]/g, "");
|
||||
return /^\+?\d{6,20}$/.test(phone) ? phone : "";
|
||||
}
|
||||
|
||||
function displayUserName(row: AdminUserRow): string {
|
||||
return row.name || row.phone || row.email || `#${row.id}`;
|
||||
}
|
||||
|
||||
function defaultPlanCode(): string {
|
||||
return plans.value[0]?.code ?? "free";
|
||||
}
|
||||
|
||||
function planQuotaLabel(planCode: string | null): string {
|
||||
const plan = plans.value.find((item) => item.code === planCode);
|
||||
if (!plan) return "文章和 AI 点数按当前套餐默认值重置";
|
||||
return `文章 ${plan.article_limit} 次，AI 点数 ${plan.ai_points_monthly} 点`;
|
||||
}
|
||||
|
||||
function estimatePlanEndDate(planCode: string): string {
|
||||
const durationSecs = plans.value.find((plan) => plan.code === planCode)?.duration_secs;
|
||||
if (!durationSecs || durationSecs <= 0) {
|
||||
return dayjs().format("YYYY-MM-DD");
|
||||
}
|
||||
return dayjs().add(durationSecs, "second").format("YYYY-MM-DD");
|
||||
}
|
||||
|
||||
function roleLabel(role: string | null): string {
|
||||
return roles.value.find((item) => item.code === role)?.name ?? role ?? "—";
|
||||
}
|
||||
|
||||
function roleColor(role: string | null): string {
|
||||
if (role === "tenant_admin") return "blue";
|
||||
if (role === "editor") return "purple";
|
||||
if (role === "viewer") return "default";
|
||||
return "default";
|
||||
}
|
||||
|
||||
function kolLabel(status: string | null): string {
|
||||
if (status === "active") return "已开通";
|
||||
if (status === "suspended") return "已停用";
|
||||
if (status === "closed") return "已关闭";
|
||||
return "未开通";
|
||||
}
|
||||
|
||||
function kolColor(status: string | null): string {
|
||||
if (status === "active") return "gold";
|
||||
if (status === "suspended") return "default";
|
||||
if (status === "closed") return "red";
|
||||
return "default";
|
||||
}
|
||||
|
||||
function formatSubscriptionEnd(value: string | null): string {
|
||||
if (!value) return "到期：—";
|
||||
return `到期：${dayjs(value).format("YYYY-MM-DD")}`;
|
||||
}
|
||||
|
||||
function isExpired(value: string | null): boolean {
|
||||
return Boolean(value && dayjs(value).isBefore(dayjs()));
|
||||
}
|
||||
|
||||
function formatDate(value: string): string {
|
||||
return dayjs(value).format("YYYY-MM-DD HH:mm:ss");
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
void loadMeta();
|
||||
void reload();
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.admin-users-toolbar {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.admin-users-search {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.admin-users-status {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.admin-users-date-picker {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.admin-users-toolbar__spacer {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.identity-cell {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.plan-cell {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
min-width: 170px;
|
||||
}
|
||||
|
||||
.plan-cell__expiry {
|
||||
color: #64748b;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.plan-cell__expiry--expired {
|
||||
color: #dc2626;
|
||||
}
|
||||
|
||||
.identity-cell span,
|
||||
.muted-text {
|
||||
color: #94a3b8;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
@@ -100,7 +100,7 @@ async function onSubmit() {
|
||||
try {
|
||||
await auth.login(form.username.trim(), form.password);
|
||||
const redirect =
|
||||
typeof route.query.redirect === "string" ? route.query.redirect : "/accounts";
|
||||
typeof route.query.redirect === "string" ? route.query.redirect : "/admin-users";
|
||||
void router.replace(redirect);
|
||||
} catch (error) {
|
||||
if (error instanceof OpsApiError) {
|
||||
|
||||
Reference in New Issue
Block a user